*{box-sizing:border-box}body{margin:0;background:#f3f6fa;color:#172b45;font:15px/1.5 Inter,Segoe UI,Arial,sans-serif}.layout{min-height:100vh;display:flex}.sidebar{width:252px;background:#12263b;color:#eaf2fb;padding:24px 16px;display:flex;flex-direction:column;flex-shrink:0}.brand{display:flex;align-items:center;gap:12px;padding:5px 8px 32px}.brandmark{font-size:34px;color:#27c2c9;font-weight:800}.brand strong{display:block;font-size:21px;letter-spacing:-.6px}.brand strong span{color:#27c2c9}.brand small{display:block;color:#a9bbcd;font-size:11px;margin-top:3px}.nav{display:flex;gap:13px;align-items:center;text-decoration:none;color:#c5d2df;padding:13px 14px;border-radius:9px;margin:4px 0}.nav span{font-size:21px;width:24px;text-align:center}.nav.active,.nav:hover{background:#204b69;color:white}.sidebottom{margin-top:auto;color:#c2d2df;font-size:12px;padding:15px 10px;border-top:1px solid #30465b}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.green{background:#36bd7d}.main{padding:28px 32px;min-width:0;flex:1;max-width:1600px;margin:0 auto}.topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.eyebrow{font-size:11px;letter-spacing:1.4px;font-weight:700;color:#7b8da2}.topbar h1{margin:3px 0 0;font-size:27px;letter-spacing:-.7px}.topbar p{margin:2px 0;color:#718198}.topright{display:flex;align-items:center;gap:20px}.live{background:#e3f7ed;color:#16824e;padding:8px 12px;border-radius:20px;font-size:12px;white-space:nowrap}.live i{display:inline-block;width:7px;height:7px;background:#1fa96a;border-radius:50%;margin-right:6px}.updated{font-size:11px;color:#8391a2;border-left:1px solid #d6dee8;padding-left:18px}.updated strong{display:block;color:#354b65;font-size:13px}.statusbox{display:flex;align-items:center;gap:20px;padding:24px 26px;border-radius:14px;border:1px solid;margin-bottom:20px}.statusbox.normal{background:#e9f8ef;border-color:#bce6cd}.statusbox.warning{background:#fff7df;border-color:#f2d98a}.statusbox.alert{background:#fff0df;border-color:#f2c28d}.statusbox.danger{background:#ffeded;border-color:#f3b4b4}.statusicon{height:52px;width:52px;border-radius:13px;display:grid;place-items:center;font-size:28px;font-weight:800;background:#fff8;color:#b36a00}.danger .statusicon{color:#c72f36}.normal .statusicon{color:#17854e}.statuscopy{flex:1}.statuscopy h2{margin:2px 0;font-size:27px;letter-spacing:-.6px;color:#a45b00}.danger .statuscopy h2{color:#b82c36}.normal .statuscopy h2{color:#187d4b}.statuscopy p{margin:3px 0 0;color:#56677b}.statusright{text-align:right}.statuspill{display:inline-block;padding:6px 10px;background:#ffffffa8;border-radius:20px;font-size:10px;font-weight:800;letter-spacing:.5px}.statusright small{display:block;color:#748399;margin-top:7px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}.metric,.panel{background:white;border:1px solid #e3e9f0;border-radius:13px;box-shadow:0 2px 7px #18365305}.metric{padding:18px 19px}.metrichead{display:flex;align-items:center;gap:10px;color:#65778c;font-size:13px;font-weight:600}.metricicon{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;font-size:21px;font-weight:700;background:#e8f4ff;color:#1680bc}.metricicon.teal{background:#e4f8f5;color:#149e91}.metricicon.rain{background:#eaf0ff;color:#5a7fe0}.metricicon.orange{background:#fff0df;color:#df8b29}.metric strong{display:block;font-size:26px;letter-spacing:-.5px;margin:12px 0 2px;color:#183b60}.metric strong em{font-size:16px;color:#91a0b1;font-style:normal}.metric small{color:#93a0ae;font-size:11px}.contentgrid{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(400px,1.45fr);gap:16px;margin-bottom:20px}.panel{padding:20px}.paneltitle{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:17px}.paneltitle h3{margin:0;font-size:17px}.paneltitle p{margin:3px 0 0;color:#8a98a9;font-size:12px}.unit{font-size:11px;color:#718197;background:#f3f6fa;border:1px solid #e4eaf0;padding:5px 9px;border-radius:7px;white-space:nowrap}.gaugewrap{display:flex;align-items:center;justify-content:center;gap:26px;min-height:230px}.gauge{width:48px;height:220px;border-radius:24px;border:5px solid #e7edf3;background:linear-gradient(to top,#24a1d8 0 40%,#f2c34b 40% 60%,#ed923b 60% 80%,#e05252 80%);position:relative;overflow:hidden}.gaugefill{position:absolute;bottom:0;left:0;right:0;background:#1686c7;opacity:.75;border-top:3px solid #fff}.gaugelegend{display:grid;gap:12px}.gaugelegend div{display:grid;grid-template-columns:10px 65px auto;gap:7px;align-items:center;font-size:12px;color:#63758a}.gaugelegend i{width:9px;height:9px;border-radius:3px}.gaugelegend b{font-size:11px;color:#344b63;font-weight:600}.g-normal{background:#24a1d8}.g-warning{background:#f2c34b}.g-alert{background:#ed923b}.g-danger{background:#e05252}.fineprint{font-size:11px;color:#8b98a8;margin:12px 0 0}.chartbox{height:245px;position:relative}.empty{height:100%;display:grid;place-items:center;color:#91a0b0;font-size:13px;text-align:center;padding:20px}.outputs{margin-bottom:20px}.outputrow{display:flex;align-items:center;gap:14px;padding:13px 0;border-top:1px solid #edf1f5}.outicon{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;font-size:25px}.siren{background:#fff0f0;color:#d83d48}.speaker{background:#eaf3ff;color:#286aa2}.outcopy{flex:1}.outcopy strong{display:block;font-size:14px}.outcopy small{color:#8795a5;font-size:11px}.outstate{font-size:10px;font-weight:800;letter-spacing:.4px;padding:6px 9px;border-radius:20px;background:#eef3f7;color:#718096}.outstate.warning,.outstate.alert,.outstate.danger{background:#fff0dc;color:#b96b0d}.telegram{display:flex;align-items:center;gap:14px;background:#eaf6fc;border:1px solid #cde8f6;padding:17px 20px;border-radius:12px;margin-bottom:25px}.telegramicon{background:#229ed9;color:white;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-size:20px}.telegram div:nth-child(2){flex:1}.telegram strong{font-size:14px}.telegram p{margin:3px 0 0;font-size:12px;color:#607b8e}.soon{font-size:10px;font-weight:700;color:#4b89a9;background:#d5edf8;padding:6px 9px;border-radius:15px;white-space:nowrap}footer{color:#9aa6b5;font-size:11px;padding:4px 0 10px}footer span{padding:0 7px;color:#c1cad4}.back{color:#176c9e;text-decoration:none;font-size:13px}.notice{background:#fff5dc;border:1px solid #f1d99c;color:#805b16;padding:12px 15px;border-radius:9px;margin-bottom:17px;font-size:13px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:12px}th{text-align:left;color:#718197;background:#f7f9fb;padding:12px}td{padding:12px;border-top:1px solid #edf1f5;color:#40556d}.emptycell{text-align:center;color:#8b98a8;padding:30px}.contactcards{grid-template-columns:repeat(3,minmax(0,1fr))}.contactplaceholder{font-size:18px!important;color:#8b98a8!important;margin-top:20px!important}@media(max-width:1050px){.sidebar{width:210px}.main{padding:22px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.contentgrid{grid-template-columns:1fr}.gaugewrap{min-height:180px}.gauge{height:175px}.chartbox{height:230px}}@media(max-width:650px){.layout{display:block}.sidebar{width:100%;padding:12px}.brand{padding:3px 8px 12px}.brandmark{font-size:26px}.brand strong{font-size:17px}.sidebar nav{display:flex;gap:4px}.nav{flex:1;justify-content:center;padding:9px 5px;font-size:12px;gap:5px}.nav span{font-size:17px;width:auto}.sidebottom{display:none}.main{padding:16px}.topbar{align-items:flex-start}.topbar h1{font-size:22px}.topright{display:block;text-align:right}.updated{border:0;padding:8px 0 0}.live{font-size:10px}.statusbox{padding:17px;gap:12px}.statusicon{width:40px;height:40px;font-size:22px}.statuscopy h2{font-size:20px}.statuscopy p{font-size:12px}.statusright{display:none}.cards{gap:10px}.metric{padding:14px}.metric strong{font-size:22px}.contentgrid{display:block}.panel{margin-bottom:13px;padding:16px}.gaugewrap{gap:18px}.gaugelegend div{grid-template-columns:9px 56px auto;font-size:11px}.telegram{align-items:flex-start;padding:14px}.soon{display:none}.contactcards{grid-template-columns:1fr}.outputrow{gap:9px}.outcopy small{max-width:220px;display:block}}