:root{color:#edf0f4;font-synthesis:none;background:#0c0e12;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 20% 0,#1b2430 0,#0000 34%),#0c0e12;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}.shell{min-height:100vh}header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:4;background:#101318e8;border-bottom:1px solid #262b33;justify-content:space-between;align-items:center;height:72px;padding:0 5vw;display:flex;position:sticky;top:0}.brand{color:#fff;font-size:20px;text-decoration:none}.brand b{color:#7fd1b9}.header-actions{color:#aeb5c0;align-items:center;gap:14px;font-size:14px;display:flex}main{width:min(1400px,92vw);margin:40px auto 80px}.hero{justify-content:space-between;align-items:end;margin-bottom:28px;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:#7fd1b9;font-size:12px;font-weight:800}.hero h1{margin:8px 0 6px;font-size:clamp(32px,5vw,58px)}.hero p{color:#aeb5c0;margin:0}.metric{background:#141920;border:1px solid #29313a;border-radius:18px;flex-direction:column;padding:18px 24px;display:flex}.metric strong{font-size:28px}.metric span{color:#9aa3af}.grid{grid-template-columns:minmax(320px,.8fr) minmax(500px,1.6fr);gap:20px;display:grid}.panel{background:#12161c;border:1px solid #262c35;border-radius:22px;min-height:620px;overflow:hidden}.panel-head{border-bottom:1px solid #242a32;justify-content:space-between;align-items:center;padding:22px 24px;display:flex}.panel h2{margin:0}.ticket{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #20262e;justify-content:space-between;align-items:center;gap:15px;padding:18px 22px;display:flex}.ticket:hover,.ticket.active{background:#1a2028}.ticket div{flex-direction:column;gap:5px;display:flex}.ticket small,.panel-head small{color:#8f99a6}.status{white-space:nowrap;border:1px solid #3a424e;border-radius:999px;padding:5px 8px;font-size:11px}.status.open,.status.waiting_support{color:#7fd1b9}.status.resolved,.status.closed{color:#9aa3af}.thread{flex-direction:column;gap:14px;max-height:430px;padding:22px;display:flex;overflow:auto}.message{background:#1a2028;border:1px solid #2b333e;border-radius:16px;padding:16px}.message.operator{border-color:#32584e}.message.internal{background:#25211a;border-style:dashed}.message div{justify-content:space-between;gap:15px;display:flex}.message time{color:#89929e;font-size:12px}.message p{white-space:pre-wrap;margin:10px 0 0;line-height:1.5}.message>span{color:#e1b56d;margin-top:10px;font-size:11px;display:inline-block}.reply,.new-ticket{flex-direction:column;gap:14px;padding:22px;display:flex}.new-ticket{max-width:720px;margin:auto;padding-top:48px}.new-ticket label{color:#b8c0ca;flex-direction:column;gap:7px;display:flex}input,textarea,select{color:#eef1f5;background:#0e1217;border:1px solid #303844;border-radius:12px;outline:none;padding:12px}input:focus,textarea:focus,select:focus{border-color:#6cbca5;box-shadow:0 0 0 3px #6cbca520}button{color:#07100d;cursor:pointer;background:#7fd1b9;border:0;border-radius:12px;padding:12px 17px;font-weight:800}.ghost{color:#cbd2db;background:0 0;border:1px solid #343b46;padding:8px 12px}.alert{color:#ffd9dc;background:#3a1d21;border:1px solid #71333b;border-radius:14px;justify-content:space-between;margin-bottom:18px;padding:14px 16px;display:flex}.alert button{color:inherit;background:0 0;padding:0}.empty{color:#89929e;text-align:center;padding:40px 22px}.empty.large{padding-top:180px}.loading{text-align:center;color:#aeb5c0;place-content:center;min-height:100vh;display:grid}.mark{color:#09100e;background:#7fd1b9;border-radius:18px;place-items:center;width:54px;height:54px;margin:auto;font-size:25px;font-weight:900;display:grid}@media (width<=900px){header{padding:0 18px}.header-actions span{display:none}main{width:min(94vw,700px);margin-top:24px}.hero{align-items:start}.metric{display:none}.grid{grid-template-columns:1fr}.panel{min-height:auto}.detail{min-height:520px}}.ticket-actions{align-items:center;gap:.75rem;display:flex}.access-denied{place-content:center;justify-items:start;gap:.9rem;max-width:680px;min-height:100vh;margin:0 auto;padding:2rem;display:grid}.access-denied h1,.access-denied p{margin:0}.access-denied a{color:#fff;background:#7fd1b9;border-radius:.8rem;padding:.8rem 1rem;font-weight:700;text-decoration:none;display:inline-flex}