:root{--bg:#050b14;--panel:#081726;--panel2:#0c2134;--cyan:#00b7ff;--blue:#0a78ff;--orange:#ff7a00;--yellow:#ffd000;--green:#12d66a;--red:#ff4f5e;--text:#eef7ff;--muted:#8eabc1;--line:#17374d;--shadow:0 16px 42px rgba(0,0,0,.34)}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at 25% 0,#0b2b47 0,transparent 34%),linear-gradient(135deg,#02060b,#07101b 65%,#06131f);color:var(--text)}a{color:inherit;text-decoration:none}.app-shell{display:flex;min-height:100vh}.sidebar{width:250px;background:linear-gradient(180deg,#03101c,#071523);border-right:1px solid #0b4163;padding:18px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;box-shadow:8px 0 30px rgba(0,183,255,.08)}.brand{display:flex;align-items:center;gap:10px;padding:6px 4px 20px}.brand img{width:74px;height:74px;object-fit:contain;filter:drop-shadow(0 0 12px rgba(0,183,255,.25))}.brand strong{display:block;font-size:16px}.brand small,.side-user small{display:block;color:var(--muted);margin-top:3px}.sidebar nav{display:grid;gap:7px}.sidebar nav a{padding:12px 14px;border-radius:12px;color:#d8e9f5;display:flex;gap:10px;align-items:center;border:1px solid transparent}.sidebar nav a:hover,.sidebar nav a.active{background:linear-gradient(90deg,#073b63,#0a78ff);border-color:#00b7ff;box-shadow:0 0 22px rgba(0,183,255,.16)}.side-user{margin-top:auto;padding:14px;border:1px solid var(--line);background:#081a2a;border-radius:14px}.side-user a{display:block;margin-top:10px;color:#7dd8ff}.main{margin-left:250px;width:calc(100% - 250px)}.topbar{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:20px 28px;background:rgba(4,13,22,.88);backdrop-filter:blur(14px);border-bottom:1px solid #14364d}.topbar h1{margin:2px 0 0;font-size:28px}.topbar small{color:var(--muted)}.top-actions{display:flex;align-items:center;gap:8px;color:#b7ccdc}.live-dot{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}.content{padding:25px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.card,.panel{background:linear-gradient(180deg,rgba(15,42,64,.92),rgba(5,19,31,.96));border:1px solid #1a5579;border-radius:18px;box-shadow:var(--shadow)}.stat{padding:18px;position:relative;overflow:hidden}.stat:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;right:-26px;top:-25px;background:var(--glow,#00b7ff);filter:blur(35px);opacity:.24}.stat .label{color:#b8d0df;font-size:14px}.stat .value{font-size:30px;font-weight:800;margin-top:5px}.stat.orange{--glow:#ff7a00;border-color:#b95e10}.stat.green{--glow:#12d66a;border-color:#128b50}.stat.yellow{--glow:#ffd000;border-color:#9f7d00}.stat.purple{--glow:#c55cff;border-color:#74429b}.grid-2{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-top:16px}.panel{padding:18px}.panel h2{font-size:18px;margin:0 0 14px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid #15364c;font-size:14px}th{color:#84b6d5;font-weight:600}.badge{display:inline-block;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700}.b-blue{background:#063e69;color:#70cfff}.b-green{background:#063f2a;color:#5ff1a1}.b-yellow{background:#4c3c00;color:#ffe96a}.b-red{background:#4a1420;color:#ff8996}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:11px;padding:10px 14px;background:linear-gradient(90deg,#0279d6,#00b7ff);color:white;font-weight:700;cursor:pointer}.btn.orange{background:linear-gradient(90deg,#ff6a00,#ffb000)}.btn.ghost{background:#0b2438;border:1px solid #215474}.toolbar{display:flex;gap:10px;justify-content:space-between;align-items:center;margin-bottom:14px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field{display:grid;gap:6px}.field label{color:#a9c4d5;font-size:13px}.field input,.field select,.field textarea{width:100%;background:#06131f;color:white;border:1px solid #23506b;border-radius:10px;padding:11px}.field textarea{min-height:92px}.full{grid-column:1/-1}.notice{padding:12px;border-radius:12px;margin-bottom:14px;background:#0a2c3d;border:1px solid #1d6d8e}.notice.ok{background:#073323;border-color:#168b5a}.login-body{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:min(470px,100%);background:linear-gradient(180deg,#071827,#06111b);border:1px solid #1c6f9a;border-radius:24px;padding:28px;box-shadow:0 30px 80px rgba(0,0,0,.45)}.login-logo{width:180px;display:block;margin:0 auto 14px}.login-card h1{text-align:center;margin:8px 0}.login-card .subtitle{text-align:center;color:var(--muted);margin-bottom:20px}.pin{letter-spacing:.45em;text-align:center;font-size:24px;font-weight:800}.login-tabs{display:flex;gap:8px;margin-bottom:14px}.login-tabs button{flex:1}.hidden{display:none}@media(max-width:1100px){.cards{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}}@media(max-width:760px){.sidebar{position:static;width:100%;height:auto}.app-shell{display:block}.main{margin:0;width:100%}.sidebar nav{grid-template-columns:repeat(2,1fr)}.brand{justify-content:center}.side-user{margin-top:12px}.topbar{padding:16px}.content{padding:14px}.cards{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}}