:root{--bg:#07111f;--panel:#0d1b30;--panel2:#12233e;--line:#233b61;--text:#f4f7ff;--muted:#9eb0ca;--cyan:#26c5ff;--purple:#8d55ff;--pink:#e54ecb}*{box-sizing:border-box}html,body{background:radial-gradient(circle at 80% 0,#153c8f44,transparent 25%),var(--bg);min-height:100%;color:var(--text);margin:0;font-family:Inter,system-ui,sans-serif}a{color:inherit;text-decoration:none}.brand{letter-spacing:-.02em;font-size:20px;font-weight:900}.eyebrow{letter-spacing:.16em;color:#69d6ff;font-size:11px;font-weight:800}.muted{color:var(--muted)}button,input{font:inherit}.authShell{place-items:center;min-height:100vh;padding:24px;display:grid}.authCard{border:1px solid var(--line);background:linear-gradient(145deg,#10203a,#091423);border-radius:22px;width:min(460px,100%);padding:38px;box-shadow:0 35px 90px #0008}.authCard h1{margin:18px 0 8px;font-size:42px}.authCard label{color:#cad6e8;margin-top:18px;font-weight:700;display:block}.authCard input{color:#fff;background:#081322;border:1px solid #2d466d;border-radius:10px;width:100%;margin-top:8px;padding:14px 15px}.primaryButton,.ghostButton{color:#fff;cursor:pointer;border:0;border-radius:10px;padding:13px 18px;font-weight:800}.primaryButton{background:linear-gradient(90deg,var(--cyan),var(--purple),var(--pink));width:100%;margin-top:24px}.ghostButton{background:#ffffff0a;border:1px solid #ffffff1a}.error{color:#ffb5c1;background:#8f203544;border-radius:9px;margin-top:16px;padding:12px}.appShell{grid-template-columns:245px 1fr;min-height:100vh;display:grid}.appShell aside{background:#081322;border-right:1px solid #203451;padding:28px 20px}.appShell nav{gap:7px;margin-top:32px;display:grid}.appShell nav a,.appShell nav span{color:#a8b9d0;border-radius:9px;padding:11px 13px}.appShell nav .active{color:#fff;background:#162844}.workspace{width:100%;max-width:1500px;padding:34px}.top{justify-content:space-between;align-items:flex-start;display:flex}.top h1,.simplePage h1{margin:4px 0 22px;font-size:38px}.metricGrid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.metricGrid article,.panel,.table{border:1px solid var(--line);background:linear-gradient(145deg,#0e1b30,#091423);border-radius:15px}.metricGrid article{padding:22px}.metricGrid small{color:#8fa4c1}.metricGrid strong{margin:8px 0;font-size:27px;display:block}.metricGrid p{color:#8fa4c1;margin:0;font-size:13px}.panel{grid-template-columns:1fr 1fr;gap:26px;margin-top:18px;padding:28px;display:grid}.panel h2{margin:4px 0;font-size:28px}.statusList{align-content:center;gap:10px;display:grid}.statusList span{color:#b9c8db;background:#ffffff05;border:1px solid #ffffff12;border-radius:9px;padding:12px 14px}.simplePage{max-width:1100px;margin:auto;padding:54px 28px}.back{color:#79d9ff}.table{margin-top:28px;overflow:hidden}.tr{border-top:1px solid #ffffff0d;grid-template-columns:2fr 1fr 1fr 1fr;padding:16px 20px;display:grid}.tr.head{color:#8ea3bf;text-transform:uppercase;background:#ffffff06;border:0;font-size:12px;font-weight:800}.tr small{color:#8294ad;margin-top:3px;display:block}.empty{color:#91a4bf;padding:30px}@media (max-width:850px){.appShell{grid-template-columns:1fr}.appShell aside{display:none}.metricGrid{grid-template-columns:1fr 1fr}.panel{grid-template-columns:1fr}}@media (max-width:520px){.workspace{padding:22px 14px}.metricGrid{grid-template-columns:1fr}.tr{grid-template-columns:1fr 1fr}.tr span:nth-child(n+3){margin-top:10px}}.docPage{max-width:1180px;margin:auto;padding:54px 28px 90px}.docTop{justify-content:space-between;align-items:flex-start;gap:28px;display:flex}.docLead{max-width:820px;color:var(--muted);font-size:18px}.docBody{max-width:900px}.docSection{border-top:1px solid #ffffff10;padding:22px 0}.docSection h2{margin:0 0 12px;font-size:27px}.docSection p,.docSection li{color:#b8c6da}.docSteps{gap:8px;padding-left:22px;display:grid}.docNote{background:#0f2038;border:1px solid #31537f;border-radius:12px;margin:22px 0;padding:16px 18px}.docCode{color:#8ce3ff;background:#ffffff10;border-radius:6px;padding:2px 7px}.docCards{grid-template-columns:repeat(2,1fr);gap:18px;margin:34px 0;display:grid}.docCard{border:1px solid var(--line);background:linear-gradient(145deg,#0e1b30,#091423);border-radius:16px;padding:26px}.docCard h2{margin-top:0}.docCard p{color:var(--muted)}.docActions{align-items:center;gap:10px;margin-top:20px;display:flex}.docActions .primaryButton{width:auto;margin-top:0;display:inline-flex}.docDownload{display:inline-flex}@media (max-width:760px){.docTop{display:block}.docCards{grid-template-columns:1fr}.docDownload{margin-top:16px}}.stackForm{gap:14px;display:grid}.stackForm label{color:#cbd7e8;gap:7px;font-weight:700;display:grid}.stackForm input,.stackForm select,.stackForm textarea,.ticketControl select{color:#fff;width:100%;font:inherit;background:#081322;border:1px solid #2d466d;border-radius:9px;padding:12px 13px}.stackForm textarea{resize:vertical}.success{color:#b8ffda;background:#0d5f3c55;border:1px solid #35c98555;border-radius:9px;margin:16px 0;padding:12px 14px}.ticketSplit{grid-template-columns:1.1fr .9fr;gap:20px;margin-top:28px;display:grid}.ticketSplit>section:last-child{gap:16px;display:grid}.ticketTrap{width:1px!important;height:1px!important;position:absolute!important;left:-10000px!important;overflow:hidden!important}.ticketHeader{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.ticketStatus{letter-spacing:.06em;background:#ffffff0b;border:1px solid #fff2;border-radius:999px;padding:9px 12px;font-size:12px;font-weight:900;display:inline-flex}.status-open{color:#7de2ff}.status-in_progress{color:#e6c66d}.status-waiting_customer{color:#d4a7ff}.status-resolved,.status-closed{color:#8ce9b5}.ticketThread{gap:14px;margin:24px 0;display:grid}.ticketMessage{border:1px solid var(--line);background:#0a1628;border-radius:14px;padding:18px}.ticketMessage header{justify-content:space-between;gap:16px;display:flex}.ticketMessage header small{color:#8195b0}.ticketMessage p{white-space:pre-wrap;color:#c6d3e5;margin-bottom:0}.staffMessage{border-left:4px solid var(--cyan)}.customerMessage{border-left:4px solid var(--purple)}.internalMessage{background:#33250f66;border-left:4px solid #e7b54d}.ticketFilters{flex-wrap:wrap;gap:8px;margin:22px 0;display:flex}.ticketRow{grid-template-columns:1.5fr 1.3fr 1fr 1fr}.ticketRow:not(.head):hover{background:#ffffff05}.twoColTickets{grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:22px;display:grid}.ticketControl{position:sticky;top:20px}.ticketControl hr{border:0;border-top:1px solid #ffffff12;margin:22px 0}.check{grid-template-columns:auto 1fr!important;align-items:center!important;gap:8px!important;display:flex!important}.check input{width:auto!important}@media (max-width:850px){.ticketSplit,.twoColTickets{grid-template-columns:1fr}.ticketControl{position:static}.ticketRow{grid-template-columns:1fr 1fr}}.marketingWide{object-fit:cover;border:1px solid var(--line);border-radius:18px;width:100%;max-height:460px;margin:28px 0;display:block;box-shadow:0 28px 70px #0007}
