:root{--ink:#172d28;--muted:#687772;--green:#28664c;--line:#dfe6df;--paper:#f5f6f1}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.5 system-ui,sans-serif}aside{width:218px;background:#183b30;color:white;position:fixed;inset:0 auto 0 0;padding:36px 24px}.brand{font:800 46px/1 system-ui;letter-spacing:-3px}.brand span{display:block;font-size:9px;letter-spacing:2px;margin-top:10px}.nav{margin-top:64px;background:#315346;padding:14px 12px;border-radius:7px;font-size:13px}.aside-note{position:absolute;bottom:28px;font-size:10px;letter-spacing:1px;color:#b4c9bd}main{max-width:1550px;margin-left:218px;padding:36px 44px}header,.panel-head{display:flex;justify-content:space-between;align-items:center;gap:16px}h1{font-size:36px;letter-spacing:-1.4px;line-height:1.2;margin:6px 0 10px}h2{font-size:20px;letter-spacing:-.4px;margin:4px 0 16px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;color:var(--green);margin:0}.muted,small{color:var(--muted)}header .muted{margin:0}button,select,input{font:inherit;border:1px solid #cdd7cd;border-radius:6px;padding:10px 12px;background:white;color:var(--ink)}button{cursor:pointer;font-weight:600}button:hover{background:#eaf0e7}button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #d5ad45;outline-offset:2px}.primary{background:var(--green);color:white;border-color:var(--green)}.primary:hover{background:#194c36}.source{display:flex;align-items:center;gap:10px;margin:28px 0 24px;padding:12px 16px;background:#e9eee5;border-radius:6px;font-size:12px}.source a{margin-left:auto;color:var(--green)}.dot{height:7px;width:7px;background:#56835d;border-radius:50%}.filters{display:flex;gap:12px;align-items:end;flex-wrap:wrap}label{display:flex;flex-direction:column;font-size:11px;font-weight:600;gap:6px}select{min-width:160px}.filters .primary{margin-left:auto}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:22px 0}.stats article,.panel{background:white;border:1px solid var(--line);border-radius:10px;padding:24px}.stats article span{font-size:12px;color:var(--muted)}strong{display:block;font-size:36px;letter-spacing:-1px;font-weight:600;margin:8px 0}small{display:block;font-size:11px}.panel{margin-bottom:20px}.legend{font-size:12px;color:var(--green)}.chart{height:240px;display:flex;gap:8px;align-items:end;padding:28px 0 30px;border-bottom:1px solid var(--line);margin-bottom:20px}.bar-group{flex:1;display:flex;height:100%;align-items:center;justify-content:end;flex-direction:column;position:relative;min-width:0}.bar{background:#528466;width:65%;min-width:3px;border-radius:4px 4px 0 0}.bar:hover{background:#d2ab49}.bar-value{font-size:10px;margin-bottom:4px}.bar-label{position:absolute;top:calc(100% + 9px);font-size:10px;color:var(--muted);white-space:nowrap}.columns{display:grid;grid-template-columns:1.45fr 1fr;gap:20px}.columns p{font-size:13px}.city-row{display:grid;grid-template-columns:1fr 50px 70px;align-items:center;padding:12px 0;border-top:1px solid var(--line);gap:10px}.city-row button{padding:5px 10px;font-size:11px}.city-row b{font-variant-numeric:tabular-nums}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th{color:var(--muted);font-weight:600;background:#f8faf6}th,td{padding:12px;border-bottom:1px solid var(--line);white-space:nowrap}details{font-size:12px;color:var(--muted)}summary{cursor:pointer;color:var(--green);font-weight:600}footer{font-size:11px;color:var(--muted);margin:24px 0}#message{position:fixed;bottom:12px;right:20px;background:#183b30;color:white;border-radius:6px;padding:0}#message:not(:empty){padding:12px 18px}@media(max-width:1100px){aside{width:160px;padding:24px 16px}main{margin-left:160px;padding:28px 24px}.stats{grid-template-columns:repeat(2,1fr)}.columns{grid-template-columns:1fr}.filters .primary{margin-left:0}}@media(max-width:650px){aside{position:static;width:auto;padding:16px 20px}.brand{font-size:26px}.brand span{display:inline;margin-left:12px;font-size:9px;letter-spacing:1px}.nav,.aside-note{display:none}main{margin:0;padding:22px 16px}header{align-items:start;flex-direction:column}h1{font-size:30px}.source{align-items:start;flex-wrap:wrap}.source a{margin:0}.stats{gap:10px}.stats article,.panel{padding:16px}.panel-head{align-items:start;flex-wrap:wrap}.chart{gap:3px}.bar-label{font-size:8px}strong{font-size:30px}}

/* Refined community reporting system */
:root{--ink:#182b38;--muted:#71808d;--green:#285d57;--line:#e6eaec;--paper:#f2f5f7}body{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}aside{width:190px;background:#142c38;padding:38px 22px}.brand{font-size:48px;color:#d9eea5}.brand span{font-size:8px;color:#d5e0e4;letter-spacing:1.6px}.nav{margin-top:52px;background:#29424d;border-left:3px solid #d9eea5;border-radius:0 7px 7px 0;padding:15px 10px}.aside-note{color:#a4bac5;line-height:1.8;font-size:9px;max-width:145px}main{margin-left:190px;padding:30px 38px;max-width:1600px}header{padding:38px 38px 36px;border-radius:20px;background:radial-gradient(ellipse at 100% 100%,#3a625e 0,transparent 55%),#1c3b48;color:white;position:relative;overflow:hidden;min-height:230px}header:after{content:"";position:absolute;right:-50px;bottom:-115px;width:310px;height:310px;border:1px solid #ffffff18;border-radius:50%;box-shadow:0 0 0 35px #ffffff04,0 0 0 70px #ffffff04;pointer-events:none}header .eyebrow{color:#c9dfb1;font-size:9px;letter-spacing:2px}h1{font-size:40px;line-height:1.16;font-weight:550;letter-spacing:-1.4px;margin:15px 0}h1 em{font-style:normal;color:#d7ecab}header .muted{color:#c4d4da;font-size:13px}.preview-badge{align-self:start;color:#d7ecab;border:1px solid #68817c;border-radius:30px;padding:8px 12px;font-size:9px;letter-spacing:1.5px;white-space:nowrap}.source{background:transparent;padding:0;margin:20px 2px 28px;font-size:11px}.source a{font-weight:650}.filters{background:white;border:1px solid var(--line);border-radius:12px;padding:16px;gap:10px}label{font-size:10px;color:#647781}input,select,button{border-color:#e1e7ea;border-radius:7px;font-size:12px;padding:11px}select{min-width:150px;background:#fafcfc}.filters .primary{background:#245d55}.stats{gap:14px;margin:22px 0}.stats article{padding:22px;border-radius:12px;border:1px solid #e6eaec;box-shadow:0 4px 16px #213f4b04}.stats article:first-child{background:#e4edce;border-color:#d6e4b5}.stats article span{font-size:11px;font-weight:550}strong{font-size:39px;font-weight:550;margin:10px 0;letter-spacing:-1.5px}.stats article small{font-size:10px}.panel{border-radius:14px;padding:25px;box-shadow:0 5px 22px #233b4903}h2{font-size:20px;font-weight:600;letter-spacing:-.6px}.panel-head .eyebrow{font-size:9px;letter-spacing:1.7px;margin-bottom:6px}.legend{font-size:10px}.chart{height:270px;background:repeating-linear-gradient(to top,transparent 0,transparent 49px,#edf1f3 50px);border:0;padding:20px 8px 35px;margin-top:12px}.bar{background:linear-gradient(0deg,#397d71,#85b59b);border-radius:5px 5px 0 0;width:54%;box-shadow:0 1px 3px #224d3d10;transition:height .3s}.bar:hover{background:#b5cd74}.bar-value{color:#4b6a65;font-size:10px}.bar-label{font-size:9px;color:#7a8b95}.columns{grid-template-columns:1.7fr 1fr}.columns>.panel:first-child{max-height:670px;overflow:auto}#cities{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.city-row{border:1px solid #e8edef;border-radius:9px;grid-template-columns:1fr auto;padding:15px;background:#fafcfc;gap:8px}.city-row span{font-size:12px;font-weight:600}.city-row b{font-size:21px;font-weight:500;color:#275d55;grid-column:2;grid-row:1/3}.city-row button{border:0;padding:0;background:none;color:#75868b;text-align:left;font-size:10px;width:fit-content}.columns>.panel:last-child{background:#eaf0f2;box-shadow:none;border:0}.columns p{font-size:12px;line-height:1.8}.table-wrap{border:1px solid #e9eef0;border-radius:9px}th{background:#f6f9fa;font-size:10px;text-transform:uppercase;letter-spacing:.7px}td{font-size:12px}footer{font-size:10px}.source .dot{background:#6c977e;box-shadow:0 0 0 4px #e6eee8}
@media(max-width:1100px){aside{width:160px}main{margin-left:160px;padding:24px}.stats{grid-template-columns:repeat(2,1fr)}.columns{grid-template-columns:1fr}}@media(max-width:650px){aside{position:static;width:100%;padding:20px}.brand{font-size:30px}.brand span{font-size:8px}main{margin:0;padding:16px}header{padding:26px;min-height:250px}h1{font-size:30px}.preview-badge{font-size:8px;padding:5px 9px}header{gap:20px}.stats article{padding:17px}strong{font-size:34px}.source{font-size:10px;gap:9px;line-height:1.8}.filters{padding:12px}select{min-width:135px}.panel{padding:19px}#cities{grid-template-columns:1fr 1fr}.city-row{padding:12px}.chart{gap:3px;height:230px}.bar-label{font-size:8px}}