:root{--bg:#050914;--panel:#0b1221;--panel2:#101a2d;--line:rgba(65,190,255,.18);--cyan:#11dff1;--blue:#0879ff;--text:#f6f9ff;--muted:#91a3bd;--danger:#ff4d66;--warning:#ffc857;--success:#34d399;--shadow:0 20px 70px rgba(0,0,0,.34)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 12% 8%,rgba(8,121,255,.16),transparent 25%),radial-gradient(circle at 90% 5%,rgba(17,223,241,.12),transparent 24%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;min-height:100vh}a{color:inherit}.shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:22px 18px;border-right:1px solid var(--line);background:rgba(4,9,20,.9);backdrop-filter:blur(16px);z-index:20}.brand-lockup{display:flex;align-items:center;gap:12px;padding:6px 8px 22px}.brand-mini{width:48px;height:48px;border-radius:14px;object-fit:cover;object-position:50% 27%;box-shadow:0 0 30px rgba(17,223,241,.26)}.brand-name{font-weight:900;letter-spacing:.08em;font-size:18px}.brand-name span{background:linear-gradient(90deg,var(--cyan),var(--blue));-webkit-background-clip:text;color:transparent}.brand-sub{font-size:10px;color:var(--muted);letter-spacing:.16em;text-transform:uppercase;margin-top:3px}.nav-label{padding:10px 10px 7px;font-size:10px;letter-spacing:.18em;color:#60728c;text-transform:uppercase}.nav a{display:flex;gap:11px;align-items:center;text-decoration:none;color:#9aabc3;padding:12px 13px;border-radius:13px;margin:3px 0;transition:.2s;border:1px solid transparent}.nav a:hover,.nav a.active{color:#fff;background:linear-gradient(90deg,rgba(8,121,255,.14),rgba(17,223,241,.08));border-color:var(--line);transform:translateX(2px)}.nav .ico{width:20px;text-align:center}.main{min-width:0;padding:26px 30px 48px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}.eyebrow{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--cyan)}h1{font-size:30px;margin:3px 0 0}.user-chip{display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:rgba(12,21,38,.7);padding:8px 12px;border-radius:999px;color:#c5d2e5}.avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),var(--cyan));font-weight:800}.grid{display:grid;gap:16px}.metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:linear-gradient(145deg,rgba(16,26,45,.94),rgba(8,15,28,.94));border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);padding:20px;position:relative;overflow:hidden}.card::after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;background:rgba(17,223,241,.035);right:-55px;top:-55px}.metric .label{color:var(--muted);font-size:13px}.metric .value{font-size:34px;font-weight:900;margin-top:7px;letter-spacing:-.03em}.metric .delta{font-size:11px;color:#7390b3;margin-top:8px}.glow{box-shadow:0 0 0 1px rgba(17,223,241,.1),0 20px 70px rgba(0,0,0,.32),0 0 45px rgba(8,121,255,.08)}.hero{display:grid;grid-template-columns:1.25fr .75fr;align-items:center;min-height:250px}.hero h2{font-size:36px;line-height:1.08;margin:8px 0 12px}.gradient-text{background:linear-gradient(90deg,#fff 10%,var(--cyan),var(--blue));-webkit-background-clip:text;color:transparent}.hero p{color:var(--muted);max-width:700px;line-height:1.65}.hero-visual{display:grid;place-items:center}.hero-visual img{width:min(100%,310px);border-radius:20px;filter:drop-shadow(0 20px 45px rgba(0,119,255,.25))}.btn{appearance:none;border:1px solid rgba(84,202,255,.25);background:#111b2c;color:#fff;border-radius:12px;padding:11px 15px;font-weight:750;cursor:pointer;text-decoration:none;display:inline-flex;gap:8px;align-items:center;justify-content:center;transition:.2s}.btn:hover{transform:translateY(-1px);border-color:rgba(84,202,255,.6)}.btn-primary{background:linear-gradient(100deg,var(--blue),var(--cyan));color:#02111d;border:0;box-shadow:0 10px 28px rgba(0,140,255,.22)}.btn-danger{border-color:rgba(255,77,102,.25);color:#ff9dad}.btn-sm{padding:8px 11px;font-size:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field label{display:block;color:#aebbd0;font-size:12px;margin:0 0 7px}.input,.select,.textarea{width:100%;border:1px solid #213654;background:#07101f;color:#f8fbff;border-radius:12px;padding:12px 13px;outline:none;transition:.2s}.input:focus,.select:focus,.textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(17,223,241,.08)}.textarea{min-height:115px;resize:vertical}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;font-size:13px}.table th{color:#6f86a4;text-transform:uppercase;letter-spacing:.08em;font-size:10px;text-align:left;padding:12px;border-bottom:1px solid var(--line)}.table td{padding:14px 12px;border-bottom:1px solid rgba(61,98,142,.12);vertical-align:middle}.table tr:hover td{background:rgba(8,121,255,.035)}.sub{color:var(--muted);font-size:12px;margin-top:4px}.badge{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:999px;font-size:11px;font-weight:800;border:1px solid transparent}.badge-danger{background:rgba(255,77,102,.11);color:#ff8192;border-color:rgba(255,77,102,.22)}.badge-success{background:rgba(52,211,153,.1);color:#69e8b8;border-color:rgba(52,211,153,.2)}.badge-warning{background:rgba(255,200,87,.1);color:#ffd878;border-color:rgba(255,200,87,.2)}.badge-info{background:rgba(17,223,241,.09);color:#65effa;border-color:rgba(17,223,241,.2)}.score{font-weight:900;font-size:18px}.score.hot{color:#ff7185}.score.warm{color:#ffd060}.score.cool{color:#89a2bf}.alert{border:1px solid var(--line);background:rgba(8,121,255,.07);color:#cbe6ff;border-radius:14px;padding:13px 15px;margin:0 0 16px}.alert.danger{border-color:rgba(255,77,102,.25);background:rgba(255,77,102,.08);color:#ffc3cc}.alert.success{border-color:rgba(52,211,153,.25);background:rgba(52,211,153,.08);color:#baf5da}.columns{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.kpi-row{display:flex;gap:8px;flex-wrap:wrap}.security-item{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid rgba(61,98,142,.13)}.security-item:last-child{border:0}.login-page{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr}.login-brand{position:relative;display:flex;align-items:center;justify-content:center;padding:40px;overflow:hidden}.login-brand:before{content:"";position:absolute;inset:8%;background:radial-gradient(circle,rgba(8,121,255,.18),transparent 65%);filter:blur(20px)}.login-brand img{position:relative;max-width:min(760px,92%);border-radius:28px;box-shadow:0 35px 100px rgba(0,0,0,.45)}.login-side{display:flex;align-items:center;padding:40px;background:linear-gradient(180deg,rgba(12,20,36,.85),rgba(4,9,20,.94));border-left:1px solid var(--line)}.login-box{width:min(430px,100%);margin:auto}.login-box h1{font-size:35px}.login-box p{color:var(--muted);line-height:1.6}.login-box .field{margin:14px 0}.brand-line{height:3px;width:90px;border-radius:99px;background:linear-gradient(90deg,var(--cyan),var(--blue));margin:18px 0 26px}.footer-note{color:#536985;font-size:11px;margin-top:18px}.mobile-menu{display:none}.scanner-orbit{width:120px;height:120px;border-radius:50%;border:1px solid rgba(17,223,241,.25);display:grid;place-items:center;position:relative;margin:auto}.scanner-orbit:before,.scanner-orbit:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(8,121,255,.18);inset:-18px}.scanner-orbit:after{inset:-36px}.scan-dot{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--cyan),var(--blue));box-shadow:0 0 35px rgba(17,223,241,.45)}
@media(max-width:980px){.shell{grid-template-columns:1fr}.sidebar{position:fixed;left:-280px;width:260px;transition:.25s}.sidebar.open{left:0}.main{padding:18px}.mobile-menu{display:inline-flex}.metrics{grid-template-columns:repeat(2,1fr)}.hero,.columns,.login-page{grid-template-columns:1fr}.login-brand{display:none}.login-side{border:0;min-height:100vh}.form-grid{grid-template-columns:1fr}}
@media(max-width:580px){.metrics{grid-template-columns:1fr}.topbar{align-items:flex-start}.user-chip{display:none}.main{padding:14px}.card{padding:16px}.hero h2{font-size:29px}}