@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&display=swap');:root{font-family:Cairo,system-ui,sans-serif;color:#e8edf9;background:#090f1d}*{box-sizing:border-box}body{margin:0}.shell{display:grid;grid-template-columns:258px minmax(0,1fr);min-height:100vh}.sidebar{background:#0c1425;border-left:1px solid #26344a;padding:26px 17px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;margin-bottom:45px}.brand strong{display:block;font-family:Arial,sans-serif;font-size:23px;letter-spacing:-1px}.brand strong span{color:#4ae7bd}.brand small,.sidebar-bottom small{display:block;color:#8d9cba;font-size:10px}.symbol{width:40px;height:40px;background:#38d9ad;color:#061b1b;font-size:28px;font-weight:bold;border-radius:13px;text-align:center}.side-label,.eyebrow{color:#6a819f;font:700 11px Arial,sans-serif;letter-spacing:1.4px;margin-bottom:13px}.side-label{font-family:Cairo;font-size:12px;letter-spacing:0}nav{display:grid;gap:5px}.district-btn{font-family:inherit;width:100%;border:0;background:transparent;color:#9baccc;text-align:right;padding:12px 13px;border-radius:9px;cursor:pointer;font-weight:700}.district-btn:hover,.district-btn.active{background:#183549;color:#63e2c4}.district-btn span{float:left;font-family:Arial;font-size:11px;color:#6e86a4}.sidebar-bottom{margin-top:auto;border:1px solid #26344a;background:#121d32;padding:12px;border-radius:12px;display:flex;align-items:flex-start;gap:9px}.sidebar-bottom strong{font-size:11px}.live-dot{display:inline-block;flex:none;width:9px;height:9px;background:#3be3a8;border-radius:50%;box-shadow:0 0 0 4px #3be3a81c;margin:6px}main{padding:37px clamp(18px,3vw,48px);min-width:0;max-width:2000px;width:100%;margin:auto}header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}h1{font-size:clamp(21px,2vw,31px);margin:4px 0 0}h2{font-size:16px;margin:0}.subtitle{color:#8b9dbb;margin:3px 0}.header-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.chip{color:#ffc17c;background:#50382045;border:1px solid #8a5e344e;border-radius:30px;padding:9px 12px;font-size:11px}.chip.connected{color:#55eabc;background:#133d304a;border-color:#316e59}.btn{border:1px solid transparent;border-radius:9px;padding:10px 15px;font-family:inherit;font-weight:800;font-size:12px;cursor:pointer}.btn.primary{background:#3bd8ae;color:#09201e}.btn.secondary{background:#17243a;color:#d9e5f7;border-color:#273956}.notice{padding:11px 16px;background:#44301d;color:#ffdca8;border:1px solid #7f5830;border-radius:10px;font-size:12px;margin-bottom:22px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:18px}.stat,.map-card,.insight-card,.table-card{border:1px solid #233149;border-radius:13px;background:#101b2e}.stat{padding:17px 20px}.stat span{display:block;color:#98a8c3;font-size:12px}.stat strong{display:block;font:800 32px Arial,sans-serif;letter-spacing:-.5px;margin:12px 0 8px;color:#fafcff}.stat strong.datevalue{font:700 14px Cairo,sans-serif;min-height:39px;display:flex;align-items:center}.stat small,.card-heading small,.table-head small{color:#7188a9;font-size:11px}.workarea{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,.8fr);gap:17px}.map-card,.insight-card{overflow:hidden}.card-heading,.table-head{padding:18px 20px;display:flex;justify-content:space-between;align-items:center;gap:12px}.card-heading a{font-size:12px;color:#52e5c0;text-decoration:none}iframe{display:block;width:100%;height:435px;border:0;background:#1a2539}.map-footer,.table-footer{display:flex;justify-content:space-between;gap:10px;color:#8294ad;padding:11px 20px;font-size:11px}.ranking{padding:2px 20px 10px}.rank{margin:15px 0}.rank-top{display:flex;justify-content:space-between;font-size:12px;margin-bottom:8px}.rank-top b{font-family:Arial}.track{background:#26354c;border-radius:10px;height:7px;overflow:hidden}.fill{height:100%;background:linear-gradient(90deg,#209b9c,#3de2b3);border-radius:10px}.source-note{margin:18px 20px;padding:11px;background:#18263c;border-radius:9px;color:#8698b4;font-size:11px}.table-card{margin-top:17px}.filters{display:flex;gap:7px;flex-wrap:wrap}input,select{font-family:inherit;border-radius:8px;border:1px solid #283b58;background:#17253b;color:#d9e5f7;padding:8px;min-height:38px}.scroll{overflow:auto}table{border-collapse:collapse;width:100%;min-width:780px;text-align:right}thead{background:#18263d}th{color:#91a7c4;font-size:11px;font-weight:700;padding:13px 18px}td{border-top:1px solid #243047;padding:12px 18px;color:#d9e4f5;font-size:12px}td.empty{text-align:center;padding:33px;color:#7e93b0}.severity{display:inline-block;border-radius:20px;padding:3px 11px;background:#274a4d;color:#73ead5}.severity.medium{background:#594c2e;color:#ffd180}.severity.high{background:#603441;color:#ffa8a8}.page-footer{text-align:center;color:#526783;font:11px Arial,sans-serif;margin:23px}.muted{color:#7188a9;font-size:12px}@media(max-width:1100px){.workarea{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.shell{grid-template-columns:1fr}.sidebar{padding:14px}.brand{margin:0 0 12px}.sidebar-bottom,.side-label{display:none}nav{display:flex;overflow:auto}.district-btn{min-width:max-content;padding:8px 11px}.district-btn span{display:none}main{padding:18px}header{align-items:flex-start;flex-direction:column}.stats{gap:8px}.stat{padding:12px}.stat strong{font-size:24px}iframe{height:400px}.table-head{align-items:flex-start;flex-direction:column}}