*,:before,:after{box-sizing:border-box}:root{--bg:#0f1117;--surface:#1a1d27;--surface2:#22263a;--border:#2e3250;--text:#e2e8f0;--muted:#8892aa;--accent:#6366f1;--accent-light:#818cf8;--green:#22c55e;--red:#ef4444;--yellow:#eab308;--blue:#3b82f6;--radius:8px;font-size:14px}body{margin:0;padding:0;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5}.app{background:var(--bg);height:100vh;color:var(--text);display:flex;overflow:hidden}.app a{color:var(--accent-light);text-decoration:none}.app *,.app :before,.app :after{margin:0;padding:0}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:220px;padding:20px 0;transition:width .2s;display:flex;overflow-y:auto}.sidebar.collapsed{width:56px;overflow:hidden}.sidebar.collapsed .sidebar-logo span,.sidebar.collapsed .nav-label,.sidebar.collapsed .sidebar-bottom-label,.sidebar.collapsed .sidebar-impersonate{display:none}.sidebar.collapsed .sidebar-logo{text-align:center;padding:0 0 20px}.sidebar.collapsed .sidebar-bottom-content{padding:12px 6px 4px}.granularity-pills{flex-direction:column;gap:2px;display:flex}.granularity-pill{width:100%;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:5px 0;font-size:12px;font-weight:600;transition:background .15s,color .15s}.granularity-pill:hover{background:var(--surface2);color:var(--text)}.granularity-pill.active{background:var(--accent);color:#fff}.sidebar.collapsed .sidebar-signout{text-align:center}.sidebar.collapsed .nav-item{justify-content:center;gap:0;padding:9px 0}.sidebar.collapsed .nav-item .nav-icon{width:auto}.sidebar-logo{color:var(--accent-light);letter-spacing:-.5px;padding:0 20px 20px;font-size:18px;font-weight:700}.sidebar-logo span{color:var(--muted);font-weight:400}.nav-item{cursor:pointer;color:var(--muted);border-left:2px solid #0000;align-items:center;gap:10px;padding:9px 20px;font-size:13px;transition:background .15s,color .15s;display:flex;position:relative}.nav-item:hover{background:var(--surface2);color:var(--text)}.nav-item.active{background:var(--surface2);color:var(--accent-light);border-left-color:var(--accent)}.sidebar-select{background:var(--surface2);width:100%;color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:6px;outline:none;padding:6px 10px;font-size:12px}.sidebar-select:hover{border-color:var(--muted)}.sidebar-select:focus{border-color:var(--accent)}.sidebar-header{justify-content:space-between;align-items:center;margin-bottom:4px;padding-right:14px;display:flex}.sidebar.collapsed .sidebar-header{justify-content:center;padding-right:0}.sidebar-close-btn{width:30px;height:30px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-close-btn:hover{background:var(--surface2);color:var(--text)}.sidebar-edge-toggle{background:var(--surface);border:1px solid var(--border);width:24px;height:24px;color:var(--muted);cursor:pointer;z-index:10;opacity:0;border-radius:50%;justify-content:center;align-items:center;transition:opacity .2s,left .2s,background .15s;display:flex;position:absolute;top:50%;left:220px;transform:translate(-50%,-50%)}.sidebar:hover~.sidebar-edge-toggle,.sidebar-edge-toggle:hover{opacity:1}.sidebar-edge-toggle:hover{background:var(--surface2);color:var(--text)}.sidebar.collapsed~.sidebar-edge-toggle{left:56px}.mobile-topbar{background:var(--surface);border-bottom:1px solid var(--border);z-index:100;align-items:center;height:48px;padding:0 16px;display:none;position:fixed;top:0;left:0;right:0}.burger-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;display:flex}.burger-btn:hover{color:var(--text);background:var(--surface2)}.mobile-topbar .sidebar-logo{margin-left:12px;padding:0}.sidebar-backdrop{z-index:199;background:#00000080;display:none;position:fixed;inset:0}.sidebar-backdrop.visible{display:block}.main{flex:1;padding:28px 32px;transition:padding .2s;overflow-y:auto}.page-title{margin-bottom:6px;font-size:20px;font-weight:700}.page-subtitle{color:var(--muted);margin-bottom:24px;font-size:13px}.stat-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-bottom:20px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px}.stat-label{text-transform:uppercase;letter-spacing:.8px;color:var(--muted);margin-bottom:4px;font-size:10px}.stat-value{font-size:17px;font-weight:700}.stat-value.green{color:var(--green)}.stat-value.red{color:var(--red)}.stat-value.accent{color:var(--accent-light)}.chart-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:24px;padding:20px}.chart-title{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px;font-size:12px;font-weight:600}.chart-row{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px;display:grid}@media (width<=900px){.chart-row{grid-template-columns:1fr}}.table-wrap{border-radius:var(--radius);border:1px solid var(--border);margin-bottom:24px;overflow-x:auto}.app table{border-collapse:collapse;width:100%}.app th{background:var(--surface2);color:var(--muted);text-transform:uppercase;letter-spacing:.6px;text-align:left;white-space:nowrap;border-left:1px solid var(--border);padding:10px 14px;font-size:11px}.app th:first-child{border-left:none}.app td{border-top:1px solid var(--border);white-space:nowrap;border-left:1px solid var(--border);padding:9px 14px;font-size:13px}.app td:first-child{border-left:none}.app tbody tr:nth-child(2n) td{background:#ffffff05}.app tbody tr:hover td,.app tbody tr.highlighted td{background:var(--surface2)!important}.badge{border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.badge.finished{color:var(--green);background:#14532d}.badge.in-progress{color:var(--blue);background:#1e3a5f}.badge.not-started,.badge.not-utilized{color:var(--muted);background:#292524}.badge.yes{color:var(--green);background:#14532d}.badge.no{color:var(--muted);background:#292524}.badge.points{color:var(--yellow);background:#3b2f00}.num,th.num{text-align:right;font-variant-numeric:tabular-nums}.pos{color:var(--green)}.neg{color:var(--red)}.tag{color:var(--muted);font-size:11px}.recharts-inactive-bar{transition:opacity .15s}svg:has(.recharts-active-bar path) .recharts-inactive-bar{opacity:.25}.loading{text-align:center;color:var(--muted);padding:60px}.error-msg{color:var(--red);padding:20px}@media (width<=768px){.mobile-topbar{display:flex}.app{padding-top:48px}.sidebar{z-index:200;transition:transform .25s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);width:220px!important}.sidebar.mobile-open{transform:translate(0)}.sidebar-edge-toggle{display:none}.main{padding:8px 0}.main>*{margin-left:10px;margin-right:10px}.main>.chart-section,.main>.table-wrap{margin-left:0;margin-right:0}.page-title{margin-bottom:2px;font-size:17px}.page-subtitle{margin-bottom:12px;font-size:12px}.stat-grid{gap:6px;margin-bottom:12px;grid-template-columns:repeat(2,1fr)!important}.stat-card{border-radius:6px;padding:8px 10px}.stat-label{margin-bottom:2px;font-size:9px}.stat-value{font-size:15px}.chart-section{border-left:none;border-right:none;border-radius:0;margin-bottom:12px;padding:10px 8px}.chart-title{margin-bottom:10px;font-size:11px}.table-wrap{border-left:none;border-right:none;border-radius:0;margin-bottom:12px}.app table{width:max-content;min-width:100%}.app table[style*=table-layout]{table-layout:auto!important}.app th{padding:7px 10px;font-size:10px}.app td{padding:7px 10px;font-size:12px}}