@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
*{box-sizing:border-box}body{margin:0;background:#080d18;color:#edf2ff;font-family:Inter,Arial,sans-serif}
a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}
.shell{max-width:1180px;margin:auto;padding:28px}
.nav{display:flex;justify-content:space-between;align-items:center;padding:18px 0;border-bottom:1px solid #23324b}
.brand{font-size:23px;font-weight:800;letter-spacing:.5px}.brand span{color:#70a5ff}
.hero{padding:76px 0 54px;max-width:850px}.eyebrow{color:#8fb5ff;font-weight:700;letter-spacing:2px;font-size:12px}
h1{font-size:clamp(42px,7vw,72px);line-height:1.03;margin:18px 0}.muted{color:#9ba9c2;line-height:1.7}
.btn{border:0;border-radius:12px;padding:13px 19px;background:#3978ed;color:white;font-weight:700;cursor:pointer;display:inline-block}
.btn.secondary{background:#17243a;border:1px solid #30415e}
.btn.danger{background:#5b1d24;border:1px solid #8a2f3a}
.btn:disabled{opacity:.5;cursor:default}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:28px 0}
.card{background:#101a2b;border:1px solid #23324b;border-radius:18px;padding:22px}.card h3{margin:5px 0 10px}
.input{width:100%;background:#0a1220;border:1px solid #2a3a55;border-radius:10px;padding:13px;color:white;margin:8px 0 16px}
.label{font-size:13px;color:#aebbd1}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.panel{display:grid;grid-template-columns:230px 1fr;gap:20px;margin-top:25px}
.side{background:#101a2b;border:1px solid #23324b;border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:10px}
.side a{color:#9ba9c2;padding:6px 0;cursor:pointer}.side a:hover,.side a.on{color:#edf2ff}
.chat{min-height:320px;display:flex;flex-direction:column;gap:12px}
.bubble{background:#17243a;border-radius:14px;padding:14px;max-width:90%;line-height:1.6;white-space:pre-wrap}
.bubble.me{background:#1d3358;align-self:flex-end}
.pill{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700}
.pill.active{background:#123a24;color:#6fe3a1}.pill.pending{background:#3a2f12;color:#e3c56f}.pill.suspended{background:#3a1218;color:#e38a8a}
.pill.super{background:#1d3358;color:#8fb5ff}
.stat{font-size:34px;font-weight:800}
.hidden{display:none!important}
table.utab{width:100%;border-collapse:collapse;font-size:14px}
table.utab td,table.utab th{padding:10px 8px;border-bottom:1px solid #23324b;text-align:left;vertical-align:middle}
table.utab th{color:#aebbd1;font-size:12px;text-transform:uppercase;letter-spacing:1px}
.small{font-size:13px}
@media(max-width:700px){.shell{padding:18px}.panel{grid-template-columns:1fr}.hero{padding:55px 0 35px}}