:root{--navy:#0b1f3a;--blue:#1769aa;--bg:#f3f6fa;--text:#173552;--muted:#718398;--border:#dfe7ef}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:400 14px Arial,sans-serif}.shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}aside{position:sticky;top:0;height:100vh;background:var(--navy);color:white;padding:25px 16px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;padding:0 8px 24px;border-bottom:1px solid #ffffff1a}.brand>b{width:40px;height:40px;background:#f3c33a;color:var(--navy);border-radius:11px;display:grid;place-items:center;font-size:22px}.brand strong,.brand span{display:block}.brand strong{font-weight:500}.brand span{font-size:11px;color:#adc0d5;margin-top:3px}nav{margin-top:18px}nav small{display:block;font-size:9px;letter-spacing:.16em;color:#7893af;margin:22px 12px 7px}nav button{width:100%;border:0;background:none;color:#c8d5e4;border-radius:8px;padding:11px 12px;text-align:left;cursor:pointer;margin:2px 0}nav button.active,nav button:hover{background:white;color:var(--navy)}nav button span{margin-left:9px}.mode{margin-top:auto;border:1px solid #ffffff18;background:#ffffff0b;border-radius:9px;padding:13px;font-size:11px}.mode i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#f3c33a;margin-right:7px}.mode small{display:block;color:#8199b0;margin:6px 0 0 15px}main{min-width:0;padding:0 30px 25px;max-width:1450px;width:100%;margin:auto}header{height:86px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border)}header small{font-size:9px;letter-spacing:.14em;color:var(--muted)}h1{font-size:22px;font-weight:500;margin:5px 0 0;color:var(--navy)}header button,.filters button{border:1px solid var(--border);background:white;color:var(--text);border-radius:7px;padding:9px 12px;cursor:pointer}.filters{display:flex;align-items:end;gap:10px;padding:18px 0}.filters label{font-size:9px;letter-spacing:.1em;color:var(--muted);text-transform:uppercase}.filters input{display:block;margin-top:6px;border:1px solid var(--border);border-radius:7px;background:white;padding:8px;color:var(--text)}.filters button{background:var(--blue);color:white;border-color:var(--blue)}.filters>span{margin-left:auto;font-size:10px;color:var(--muted)}.view{display:none}.view.active{display:block}.title{display:flex;justify-content:space-between;align-items:end;margin:8px 0 18px}.title small{font-size:9px;letter-spacing:.15em;color:var(--blue)}.title h2{font-size:25px;font-weight:500;color:var(--navy);margin:6px 0 4px}.title p{margin:0;color:var(--muted);font-size:12px}.title>span{font-size:9px;letter-spacing:.09em;background:#fff5d7;border:1px solid #eedc9f;color:#856918;border-radius:99px;padding:8px 11px}.kpis{display:grid;grid-template-columns:repeat(8,1fr);gap:10px}.kpi{background:white;border:1px solid var(--border);border-top:3px solid var(--blue);border-radius:10px;padding:13px;min-height:114px}.kpi.cyan{border-top-color:#32939d}.kpi.violet{border-top-color:#7662aa}.kpi.amber{border-top-color:#d99a20}.kpi.green{border-top-color:#31896d}.kpi.rose{border-top-color:#b65b75}.kpi.navy{border-top-color:#294a70}.kpi.teal{border-top-color:#137f80}.kpi span{display:block;color:#60768c;font-size:10px;min-height:25px}.kpi strong{display:block;font-size:24px;font-weight:500;color:var(--navy);margin:7px 0}.kpi small{font-size:8px;color:#9aa8b5}.grid{display:grid;grid-template-columns:1.25fr .75fr;gap:13px;margin-top:13px}.card{background:white;border:1px solid var(--border);border-radius:10px;padding:16px;min-height:240px}.card-head{display:flex;align-items:start;justify-content:space-between}.card-head h3{font-size:14px;font-weight:500;color:var(--navy);margin:0}.card-head p{font-size:10px;color:var(--muted);margin:4px 0}.legend{font-size:9px;color:var(--muted)}.legend i{width:8px;height:8px;border-radius:2px;display:inline-block;margin:0 4px 0 9px}.legend .l1{background:var(--blue)}.legend .l2{background:#79b7d4}.chart-area{height:175px;display:flex;gap:14px;align-items:end;border-bottom:1px solid var(--border);padding:12px 10px 0}.col{height:100%;flex:1;display:flex;align-items:center;flex-direction:column;justify-content:end}.bar-pair{display:flex;align-items:end;height:145px;gap:3px}.bar-pair i{width:15px;background:var(--blue);border-radius:3px 3px 0 0;min-height:2px}.bar-pair i+ i{background:#79b7d4}.col>span{font-size:9px;color:var(--muted);padding:7px 0}.bars{margin-top:14px}.bar-row{display:grid;grid-template-columns:115px 1fr 35px;align-items:center;gap:8px;margin:11px 0;font-size:9px}.bar-row>div{height:7px;background:#edf2f6;border-radius:9px;overflow:hidden}.bar-row i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),#55a2d3);border-radius:9px}.bar-row b{text-align:right;font-weight:500}.donut{--p:0;width:125px;height:125px;margin:20px auto 12px;border-radius:50%;background:conic-gradient(var(--blue) calc(var(--p)*1%),#e6edf3 0);display:grid;place-items:center}.donut:before{content:"";width:82px;height:82px;background:white;border-radius:50%;position:absolute}.donut div{z-index:1;text-align:center}.donut b,.donut span{display:block}.donut b{font-size:21px;font-weight:500}.donut span{font-size:9px;color:var(--muted)}.shelter-stats{display:flex;justify-content:center;gap:20px;font-size:9px;color:var(--muted)}.shelter-stats b{display:block;text-align:center;color:var(--text);font-size:13px;margin-top:4px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px;border-bottom:1px solid #edf1f5;font-size:12px}th{font-size:9px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.info-grid article,.hero-number{background:white;border:1px solid var(--border);border-radius:10px;padding:24px}.info-grid span,.hero-number span{display:block;color:var(--muted);font-size:11px}.info-grid strong{font-size:28px;font-weight:500;display:block;margin-top:10px}.hero-number{text-align:center;padding:50px}.hero-number strong{display:block;font-size:58px;font-weight:400;color:var(--navy);margin:14px}.hero-number p{font-size:11px;color:var(--muted)}.endpoint-list{background:white;border:1px solid var(--border);border-radius:10px;overflow:hidden}.endpoint-list div{display:flex;justify-content:space-between;padding:14px 17px;border-bottom:1px solid #edf1f5;font-size:11px}.endpoint-list code{color:#466682}.alert{background:#fff0f0;border:1px solid #e8c2c2;color:#983c3c;padding:12px;border-radius:8px;margin-bottom:15px}.hidden{display:none!important}footer{text-align:center;color:#91a0af;font-size:9px;padding-top:25px}@media(max-width:1200px){.kpis{grid-template-columns:repeat(4,1fr)}}@media(max-width:760px){.shell{display:block}aside{position:static;height:auto;padding:14px}.brand{border:0;padding-bottom:12px}nav{display:flex;overflow:auto;margin:0}nav small,.mode{display:none}nav button{width:auto;white-space:nowrap}main{padding:0 14px 20px}.filters{flex-wrap:wrap}.filters>span{width:100%;margin:0}.kpis{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.info-grid{grid-template-columns:1fr}.title{align-items:start;gap:12px}.title>span{display:none}.bar-row{grid-template-columns:95px 1fr 30px}}@media(max-width:430px){header button{display:none}.kpis{grid-template-columns:1fr}.filters label{width:calc(50% - 5px)}.filters input{width:100%}}