:root{--accent:#D7DB00;--accent-ink:#14160A;--cool:#0BA0C2;--ok:#34C275;--warn:#E8A13C;--bad:#E25555;--idle:#8C9CB0;--app-bg:radial-gradient(1200px 800px at 80% -10%, #101a30 0%, #0A0F1C 55%);--side:#0C1322;--side-border:rgba(255,255,255,.07);--text:#E9EEF6;--sub:rgba(233,238,246,.75);--mut:rgba(233,238,246,.55);--faint:rgba(233,238,246,.42);--line:rgba(255,255,255,.07);--line-soft:rgba(255,255,255,.06);--page:rgba(255,255,255,.03);--page-border:rgba(255,255,255,.08);--card:rgba(255,255,255,.04);--card-border:rgba(255,255,255,.09);--inner:rgba(255,255,255,.03);--hover:rgba(255,255,255,.05);--track:rgba(255,255,255,.09);--input-bg:rgba(255,255,255,.05);--input-border:rgba(255,255,255,.12);--btn-border:rgba(255,255,255,.2);--drawer:#0E1626;--drawer-border:rgba(255,255,255,.1);--overlay:rgba(4,8,16,.55);--chip-bg:rgba(255,255,255,.06);--chip-border:rgba(255,255,255,.1);--font-body:dunbartext,"dunbar-text",system-ui,sans-serif;--font-display:dunbartall-hairline,"dunbar-tall",dunbartext,sans-serif}*{box-sizing:border-box}body{margin:0;background:#0a0f1c;color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{color:var(--cool)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#808ca04d;border-radius:6px}::-webkit-scrollbar-track{background:transparent}input,select,button,textarea{font-family:var(--font-body)}.app-bg{background:var(--app-bg);min-height:100vh}.shell{display:flex;height:100vh;overflow:hidden}.sidebar{width:240px;flex:none;display:flex;flex-direction:column;background:var(--side);border-right:1px solid var(--side-border)}.brand{display:flex;align-items:center;gap:11px;padding:20px 18px 16px;border-bottom:1px solid var(--line)}.brand img{width:32px;height:auto;flex:none}.brand-name{font-size:16px;font-weight:700;letter-spacing:.2px}.brand-eyebrow{font-size:9.5px;letter-spacing:1.6px;text-transform:uppercase;color:var(--faint)}.nav{display:flex;flex-direction:column;gap:2px;padding:12px 10px;flex:1;overflow-y:auto}.nav-item{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border-radius:9px;font-size:13px;cursor:pointer;color:var(--sub)}.nav-item:hover{background:var(--hover)}.nav-item.active{background:#d7db0024;color:var(--accent);font-weight:700}.side-foot{padding:14px 16px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:10px}.main{flex:1;display:flex;flex-direction:column;min-width:0}.topbar{flex:none;display:flex;align-items:center;gap:12px;padding:14px 24px;border-bottom:1px solid var(--line);flex-wrap:wrap}.page-wrap{flex:1;overflow-y:auto;padding:20px 24px}.page{background:var(--page);border:1px solid var(--page-border);border-radius:16px;padding:22px;min-height:calc(100% - 46px);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.kpi{background:var(--card);border:1px solid var(--card-border);border-radius:12px;padding:16px 18px}.kpi .label{font-size:10.5px;letter-spacing:1.4px;text-transform:uppercase;color:var(--mut);margin-bottom:8px}.kpi .num{font-family:var(--font-display);font-weight:400;font-size:44px;line-height:1}.kpi .sub{font-size:11.5px;color:var(--mut);margin-top:8px}.card{background:var(--card);border:1px solid var(--card-border);border-radius:12px;padding:18px}.card h3{font-size:13px;font-weight:700;margin:0 0 12px}.pill{display:inline-flex;align-items:center;justify-content:center;padding:3px 9px;border-radius:999px;font-size:10.5px;font-weight:700;letter-spacing:.4px;white-space:nowrap}.btn{padding:7px 14px;border-radius:8px;border:1px solid var(--btn-border);background:transparent;color:var(--mut);font-size:11.5px;font-weight:600;cursor:pointer}.btn:hover{border-color:var(--cool);color:var(--cool)}.btn-accent{padding:7px 14px;border-radius:8px;border:none;background:var(--accent);color:var(--accent-ink);font-size:12px;font-weight:700;cursor:pointer}.btn-accent:hover{background:#c4c800}.input{padding:7px 12px;border-radius:8px;border:1px solid var(--input-border);background:var(--input-bg);color:var(--text);font-size:12.5px;outline:none}.select{padding:7px 10px;border-radius:8px;border:1px solid var(--input-border);background:var(--input-bg);color:var(--text);font-size:12px;outline:none}.select option{background:#101828;color:var(--text)}.tbl-head{display:grid;gap:12px;padding:0 10px 9px;font-size:10.5px;letter-spacing:1.2px;text-transform:uppercase;color:var(--faint)}.tbl-row{display:grid;gap:12px;align-items:center;padding:11px 10px;border-top:1px solid var(--line-soft);border-radius:8px;cursor:pointer}.tbl-row:hover{background:var(--hover)}.bar{height:5px;border-radius:3px;background:var(--track);overflow:hidden}.bar>div{height:100%}.chip{font-size:10.5px;padding:4px 9px;border-radius:999px;background:var(--chip-bg);border:1px solid var(--chip-border);color:var(--sub)}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);z-index:40}.drawer{position:fixed;top:0;right:0;bottom:0;width:440px;background:var(--drawer);border-left:1px solid var(--drawer-border);z-index:41;display:flex;flex-direction:column;box-shadow:-20px 0 60px #00000059}.drawer-head{padding:20px 22px 16px;border-bottom:1px solid var(--line)}.drawer-body{flex:1;overflow-y:auto;padding:18px 22px;display:flex;flex-direction:column;gap:20px}.sec-label{font-size:10.5px;letter-spacing:1.4px;text-transform:uppercase;color:var(--mut);margin-bottom:9px}.avatar{width:24px;height:24px;flex:none;border-radius:50%;background:#0ba0c229;color:var(--cool);display:flex;align-items:center;justify-content:center;font-size:9.5px;font-weight:700}.lane-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.lane{background:var(--inner);border:1px solid var(--card-border);border-radius:12px;padding:12px}.board-grid{display:grid;grid-template-columns:repeat(4,minmax(185px,1fr));gap:12px;align-items:start;overflow-x:auto;padding-bottom:6px}.board-col{background:var(--inner);border:1px solid var(--card-border);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:9px;min-height:120px}.task-card{background:var(--card);border:1px solid var(--card-border);border-radius:10px;padding:11px 12px;cursor:pointer}.task-card:hover{border-color:var(--cool)}.more{width:100%;padding:6px 8px;font-size:10.5px;color:var(--faint)}.theme-btn{padding:5px 9px;font-size:10px;letter-spacing:.3px;white-space:nowrap;flex:none}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:disabled:hover{border-color:var(--btn-border);color:var(--mut)}:root{color-scheme:dark;--body-bg:#0A0F1C;--select-option-bg:#101828;--accent-text:var(--accent);--accent-tint:rgba(215,219,0,.14);--accent-wash:rgba(215,219,0,.07);--bad-border:rgba(226,85,85,.5)}body{background:var(--body-bg)}.select option{background:var(--select-option-bg)}:root[data-theme=light]{color-scheme:light;--app-bg:radial-gradient(1200px 800px at 80% -10%, #FBFCFE 0%, #E7EDF5 55%);--body-bg:#E7EDF5;--select-option-bg:#FFFFFF;--text:#101828;--sub:rgba(16,24,40,.8);--mut:rgba(16,24,40,.7);--faint:rgba(16,24,40,.62);--idle:#5A6B7D;--ok:#166B3E;--warn:#875200;--bad:#B22F2A;--cool:#0A6E86;--accent-text:#5E6200;--accent-tint:rgba(215,219,0,.34);--accent-wash:rgba(215,219,0,.2);--bad-border:rgba(178,47,42,.45);--side:#FFFFFF;--side-border:rgba(16,24,40,.11);--line:rgba(16,24,40,.11);--line-soft:rgba(16,24,40,.08);--page:rgba(255,255,255,.75);--page-border:rgba(16,24,40,.1);--card:#FFFFFF;--card-border:rgba(16,24,40,.11);--inner:rgba(16,24,40,.035);--hover:rgba(16,24,40,.05);--track:rgba(16,24,40,.11);--input-bg:#FFFFFF;--input-border:rgba(16,24,40,.2);--btn-border:rgba(16,24,40,.24);--drawer:#FFFFFF;--drawer-border:rgba(16,24,40,.12);--overlay:rgba(16,24,40,.34);--chip-bg:rgba(16,24,40,.05);--chip-border:rgba(16,24,40,.13)}:root[data-theme=light] .nav-item.active{background:var(--accent-tint);color:var(--accent-text)}:root[data-theme=light] .kpi,:root[data-theme=light] .card,:root[data-theme=light] .lane,:root[data-theme=light] .board-col,:root[data-theme=light] .task-card{box-shadow:0 1px 2px #1018280d}:root[data-theme=light] .drawer{box-shadow:-20px 0 60px #1018282e}:root[data-theme=light] ::-webkit-scrollbar-thumb{background:#10182838}