:root{color-scheme:dark;--bg:#05080d;--panel:#0a1118;--line:rgba(92,207,252,.14);--text:#edf9ff;--muted:#7893a1;--cyan:#63d9ff;--green:#6ee7a8;--red:#ff6b7f}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 75% 0,rgba(31,136,190,.10),transparent 35%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
button,input,select,textarea{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}
.support-shell{max-width:1180px;margin:0 auto;padding:0 22px 40px}.support-head{height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);margin-bottom:20px}.brand{display:flex;gap:10px;align-items:center}.orb{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:800;color:#061017;background:radial-gradient(circle at 35% 30%,#fff,#8fe7ff 22%,#27b7ed 58%,#073553 100%);box-shadow:0 0 24px rgba(60,199,255,.24)}.brand span:last-child{display:grid}.brand b{font-size:14px}.brand small{font-size:8px;color:var(--muted);letter-spacing:.13em;text-transform:uppercase}.back{font-size:10px;color:#7d9baa}
.support-grid{display:grid;grid-template-columns:minmax(280px,.7fr) minmax(420px,1.3fr);gap:14px}.panel{border:1px solid var(--line);background:rgba(8,16,23,.85);border-radius:14px;padding:15px;min-height:520px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.panel-head small,.dialog-head small{display:block;font-size:8px;color:#5d7a89;letter-spacing:.16em;margin-bottom:5px}.panel-head h1,.dialog-head h2{margin:0;font-size:17px}.panel-head button,.actions button,.detail button{border:1px solid rgba(92,207,252,.2);background:#0a1720;color:#d9f5ff;border-radius:9px;padding:9px 11px;font-size:10px}.primary{background:#0d607f!important;border-color:#4bd4ff!important;font-weight:650}
.ticket-list{display:grid;gap:7px}.ticket{border:1px solid rgba(92,207,252,.08);background:#071119;border-radius:10px;padding:10px;text-align:left;color:inherit}.ticket:hover,.ticket.active{border-color:rgba(99,217,255,.25);background:#0a1720}.ticket b{font-size:10.5px}.ticket span{display:block;color:#708d9c;font-size:9px;margin-top:5px}.pill{display:inline-flex!important;width:auto!important;margin-top:7px!important;padding:3px 6px;border-radius:999px;background:rgba(99,217,255,.07);color:#94dff6!important;font-size:8px!important;text-transform:uppercase}.pill.closed{background:rgba(110,231,168,.07);color:#95e8ba!important}
.detail h2{font-size:16px;margin:0}.muted{color:var(--muted);font-size:10px}.thread{display:grid;gap:9px;max-height:55vh;overflow:auto;margin:18px 0}.msg{max-width:88%;padding:10px 11px;border-radius:11px;background:#0a1720;border:1px solid rgba(92,207,252,.08)}.msg.admin{margin-left:auto;background:rgba(13,96,127,.16);border-color:rgba(75,212,255,.15)}.msg p{margin:0;white-space:pre-wrap;font-size:10.5px;line-height:1.5}.msg small{display:block;color:#597785;font-size:8px;margin-top:6px}.reply{display:grid;gap:8px}.reply textarea,input,select,textarea{width:100%;border:1px solid rgba(92,207,252,.16);background:#071017;color:#eaf8ff;border-radius:9px;padding:10px;outline:none}.reply textarea:focus,input:focus,select:focus,textarea:focus{border-color:#4bcdf5;box-shadow:0 0 0 3px rgba(75,205,245,.08)}label{display:grid;gap:6px;font-size:9px;color:#7895a3}.empty{padding:80px 20px;text-align:center;color:#5d7886;font-size:11px}
dialog{width:min(560px,calc(100vw - 28px));border:1px solid rgba(92,207,252,.2);border-radius:15px;background:#081119;color:var(--text);padding:0;box-shadow:0 30px 90px rgba(0,0,0,.55)}dialog::backdrop{background:rgba(0,4,8,.72);backdrop-filter:blur(7px)}dialog form{padding:18px;display:grid;gap:12px}.dialog-head{display:flex;align-items:flex-start;justify-content:space-between}.dialog-head button{border:0;background:transparent;color:#7895a3;font-size:20px}.actions{display:flex;justify-content:flex-end;gap:8px}.actions button{border:1px solid rgba(92,207,252,.18);background:#0a1720;color:#d9f5ff;border-radius:9px;padding:9px 12px}
.flash{position:fixed;top:18px;left:50%;transform:translateX(-50%);z-index:100;padding:10px 13px;border:1px solid rgba(110,231,168,.25);background:#0b2b20;color:#b7f4d4;border-radius:9px;font-size:10px}.flash.error{border-color:rgba(255,107,127,.25);background:#321119;color:#ffb0bc}
@media(max-width:800px){.support-grid{grid-template-columns:1fr}.panel{min-height:auto}.detail{min-height:480px}}