:root{--ink:#24324a;--muted:#626f81;--purple:#5b3fa3;--blue:#eaf3fb;--cream:#f7f3ea;--line:#d9e2eb;--green:#2b8a66}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:14px system-ui,sans-serif}main{max-width:1280px;margin:auto;padding:24px}header,.section-head,.controls,nav,.filters{display:flex;align-items:center;gap:12px;flex-wrap:wrap}header,.section-head{justify-content:space-between}header{margin-bottom:22px}h1{font-size:30px;letter-spacing:-.6px;margin:9px 0}h2{font-size:19px;margin:0 0 6px}p{line-height:1.5}header p{margin:0;color:var(--muted)}a{color:var(--purple)}button,nav a{min-height:44px;border:1px solid #d9cfea;border-radius:10px;background:#eee7f8;color:#49317c;padding:10px 14px;font:600 13px system-ui;text-decoration:none;cursor:pointer}button:disabled{opacity:.5;cursor:default}.primary{background:var(--purple);color:white}.panel{margin:18px 0;padding:20px;background:#fffefa;border:1px solid var(--line);border-radius:16px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stats>div{padding:20px;background:var(--blue);border:1px solid #cfdfed;border-radius:14px}.stats strong{display:block;font-size:30px;color:#173477}.stats span{font-size:12px;color:var(--muted)}.note{font-size:12px;color:var(--muted);line-height:1.6}.status{font-size:12px;color:var(--muted)}.status.error{color:#8a4518;background:#fff0dc;padding:10px;border-radius:8px}.table-wrap{overflow:auto;margin-top:12px}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}th,td{border-bottom:1px solid var(--line);padding:13px 10px;vertical-align:top}th{background:#f0f5f9;color:#526279;font-size:11px;white-space:nowrap}th button{padding:0;background:none;border:0;color:inherit;font-size:11px;min-height:32px}.num{font-variant-numeric:tabular-nums;white-space:nowrap}.badge{display:inline-block;border-radius:99px;background:#edf0f5;padding:4px 8px;white-space:nowrap;font-size:11px}.badge.active{color:#226549;background:#e4f3e9}.badge.warn{color:#8a4518;background:#fff0dc}.person-detail{margin:10px 0;padding:10px;background:#f0f6fc;border-radius:8px;min-width:210px}.person-detail p{margin:5px 0;font-size:12px}.area-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:14px}.area-card{background:var(--blue);border:1px solid #cfdfed;padding:15px;border-radius:12px}.area-card h3{margin:0 0 9px;font-size:16px}.area-card p{font-size:12px;margin:6px 0}.progress{display:block;height:7px;background:#d6e2eb;border-radius:20px;overflow:hidden;margin-top:8px;min-width:80px}.progress span{display:block;height:100%;background:var(--green)}label{display:grid;gap:6px;font-size:12px;font-weight:600}input,select{font:inherit;padding:10px;border:1px solid #cbd8e5;background:white;border-radius:9px;min-height:44px;max-width:100%}.filters{align-items:end}.filters label{flex:1;min-width:145px}summary{cursor:pointer;min-height:32px;font-weight:600}#opsMap{height:430px;border-radius:12px;margin-top:12px}.empty{padding:24px;color:var(--muted);text-align:center}#auth{position:fixed;inset:0;background:var(--cream);display:grid;place-items:center;z-index:10}.login{width:min(420px,calc(100% - 24px))}.login label{margin:14px 0}.login button{width:100%}[hidden]{display:none!important}:focus-visible{outline:3px solid #76aadd;outline-offset:2px}@media(max-width:700px){main{padding:14px}.stats{grid-template-columns:1fr 1fr;gap:8px}.stats>div{padding:14px}.stats strong{font-size:26px}.panel{padding:14px}header nav{display:grid;grid-template-columns:1fr 1fr;width:100%}.section-head{align-items:start}.controls{width:100%;justify-content:space-between}.area-grid{grid-template-columns:1fr}#opsMap{height:340px}h1{font-size:27px}}