.ticket-page{padding:44px 0 60px;min-height:calc(100vh - 76px)}
.ticket-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:18px;margin-bottom:18px}
.ticket-intro{padding:30px;position:relative;overflow:hidden}.ticket-intro:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-110px;bottom:-140px;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 22%, transparent),transparent 68%)}
.ticket-intro h1{font-size:42px;margin:16px 0 12px}.ticket-intro p{color:var(--muted);line-height:1.7;margin:0;max-width:720px}.ticket-points{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}.ticket-point{padding:13px;border:1px solid var(--line);border-radius:12px;background:var(--bg2)}.ticket-point b{display:block;font-size:12px}.ticket-point span{display:block;color:var(--muted);font-size:10px;margin-top:4px;line-height:1.45}
.ticket-side{padding:24px;display:flex;flex-direction:column;justify-content:center}.ticket-side h3{margin:0 0 10px}.ticket-side p{margin:0;color:var(--muted);font-size:12px;line-height:1.6}.ticket-warning{margin-top:16px;padding:11px 12px;border:1px solid #5b2029;border-radius:10px;background:#1b0c10;color:#d7a7ae;font-size:10px;line-height:1.55}
.ticket-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:18px}.ticket-card{padding:24px}.ticket-card h2{font-size:20px;margin:0 0 5px}.ticket-card>p{margin:0 0 18px;color:var(--muted);font-size:11px}
.ticket-form{display:grid;gap:11px}.ticket-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ticket-field label{display:block;color:var(--soft);font-size:9px;font-weight:850;letter-spacing:.08em;margin:0 0 6px;text-transform:uppercase}.ticket-field input,.ticket-field select,.ticket-field textarea{width:100%;border:1px solid var(--line2);background:var(--bg2);color:var(--text);border-radius:10px;padding:11px 12px;outline:none;font:inherit;font-size:12px}.ticket-field textarea{min-height:150px;resize:vertical}.ticket-field input:focus,.ticket-field select:focus,.ticket-field textarea:focus{border-color:var(--accent)}
.ticket-submit{width:100%;margin-top:3px}.ticket-result{display:none;margin-top:13px;padding:12px;border:1px solid #214d35;background:#102118;border-radius:10px;color:#8de5ad;font-size:11px;line-height:1.6}.ticket-result.show{display:block}.ticket-error{display:none;margin-top:13px;padding:12px;border:1px solid #662130;background:#251018;border-radius:10px;color:#ff9cab;font-size:11px}.ticket-error.show{display:block}
.ticket-list{display:grid;gap:9px;max-height:620px;overflow:auto;scrollbar-width:none}.ticket-list::-webkit-scrollbar{display:none}.ticket-item{border:1px solid var(--line);background:var(--bg2);border-radius:12px;padding:13px;cursor:pointer;transition:.15s}.ticket-item:hover,.ticket-item.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent-soft) 55%,var(--bg2))}.ticket-item-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.ticket-item b{font-size:12px}.ticket-item p{margin:6px 0 0;color:var(--muted);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticket-status{padding:4px 7px;border-radius:999px;font-size:8px;font-weight:900;text-transform:uppercase}.ticket-status.open{background:#102118;color:#59d88a;border:1px solid #214d35}.ticket-status.closed{background:#221217;color:#c77785;border:1px solid #5b2029}
.ticket-empty{padding:45px 18px;text-align:center;color:var(--muted);font-size:11px;border:1px dashed var(--line);border-radius:12px}.ticket-chat{margin-top:14px;border:1px solid var(--line);border-radius:13px;overflow:hidden;display:none}.ticket-chat.show{display:block}.ticket-chat-head{padding:12px 14px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:10px;align-items:center}.ticket-chat-head b{font-size:12px}.ticket-chat-head span{display:block;color:var(--muted);font-size:9px;margin-top:3px}.ticket-messages{max-height:360px;overflow:auto;padding:14px;display:flex;flex-direction:column;gap:8px;scrollbar-width:none}.ticket-messages::-webkit-scrollbar{display:none}.ticket-msg{max-width:80%;padding:9px 11px;border-radius:11px;font-size:11px;line-height:1.5;white-space:pre-wrap;word-break:break-word}.ticket-msg.visitor{align-self:flex-end;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff}.ticket-msg.admin{align-self:flex-start;background:var(--bg2);border:1px solid var(--line2)}.ticket-msg small{display:block;font-size:8px;opacity:.62;margin-top:4px}.ticket-reply{padding:11px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:8px}.ticket-reply textarea{min-height:54px;max-height:110px;resize:vertical;border:1px solid var(--line2);background:var(--bg2);color:var(--text);border-radius:9px;padding:9px;outline:none;font:11px/1.45 inherit}.ticket-reply.closed{display:none}.ticket-actions{display:flex;gap:7px;flex-wrap:wrap}.ticket-close-btn{height:34px;padding:0 10px;border:1px solid #5b2029;background:#1b0c10;color:#d78491;border-radius:8px;cursor:pointer;font-size:9px;font-weight:800}
@media(max-width:900px){.ticket-hero,.ticket-grid{grid-template-columns:1fr}.ticket-intro h1{font-size:34px}}@media(max-width:600px){.ticket-row,.ticket-points{grid-template-columns:1fr}.ticket-intro,.ticket-card{padding:18px}}