:root{color:#f7f8fb;font-synthesis:none;background:#0d0e12;font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 80% 0,#29151c 0,#0000 34%),#0d0e12;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}.login-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:#191a1feb;border:1px solid #2c2d33;border-radius:28px;width:min(420px,100%);padding:42px;box-shadow:0 30px 80px #0008}.brand-mark,.brand>span{color:#fff;background:#e61e45;border-radius:50%;place-items:center;width:52px;height:52px;font-size:22px;font-weight:800;display:grid;box-shadow:0 0 0 8px #e61e451d}.login-card h1{margin:22px 0 4px;font-size:30px}.login-card p{color:#92949c;margin:0 0 30px}.login-card label{color:#c8c9cf;gap:8px;margin:16px 0;font-size:13px;display:grid}.login-card input{color:#fff;background:#101116;border:1px solid #393a41;border-radius:12px;outline:none;width:100%;padding:14px 16px}.login-card input:focus{border-color:#e61e45}.login-card button,.panel button{color:#fff;cursor:pointer;background:#e61e45;border:0;border-radius:12px;padding:12px 16px;font-weight:700}.error{color:#ff9caf;font-size:13px}.app-shell{grid-template-columns:250px 1fr;min-height:100vh;display:grid}aside{background:#111217;border-right:1px solid #25262b;height:100vh;padding:28px 20px;position:sticky;top:0}.brand{align-items:center;gap:16px;padding:6px 8px 32px;display:flex}.brand strong,.brand small{display:block}.brand small{color:#73757e;letter-spacing:1.8px;margin-top:4px;font-size:9px}nav{gap:7px;display:grid}nav a{color:#898b94;border-radius:12px;align-items:center;gap:12px;padding:13px 14px;display:flex}nav a.active{color:#ff5575;background:#e61e4517}nav svg,.ghost svg,.panel button svg{width:18px}.safety{color:#858791;border:1px solid #303138;border-radius:14px;padding:16px;font-size:12px;line-height:1.7;position:absolute;bottom:26px;left:20px;right:20px}.safety b{color:#68d391}.content{width:100%;max-width:1500px;margin:auto;padding:34px 40px 60px}.content header,.panel-head{justify-content:space-between;align-items:center;gap:20px;display:flex}.eyebrow{color:#e85a74;letter-spacing:1.3px;margin:0;font-size:12px}.content h1{margin:5px 0 0;font-size:32px}.ghost{color:#9a9ca5;background:#17181d;border:1px solid #303138;border-radius:11px;align-items:center;gap:8px;padding:10px 14px;display:flex}.metrics{grid-template-columns:repeat(4,1fr);gap:14px;margin:28px 0;display:grid}.metrics article{background:#17181d;border:1px solid #28292f;border-radius:18px;align-items:center;gap:16px;padding:20px;display:flex}.metrics svg{color:#e95a75;width:23px}.metrics b,.metrics span{display:block}.metrics b{font-size:24px}.metrics span{color:#81838c;margin-top:3px;font-size:12px}.grid{grid-template-columns:1.5fr 1fr;gap:16px;display:grid}.panel{background:#17181dcc;border:1px solid #292a30;border-radius:20px;padding:22px}.panel.wide{grid-row:span 2}.panel h2{margin:0;font-size:18px}.panel-head p{color:#7f818b;margin:5px 0 0;font-size:12px}.panel button{align-items:center;gap:8px;padding:10px 13px;font-size:12px;display:flex}.pairing{color:#ff9db0;background:#e61e4514;border-radius:13px;align-items:center;gap:14px;margin:20px 0;padding:15px;display:flex}.pairing strong{letter-spacing:4px;font-size:26px}.pairing span{color:#93959e;margin-left:auto;font-size:11px}.rows{margin-top:16px}.row{border-top:1px solid #27282e;grid-template-columns:12px 1fr auto;align-items:center;gap:12px;padding:16px 4px;display:grid}.row b,.row small{display:block}.row small{color:#777984;margin-top:5px;font-size:11px}.row code{color:#8e91a0}.dot{background:#555;border-radius:50%;width:8px;height:8px}.dot.online{background:#45d483;box-shadow:0 0 12px #45d483}.empty{color:#777984;text-align:center;padding:34px 0}.session{grid-template-columns:1fr auto;gap:8px;margin-top:18px;display:grid}.session span{color:#ffd166}.session small{color:#8b8d96}.danger{grid-column:1/-1;justify-content:center;background:#c53030!important}.platform,.audit-row{border-bottom:1px solid #27282e;justify-content:space-between;padding:13px 0;display:flex}.platform small{color:#777984}.audit{margin-top:16px}.audit-row{color:#8f919a;grid-template-columns:1.5fr 1fr 1fr;font-size:12px;display:grid}.audit-row code{color:#ff8fa5}.audit-row time{text-align:right}@media (width<=1000px){.app-shell{grid-template-columns:1fr}aside{display:none}.content{padding:24px}.metrics{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.panel.wide{grid-row:auto}}@media (width<=600px){.metrics{grid-template-columns:1fr}.content header,.pairing{flex-direction:column;align-items:flex-start}.pairing span{margin-left:0}.audit-row{grid-template-columns:1fr 1fr}.audit-row time{display:none}}.cards-panel{margin-top:16px;overflow:hidden}.card-create{align-items:center;gap:8px;display:flex}.card-create select,.card-create input{color:#fff;background:#101116;border:1px solid #393a41;border-radius:10px;padding:10px}.card-create input{width:72px}.card-message{color:#68d391;margin:14px 0}.card-counts{flex-wrap:wrap;gap:8px;margin:18px 0;display:flex}.card-counts span{color:#9597a0;background:#222329;border-radius:9px;padding:7px 10px;font-size:11px}.card-counts b{color:#fff}.card-table{overflow-x:auto}.card-row{border-top:1px solid #292a30;grid-template-columns:1.3fr .7fr 1.3fr 1fr;align-items:center;gap:14px;min-width:880px;padding:13px 4px;display:grid}.card-row>span>small,.card-row>span>em{color:#7e8089;margin-top:4px;font-size:10px;font-style:normal;display:block}.card-row>span>em{color:#ffd166}.card-head{color:#777984;font-size:11px}.card-row code{color:#ff9caf}.card-actions{flex-wrap:wrap;gap:6px;display:flex!important}.card-actions button{padding:7px 9px;font-size:10px}.card-actions .danger{grid-column:auto}@media (width<=780px){.panel-head{flex-direction:column;align-items:flex-start}.card-create{flex-wrap:wrap}}