:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#e8edf7;background:#080d18;--panel:#111827;--panel-2:#151e2f;--line:#26334a;--muted:#8c9ab2;--blue:#36bffa;--gold:#f7c948;--red:#ff6b7c;--green:#61d6a3}*{box-sizing:border-box}body{margin:0;background:#080d18;min-height:100vh}header{height:72px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;background:#0d1422;border-bottom:1px solid #202c40;position:sticky;top:0;z-index:20}header>div{display:flex;gap:14px;align-items:baseline}header b{font-size:21px;color:#fff}header span,small{color:var(--muted)}a{color:#76dcff;text-decoration:none}.header-actions{display:flex;align-items:center;gap:20px}.notification-button{background:#19243a;border:1px solid #2b3b58;padding:9px 13px;border-radius:10px;color:#dfe9fa}.notification-button strong,.nav-count,.module-count{display:inline-flex;min-width:21px;height:21px;padding:0 6px;align-items:center;justify-content:center;border-radius:999px;background:#e5485d;color:#fff;font-style:normal;font-size:12px;margin-left:6px}.layout{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:calc(100vh - 72px)}.sidebar{background:#0c1320;border-right:1px solid #202c40;padding:20px 13px;position:sticky;top:72px;height:calc(100vh - 72px);overflow:auto}.sidebar a{display:flex;align-items:center;gap:10px;padding:11px 13px;margin:3px 0;border-radius:9px;color:#bdc8db;font-size:14px}.sidebar a span{width:22px;color:#7fc9ee}.sidebar a:hover,.sidebar a.active{background:#1a263b;color:#fff}.sidebar a.active{box-shadow:inset 3px 0 var(--blue)}.sidebar .nav-count{margin-left:auto}.nav-label{margin:22px 13px 7px;color:#63718a;text-transform:uppercase;font-size:10px;font-weight:800;letter-spacing:.12em}.nav-label:first-child{margin-top:4px}.wrap{width:100%;max-width:1500px;margin:26px auto;padding:0 26px;min-width:0}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:22px;margin-bottom:20px;box-shadow:0 12px 32px #0002}.compact-card{padding:16px}h1,h2{margin-top:0;color:#f7f9fc}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.page-heading h1{margin:2px 0 6px;font-size:30px}.page-heading p{margin:0;color:var(--muted)}.eyebrow{color:var(--blue)!important;text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:.14em}.login{min-height:100vh;display:grid;place-items:center;padding:20px}.login .card{width:min(420px,100%)}label{display:flex;flex-direction:column;gap:7px;color:#bec9dc;font-size:13px;font-weight:600}input,textarea,select{width:100%;background:#0b1220;color:#fff;border:1px solid #34425c;border-radius:9px;padding:11px;font:inherit}input:focus,textarea:focus,select:focus{outline:2px solid #27bde8;border-color:transparent}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.filters{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;align-items:end}.filters .actions{grid-column:1/-1}.full{grid-column:1/-1}.check{flex-direction:row;align-items:center}.check input{width:auto}button,.secondary{border:0;border-radius:9px;padding:10px 16px;background:var(--blue);color:#06121b;font-weight:800;cursor:pointer}.secondary{background:#27354d;color:#fff}.actions{display:flex;gap:9px;flex-wrap:wrap}.table{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px;border-bottom:1px solid var(--line);white-space:nowrap}td small{display:block;margin-top:5px}.badge,.type-pill,.priority{display:inline-block;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:750}.on,.status-resolved{background:#163f34;color:#78e0b3}.off,.status-rejected{background:#47252e;color:#ff9daf}.status-received{background:#3d351a;color:#f7d56b}.status-in_progress{background:#173b50;color:#73d3ff}.test{color:#f8cf62;font-weight:800}.inline{display:inline}.link{background:none;color:#76dcff;padding:5px}.danger{color:#ff8e9e}.alert,.success{padding:12px 15px;border-radius:9px;margin-bottom:16px}.alert{background:#4d2530}.success{background:#164d38}code{color:#bceeff}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.module-button{display:flex;flex-direction:column;gap:8px;background:#151f31;border:1px solid #293854;border-radius:12px;padding:20px;color:#fff}.module-button:hover{border-color:var(--blue);transform:translateY(-1px)}.module-button span{color:var(--muted);font-size:13px}.module-count{height:19px}.support-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:18px}.metric{display:grid;grid-template-columns:1fr auto;gap:4px 12px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:17px;color:#dfe7f5}.metric strong{font-size:27px}.metric small{grid-column:1/-1}.metric.urgent{border-left:4px solid var(--gold)}.metric.progress{border-left:4px solid var(--blue)}.metric.success-metric{border-left:4px solid var(--green)}.metric.muted{border-left:4px solid #7c8799}.support-filters{display:grid;grid-template-columns:2fr repeat(3,1fr) auto;gap:11px;align-items:end}.support-filters .actions{flex-wrap:nowrap}.support-workspace{display:grid;grid-template-columns:minmax(390px,.9fr) minmax(500px,1.35fr);gap:18px;align-items:start}.ticket-inbox{padding:0;overflow:hidden}.inbox-title{display:flex;justify-content:space-between;padding:15px 17px;border-bottom:1px solid var(--line)}.ticket-row{display:grid;grid-template-columns:8px minmax(0,1fr) auto;gap:10px;padding:15px 16px;border-bottom:1px solid #202c40;color:#dfe7f5;transition:.15s}.ticket-row:hover,.ticket-row.selected{background:#1a263b}.ticket-row.selected{box-shadow:inset 3px 0 var(--blue)}.ticket-row.unread{background:#17243a}.ticket-dot{width:7px;height:7px;border-radius:50%;background:#45536b;margin-top:7px}.ticket-row.unread .ticket-dot{background:var(--gold);box-shadow:0 0 0 4px #f7c94818}.ticket-summary{min-width:0}.ticket-summary>div{display:flex;justify-content:space-between;gap:8px}.ticket-summary b,.ticket-summary p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ticket-summary time{color:#7f8da5;font-size:11px;white-space:nowrap}.ticket-summary p{margin:5px 0 8px;color:#9eabc0;font-size:13px}.type-pill{background:#203450;color:#8cd8ff}.ticket-tags{display:flex;flex-direction:column;align-items:flex-end;gap:7px}.priority{background:#273348;color:#aebbd0;text-transform:capitalize}.priority.urgent{background:#582731;color:#ff9eaa}.priority.high{background:#4b361b;color:#ffd278}.ticket-detail{position:sticky;top:96px;min-height:500px}.ticket-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:16px}.ticket-head h2{margin:10px 0 5px}.customer-message{margin:18px 0;padding:16px;background:#0d1524;border-radius:10px}.customer-message>span{color:var(--blue);font-size:12px;font-weight:800;text-transform:uppercase}.customer-message p{white-space:normal;line-height:1.65;margin-bottom:0}.device-info{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;background:#0b1224;border:1px solid var(--line);border-radius:10px;padding:14px;margin:14px 0;color:#aebbd0}.device-info div{display:flex;flex-direction:column;gap:3px}.device-info b{color:#e1e8f4;font-size:12px}.reply-form{margin-top:18px}.delete-ticket{text-align:right;margin-top:12px}.ticket-placeholder{min-height:450px;display:grid;place-content:center;text-align:center;color:var(--muted);padding:40px}.ticket-placeholder>span{font-size:48px}.ticket-placeholder h2{margin:14px 0 5px}.empty-state{display:flex;flex-direction:column;gap:6px;text-align:center;padding:60px 20px;color:var(--muted)}.pagination{display:flex;gap:5px;padding:12px;flex-wrap:wrap}.pagination a{padding:6px 10px;background:#1b273b;border-radius:7px}.pagination a.active{background:var(--blue);color:#07111c}.ticket-toast{position:fixed;right:24px;top:88px;z-index:100;width:min(360px,calc(100vw - 48px));background:#15233a;border:1px solid var(--blue);border-radius:12px;padding:16px;box-shadow:0 18px 60px #0008}.ticket-toast span,.ticket-toast a{display:block;margin-top:7px}.ticket-toast a{font-weight:800}@media(max-width:1100px){.support-workspace{grid-template-columns:1fr}.ticket-detail{position:static}.support-filters{grid-template-columns:repeat(2,1fr)}.support-filters .actions{grid-column:1/-1}.module-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:850px){.layout{grid-template-columns:1fr}.sidebar{position:static;height:auto;display:flex;overflow:auto;border-right:0;border-bottom:1px solid var(--line)}.sidebar .nav-label{display:none}.sidebar a{white-space:nowrap}.filters{grid-template-columns:repeat(2,1fr)}.support-metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.grid,.filters,.support-filters,.module-grid{grid-template-columns:1fr}.full,.filters .actions,.support-filters .actions{grid-column:auto}.support-workspace{display:block}.ticket-detail{margin-top:16px}.support-metrics{grid-template-columns:1fr 1fr}header span{display:none}.header-actions>a:last-child{display:none}.wrap{padding:0 13px}.device-info{grid-template-columns:1fr}.ticket-row{grid-template-columns:8px minmax(0,1fr)}.ticket-tags{grid-column:2;flex-direction:row;align-items:center}}