/* Final visual polish: stronger hierarchy, contrast and color-coded grids. */
body{background:radial-gradient(circle at 92% 0,#e0f2e8 0,transparent 28%),linear-gradient(135deg,#f5f9f6 0%,#edf4ef 100%)}
.main{background:linear-gradient(180deg,#ffffff24 0%,transparent 320px)}
.page-heading{position:relative;overflow:hidden;padding:26px 30px;border:1px solid #d5e8db;border-radius:20px;background:linear-gradient(115deg,#eaf7ee 0%,#f8fbf5 58%,#fff7e9 100%);box-shadow:0 12px 30px #245d4b12}
.page-heading:after{content:"";position:absolute;width:280px;height:280px;right:-100px;top:-150px;border-radius:50%;background:#cdebd899;pointer-events:none}
.page-heading>div,.page-heading .heading-actions{position:relative;z-index:1}
.page-heading .eyebrow{color:#2c7758;font-weight:800}
.page-heading h1{color:#123b2b;text-shadow:0 1px #fff}
.page-heading p{color:#587466}
.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.stat{min-height:154px;border-radius:18px;border-color:transparent;background:var(--stat-bg,#fff);box-shadow:0 12px 25px var(--stat-shadow,#1a493214)}
.stat:nth-child(1){--stat-bg:linear-gradient(145deg,#e3f4ea,#f8fcf7);--stat-shadow:#2c8b5d25;border-color:#c4e5cf}
.stat:nth-child(2){--stat-bg:linear-gradient(145deg,#e7f0ff,#f9fbff);--stat-shadow:#477bc329;border-color:#cadcf5}
.stat:nth-child(3){--stat-bg:linear-gradient(145deg,#fff2dc,#fffaf2);--stat-shadow:#c38b3328;border-color:#f0ddbc}
.stat:nth-child(4){--stat-bg:linear-gradient(145deg,#f0eaff,#fbf9ff);--stat-shadow:#8662bb24;border-color:#ddd0f1}
.stat:before{height:5px;background:var(--stat-color,#1d7656)}
.stat:nth-child(1):before{--stat-color:#25865b}.stat:nth-child(2):before{--stat-color:#3b72bf}.stat:nth-child(3):before{--stat-color:#c18a32}.stat:nth-child(4):before{--stat-color:#8354ad}
.stat>div{color:#456557}.stat>strong{color:#133e2e}.stat:nth-child(2)>strong{color:#234e86}.stat:nth-child(3)>strong{color:#8a5c1a}.stat:nth-child(4)>strong{color:#65398b}
.stat svg{padding:7px;width:36px;height:36px;border-radius:11px;background:#ffffff99}.stat:nth-child(1) svg{color:#23845a;background:#d4eedc}.stat:nth-child(2) svg{color:#366db5;background:#d9e7fc}.stat:nth-child(3) svg{color:#a87120;background:#f8e6c6}.stat:nth-child(4) svg{color:#7b4aa4;background:#eadcf7}
.overview-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:22px}.overview-grid>.card{min-height:335px}.overview-grid>.distribution{background:linear-gradient(145deg,#ffffff 35%,#eef9f1 100%)}.overview-grid>.offices-chart{background:linear-gradient(145deg,#ffffff 35%,#f1f6ff 100%)}
.card-heading{border-bottom:1px solid #e7f0e9;background:#ffffff4d}.distribution .card-heading>svg,.offices-chart .card-heading>svg{padding:8px;width:38px;height:38px;border-radius:12px;background:#def1e4;color:#287354}.offices-chart .card-heading>svg{background:#e0ebfc;color:#3e6fb0}
.distribution-content{min-height:245px}.donut{box-shadow:0 10px 24px #245d4b1c}.legend>div{padding:9px 10px;margin:9px -10px;border-radius:9px}.legend>div:hover{background:#ffffffb8}.legend>div>span{width:11px;height:11px;border-radius:4px}
.bars>div{padding:10px 0}.bars>div>div:first-child{font-weight:650}.bar-track{height:11px;border:1px solid #dce8e0;background:#e7f0ea;box-shadow:inset 0 1px 2px #17372b12}.bar-track span{background:linear-gradient(90deg,#2e8b62,#86c28f);box-shadow:0 2px 5px #2e8b6233}.bars>div:nth-child(2) .bar-track span{background:linear-gradient(90deg,#4c82c5,#99bde8)}.bars>div:nth-child(3) .bar-track span{background:linear-gradient(90deg,#c48c37,#ebc980)}.bars>div:nth-child(4) .bar-track span{background:linear-gradient(90deg,#8b62b0,#c2a4df)}
.table-wrap tbody tr:nth-child(even){background:#f8fbf9}.table-wrap tbody tr:hover{background:#edf7ef}.table-wrap th{color:#426957;background:#eaf4ed;border-top:0}.table-wrap td{color:#426354}.table-wrap td strong{color:#183f30}
.office-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.office-card{position:relative;overflow:hidden;background:linear-gradient(145deg,#fff,#f7fbf8);border-color:#dbe9df;box-shadow:0 9px 22px #245d4b0d}.office-card:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,#25865b,#9ed09e)}.office-card:nth-child(2):before{background:linear-gradient(90deg,#3b72bf,#9dbfe8)}.office-card:nth-child(3):before{background:linear-gradient(90deg,#c18a32,#edcf91)}.office-card:nth-child(4):before{background:linear-gradient(90deg,#8354ad,#c6a9df)}.office-card:hover{transform:translateY(-3px);box-shadow:0 15px 30px #245d4b1c}.office-code{font-weight:800}.office-numbers{border-color:#e1ece4}.bottom-strip{background:linear-gradient(105deg,#163f30,#286c50);border:0;box-shadow:0 12px 25px #173f2d25;color:#fff}.bottom-strip p{color:#c8e2d0}.bottom-strip strong{color:#fff}.bottom-strip .strip-icon{background:#ffffff1f;color:#d9f1df}.bottom-strip .secondary{background:#fff;color:#205b43;border-color:#fff}
.notice{box-shadow:0 8px 20px #245d4b0d}.search:focus-within{padding:0 10px;border-radius:9px;background:#edf7ef;box-shadow:inset 0 0 0 1px #bdd9c5}.search:focus-within input{padding-left:4px}
@media(max-width:900px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-grid{grid-template-columns:1fr}.office-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-heading{padding:23px 24px}}
@media(max-width:650px){.page-heading{padding:21px 18px;border-radius:15px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat{min-height:134px;padding:18px 14px}.stat>strong{font-size:23px}.stat svg{width:32px;height:32px}.office-grid{grid-template-columns:1fr}.overview-grid>.card{min-height:0}.bottom-strip{border-radius:12px}}