:root{color:#fff;background:#0b0f14;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{color:#fff;background:radial-gradient(circle at 100% 0,#00c8961f,#0000 35%),#0b0f14;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}input,textarea{color:#fff;background:#1a2235;border:1px solid #1d2530;border-radius:12px;outline:none;width:100%;padding:13px 14px}textarea{resize:vertical;min-height:110px}.muted,small{color:#a0aec0}.error{color:#ff4d4f}.login-page{place-items:center;min-height:100vh;padding:24px;display:grid;position:relative;overflow:hidden}.hero-glow{filter:blur(90px);background:#00c89621;border-radius:50%;width:500px;height:500px;position:absolute;inset:auto -20% -20% auto}.card{background:linear-gradient(#151b23f5,#10161ef5);border:1px solid #1d2530;border-radius:22px;padding:20px;box-shadow:0 12px 44px #00000047}.card.danger{border-color:#ff4d4f59;box-shadow:0 0 24px #ff4d4f1a}.card.gold{border-color:#f0b84059;box-shadow:0 0 24px #f0b8401a}.login-card{z-index:1;width:100%;max-width:460px}.brand{align-items:center;gap:12px;display:flex}.brand h1,.brand p{margin:0}.brand h1{font-size:25px}.brand.small b,.brand.small small{display:block}.logo{color:#0b0f14;background:#00c896;border-radius:15px;place-items:center;width:48px;height:48px;display:grid;box-shadow:0 0 24px #00c89640}.form{gap:10px;margin:18px 0;display:grid}.form label{text-transform:uppercase;letter-spacing:.08em;color:#a0aec0;font-size:12px}.btn{border:0;border-radius:13px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:12px 16px;font-weight:750;transition:all .15s;display:inline-flex}.btn.primary{color:#07110f;background:#00c896;box-shadow:0 0 20px #00c89629}.btn.danger{color:#fff;background:#ff4d4f}.btn.surface{color:#fff;background:#1a2235;border:1px solid #1d2530}.btn.full{width:100%}.demo-list{gap:8px;display:grid}.demo-list button{color:#fff;background:#111821;border:1px solid #1d2530;border-radius:12px;justify-content:space-between;gap:10px;padding:10px;display:flex}.demo-list span{color:#00c896}.app{min-height:100vh;display:flex}.side{background:#151b23;border-right:1px solid #1d2530;flex-direction:column;gap:6px;width:260px;height:100vh;padding:18px;display:flex;position:sticky;top:0}.side-head{border-bottom:1px solid #1d2530;justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:18px;display:flex}.mobile-x{display:none}.nav{color:#a0aec0;text-align:left;background:0 0;border:1px solid #0000;border-radius:13px;align-items:center;gap:12px;width:100%;padding:12px;display:flex}.nav svg:last-child{margin-left:auto}.nav.active,.nav:hover{color:#00c896;background:#00c89614;border-color:#00c8962e}.profile{border-top:1px solid #1d2530;align-items:center;gap:12px;margin-top:auto;padding-top:16px;display:flex}.profile b,.profile small{display:block}.avatar{color:#00c896;background:#1a2235;border:1px solid #1d2530;border-radius:50%;place-items:center;width:40px;height:40px;font-weight:800;display:grid}.main{flex:1;min-width:0;padding:20px 24px 40px}.top{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.top h1,.top p{margin:0}.top h1{font-size:28px}.top-actions{align-items:center;gap:8px;display:flex}.logout,.hamb,.mobile-x{color:#fff;background:#1a2235;border:1px solid #1d2530;border-radius:12px;padding:10px}.hamb{display:none}.badge{border:1px solid #1d2530;border-radius:999px;align-items:center;padding:5px 9px;font-size:12px;font-weight:750;display:inline-flex}.badge.emerald{color:#00c896;background:#00c8961a;border-color:#00c89638}.badge.gold{color:#f0b840;background:#f0b8401a;border-color:#f0b84038}.badge.danger{color:#ff4d4f;background:#ff4d4f1a;border-color:#ff4d4f38}.badge.warn{color:#faad14;background:#faad141a;border-color:#faad1438}.badge.info{color:#1890ff;background:#1890ff1a;border-color:#1890ff38}.emergency{color:#fff;background:linear-gradient(90deg,#ff4d4f29,#00c89614);border:1px solid #ff4d4f38;border-radius:16px;align-items:center;gap:10px;margin-bottom:18px;padding:12px 14px;display:flex}.emergency svg{color:#ff4d4f}.grid{gap:14px;display:grid}.kpi{grid-template-columns:repeat(4,minmax(0,1fr))}.kpi .card p{color:#a0aec0;margin:0}.kpi h2{margin:8px 0 2px;font-size:30px}.two{grid-template-columns:1.2fr .8fr;gap:14px;margin-top:14px;display:grid}.section-title{align-items:center;gap:9px;margin-bottom:16px;display:flex}.section-title h3{margin:0;font-size:18px}.feed,.table-row,.check,.incident{border-top:1px solid #1d2530;align-items:center;gap:10px;padding:12px 0;display:flex}.feed span{color:#a0aec0;width:45px}.feed b,.incident b{flex:1}.critical{background:#1a2235;border:1px solid #ff4d4f38;border-radius:16px;padding:16px}.critical h3{color:#ff4d4f;margin-top:0}.actions{flex-wrap:wrap;gap:10px;margin-bottom:14px;display:flex}.table-row{grid-template-columns:1fr 1fr 1fr auto auto;display:grid}.score-wrap{grid-template-columns:.7fr 1.3fr;gap:14px;display:grid}.score-hero{text-align:center;place-items:center;display:grid}.score-hero svg{color:#f0b840}.score-num{color:#00c896;margin:20px;font-size:78px;font-weight:900;line-height:1}.q{border-top:1px solid #1d2530;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;display:flex}.q div{gap:8px;display:flex}.q button{color:#a0aec0;background:#1a2235;border:1px solid #1d2530;border-radius:10px;padding:8px 10px}.q button.sel{color:#00c896;background:#00c8961f;border-color:#00c8964d}.roadmap{background:#1a2235;border:1px solid #1d2530;border-radius:14px;margin:12px 0;padding:14px}.compact{max-width:520px}.scan-box{text-align:center;background:#00c8960d;border:1px dashed #00c89659;border-radius:18px;place-items:center;min-height:260px;padding:20px;display:grid}.scan-box svg,.ok{color:#00c896}.bad{color:#ff4d4f}.check span{flex:1}.progress{background:#1a2235;border-radius:999px;height:9px;margin:14px 0;overflow:hidden}.progress span{background:linear-gradient(90deg,#00c896,#f0b840);height:100%;display:block}.op{border-top:1px solid #1d2530;align-items:center;gap:12px;padding:13px 0;display:flex}.op input{width:18px;height:18px}section{animation:.2s fade}@keyframes fade{0%{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:none}}@media (width<=900px){.side{z-index:20;transition:all .2s;position:fixed;transform:translate(-105%)}.side.open{transform:none}.mobile-x,.hamb{display:block}.main{padding:16px}.top{align-items:flex-start}.top-actions{flex-wrap:wrap;justify-content:flex-end}.kpi{grid-template-columns:repeat(2,1fr)}.two,.score-wrap{grid-template-columns:1fr}.emergency{align-items:flex-start}.table-row{grid-template-columns:1fr}.q{flex-direction:column;align-items:flex-start}.login-page{padding:16px}}@media (width<=520px){.kpi{grid-template-columns:1fr}.top{display:grid}.top h1{font-size:22px}.actions .btn{width:100%}.score-num{font-size:60px}}