@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700&family=DM+Mono:wght@400;500&display=swap";:root{--font-sans:"DM Sans", sans-serif;--font-mono:"DM Mono", monospace;--font-satoshi:"Satoshi", sans-serif;--bg-app:#f3f5f9;--bg-sidebar:#fff;--bg-card:#fff;--bg-table:#fff;--bg-row-hover:#f7f9fc;--bg-hover:#f7f9fc;--bg-row-alt:#ecf0f740;--bg-header:#fff;--bg-input:#fff;--bg-badge:#eef2ff;--bg-active:#eef4ff;--bg-btn-primary:linear-gradient(180deg, #2464ee 0%, #0648d7 100%);--bg-btn-secondary:linear-gradient(180deg, #e8e8e8 0%, #d9d9d9 100%);--bg-red:#e351411f;--bg-green:#26ab4a1f;--bg-orange:#e3833a1f;--bg-purple:#a753e61f;--border:#0000001f;--border-light:#0000000f;--text-primary:#070a11;--text-secondary:#6e778b;--text-muted:#94a3b8;--text-link:#0648d7;--text-table-td:#484e5e;--brand-primary:#f59e0b;--brand-accent:#0648d7;--prio-high-bg:#ffa4a480;--prio-high-text:#5f1717;--prio-med-bg:#ffc1a480;--prio-med-text:#643119;--prio-low-bg:#26ab4a29;--prio-low-text:#276036;--sla-overdue:#e35141;--sla-today:#e3833a;--sla-upcoming:#484e5e;--chip-electrical:#6366f1;--chip-civil:#10b981;--chip-misc:#f59e0b;--chip-others:#8b5cf6;--chip-atm:#ec4899;--shadow-card:0 1px 3px #0000000f, 0 1px 2px rgba(s0, 0, 0, .04);--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 24px #0000001a;--shadow-btn:0 4px 4px 0 #00000014;--shadow-dropdown:0 8px 32px 0 #00000014;--sidebar-width:220px;--transition:.15s cubic-bezier(.4, 0, .2, 1);--red:#e35141;--orange:#e3833a;--green:#26ab4a;--purple:#cf1be6;--yellow:#f59e0b;--blue:#1d4ed8}[data-theme=dark]{--bg-app:#0d1117;--bg-sidebar:#161b22;--bg-card:#1c2230;--bg-table:#1c2230;--bg-row-hover:#212c3d;--bg-hover:#212c3d;--bg-row-alt:#1a1f2b;--bg-header:#161b22;--bg-input:#212c3d;--bg-badge:#1e2d4a;--bg-active:#1e2d4a;--border:#2d3748;--border-light:#2a3444;--text-primary:#e2e8f0;--text-secondary:#94a3b8;--text-muted:#4a5568;--text-link:#60a5fa;--prio-high-bg:#3b1111;--prio-high-text:#f87171;--prio-med-bg:#3b2a05;--prio-med-text:#fbbf24;--prio-low-bg:#0f2d1a;--prio-low-text:#4ade80;--shadow-card:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080;--shadow-btn:0 4px 4px #00000014;--shadow-dropdown:0 8px 32px #0006;--bg-btn-secondary:linear-gradient(180deg, #2a3444 0%, #212c3d 100%)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px}body{font-family:var(--font-satoshi);background:var(--bg-app);color:var(--text-primary);-webkit-font-smoothing:antialiased;transition:background var(--transition), color var(--transition);line-height:1.5}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input{font-family:inherit}a{color:inherit;text-decoration:none}ul,ol{list-style:none}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:8px}.hidden{display:none}.dropdown-panel{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-dropdown);font-family:var(--font-sans);border-radius:16px;overflow:hidden}.dropdown-footer{border-top:1px solid var(--border-light);justify-content:flex-end;align-items:center;gap:8px;padding:12px 16px;display:flex}.dropdown-btn{cursor:pointer;transition:all var(--transition);border-radius:8px;padding:8px 16px;font-size:14px;font-weight:500}.dropdown-btn--reset{background:var(--bg-btn-secondary);color:var(--text-primary)}.dropdown-btn--reset:hover{border-color:var(--text-muted);color:var(--text-primary)}.dropdown-btn--apply{background:var(--bg-btn-primary);color:#fff}.dropdown-btn--apply:hover:not(:disabled){filter:brightness(1.08)}.dropdown-btn--apply:disabled{opacity:.45;cursor:not-allowed}.filter-option-list{max-height:240px;padding:4px 6px;overflow-y:auto}.filter-option-list::-webkit-scrollbar{width:4px}.filter-option-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.filter-option{cursor:pointer;width:100%;transition:background var(--transition);-webkit-user-select:none;user-select:none;border-bottom:1px solid var(--border-light);align-items:center;gap:10px;padding:8px 10px;display:flex}.filter-option:last-child{border-bottom:none}.filter-option:hover{background:var(--bg-row-hover)}.filter-option--button{width:100%;font:inherit;text-align:left;background:0 0;border:none}.filter-option--active{color:var(--brand-accent);background:var(--bg-active)}.filter-option__label{color:var(--text-primary);text-transform:capitalize;flex:1;font-size:12px;font-weight:500;line-height:1.3}.filter-empty{text-align:center;color:var(--text-muted);padding:24px 16px;font-size:12.5px}.checkbox{flex-shrink:0;width:18px;height:18px;position:relative}.checkbox input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute}.checkbox__box{border:1.5px solid var(--border);background:var(--bg-card);width:16px;height:16px;transition:all var(--transition);pointer-events:none;border-radius:4px;justify-content:center;align-items:center;display:flex}.checkbox input:checked+.checkbox__box{background:var(--brand-accent);border-color:var(--brand-accent)}.checkbox__tick{stroke:#fff;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;fill:none;display:none}.checkbox input:checked+.checkbox__box .checkbox__tick{display:block}[data-theme=dark] .checkbox__box{background:var(--bg-input)}.vertical-sep{background-color:var(--border-light);width:1px;height:12px}.hr-seperator{border-bottom:1px solid var(--border-light);height:1px}.table-header{align-items:center;gap:6px;line-height:20px;display:flex}.app-layout{min-height:100vh;display:flex}.app-layout__main{background:var(--bg-app);min-height:100vh;transition:background var(--transition), margin-left .3s ease;flex:1;padding-top:56px}.app-layout__main>*{max-width:1200px;margin-left:auto;margin-right:auto}.app-layout--sidebar-open .app-layout__main{margin-left:var(--sidebar-width)}