:root{--bg:#02070e;--panel:#07111a;--panel2:#0a1620;--line:#12303a;--text:#edfaff;--muted:#76919d;--cyan:#00e1ff;--blue:#2676ff;--lime:#b6ff4a;--danger:#ff6b78}
*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(circle at 15% 10%,rgba(0,225,255,.05),transparent 25%),linear-gradient(145deg,#010308,#020711 55%,#01050b);color:var(--text);min-height:100vh}button,input,select,textarea{font:inherit}.hidden{display:none!important}.shell{min-height:100vh}.topbar{height:72px;padding:0 26px;border-bottom:1px solid rgba(0,225,255,.09);display:flex;align-items:center;justify-content:space-between;background:#030911}.brand{display:flex;gap:10px;align-items:center}.brandmark{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#08253a,#06101a);border:1px solid rgba(0,225,255,.35);display:grid;place-items:center;color:var(--lime);font-weight:900}.brand b{font-size:15px}.brand span{display:block;color:var(--muted);font-size:10px;margin-top:3px}.userbox{display:flex;align-items:center;gap:10px}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:#031019;font-weight:800}.layout{display:grid;grid-template-columns:220px 1fr;min-height:calc(100vh - 72px)}.sidebar{border-right:1px solid rgba(0,225,255,.07);padding:18px 12px;background:#020910}.navbtn{width:100%;padding:11px 12px;background:transparent;color:#9fb9c3;border:1px solid transparent;text-align:left;border-radius:9px;margin:3px 0;cursor:pointer}.navbtn:hover,.navbtn.active{background:rgba(0,225,255,.06);border-color:rgba(0,225,255,.11);color:#eaffff}.content{padding:24px;max-width:1400px;width:100%;margin:auto}.hero{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding:20px;border:1px solid rgba(0,225,255,.08);background:linear-gradient(140deg,rgba(0,225,255,.035),rgba(182,255,74,.02));border-radius:16px}.hero h1{font-size:30px;margin:10px 0 4px;letter-spacing:-.03em}.hero p{color:var(--muted);margin:0}.actions{display:flex;gap:8px;flex-wrap:wrap}.btn{border:1px solid rgba(0,225,255,.16);background:#06121a;color:#cfeef5;border-radius:9px;padding:9px 12px;cursor:pointer}.btn.primary{background:linear-gradient(135deg,#00b8df,#236dff);border-color:transparent;color:#001018;font-weight:800}.btn.lime{background:#b6ff4a;color:#031009;border-color:transparent;font-weight:800}.btn.danger{background:rgba(255,107,120,.08);border-color:rgba(255,107,120,.2);color:#ffbdc4}.grid{display:grid;gap:14px}.grid4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid2{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:linear-gradient(160deg,#040c13,#06111a);border:1px solid rgba(0,225,255,.08);border-radius:14px;padding:16px}.metric span{font-size:10px;color:var(--muted)}.metric strong{display:block;font-size:28px;margin:5px 0}.pill{display:inline-flex;padding:4px 7px;border:1px solid rgba(0,225,255,.16);border-radius:999px;color:#9ceaf6;font-size:9px;letter-spacing:.08em;text-transform:uppercase}.tablewrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:10px 8px;border-bottom:1px solid rgba(0,225,255,.06);text-align:left;font-size:11px;white-space:nowrap}.table th{color:#6d8a96;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.filterbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.filterbar input,.filterbar select,form input,form select,form textarea{background:#020910;color:#e7fbff;border:1px solid rgba(0,225,255,.12);border-radius:8px;padding:9px;outline:none}.modal{position:fixed;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(8px);display:grid;place-items:center;padding:18px;z-index:20}.modalcard{width:min(980px,100%);max-height:92vh;overflow:auto;background:#030b12;border:1px solid rgba(0,225,255,.16);border-radius:16px;padding:18px}.close{float:right;background:transparent;color:#a9c7cf;border:0;font-size:24px;cursor:pointer}.login{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;background:radial-gradient(circle at 80% 20%,rgba(0,225,255,.09),transparent 30%),#01050b}.login-left{padding:9vw;display:flex;flex-direction:column;justify-content:center}.login-left h1{font-size:clamp(44px,6vw,76px);line-height:1.02;letter-spacing:-.05em;margin:18px 0}.login-left p{color:var(--muted);max-width:610px;line-height:1.7}.login-panel{display:flex;align-items:center;justify-content:center;padding:40px;background:rgba(255,255,255,.015);border-left:1px solid rgba(0,225,255,.08)}.login-card{width:min(420px,100%);background:#040d14;border:1px solid rgba(0,225,255,.13);border-radius:16px;padding:24px}.login-card h2{margin:0 0 6px}.login-card p{color:var(--muted);font-size:12px}.login-card form{display:grid;gap:12px;margin-top:18px}.login-card small{color:#657f89}.qr1{border-color:rgba(0,225,255,.2)}.qr1-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.qr1-avatar{width:44px;height:44px;border-radius:14px;background:radial-gradient(circle at 35% 30%,#0b2a46,#031226);display:grid;place-items:center;border:1px solid rgba(0,225,255,.35);overflow:hidden}.qr1-avatar svg{width:100%;height:100%}.chat{min-height:420px;max-height:56vh;overflow:auto;padding:12px;background:#02080f;border:1px solid rgba(0,225,255,.06);border-radius:12px}.msg{max-width:82%;margin:10px 0}.msg.user{margin-left:auto}.bubble{padding:10px 12px;border-radius:11px;background:#07131c;border:1px solid rgba(0,225,255,.06);line-height:1.55;font-size:12px}.msg.user .bubble{background:rgba(0,225,255,.08);border-color:rgba(0,225,255,.12)}.compose{display:flex;gap:8px;margin-top:10px}.compose textarea{flex:1;min-height:56px;background:#020910;color:#fff;border:1px solid rgba(0,225,255,.12);border-radius:9px;padding:10px}.plan{margin:10px 0;padding:12px;border:1px solid rgba(182,255,74,.16);background:rgba(182,255,74,.03);border-radius:11px}.tag{display:inline-block;padding:4px 7px;border-radius:999px;background:rgba(182,255,74,.09);color:#ccff92;font-size:9px}.toast{position:fixed;bottom:18px;right:18px;background:#07131c;border:1px solid rgba(0,225,255,.18);padding:10px 12px;border-radius:9px;z-index:50}.kpi{color:var(--lime)}@media(max-width:900px){.login{grid-template-columns:1fr}.login-left{display:none}.login-panel{border:0}.layout{grid-template-columns:1fr}.sidebar{position:sticky;top:0;z-index:10;display:flex;overflow:auto;border-right:0;border-bottom:1px solid rgba(0,225,255,.06)}.navbtn{min-width:max-content}.content{padding:14px}.grid4,.grid2{grid-template-columns:1fr 1fr}.hero{display:block}.actions{margin-top:14px}.msg{max-width:92%}}@media(max-width:560px){.grid4,.grid2{grid-template-columns:1fr}.topbar{padding:0 14px}.userbox span{display:none}.content{padding:10px}.hero h1{font-size:26px}}