:root{--bg:#eef2f7;--surface:#ffffff;--border:rgba(174,192,222,0.35);--shadow-out:6px 6px 16px rgba(174,192,222,0.55),-6px -6px 16px rgba(255,255,255,0.85);--shadow-in:inset 3px 3px 8px rgba(174,192,222,0.5),inset -3px -3px 8px rgba(255,255,255,0.85);--shadow-sm:3px 3px 8px rgba(174,192,222,0.45),-3px -3px 8px rgba(255,255,255,0.8);--accent:#6c8ef5;--accent2:#8b5cf6;--accent3:#06b6d4;--accent4:#10b981;--accent5:#f59e0b;--urgent:#ef4444;--warning:#f97316;--ok:#10b981;--text:#2d3a4a;--soft:#6b7a8d;--muted:#a0aec0;--radius:20px;--radius-sm:12px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:'DM Sans',sans-serif;background:var(--bg);color:var(--text);min-height:100vh}#loadingScreen{position:fixed;inset:0;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;z-index:999;transition:opacity .4s}.loader-ring{width:48px;height:48px;border-radius:50%;border:4px solid rgba(108,142,245,.15);border-top-color:var(--accent);animation:spin .85s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loader-text{font-family:Nunito,sans-serif;font-weight:700;color:var(--soft);font-size:.95rem}header{background:linear-gradient(135deg,#4f6ef7 0,#7c3aed 100%);padding:20px 28px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 24px rgba(79,110,247,.3);position:sticky;top:0;z-index:50}header h1{font-family:Nunito,sans-serif;font-weight:900;font-size:1.4rem;color:#fff;letter-spacing:-.5px}.header-sub{font-size:.75rem;color:rgba(255,255,255,.65);font-weight:400;margin-top:1px}.header-right{display:flex;align-items:center;gap:10px}.live-badge{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:30px;padding:5px 14px;font-size:.72rem;font-weight:700}.last-updated{display:flex;flex-direction:column;align-items:flex-end;gap:1px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:6px 14px;min-height:38px;justify-content:center}.updated-label{font-size:.55rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:rgba(255,255,255,.5)}.updated-time{font-size:.7rem;font-weight:700;color:rgba(255,255,255,.9);white-space:nowrap}.updated-ago{font-size:.6rem;font-weight:600;color:rgba(255,255,255,.5)}.record-count-badge{background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:30px;padding:5px 14px;font-size:.72rem;font-weight:800}.layout{display:grid;grid-template-columns:260px 1fr;min-height:calc(100vh - 68px)}.sidebar{background:var(--surface);padding:20px 16px;border-right:1px solid var(--border);display:flex;flex-direction:column;gap:18px;overflow-y:auto;max-height:calc(100vh - 68px);position:sticky;top:68px}.sec-label{font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted);margin-bottom:7px}.search-wrap{position:relative}.search-wrap input{width:100%;padding:9px 12px 9px 34px;border-radius:11px;border:none;font-family:'DM Sans',sans-serif;font-size:.83rem;color:var(--text);background:var(--bg);box-shadow:var(--shadow-in);outline:0;transition:box-shadow .2s}.search-wrap input:focus{box-shadow:var(--shadow-in),0 0 0 2px rgba(108,142,245,.25)}.search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:.85rem;pointer-events:none}.select-wrap{position:relative}.select-wrap select{width:100%;padding:9px 28px 9px 12px;border-radius:11px;border:none;font-family:'DM Sans',sans-serif;font-size:.83rem;color:var(--text);background:var(--bg);box-shadow:var(--shadow-in);outline:0;appearance:none;cursor:pointer}.select-wrap::after{content:'▾';position:absolute;right:11px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none;font-size:.75rem}.chip-group{display:flex;flex-direction:column;gap:5px}.chip{padding:9px 12px;border-radius:11px;font-size:.8rem;font-weight:500;color:var(--soft);cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:all .15s;border:1.5px solid transparent;background:0 0;user-select:none}.chip:hover{background:var(--bg);color:var(--text)}.chip.active{background:linear-gradient(135deg,rgba(108,142,245,.1),rgba(139,92,246,.07));border-color:rgba(108,142,245,.3);color:var(--accent);font-weight:700}.chip .cnt{font-size:.7rem;font-weight:800;padding:2px 7px;border-radius:20px;background:var(--bg);color:var(--soft);min-width:22px;text-align:center}.chip.active .cnt{background:var(--accent);color:#fff}.main{padding:22px 24px;overflow-y:auto}.kpi-strip{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:14px;margin-bottom:20px}.export-kpi{display:flex;flex-direction:column;justify-content:space-between}.export-btns{display:flex;gap:10px;margin:8px 0 4px}.export-btn{flex:1;padding:10px 0;border-radius:11px;border:none;cursor:pointer;font-family:Nunito,sans-serif;font-weight:800;font-size:.82rem;display:flex;align-items:center;justify-content:center;gap:5px;transition:all .15s;box-shadow:var(--shadow-sm)}.export-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-out)}.export-btn:active{transform:translateY(0)}.export-btn.excel{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.export-btn.pdf{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.export-icon{font-size:.9rem}.kpi{background:var(--surface);border-radius:var(--radius);padding:18px 20px;box-shadow:var(--shadow-out);position:relative;overflow:hidden}.kpi::after{content:'';position:absolute;top:-18px;right:-18px;width:70px;height:70px;border-radius:50%;opacity:.07}.kpi:first-child::after{background:var(--accent)}.kpi:nth-child(2)::after{background:var(--ok)}.kpi:nth-child(3)::after{background:var(--accent5)}.kpi:nth-child(4)::after{background:var(--accent3)}.kpi-label{font-size:.67rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin-bottom:6px}.kpi-val{font-family:Nunito,sans-serif;font-size:1.9rem;font-weight:900;color:var(--text);line-height:1}.kpi-pill{display:inline-block;margin-top:6px;padding:2px 10px;border-radius:20px;font-size:.67rem;font-weight:800}.p-blue{background:rgba(108,142,245,.1);color:var(--accent)}.p-green{background:rgba(16,185,129,.1);color:var(--ok)}.p-amber{background:rgba(245,158,11,.1);color:var(--accent5)}.p-cyan{background:rgba(6,182,212,.1);color:var(--accent3)}.charts-row{display:grid;grid-template-columns:1.1fr 0.9fr;gap:16px;margin-bottom:20px}.chart-card{background:var(--surface);border-radius:var(--radius);padding:20px 22px;box-shadow:var(--shadow-out)}.chart-title{font-family:Nunito,sans-serif;font-weight:800;font-size:.88rem;color:var(--text);margin-bottom:14px;display:flex;align-items:center;gap:7px}.chart-dot{width:7px;height:7px;border-radius:50%}.bar-chart{display:flex;flex-direction:column;gap:9px}.bar-row{display:flex;align-items:center;gap:9px;cursor:pointer}.bar-row:hover .bar-lbl{color:var(--text)}.bar-lbl{font-size:.73rem;color:var(--soft);width:170px;flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-track{flex:1;height:9px;border-radius:6px;background:var(--bg);box-shadow:var(--shadow-in);overflow:hidden}.bar-fill{height:100%;border-radius:6px;transition:width .75s cubic-bezier(.34,1.56,.64,1)}.bar-num{font-size:.72rem;font-weight:800;color:var(--soft);width:28px;text-align:right}.donut-wrap{display:flex;align-items:center;gap:16px}.donut-legend{display:flex;flex-direction:column;gap:7px;flex:1}.leg-item{display:flex;align-items:center;gap:7px;font-size:.73rem;color:var(--soft)}.leg-dot{width:9px;height:9px;border-radius:3px;flex-shrink:0}.leg-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leg-n{font-weight:800;color:var(--text)}.workcat-card{background:var(--surface);border-radius:var(--radius);padding:20px 22px;box-shadow:var(--shadow-out);margin-bottom:20px}.table-card{background:var(--surface);border-radius:var(--radius);padding:20px 22px;box-shadow:var(--shadow-out)}.table-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;flex-wrap:wrap;gap:10px}.table-title{font-family:Nunito,sans-serif;font-weight:800;font-size:.9rem;color:var(--text)}.table-meta{font-size:.75rem;color:var(--soft)}table{width:100%;border-collapse:collapse}thead th{text-align:left;font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:var(--muted);padding:8px 10px;border-bottom:2px solid var(--bg)}.sortable-th{cursor:pointer;user-select:none;white-space:nowrap}.sortable-th:hover{color:var(--accent)}.sortable-th.sort-active{color:var(--accent)}.sort-icon{opacity:.35;font-size:.7rem;margin-left:2px}.sortable-th.sort-active .sort-icon{opacity:1}.sortable-th.sort-asc .sort-icon::after{content:' ↑'}.sortable-th.sort-desc .sort-icon::after{content:' ↓'}.sortable-th .sort-icon{font-size:0}.sortable-th .sort-icon::after{font-size:.72rem;content:' ↕'}tbody tr{cursor:pointer;transition:background .12s}tbody tr:hover td{background:var(--bg)}tbody tr:hover td:first-child{border-radius:10px 0 0 10px}tbody tr:hover td:last-child{border-radius:0 10px 10px 0}tbody td{padding:10px 10px;font-size:.8rem;color:var(--soft);border-bottom:1px solid rgba(174,192,222,.15);vertical-align:middle}td.primary{color:var(--text);font-weight:700}td.desc-cell{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text2,var(--soft));font-size:.78rem;cursor:default}td.desc-cell:hover{color:var(--text)}.detail-row td{padding:0;border-bottom:2px solid var(--accent)}.detail-inner{display:none;padding:20px 24px;background:var(--bg);border-radius:0 0 16px 16px}.detail-inner.open{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.detail-section-title{font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin-bottom:10px}.detail-field{margin-bottom:8px}.detail-field-desc{margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.detail-field-label{font-size:.63rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--muted)}.detail-field-value{font-size:.8rem;font-weight:600;color:var(--text);margin-top:1px}.task-card{background:var(--surface);border-radius:10px;padding:10px 12px;margin-bottom:8px;box-shadow:var(--shadow-sm)}.task-card-name{font-size:.78rem;font-weight:700;color:var(--text)}.task-card-meta{font-size:.7rem;color:var(--soft);margin-top:2px}.task-line{font-size:.75rem;color:var(--soft);padding:4px 0;border-bottom:1px solid var(--border)}.task-line:last-child{border-bottom:none}.completed-scroll{max-height:180px;overflow-y:auto}.badge{display:inline-block;padding:3px 9px;border-radius:20px;font-size:.67rem;font-weight:800;white-space:nowrap}.badge-approved{background:rgba(16,185,129,.12);color:var(--ok)}.badge-pending{background:rgba(245,158,11,.1);color:var(--accent5)}.avatar{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:8px;font-size:.65rem;font-weight:800;margin-right:3px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px;vertical-align:middle}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:rgba(174,192,222,.45);border-radius:3px}.overlay{position:fixed;inset:0;background:rgba(44,55,75,.3);backdrop-filter:blur(4px);z-index:200;display:none;align-items:center;justify-content:center}.overlay.open{display:flex}.modal{background:var(--surface);border-radius:22px;padding:28px 30px;max-width:560px;width:90%;max-height:82vh;overflow-y:auto;box-shadow:0 20px 60px rgba(44,55,75,.2);animation:pop .28s cubic-bezier(.34,1.56,.64,1);position:relative}@keyframes pop{from{opacity:0;transform:scale(.94) translateY(20px)}}.modal-close{position:absolute;top:14px;right:18px;font-size:1.3rem;color:var(--muted);cursor:pointer;border:none;background:0 0;line-height:1}.modal-id{font-family:Nunito,sans-serif;font-weight:900;font-size:1.2rem;color:var(--text)}.modal-addr{font-size:.8rem;color:var(--soft);margin-top:2px;margin-bottom:18px}.modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.modal-field{background:var(--bg);border-radius:10px;padding:10px 12px}.modal-field-label{font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.8px;color:var(--muted)}.modal-field-value{font-size:.8rem;font-weight:700;color:var(--text);margin-top:2px}.modal-tasks{background:var(--bg);border-radius:10px;padding:12px 14px}.modal-tasks-title{font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.8px;color:var(--muted);margin-bottom:8px}@media (max-width:960px){.layout{grid-template-columns:1fr}.sidebar{max-height:none;position:static;flex-direction:row;flex-wrap:wrap;padding:14px;gap:10px;border-right:none;border-bottom:1px solid var(--border)}.sidebar>div{flex:1;min-width:180px}.chip-group{flex-direction:row;flex-wrap:wrap}.charts-row{grid-template-columns:1fr}.detail-inner.open{grid-template-columns:1fr}}@media (max-width:768px){header{padding:14px 16px;flex-wrap:wrap;gap:10px}header h1{font-size:1.15rem}.header-right{flex-wrap:wrap;gap:6px}.last-updated{padding:4px 10px;min-height:32px}.updated-time{font-size:.62rem}.main{padding:14px 12px}.kpi-strip{grid-template-columns:1fr 1fr;gap:10px}.kpi{padding:14px 14px}.kpi-val{font-size:1.5rem}.zoning-bar{flex-direction:column}.zoning-btn{min-width:unset}.assign-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.table-card{padding:12px 10px;overflow-x:auto}table{min-width:700px}.donut-wrap{flex-direction:column;align-items:flex-start}.bar-lbl{width:120px}.modal{padding:18px 16px;max-width:95%}.modal-grid{grid-template-columns:1fr}.export-menu{position:fixed;left:50%!important;top:50%!important;transform:translate(-50%,-50%)}}@media (max-width:480px){header h1{font-size:1rem}.header-sub{font-size:.65rem}.header-right{width:100%;justify-content:flex-end}.sidebar{flex-direction:column}.sidebar>div{min-width:unset}.kpi-strip{grid-template-columns:1fr}.kpi-val{font-size:1.3rem}.zoning-btn-count{font-size:1.2rem}.assign-strip{padding:14px 12px}.assign-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px}.bar-lbl{width:90px;font-size:.65rem}}.empty{text-align:center;padding:40px;color:var(--muted);font-size:.88rem}.zoning-bar{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.zoning-btn{flex:1;min-width:140px;padding:14px 16px;border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--shadow-out);cursor:pointer;border:2px solid transparent;transition:all .18s;text-align:left;position:relative;overflow:hidden}.zoning-btn:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.zoning-btn.active{border-color:var(--accent);background:linear-gradient(135deg,rgba(108,142,245,.07),rgba(139,92,246,.05))}.zoning-btn.active-orange{border-color:#f97316;background:rgba(249,115,22,.06)}.zoning-btn-label{font-size:.63rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin-bottom:4px}.zoning-btn-title{font-family:Nunito,sans-serif;font-weight:800;font-size:.95rem;color:var(--text)}.zoning-btn-count{font-family:Nunito,sans-serif;font-weight:900;font-size:1.6rem;color:var(--accent);line-height:1;margin-top:2px}.zoning-btn.active-orange .zoning-btn-count{color:#f97316}.zoning-btn-sub{font-size:.7rem;color:var(--soft);margin-top:3px}.zoning-unassigned{position:absolute;top:10px;right:12px;background:rgba(239,68,68,.12);color:#ef4444;border-radius:20px;padding:2px 8px;font-size:.65rem;font-weight:800}tr.unassigned-row td{background:rgba(239,68,68,.03)}.row-selected td{background:rgba(108,142,245,.07)!important}.export-menu{position:absolute;z-index:999;background:var(--surface);border-radius:14px;box-shadow:0 8px 32px rgba(74,95,138,.18),0 2px 8px rgba(74,95,138,.1);padding:8px;min-width:230px;border:1px solid var(--border)}.export-menu-title{font-size:.63rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:var(--muted);padding:4px 10px 8px}.export-menu-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;cursor:pointer;transition:background .12s}.export-menu-item:hover{background:var(--bg)}.export-menu-item.disabled{pointer-events:none;opacity:.45}.export-menu-icon{font-size:1rem;width:20px;text-align:center;flex-shrink:0}.export-menu-label{font-size:.8rem;font-weight:700;color:var(--text)}.export-menu-sub{font-size:.68rem;color:var(--muted);margin-top:1px}tr.unassigned-row:hover td{background:rgba(239,68,68,.07)}.unassigned-tag{display:inline-block;padding:2px 7px;border-radius:20px;font-size:.62rem;font-weight:800;background:rgba(239,68,68,.1);color:#ef4444}.assign-strip{background:var(--surface);border-radius:var(--radius);padding:20px 22px;box-shadow:var(--shadow-out);margin-bottom:20px}.assign-strip-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.assign-strip-title{font-family:Nunito,sans-serif;font-weight:800;font-size:.9rem;color:var(--text)}.assign-strip-sub{font-size:.75rem;color:var(--soft)}.assign-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.assign-card{background:var(--bg);border-radius:14px;padding:12px 14px;box-shadow:var(--shadow-sm);border:2px solid transparent;cursor:pointer;transition:all .15s}.assign-card:hover{border-color:rgba(108,142,245,.3);transform:translateY(-1px)}.assign-card.active-card{border-color:var(--accent);background:linear-gradient(135deg,rgba(108,142,245,.08),rgba(139,92,246,.05))}.assign-initials{font-family:Nunito,sans-serif;font-weight:900;font-size:1.3rem;color:var(--accent);margin-bottom:4px}.assign-count{font-family:Nunito,sans-serif;font-weight:800;font-size:1.1rem;color:var(--text)}.assign-label{font-size:.68rem;color:var(--soft)}.assign-cats{margin-top:6px;display:flex;flex-wrap:wrap;gap:3px}.assign-cat-dot{width:8px;height:8px;border-radius:3px}