:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e8edf7;background:#090d17;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top right,#15213d 0,#090d17 34%,#070a12);min-height:100vh}button,input{font:inherit}.app-shell{display:grid;grid-template-columns:245px 1fr;min-height:100vh}aside{border-right:1px solid #1c2638;background:#0a0f1b;padding:24px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.logo{display:flex;gap:11px;align-items:center;padding:4px 8px 30px}.logo strong{display:block;font-size:14px;letter-spacing:.06em}.logo small,.aside-bottom small{display:block;color:#6e7c93;font-size:11px;margin-top:2px}.brand-mark{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,#6574ff,#20d3a4);color:#fff;font-weight:900;letter-spacing:-.05em;box-shadow:0 12px 32px #4e60ff33}.brand-mark.small{width:38px;height:38px;border-radius:11px;font-size:12px}nav{display:flex;flex-direction:column;gap:6px}nav a{display:flex;align-items:center;gap:11px;color:#8390a6;padding:11px 12px;border-radius:10px;font-size:14px;text-decoration:none}nav a svg{width:18px}nav a.active{color:#fff;background:#151e30;box-shadow:inset 3px 0 #6d78ff}.aside-bottom{margin-top:auto;border-top:1px solid #182235;padding:18px 8px 0;display:flex;align-items:center;gap:9px}.aside-bottom strong{font-size:11px;letter-spacing:.08em}.status-dot{width:8px;height:8px;border-radius:50%;background:#2dd4a8;box-shadow:0 0 0 5px #2dd4a815}.content{padding:31px 34px 50px;max-width:1600px;width:100%;margin:auto}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.eyebrow,.section-label{margin:0 0 5px;color:#7282a0;font-size:10px;letter-spacing:.15em;font-weight:800}h1{font-size:29px;margin:0;letter-spacing:-.04em}h2{font-size:17px;margin:3px 0 0;letter-spacing:-.02em}.header-actions{display:flex;gap:10px;align-items:center}.pill{font-size:12px;border:1px solid #25334b;padding:8px 11px;border-radius:999px;color:#bac4d6;background:#0d1422}.pill span{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:7px;background:#2dd4a8}.icon-btn,.text-btn,.ghost{border:1px solid #26344d;background:#111827;color:#cbd5e1;border-radius:9px;padding:8px 10px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.kpis article{background:linear-gradient(180deg,#111827,#0d1421);border:1px solid #1f2a40;border-radius:15px;padding:18px;display:flex;gap:14px;min-height:117px}.kpi-icon{width:38px;height:38px;border-radius:11px;background:#6370ff18;color:#8390ff;display:grid;place-items:center;flex:0 0 auto}.kpi-icon svg{width:19px}.kpis span{display:block;color:#7e8ca4;font-size:11px}.kpis strong{display:block;font-size:25px;margin:6px 0 5px;letter-spacing:-.04em}.kpis small{color:#8c9bb3;font-size:10px;display:flex;align-items:center;gap:3px}.kpis small svg{width:12px}.kpis .warning{color:#ffb85c}.kpis .good{color:#43d9b2}.grid-two{display:grid;grid-template-columns:1.15fr .85fr;gap:14px;margin-top:14px}.panel{background:#0d1421;border:1px solid #1f2a40;border-radius:15px;padding:20px;margin-top:14px}.grid-two .panel{margin-top:0}.panel-head{display:flex;justify-content:space-between;align-items:start}.demo-badge{font-size:9px;letter-spacing:.1em;color:#7f8ba1;border:1px solid #26334a;border-radius:6px;padding:5px 7px}.bars{height:195px;display:flex;align-items:end;gap:11px;padding:25px 8px 0;border-bottom:1px solid #253047}.bar-wrap{height:100%;flex:1;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:8px}.bar{width:70%;min-width:17px;background:linear-gradient(180deg,#7a83ff,#5965ef);border-radius:5px 5px 2px 2px;box-shadow:0 0 24px #6974ff20}.bar.forecast{background:repeating-linear-gradient(135deg,#30405d,#30405d 4px,#172238 4px,#172238 8px);border:1px solid #4a5f83}.bar-wrap span{font-size:9px;color:#64738d}.legend{display:flex;justify-content:center;gap:18px;margin-top:13px;font-size:10px;color:#7c8aa2}.legend span{display:flex;align-items:center;gap:6px}.legend i{width:9px;height:9px;border-radius:2px}.legend .actual{background:#6974ff}.legend .future{background:#283851;border:1px solid #4a5f83}.risk-item{display:grid;grid-template-columns:36px 1fr auto;gap:11px;align-items:center;border-top:1px solid #1a2538;padding:15px 0}.risk-item:first-of-type{margin-top:12px}.risk-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center}.risk-icon svg{width:16px}.risk-icon.orange{background:#ff9d4817;color:#ff9f4e}.risk-icon.yellow{background:#f3ce5a16;color:#eac34c}.risk-icon.blue{background:#5873ff17;color:#7790ff}.risk-item strong{display:block;font-size:12px}.risk-item span{display:block;color:#6f7d95;font-size:10px;margin-top:3px}.risk-item b{font-size:10px;color:#b6c1d4}.services{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:15px}.service-card{border:1px solid #202c42;border-radius:13px;padding:14px;background:#0b111d}.service-title{display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center}.service-icon{width:34px;height:34px;border-radius:9px;background:#6574ff13;color:#8290ff;display:grid;place-items:center}.service-icon svg{width:16px}.service-title strong{font-size:12px;display:block}.service-title span{font-size:9px;color:#6e7d96}.service-title .health{color:#42d7af;font-size:9px}.service-cost{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:15px 0;padding:11px 0;border-top:1px solid #192438;border-bottom:1px solid #192438}.service-cost span{font-size:9px;color:#6e7b92;display:block}.service-cost strong{font-size:16px;margin-top:3px;display:block}.service-cost small{font-size:8px;color:#697890;font-weight:500}.limit{display:grid;grid-template-columns:1fr 1.2fr 31px;gap:7px;align-items:center;margin:9px 0}.limit span{display:block;font-size:9px;color:#a6b1c4}.limit small{display:block;font-size:8px;color:#63718a}.limit b{font-size:9px;color:#8896ad;text-align:right}.progress{height:5px;border-radius:999px;background:#1d293c;overflow:hidden}.progress i{display:block;height:100%;background:#6875ff;border-radius:999px}.progress i.warn{background:#e9b64c}.progress i.danger{background:#f06c71}.renewal{display:flex;gap:5px;align-items:center;color:#65748d;font-size:9px;margin-top:12px}.text-btn{font-size:10px;padding:7px 9px}.user-panel{display:flex;justify-content:space-between;gap:25px;align-items:center}.user-panel p{color:#78869d;font-size:11px;line-height:1.6;max-width:700px}.connection{border:1px solid #2a3548;border-radius:12px;padding:12px 14px;display:flex;gap:10px;align-items:center;min-width:300px}.connection svg{color:#8d9ab0}.connection strong,.connection span{display:block;font-size:10px}.connection span{color:#6d7a91;margin-top:2px}.connection.connected{border-color:#275b50;background:#15372e3b}.connection.connected svg{color:#3bd6ad}.login-shell{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:min(430px,100%);background:#0e1522;border:1px solid #202d43;border-radius:18px;padding:28px;box-shadow:0 30px 90px #0008}.login-card h1{margin:14px 0 7px}.muted{color:#7d8ba2;font-size:12px;line-height:1.6}.login-card form{display:grid;gap:8px;margin-top:22px}.login-card label{font-size:10px;color:#8a98ae;margin-top:5px}.login-card input{border:1px solid #28364d;background:#0a101b;color:#fff;border-radius:9px;padding:11px 12px;outline:none}.login-card input:focus{border-color:#6673ff}.primary{margin-top:7px;border:0;border-radius:9px;padding:11px 12px;background:linear-gradient(135deg,#6673ff,#5161e9);color:#fff;font-weight:700}.login-note{display:flex;gap:8px;color:#728098;font-size:10px;line-height:1.5;margin:16px 0 0;padding-top:14px;border-top:1px solid #1d293b}.error{background:#ef555516;border:1px solid #7e333a;color:#f09a9f;padding:9px;border-radius:8px;font-size:10px}.ghost{width:100%;margin-top:12px;font-size:11px}@media(max-width:1150px){.kpis,.services{grid-template-columns:repeat(2,1fr)}}@media(max-width:850px){.app-shell{grid-template-columns:1fr}aside{position:static;height:auto;display:none}.content{padding:22px}.grid-two,.kpis,.services{grid-template-columns:1fr 1fr}.user-panel{display:block}.connection{margin-top:15px;min-width:0}}@media(max-width:620px){.grid-two,.kpis,.services{grid-template-columns:1fr}header{align-items:flex-start;gap:12px}.header-actions{display:none}.content{padding:16px}.bars{height:160px}.service-card{padding:13px}}