@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--bg-main: #f8fafc;--bg-panel: rgba(255, 255, 255, .65);--bg-card: rgba(255, 255, 255, .85);--bg-card-hover: #f8fafc;--accent-primary: #16a34a;--accent-secondary: #ca8a04;--accent-success: #10b981;--accent-warning: #f59e0b;--accent-danger: #ef4444;--text-main: #0f172a;--text-muted: #475569;--text-dim: #64748b;--hdr-gradient-start: #0f172a;--hdr-gradient-end: #334155;--border-subtle: rgba(0, 0, 0, .08);--border-accent: rgba(22, 163, 74, .3);--glass-blur: blur(12px);--shadow-premium: 0 8px 32px 0 rgba(0, 0, 0, .05);--bg-bp: rgba(112, 0, 255, .1);--color-bp: #7000ff;--bg-bk: rgba(219, 39, 119, .1);--color-bk: #db2777;--bg-bc: rgba(8, 145, 178, .1);--color-bc: #0891b2;--b0: var(--bg-main);--b1: var(--bg-panel);--b2: var(--bg-card);--bd: var(--border-subtle);--t1: var(--text-main);--t2: var(--text-muted);--t3: var(--text-dim);--sage: var(--accent-primary);--olive: var(--accent-secondary);--brick: var(--accent-danger);--rose: #db2777;--steel: #475569}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Outfit,Plus Jakarta Sans,sans-serif;background:linear-gradient(135deg,#e0f2fe,#fef3c7);color:var(--text-main);height:100vh;overflow:hidden;display:flex;flex-direction:column;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}#app,#preact-wrapper{display:flex;flex-direction:column;flex:1;width:100%;height:100%}.hdr{background:#ffffff80;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--border-subtle);padding:8px 32px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;z-index:1000}.hdr-l{display:flex;align-items:center;gap:20px}.logo{width:24px;height:24px;object-fit:contain;border-radius:4px}.hdr-t h1{font-size:13px;font-weight:800;letter-spacing:-.5px;background:linear-gradient(to right,var(--hdr-gradient-start),var(--hdr-gradient-end));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:2px}.hdr-t span{font-size:8.5px;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px}.hdr-r{display:flex;align-items:center;gap:16px}.theme-toggle{background:#ffffff0d;border:1px solid var(--border-subtle);color:var(--text-main);padding:6px 12px;border-radius:8px;font-size:11px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s cubic-bezier(.4,0,.2,1);font-family:inherit}.theme-toggle:hover{background:#ffffff1a;border-color:var(--accent-primary);transform:translateY(-1px)}.theme-toggle span{display:inline-block}.ll{font-size:10px;color:var(--accent-success);font-weight:700;display:flex;align-items:center;gap:6px;background:#00ff8814;padding:6px 12px;border-radius:20px;border:1px solid rgba(0,255,136,.15)}.ldot-icon{color:var(--accent-success)}.lpulse{animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.6}to{transform:scale(1);opacity:1}}.yr{background:#00f2ff14;border:1px solid var(--border-accent);padding:6px 12px;border-radius:8px;font-family:JetBrains Mono,monospace;font-size:11px;color:var(--accent-primary);font-weight:700;display:flex;align-items:center}.kpi{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:8px 32px;background:#fff6;flex-shrink:0;border-bottom:1px solid var(--border-subtle);position:relative}.kpi:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:1px;background:linear-gradient(to right,transparent,var(--border-accent),transparent)}.kc{background:var(--bg-card);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--border-subtle);border-radius:12px;padding:12px 16px;position:relative;overflow:hidden;transition:transform .3s,box-shadow .3s}.kc:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0006;border-color:#fff3}.kc:after{content:"";position:absolute;top:0;right:0;width:80px;height:80px;background:radial-gradient(circle at top right,rgba(255,255,255,.05),transparent)}.kl{font-size:9px;color:var(--text-dim);text-transform:uppercase;letter-spacing:1.2px;font-weight:700;margin-bottom:4px}.kv{font-family:Outfit,sans-serif;font-size:16px;font-weight:800;color:var(--text-main)}.ks{font-size:11px;color:var(--text-muted);margin-top:6px}.ml{display:grid;grid-template-columns:1fr 340px;flex:1;min-height:0;padding:24px 32px 32px;gap:24px}.mc{position:relative;background:var(--bg-panel);border-radius:16px;border:1px solid var(--border-subtle);overflow:hidden;box-shadow:var(--shadow-premium)}#map{width:100%;height:100%}.maplibregl-canvas-container{cursor:crosshair}.moc{position:absolute;top:10px;left:10px;display:flex;gap:6px;z-index:10}.moc button{background:#0d1426d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-subtle);padding:6px 14px;border-radius:8px;color:var(--text-main);font-size:11px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #0000004d}.fc{background:#ffffff08;border:1px solid var(--border-subtle);border-radius:8px;padding:6px 14px;font-size:11px;font-weight:700;color:var(--text-muted);cursor:pointer;transition:all .2s}.fc:hover{background:#ffffff14;color:var(--text-main);border-color:var(--accent-primary);transform:translateY(-2px)}.fc.a{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary);box-shadow:0 0 20px #0891b266}.mlb{position:absolute;bottom:20px;left:20px;background:#0d1426e6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:16px;padding:12px;z-index:10;width:220px;box-shadow:0 10px 30px #00000080}.legend-btn{background:#ffffff0d;border:1px solid var(--border-subtle);padding:6px 12px;border-radius:8px;color:var(--text-main);font-size:10px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s;text-transform:uppercase;letter-spacing:.5px}.legend-btn:hover{background:#ffffff1a;border-color:var(--accent-primary);transform:translateY(-1px)}.lt{font-size:9px;text-transform:uppercase;letter-spacing:1.5px;color:var(--accent-primary);margin-bottom:10px;font-weight:800}.li{display:flex;align-items:center;gap:10px;margin-bottom:6px;font-size:10px;color:var(--text-muted)}.lsw{width:16px;height:10px;border-radius:3px}.legend-note{margin-top:10px;font-size:9px;color:var(--text-dim);line-height:1.5;border-top:1px solid var(--border-subtle);padding-top:8px}.sb{background:var(--bg-panel);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:24px;border:1px solid var(--border-subtle);display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-premium)}.sbh{padding:24px;border-bottom:1px solid var(--border-subtle);background:#ffffff05}.sbt{display:flex;gap:6px;background:#0000000d;padding:4px;border-radius:12px}.stb{flex:1;padding:10px;border-radius:8px;font-size:12px;font-weight:700;color:var(--text-dim);cursor:pointer;transition:all .2s;border:none;background:transparent;font-family:Outfit,sans-serif}.stb:hover:not(:disabled){color:var(--text-main)}.stb.a{background:var(--bg-card);color:var(--accent-primary);box-shadow:0 4px 12px #0003}.stb:disabled{opacity:.3;cursor:not-allowed}.sbc{flex:1;overflow-y:auto;padding:20px}.sbc::-webkit-scrollbar{width:6px}.sbc::-webkit-scrollbar-track{background:transparent}.sbc::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:10px}.sw{position:relative;margin-bottom:20px}.sw input{width:100%;background:#0000000d;border:1px solid var(--border-subtle);border-radius:12px;padding:14px 16px 14px 44px;font-size:13px;color:var(--text-main);font-family:inherit;outline:none;transition:all .3s}.sw input:focus{border-color:var(--accent-primary);background:#0000004d;box-shadow:0 0 15px #00f2ff1a}.si{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-dim);font-size:16px}.sort-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:0 4px}.sort-bar label{font-size:11px;color:var(--text-dim);font-weight:700;text-transform:uppercase}.sort-bar select{background:transparent;border:none;color:var(--accent-primary);font-size:11px;font-weight:700;cursor:pointer;outline:none;text-transform:uppercase}.pi{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:16px;padding:18px;margin-bottom:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.pi:hover{transform:scale(1.02);border-color:var(--accent-primary);background:var(--bg-card-hover);box-shadow:0 10px 20px #0000004d}.pi.a{border-color:var(--accent-primary);background:#00f2ff0d}.pn{font-size:15px;font-weight:800;color:var(--text-main)}.tbd{font-size:9px;font-weight:800;padding:4px 10px;border-radius:6px;text-transform:uppercase;letter-spacing:1px}.bp{background:var(--bg-bp);color:var(--color-bp)}.bk{background:var(--bg-bk);color:var(--color-bk)}.bc{background:var(--bg-bc);color:var(--color-bc)}.ppv{font-family:Outfit,sans-serif;font-size:18px;font-weight:800;color:var(--accent-primary);display:block;margin:10px 0 4px}.ppl{font-size:12px;color:var(--text-muted)}.bw{margin-top:12px;height:4px;background:#ffffff0d;border-radius:10px}.bf{height:100%;border-radius:10px;box-shadow:0 0 10px var(--accent-primary)}.ps{display:flex;justify-content:space-between;margin-top:12px;font-size:11px;color:var(--text-dim)}.owner-mix{font-size:11px;color:var(--text-dim);margin-top:8px;font-style:italic;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:8px}.waste-row{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.waste-label{font-size:10px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px}.waste-val{font-weight:800;color:var(--sage);font-family:Outfit,sans-serif;font-size:12px;white-space:nowrap}.waste-row{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-subtle);display:flex;justify-content:space-between}.waste-label{font-size:10px;color:var(--accent-danger);font-weight:800;text-transform:uppercase}.waste-val{font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700;color:var(--accent-danger)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#020408d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:none;align-items:center;justify-content:center;z-index:9999;padding:0;transition:all .4s cubic-bezier(.4,0,.2,1);opacity:0}.modal-overlay.open{display:flex;opacity:1}.modal{background:var(--bg-main);border:none;border-radius:0;width:100vw;height:100vh;max-width:100vw;max-height:100vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:none;transform:translateY(100%);transition:transform .5s cubic-bezier(.2,.8,.2,1)}.modal-overlay.open .modal{transform:translateY(0)}.modal-top{padding:16px 24px;border-bottom:1px solid var(--border-subtle);background:#00000005}.modal-top-row{display:flex;justify-content:space-between;align-items:flex-start}.modal-top h2{font-size:20px;font-weight:900;color:var(--text-main);letter-spacing:-.5px;margin-bottom:2px}.msub{font-size:12px;color:var(--text-dim)}.modal-close{background:#0000000d;border:1px solid var(--border-subtle);color:var(--text-main);padding:10px 20px;border-radius:12px;cursor:pointer;font-weight:700;transition:all .2s}.modal-close:hover{background:var(--accent-danger);border-color:var(--accent-danger);color:var(--text-main)}.modal-body{padding:20px 32px;flex:1;overflow-y:auto;background:var(--bg-main)}.modal-footer{padding:20px 32px;background:#0003;border-top:1px solid var(--border-subtle);font-size:11px;color:var(--text-dim);text-align:center}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.kc,.mc,.sb,.pi{animation:fadeInUp .6s cubic-bezier(.4,0,.2,1) both}.kpi>*:nth-child(1){animation-delay:.1s}.kpi>*:nth-child(2){animation-delay:.2s}.kpi>*:nth-child(3){animation-delay:.3s}.kpi>*:nth-child(4){animation-delay:.4s}.skeleton{background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-panel) 50%,var(--bg-card) 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:8px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.modal-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}.mkp{background:#00000008;padding:12px;border-radius:12px;border:1px solid var(--border-subtle)}.mkp-l{font-size:10px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.mkp-v{font-size:16px;font-weight:800;color:var(--text-main)}.modal-summary-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:32px}.loader-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;gap:20px}.loader{width:48px;height:48px;border:4px solid rgba(0,242,255,.1);border-left-color:var(--accent-primary);border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loader-text{font-size:14px;color:var(--text-muted);font-weight:600;letter-spacing:1px}.modal-state.error{color:var(--accent-danger);background:#ff33660d;padding:40px;border-radius:20px;text-align:center;border:1px solid rgba(255,51,102,.1)}.mini-stat{background:#0003;padding:12px;border-radius:12px;text-align:center}.mini-stat span{display:block;font-size:10px;color:var(--text-dim);margin-bottom:4px}.mini-stat strong{font-size:14px;color:var(--text-main)}.chart-section{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;min-height:220px}.chart-box{background:#ffffff05;border:1px solid var(--border-subtle);border-radius:16px;padding:12px;position:relative;display:flex;flex-direction:column;align-items:center;height:220px}.chart-box h3{font-size:13px;font-weight:700;color:var(--text-main);margin-bottom:12px;text-align:center;width:100%}.chart-box canvas{width:100%!important;height:100%!important;max-height:170px}.modal-filters{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding:20px;background:#00000008;border-radius:16px}.modal-filters input,.modal-filters select{background:var(--bg-main);border:1px solid var(--border-subtle);color:var(--text-main);padding:10px 16px;border-radius:10px;font-size:13px;outline:none}.modal-filters input:focus{border-color:var(--accent-primary)}.modal-cnt{font-size:12px;color:var(--text-dim);margin-bottom:16px}.rtbl{width:100%;border-collapse:separate;border-spacing:0 8px}.rtbl th{text-align:left;padding:12px 16px;font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px}.rtbl tr{background:#00000005;transition:all .2s}.rtbl td{padding:10px 16px;font-size:11px;color:var(--text-muted);border-bottom:1px solid rgba(0,0,0,.05)}.tbl-owner{font-weight:700;color:var(--text-main);font-size:11px;line-height:1.4}.tbl-sub{font-size:9.5px;color:var(--text-dim);margin-top:2px}.rtbl tr:hover{background:#0000000d;transform:scale(1.002)}.rtbl td:first-child{border-top-left-radius:12px;border-bottom-left-radius:12px}.rtbl td:last-child{border-top-right-radius:12px;border-bottom-right-radius:12px}.mono{font-family:JetBrains Mono,monospace;font-size:11px}.pkg{font-weight:700;color:var(--text-main);white-space:normal;word-break:break-word}.pkg .cur{color:var(--accent-primary);font-size:10px;margin-right:4px}.sev-b{padding:4px 10px;border-radius:6px;font-size:10px;font-weight:800;text-transform:uppercase}.pager{display:flex;justify-content:center;align-items:center;gap:24px;margin-top:32px}.pager-btn{background:var(--accent-primary);color:#fff;border:none;padding:10px 24px;border-radius:10px;font-weight:800;cursor:pointer;transition:all .2s}.pager-btn:disabled{background:var(--border-subtle);color:var(--text-dim);cursor:not-allowed}.pager-text{font-size:13px;color:var(--text-muted)}@media(max-width:1024px){.modal-kpis,.modal-summary-grid,.chart-section{grid-template-columns:1fr 1fr}.modal{max-height:95vh}}@media(max-width:640px){.chart-section{grid-template-columns:1fr;min-height:0}.chart-box{height:200px}}.audit-popup .maplibregl-popup-content{background:var(--bg-panel)!important;-webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important;border:1px solid var(--border-accent)!important;border-radius:16px!important;color:var(--text-main)!important;box-shadow:0 10px 40px #0003!important;padding:12px 16px!important;min-width:220px}.audit-popup h3,.audit-popup .pt{font-size:13px!important;font-weight:800!important;margin-bottom:2px!important;color:var(--accent-primary)!important}.audit-popup .popup-sub{font-size:9px!important;color:var(--text-dim)!important;margin-bottom:8px!important;text-transform:uppercase!important;letter-spacing:.5px}.audit-popup .p-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:10.5px}.audit-popup .p-lbl{color:var(--text-muted)}.audit-popup .p-val{font-weight:800;color:var(--text-main)}.audit-popup .p-val.imp{color:var(--accent-primary)}.audit-popup .ppb{margin-top:10px;height:3px;background:#ffffff0d;border-radius:10px}.audit-popup .ppbf{height:100%;border-radius:10px;box-shadow:0 0 10px currentColor}.modal-tabs{display:flex;gap:12px;margin:24px 0;padding:6px;background:#00000008;border:1px solid var(--border-subtle);border-radius:14px}.m-tab{flex:1;padding:12px;background:transparent;border:none;border-radius:10px;color:var(--text-dim);font-size:13px;font-weight:700;cursor:pointer;transition:all .3s}.m-tab:hover{background:#0000000d;color:var(--text-main)}.m-tab.active{background:var(--accent-primary);color:#fff;box-shadow:0 4px 15px #0891b24d}