.support-page { background:#07090e; }
.support-v2 { --acid:#c9ff3d; --gold:#ffb33f; --green:#55d69e; --red:#ff667a; --panel:#111620; --line:rgba(255,255,255,.09); color:#e9ece7; }
.support-hero { padding:165px 0 78px; border-bottom:1px solid var(--line); background:radial-gradient(circle at 78% 25%,rgba(201,255,61,.1),transparent 30%),linear-gradient(130deg,#0a0d13,#151a22); }
.support-hero>.container { display:grid; grid-template-columns:minmax(0,1fr) 390px; align-items:center; gap:75px; }
.support-eyebrow { display:inline-flex; align-items:center; gap:8px; color:var(--acid); font-size:9px; font-weight:900; letter-spacing:.15em; text-transform:uppercase; }
.support-hero h1 { margin:10px 0 15px; color:#f6f7f2; font-size:clamp(48px,6vw,78px); font-weight:950; letter-spacing:-.065em; line-height:.95; }
.support-hero>div>div>p { max-width:650px; margin:0; color:#858e9b; font-size:14px; line-height:1.75; }
.support-hero aside { display:flex; gap:16px; padding:24px; border:1px solid rgba(201,255,61,.22); border-radius:18px; background:linear-gradient(145deg,rgba(201,255,61,.07),#10151d); box-shadow:0 28px 70px rgba(0,0,0,.22); }
.support-hero aside>i { display:grid; width:48px; height:48px; flex:0 0 48px; place-items:center; color:var(--acid); border-radius:13px; background:rgba(201,255,61,.1); font-size:17px; }
.support-hero aside strong { display:block; margin:2px 0 7px; color:#f0f2ed; font-size:14px; }
.support-hero aside p { margin:0; color:#77818e; font-size:10px; line-height:1.65; }
.support-workspace { padding:50px 0 80px; }
.support-contact-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-bottom:45px; }
.support-contact-grid article { display:grid; min-height:112px; grid-template-columns:42px 1fr; grid-template-rows:auto auto; align-content:center; column-gap:13px; padding:18px; border:1px solid var(--line); border-radius:14px; background:linear-gradient(145deg,#141923,#0d1118); }
.support-contact-grid article>i { display:grid; width:42px; height:42px; grid-row:1/3; place-items:center; color:var(--acid); border-radius:11px; background:rgba(201,255,61,.08); }
.support-contact-grid span { align-self:end; color:#68727f; font-size:8px; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }
.support-contact-grid strong,.support-contact-grid a { align-self:start; color:#e7eae5; font-size:11px; font-weight:850; }
.support-contact-grid a:hover { color:var(--acid); }
.support-layout { display:grid; grid-template-columns:minmax(280px,.78fr) minmax(0,1.35fr); gap:55px; align-items:start; }
.support-form-copy { position:sticky; top:110px; padding:24px 0; }
.support-form-copy h2 { margin:9px 0 12px; color:#f4f6f1; font-size:39px; font-weight:950; letter-spacing:-.055em; line-height:1.05; }
.support-form-copy>p { max-width:430px; color:#737d89; font-size:11px; line-height:1.7; }
.support-form-copy ol { display:grid; gap:0; margin:28px 0 0; padding:0; list-style:none; }
.support-form-copy li { display:grid; min-height:55px; grid-template-columns:43px 1fr; align-items:center; color:#a5adb7; border-top:1px solid var(--line); font-size:9px; }
.support-form-copy li:last-child { border-bottom:1px solid var(--line); }
.support-form-copy li b { color:var(--acid); font-size:9px; }
.support-form-card { padding:27px; border:1px solid var(--line); border-radius:18px; background:linear-gradient(145deg,#131923,#0d1118); box-shadow:0 25px 65px rgba(0,0,0,.2); }
.support-form-card form>label,.support-fields label { display:flex; flex-direction:column; margin-bottom:14px; }
.support-form-card label>span { margin:0 0 6px 2px; color:#737d89; font-size:8px; font-weight:850; letter-spacing:.07em; text-transform:uppercase; }
.support-fields.two { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.support-form-card input,.support-form-card select,.support-form-card textarea { width:100%; color:#e7eae5; border:1px solid var(--line); border-radius:10px; outline:0; background:#090d13; font:500 11px Inter,sans-serif; }
.support-form-card input,.support-form-card select { height:45px; padding:0 13px; }
.support-form-card textarea { min-height:150px; padding:13px; resize:vertical; line-height:1.65; }
.support-form-card input:focus,.support-form-card select:focus,.support-form-card textarea:focus { border-color:rgba(201,255,61,.45); box-shadow:0 0 0 3px rgba(201,255,61,.05); }
.support-form-card button { display:flex; width:100%; min-height:47px; align-items:center; justify-content:center; gap:8px; margin-top:4px; color:#0b1007; border:0; border-radius:10px; background:var(--acid); font-size:10px; font-weight:950; }
.support-form-card form>small { display:block; margin-top:12px; color:#626c79; font-size:8px; text-align:center; }
.support-form-card form>small i { margin-right:5px; color:var(--green); }
.support-honeypot { position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }
.support-alert { display:flex; gap:11px; margin-bottom:18px; padding:13px; border:1px solid var(--line); border-radius:10px; background:#0b1017; }
.support-alert>i { margin-top:2px; color:var(--red); }.support-alert.success>i { color:var(--green); }
.support-alert strong { color:#ecede9; font-size:10px; }.support-alert p { margin:2px 0 0; color:#7d8793; font-size:9px; }.support-alert b { color:var(--acid); }

.admin-page #tickets-content { padding:0!important; border:0!important; background:transparent!important; }
.support-admin { color:#dfe3dc; text-align:left; }
.support-admin-live { display:flex; align-items:center; gap:7px; padding:9px 11px; color:#8e97a3; border:1px solid var(--admin-line); border-radius:9px; background:#11161f; font-size:8px; font-weight:850; }.support-admin-live i { width:6px; height:6px; border-radius:50%; background:var(--admin-green); box-shadow:0 0 10px var(--admin-green); }
.support-admin-kpis { display:grid; grid-template-columns:repeat(4,1fr); gap:9px; margin-bottom:13px; }.support-admin-kpis article { display:flex; min-height:80px; align-items:center; justify-content:space-between; padding:15px; border:1px solid var(--admin-line); border-top:2px solid #657080; border-radius:12px; background:var(--admin-panel); }.support-admin-kpis article.new { border-top-color:var(--admin-acid); }.support-admin-kpis article.open { border-top-color:var(--admin-blue); }.support-admin-kpis article.waiting_customer { border-top-color:var(--admin-warm); }.support-admin-kpis article.resolved { border-top-color:var(--admin-green); }.support-admin-kpis span { color:#707987; font-size:8px; font-weight:850; text-transform:uppercase; }.support-admin-kpis strong { color:#fff; font-size:22px; }
.support-admin-filters { display:grid; grid-template-columns:1fr 190px 85px; gap:8px; margin-bottom:13px; padding:11px; border:1px solid var(--admin-line); border-radius:12px; background:var(--admin-panel); }.support-admin-filters label { position:relative; margin:0; }.support-admin-filters label i { position:absolute; top:50%; left:12px; color:#59626f; transform:translateY(-50%); }.support-admin-filters input,.support-admin-filters select { width:100%; height:39px; color:#d8dce3; border:1px solid var(--admin-line); border-radius:8px; background:#0b0f15; font-size:9px; }.support-admin-filters input { padding:0 12px 0 34px; }.support-admin-filters select { padding:0 10px; }.support-admin-filters button,.support-admin-actions button { min-height:39px; color:#0a0e08!important; border:0; border-radius:8px; background:var(--admin-acid); font-size:8px; font-weight:900; }
.support-admin-layout { display:grid; min-height:620px; grid-template-columns:340px 1fr; overflow:hidden; border:1px solid var(--admin-line); border-radius:15px; background:var(--admin-panel); }
.support-ticket-list { overflow-y:auto; border-right:1px solid var(--admin-line); background:#0d1118; }.support-ticket-list>a { display:block; padding:14px; color:#dfe3dc; border-bottom:1px solid rgba(255,255,255,.06); }.support-ticket-list>a:hover,.support-ticket-list>a.active { color:#fff; background:#151b24; box-shadow:inset 3px 0 var(--admin-acid); }.support-ticket-list>a>div { display:flex; align-items:center; justify-content:space-between; gap:8px; }.support-ticket-list>a>strong { display:block; margin:8px 0 4px; overflow:hidden; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }.support-ticket-list>a>p { margin:0; color:#727c89; font-size:8px; }.support-ticket-list small { float:right; color:#4f5865; }.support-ticket-list time { color:#596370; font-size:7px; }
.ticket-status { display:inline-flex; padding:5px 7px; color:#aeb7c2; border-radius:6px; background:rgba(255,255,255,.06); font-size:6px; font-weight:900; text-transform:uppercase; }.ticket-status.new { color:var(--admin-acid); background:rgba(201,255,61,.08); }.ticket-status.open { color:var(--admin-blue); background:rgba(101,223,255,.08); }.ticket-status.waiting_customer { color:var(--admin-warm); background:rgba(255,179,71,.09); }.ticket-status.resolved { color:var(--admin-green); background:rgba(85,214,158,.09); }.ticket-status.closed { color:#8b95a1; }
.support-ticket-detail { min-width:0; padding:22px; }.support-ticket-detail>header { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; padding-bottom:17px; border-bottom:1px solid var(--admin-line); }.support-ticket-detail header>div>span { color:var(--admin-acid); font-size:7px; font-weight:900; }.support-ticket-detail h3 { margin:5px 0; color:#f2f4ef; font-size:20px; }.support-ticket-detail header p { margin:0; color:#6d7683; font-size:8px; }.support-ticket-detail header a { color:#aeb6c0; }
.support-ticket-meta { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; padding:13px 0; }.support-ticket-meta>span { display:flex; flex-direction:column; padding:10px; color:#b8bec6; border:1px solid var(--admin-line); border-radius:8px; background:#0b0f15; font-size:8px; }.support-ticket-meta b { margin-bottom:3px; color:#59626f; font-size:6px; text-transform:uppercase; }
.support-conversation { display:flex; max-height:350px; flex-direction:column; gap:9px; overflow-y:auto; padding:5px 3px 15px; }.support-conversation article { max-width:86%; padding:12px 14px; border:1px solid var(--admin-line); border-radius:11px; background:#0b0f15; }.support-conversation article.admin { align-self:flex-end; border-color:rgba(201,255,61,.17); background:rgba(201,255,61,.04); }.support-conversation article>div { display:flex; align-items:center; justify-content:space-between; gap:15px; }.support-conversation strong { color:#dfe2dd; font-size:8px; }.support-conversation time { color:#59626e; font-size:6px; }.support-conversation p { margin:7px 0 0; color:#98a1ac; font-size:9px; line-height:1.6; }
.support-admin-actions { display:grid; grid-template-columns:1fr 180px; gap:10px; padding-top:14px; border-top:1px solid var(--admin-line); }.support-admin-actions form { display:flex!important; flex-direction:column; gap:8px!important; }.support-admin-actions label { margin:0; color:#737d89; font-size:7px; font-weight:850; text-transform:uppercase; }.support-admin-actions textarea,.support-admin-actions select { width:100%; margin-top:5px; color:#e1e4df; border:1px solid var(--admin-line); border-radius:8px; background:#090d13; font:500 9px Inter,sans-serif; }.support-admin-actions textarea { min-height:95px; padding:10px; resize:vertical; }.support-admin-actions select { height:39px; padding:0 9px; }.support-status-form button { color:#dce0e5!important; border:1px solid var(--admin-line); background:#171c25; }
.support-admin-empty { display:flex; min-height:180px; align-items:center; justify-content:center; flex-direction:column; gap:5px; color:#606a77; }.support-admin-empty>i { margin-bottom:5px; color:#4f5865; font-size:18px; }.support-admin-empty strong { color:#9da5af; font-size:10px; }.support-admin-empty span { font-size:8px; }.support-admin-empty.detail { min-height:500px; }.support-admin-setup { display:flex; align-items:center; gap:16px; padding:25px; border:1px solid rgba(255,179,71,.25); border-radius:14px; background:rgba(255,179,71,.05); }.support-admin-setup>i { color:var(--admin-warm); font-size:24px; }.support-admin-setup h3 { margin:0 0 5px; color:#fff; }.support-admin-setup p { margin:0; color:#8e97a3; font-size:10px; }.support-admin-setup code { color:var(--admin-acid); }.support-admin-flash { margin-bottom:12px; padding:11px 13px; border:1px solid rgba(85,214,158,.25); border-radius:8px; color:var(--admin-green); background:rgba(85,214,158,.06); font-size:9px; }.support-admin-flash.error { color:var(--admin-red); border-color:rgba(255,102,122,.25); background:rgba(255,102,122,.06); }
@media(max-width:991px){.support-hero>.container,.support-layout{grid-template-columns:1fr;gap:35px}.support-hero aside{max-width:600px}.support-form-copy{position:static}.support-admin-layout{grid-template-columns:280px 1fr}.support-admin-actions{grid-template-columns:1fr}.support-ticket-meta{grid-template-columns:1fr}.admin-page .admin-tabs .item h4{font-size:10px}}
@media(max-width:767px){.support-hero{padding:125px 0 55px}.support-contact-grid,.support-fields.two,.support-admin-kpis{grid-template-columns:1fr}.support-admin-filters{grid-template-columns:1fr}.support-admin-layout{grid-template-columns:1fr}.support-ticket-list{max-height:360px;border-right:0;border-bottom:1px solid var(--admin-line)}.support-form-card{padding:18px}.support-ticket-detail{padding:16px}}