:root{font-family:"Segoe UI",Tahoma,Arial,sans-serif;--bg:#f4f7fb;--card:#fff;--text:#14263a;--muted:#6c7b8d;--line:#e3eaf1;--primary:#0b527d;--primary2:#0872a5;--soft:#edf6fb;--good:#14835d;--warn:#b7791f;--danger:#bd3c45;--shadow:0 12px 34px rgba(26,53,81,.08)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);min-height:100vh}button,input,select,textarea{font:inherit}.hidden{display:none!important}
button{border:0;cursor:pointer}.primary,.secondary,.ghost{padding:11px 15px;border-radius:12px;font-weight:750}.primary{background:var(--primary);color:#fff}.primary:hover{background:#083f62}.secondary{background:#fff;border:1px solid #cfdae5;color:#30465c}.ghost{background:rgba(255,255,255,.08);color:#dceaf3;border:1px solid rgba(255,255,255,.09)}.full{width:100%}
label{display:block;font-size:13px;font-weight:750;margin:12px 0 6px}input,select,textarea{width:100%;border:1px solid #d4dee8;border-radius:12px;padding:11px 12px;background:#fff;outline:none;color:var(--text)}input:focus,select:focus,textarea:focus{border-color:#72afd0;box-shadow:0 0 0 4px rgba(11,82,125,.08)}textarea{min-height:90px;resize:vertical}.msg{font-size:13px;margin-top:12px;min-height:20px}.msg.ok{color:var(--good)}.msg.bad{color:var(--danger)}
.login-shell{min-height:100vh;display:grid;place-items:center;padding:18px;background:radial-gradient(circle at 85% 10%,rgba(9,114,165,.12),transparent 32%),var(--bg)}.login-card{width:min(100%,440px);background:#fff;border:1px solid var(--line);border-radius:26px;padding:30px;box-shadow:0 26px 70px rgba(20,38,58,.14)}.brand{display:flex;align-items:center;gap:12px}.brand strong{display:block}.brand span{display:block;color:var(--muted);font-size:11px;margin-top:3px}.logo{width:46px;height:46px;border-radius:15px;background:linear-gradient(145deg,var(--primary),var(--primary2));color:#fff;display:grid;place-items:center;font-weight:900;font-size:21px}.login-card h1{margin:28px 0 6px}.login-card>p{color:var(--muted);margin:0 0 20px}
.app{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,#0b304c,#092238);color:#fff;padding:18px 13px;display:flex;flex-direction:column;z-index:50}.sidebar-brand{padding:4px 5px 18px;border-bottom:1px solid rgba(255,255,255,.09)}#nav{display:flex;flex-direction:column;gap:5px;margin-top:18px;overflow:auto}.nav-btn{background:transparent;color:#c8d8e4;text-align:right;border-radius:12px;padding:10px 12px;font-weight:650}.nav-btn:hover,.nav-btn.active{background:rgba(74,169,219,.15);color:#fff}.sidebar-bottom{margin-top:auto;border-top:1px solid rgba(255,255,255,.09);padding-top:13px}.user-mini{display:flex;align-items:center;gap:10px;margin-bottom:10px}.avatar{width:36px;height:36px;border-radius:11px;background:#174968;display:grid;place-items:center;font-weight:850}.user-mini strong,.user-mini span{display:block}.user-mini span{color:#92adbf;font-size:11px}
.workspace{min-width:0}.topbar{height:76px;background:rgba(255,255,255,.93);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:13px;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:35}.topbar h2{font-size:18px;margin:0}.topbar p{font-size:11px;color:var(--muted);margin:3px 0 0}.period-box{width:170px}.period-box label{margin:0 0 3px;font-size:10px}.period-box input{padding:7px 9px}.icon-btn{display:none;width:40px;height:40px;border-radius:11px;background:#fff;border:1px solid var(--line)}.content{width:min(100%,1350px);margin:auto;padding:24px}.page{display:block}
.hero{background:linear-gradient(135deg,#0b527d,#097aa9);color:#fff;border-radius:21px;padding:24px;display:flex;justify-content:space-between;gap:18px;align-items:center;box-shadow:var(--shadow);margin-bottom:16px}.hero span,.hero p{color:#cfe4ef;font-size:12px}.hero h1{margin:7px 0;font-size:31px}.status-chip{background:rgba(255,255,255,.12);border-radius:999px;padding:9px 12px;font-size:11px}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:11px;margin-bottom:16px}.metric{background:#fff;border:1px solid var(--line);border-radius:16px;padding:15px;box-shadow:0 5px 17px rgba(20,38,58,.04)}.metric span{display:block;color:var(--muted);font-size:11px}.metric strong{display:block;font-size:21px;margin-top:8px}.panel{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:var(--shadow);margin-bottom:16px}.panel.narrow{max-width:720px}.panel h3{margin:0 0 14px}.panel-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:14px}.panel-head.standalone{margin-bottom:16px}.panel-head h3{margin:0 0 4px}.panel-head p{margin:0;color:var(--muted);font-size:12px}.grid-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.row-card{border:1px solid var(--line);border-radius:14px;padding:13px;margin-top:9px}.row-card h4{margin:0 0 8px}.tags{display:flex;gap:6px;flex-wrap:wrap}.tag{background:#f1f5f8;border-radius:999px;padding:4px 8px;font-size:11px;color:#53677a}.tag.good{background:#ebf8f2;color:var(--good)}.tag.warn{background:#fff6e6;color:var(--warn)}.tag.bad{background:#fff0f1;color:var(--danger)}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}.notice{background:#f7fafc;border:1px solid var(--line);padding:12px;border-radius:12px;color:var(--muted);font-size:12px;line-height:1.7}.check{display:flex;align-items:center;gap:8px}.check input{width:auto}.divider{height:1px;background:var(--line);margin:20px 0}.empty{color:var(--muted);padding:15px;text-align:center}
.backdrop{display:none}
@media(max-width:900px){.app{display:block}.sidebar{position:fixed;right:-280px;width:260px;height:100dvh;transition:right .2s}.sidebar.open{right:0}.backdrop{display:block;position:fixed;inset:0;background:rgba(6,26,43,.42);z-index:45;opacity:0;pointer-events:none;transition:opacity .2s}.backdrop.open{opacity:1;pointer-events:auto}.icon-btn{display:block}.topbar{padding:0 13px}.content{padding:14px}.grid-two{grid-template-columns:1fr}}
@media(max-width:620px){.login-card{padding:22px}.topbar{height:auto;min-height:70px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px}.period-box{width:100%}.hero{display:block}.status-chip{display:inline-block;margin-top:12px}.metrics{grid-template-columns:1fr 1fr}.panel{padding:15px}.panel-head{flex-direction:column}.panel-head button{width:100%}.actions{flex-direction:column}.actions button{width:100%}input,select,textarea{font-size:16px}}

.statement-download{margin-top:10px;background:rgba(255,255,255,.95)!important}.compact-grid{align-items:end}.compact-grid select[multiple]{min-height:150px}

.map-box{height:420px;border:1px solid var(--line);border-radius:16px;overflow:hidden;margin-bottom:16px;background:#edf3f7}.leaflet-container{font-family:inherit}.map-popup strong{display:block;margin-bottom:4px}.map-popup span{display:block;font-size:11px;color:#52677a;margin-top:2px}
@media(max-width:620px){.map-box{height:330px}}