:root{font-family:Segoe UI,Arial,sans-serif;color:#162b48;background:#f3f6fa}*{box-sizing:border-box}body{margin:0}main{max-width:1200px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d9e1ed;padding-bottom:18px}.brand{display:flex;align-items:center;gap:16px;color:#093d94;font-weight:700;text-decoration:none;letter-spacing:1px}.brand img{width:68px;height:68px;object-fit:contain;background:white;border-radius:12px}.brand small{display:block;color:#61738b;font-weight:400;letter-spacing:0;margin-top:6px;font-size:12px}h1{font-size:32px;margin:10px 0 20px}h2{font-size:19px;margin:0 0 16px}p{line-height:1.6;color:#53647b}a{color:#093d94}button,.button{display:inline-block;border:0;border-radius:8px;background:#093d94;color:white;padding:11px 16px;cursor:pointer;text-decoration:none;font:600 14px Segoe UI,Arial}button.secondary{background:#e9eef6;color:#274569}input{padding:11px;border:1px solid #c9d4e4;border-radius:8px;font:inherit;min-width:0}small{font-size:12px;color:#62728a}.eyebrow{font-size:12px;letter-spacing:2px;color:#d35600;font-weight:700}.login{max-width:700px;padding:80px 0}.login h1{font-size:48px;line-height:1.15}.login p{font-size:18px;max-width:580px}.login small{display:block;margin-top:18px}.heading{display:flex;justify-content:space-between;align-items:center;margin-top:32px}.muted{color:#61738b;font-size:13px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.metrics article,.panel,.agent{background:white;border:1px solid #dee6f0;border-radius:12px;padding:22px}.metrics strong{display:block;font-size:36px;color:#093d94;margin-top:8px}.agent,.panel{margin-top:20px}.agent{border-left:4px solid #ff6900}.agent small{display:block;margin-top:10px}.agent p{font-size:12px;margin-bottom:0}.section-head,.inline{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.section-head{justify-content:space-between}.table-wrap{overflow:auto;margin:18px 0}table{border-collapse:collapse;width:100%;font-size:13px;text-align:left}th{background:#f4f7fc;color:#61738b;font-size:12px}td,th{padding:15px 10px;border-bottom:1px solid #e7edf5}td small{display:block;margin-top:5px}td:first-child{max-width:280px;overflow-wrap:anywhere}.empty{text-align:center;padding:50px;color:#64748b}.notice{background:#fff0d9;border-left:4px solid #ff6900;padding:15px;margin:20px 0;border-radius:6px}pre{background:#10233f;color:#dbe7fa;border-radius:8px;padding:20px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.6}details{margin-top:15px}details li{font-size:12px;line-height:1.8;overflow-wrap:anywhere}.members{padding:0;list-style:none}.members li{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e7edf5;padding:10px 0}.bars{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.bar-item{display:grid;gap:5px;font-size:12px;width:90px}.bar-item meter{width:90px;height:20px}footer{padding:30px 0;font-size:12px;color:#718098;line-height:1.8}@media(max-width:700px){main{padding:15px}.heading{display:block}.login{padding:50px 0}.login h1{font-size:36px}.metrics{gap:8px}.metrics article{padding:14px}.metrics strong{font-size:28px}.panel{padding:16px}.brand{font-size:13px}.inline form{display:flex;gap:5px;flex-wrap:wrap}}
/* Dashboard v4 */
main{max-width:1500px;padding:20px 28px}.app-shell{display:grid;grid-template-columns:200px minmax(0,1fr);gap:32px}.sidebar{padding-top:32px;border-right:1px solid #dce4ef;padding-right:20px}.sidebar .eyebrow{font-size:9px;letter-spacing:1px;color:#718098}nav{display:grid;gap:6px;margin-top:20px}nav a{text-decoration:none;color:#5a6b83;padding:13px 14px;border-radius:8px;font-size:14px;font-weight:600}nav a:hover{background:#e8eef7}nav a.selected{background:#093d94;color:white;box-shadow:0 4px 12px #093d9420}.sidebar-note{margin-top:48px;padding:15px 0;border-top:1px solid #dce4ef;font-size:11px;color:#093d94}.sidebar-note small{display:block;line-height:1.8;margin-top:8px}.workspace{min-width:0}.heading{margin-top:28px}.heading h1{margin-bottom:22px}.refresh{font-size:13px;text-decoration:none;border:1px solid #ced9e9;padding:10px 14px;border-radius:8px;background:white}.filters{display:flex;flex-wrap:wrap;gap:10px;background:white;border:1px solid #dce4ef;padding:16px;border-radius:12px;align-items:end}.filters label{display:grid;gap:6px;font-size:11px;color:#62728a;flex:1;min-width:125px}.filters input,.filters select{width:100%;padding:9px 10px;background:#fbfcfe;color:#233957;font:13px Segoe UI,Arial;border:1px solid #d1dceb;border-radius:7px}.filters button{padding:10px 16px}.scope{font-size:11px;margin:10px 0 22px;color:#718098}.four{grid-template-columns:repeat(4,1fr)}.metrics article{padding:20px;border-top:3px solid #093d94}.metrics article.metric-amber{border-top-color:#e5a128}.metrics article.metric-red{border-top-color:#e26965}.metrics span{display:block;font-size:11px;color:#718098;margin-top:6px}.metrics small{font-size:12px}.metric-amber strong{color:#a96c0e}.metric-red strong{color:#c34948}.legend{display:flex;gap:14px;font-size:11px;color:#62728a}.dot:before{content:'';display:inline-block;width:8px;height:8px;border-radius:3px;margin-right:5px;background:#819ac2}.dot.amber:before{background:#e8b44f}.dot.red:before{background:#df706e}.chart{width:100%;height:auto;min-height:170px;margin-top:24px}.chart text{font:11px Segoe UI,Arial;fill:#7c8ca2}.chart .gridline{stroke:#e8edf5;stroke-width:1}.chart .amber{fill:#e8b44f}.chart .blue{fill:#819ac2}.chart .red{fill:#df706e}.columns{display:grid;grid-template-columns:1.1fr 1fr;gap:20px}.rank{margin:20px 0}.rank>div{display:flex;justify-content:space-between;font-size:13px;margin-bottom:5px}.rank a{text-decoration:none}.rank meter{width:100%;height:14px}.rank meter::-webkit-meter-bar{background:#edf2f8;border:0}.rank meter::-webkit-meter-optimum-value{background:#7795c4}.fact{display:flex;gap:15px;align-items:center;border-bottom:1px solid #edf1f7;padding:18px 0}.fact strong{font-size:27px;color:#093d94}.fact span{font-size:12px;color:#62728a}.badge{display:inline-block;padding:5px 8px;border-radius:6px;background:#eaf0f8;color:#48668b;font-size:11px;white-space:nowrap}.badge.isolated{background:#fff2d6;color:#8c651c}.badge.prolonged{background:#fce9e8;color:#ac4443}.badge.healthy{background:#e6f5ed;color:#2e7956}.pagination{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-top:14px}.pagination a{text-decoration:none;padding:8px 12px;background:#edf2f9;border-radius:6px}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 22px}.detail-grid small,.detail-grid strong{display:block}.detail-grid strong{font-size:14px;margin-top:6px;overflow-wrap:anywhere}summary{font-size:12px;color:#4e6d96;cursor:pointer}td{font-size:12px}th{white-space:nowrap;font-size:11px}footer{font-size:11px}@media(min-width:1500px){.chart{max-height:320px}}@media(max-width:1000px){.app-shell{grid-template-columns:150px minmax(0,1fr);gap:20px}.four{grid-template-columns:repeat(2,1fr)}.columns{grid-template-columns:1fr}.sidebar{padding-right:12px}.legend{gap:7px}}@media(max-width:700px){main{padding:14px}.app-shell{display:block}.sidebar{border:0;padding:14px 0 0}.sidebar>.eyebrow,.sidebar-note{display:none}nav{display:flex;overflow:auto;margin:0;padding-bottom:7px;gap:5px}nav a{white-space:nowrap;padding:10px;font-size:12px}.heading{display:flex;margin-top:18px}.heading h1{font-size:25px;margin-bottom:15px}.filters{padding:12px}.filters label{min-width:120px}.legend{flex-wrap:wrap;margin-top:12px}.section-head{gap:6px}.four{gap:10px}.metrics article{padding:14px}.metrics strong{font-size:30px}.detail-grid{grid-template-columns:1fr}.chart{min-height:120px}.panel{margin-top:14px}.scope{line-height:1.6}}