:root{--bg:#070b12;--sidebar:#090e17;--panel:#101620;--panel2:#121a25;--border:#202a37;--muted:#8290a3;--text:#f2f5f7;--lime:#d7ff5e;--amber:#f8c15c;--blue:#62b5ed;--purple:#a78bfa;--danger:#ff7171}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0;font-family:Inter,SF Pro Display,Segoe UI,Arial,sans-serif}button,input,select{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--lime);outline-offset:2px}.app-shell{grid-template-columns:232px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:var(--sidebar);z-index:20;border-right:1px solid #17202b;flex-direction:column;height:100vh;padding:27px 18px 22px;display:flex;position:sticky;top:0}.brand{letter-spacing:-.5px;align-items:center;gap:10px;padding:0 8px 33px;font-size:18px;font-weight:700;display:flex}.brand-mark{color:#0a0e13;background:var(--lime);border-radius:7px;place-items:center;width:29px;height:29px;font-size:16px;font-weight:800;display:grid;transform:rotate(-3deg)}.sidebar nav{gap:5px;display:grid}.sidebar nav button{color:#8b98a9;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;height:43px;padding:0 12px;font-size:14px;font-weight:500;display:flex}.sidebar nav button svg{stroke:currentColor;fill:none;stroke-width:1.7px;width:18px;height:18px}.sidebar nav button.active{color:var(--lime);background:#18211f}.sidebar nav button:hover{color:#fff;background:#121923}.sidebar nav em{color:#aeb8c5;background:#1b2430;border-radius:9px;margin-left:auto;padding:2px 7px;font-size:11px;font-style:normal}.workspace-card{border:1px solid var(--border);color:#99a6b7;letter-spacing:.25px;background:#0d131d;border-radius:9px;margin-top:auto;padding:13px 12px;font-size:9px;line-height:1.5}.live-dot{background:var(--lime);width:6px;height:6px;box-shadow:0 0 8px var(--lime);border-radius:50%;margin-right:7px;display:inline-block}.sidebar-foot{gap:8px;padding:13px 6px 0;display:grid}.sidebar-foot button,.sidebar-foot a{color:#687688;text-align:left;cursor:pointer;background:0 0;border:0;padding:4px;font-size:11px;text-decoration:none}.sidebar-foot a:hover,.sidebar-foot button:hover{color:#c6ced8}.nav-close,.menu,.scrim{display:none}main{min-width:0}.topbar{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#070b12eb;border-bottom:1px solid #17202b;justify-content:space-between;align-items:center;height:77px;padding:0 35px;display:flex;position:sticky;top:0}.search{border:1px solid var(--border);color:#788598;background:#0e141e;border-radius:8px;align-items:center;gap:9px;width:min(430px,50vw);height:38px;padding:0 11px;display:flex}.search span{font-size:20px;transform:rotate(-15deg)}.search input{color:#dce2e8;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:12px}.search kbd{background:#18202b;border:1px solid #2a3441;border-radius:4px;padding:3px 6px;font:10px inherit}.top-actions{align-items:center;gap:16px;display:flex}.demo-label{text-transform:uppercase;letter-spacing:1px;color:#6f7d8e;font-size:10px}.icon-button{color:#8d9aaa;background:0 0;border:0;font-size:20px;position:relative}.icon-button i{background:var(--lime);border-radius:50%;width:5px;height:5px;position:absolute;top:0;right:2px}.avatar{width:35px;height:35px;color:var(--lime);background:#253225;border:1px solid #344532;border-radius:50%;place-items:center;font-size:11px;font-weight:700;display:grid}.content{max-width:1600px;margin:auto;padding:34px 36px 60px}.page-heading{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:1.4px;font-weight:600;color:#748194!important;font-size:9px!important}.eyebrow span{color:#3d4653;margin:0 6px}.page-heading h1{letter-spacing:-1.2px;margin:9px 0 7px;font-size:30px;line-height:1.15}.page-heading p{color:#7d8a9c;margin:0;font-size:12px}.heading-actions{gap:9px;display:flex}.primary,.secondary{border:1px solid var(--border);cursor:pointer;border-radius:7px;height:38px;padding:0 15px;font-size:11px;font-weight:600}.primary{background:var(--lime);color:#10140c;border-color:var(--lime)}.primary:hover{background:#e3ff8a}.secondary{color:#aab5c2;background:#111822}.secondary:hover{color:#fff;background:#18212d}.filters{background:#0b111a;border:1px solid #18212c;border-radius:10px;align-items:flex-end;gap:10px;margin:27px 0 20px;padding:12px;display:flex}.filters label{gap:5px;min-width:145px;display:grid}.filters label span,.modal label>span{color:#748194;text-transform:uppercase;letter-spacing:.7px;font-size:9px;font-weight:600}.filters select,.filters input,.modal input,.modal select,.status-control select{border:1px solid var(--border);color:#b6c0cc;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#111923;border-radius:6px;height:34px;padding:0 9px;font-size:11px}.filters .clear{color:var(--lime);cursor:pointer;background:0 0;border:0;height:34px;margin-left:auto;font-size:10px}.metrics-grid{grid-template-columns:repeat(4,1fr);gap:13px;display:grid}.metric{border:1px solid var(--border);background:linear-gradient(140deg,#111822,#0e141d);border-radius:10px;min-height:142px;padding:17px;position:relative}.metric-icon{border-radius:7px;place-items:center;width:27px;height:27px;font-size:13px;display:grid;position:absolute;top:16px;right:16px}.metric-icon.lime{color:var(--lime);background:#222d1c}.metric-icon.amber{color:var(--amber);background:#2d2619}.metric-icon.blue{color:var(--blue);background:#182733}.metric-icon.purple{color:var(--purple);background:#261e35}.metric p{color:#8290a2;text-transform:uppercase;letter-spacing:.7px;margin:3px 0 22px;font-size:10px}.metric strong{letter-spacing:-1px;font-size:25px;display:block}.metric small{color:#697688;margin-top:9px;font-size:9px;display:block}.dashboard-grid{grid-template-columns:1.25fr .75fr;gap:13px;margin-top:13px;display:grid}.panel,.table-panel,.team-card,.empty{border:1px solid var(--border);background:var(--panel);border-radius:10px}.panel{min-height:280px;padding:18px 19px}.panel-head{justify-content:space-between;align-items:flex-start;display:flex}.panel-head h2{margin:0 0 5px;font-size:13px}.panel-head p{color:#687587;margin:0;font-size:9px}.panel-head button{color:#8390a1;cursor:pointer;background:0 0;border:0;font-size:9px}.panel-head button:hover{color:var(--lime)}.pipeline-chart{justify-content:space-around;align-items:flex-end;gap:12px;height:205px;padding:27px 18px 0;display:flex}.bar-item{text-align:center;color:#6f7b8c;grid-template-rows:16px 130px 28px;gap:5px;width:56px;font-size:9px;display:grid}.bar-count{color:#aeb8c3;font-size:10px}.bar-track{border-bottom:1px solid #26303c;align-items:flex-end;height:130px;display:flex}.bar-track>div{background:linear-gradient(180deg,var(--lime),#65772f);opacity:.9;border-radius:4px 4px 1px 1px;width:100%;min-height:8px}.allocation-list{gap:17px;margin-top:19px;display:grid}.allocation-row{align-items:center;gap:10px;display:flex}.avatar.small{flex:none;width:28px;height:28px;font-size:8px}.allocation-info{flex:1;min-width:0}.allocation-info>div:first-child{justify-content:space-between;margin-bottom:7px;display:flex}.allocation-info strong{font-size:10px;font-weight:500}.allocation-info span{color:#8591a1;font-size:9px}.over-text{color:var(--danger)!important}.progress-track,.capacity-track{background:#232d39;border-radius:4px;height:4px;overflow:hidden}.progress-track>div,.capacity-track>div{background:var(--lime);border-radius:4px;height:100%}.progress-track>div.warm{background:var(--amber)}.progress-track>div.over,.capacity-track>div.over{background:var(--danger)}.recent-panel,.invoices-panel{min-height:260px}.compact-projects,.invoice-mini-list{margin-top:15px;display:grid}.project-mini,.invoice-mini{border-top:1px solid #1c2530;align-items:center;gap:10px;min-height:48px;display:flex}.project-mini:first-child,.invoice-mini:first-child{border-top:0}.client-color{border-radius:50%;width:7px;height:7px}.project-mini>div:nth-child(2),.invoice-mini>div{flex:1;min-width:0;display:grid}.project-mini strong,.invoice-mini strong{white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:500;overflow:hidden}.project-mini small,.invoice-mini small{color:#657284;margin-top:4px;font-size:8px}.project-mini-progress{text-align:right;width:75px}.project-mini-progress span{color:#7f8c9e;font-size:8px}.project-mini-progress>div{background:#252e3b;height:3px;margin-top:5px}.project-mini-progress i{background:var(--lime);height:100%;display:block}.invoice-mini b{font-size:9px;font-weight:500}.badge{text-align:center;border-radius:10px;min-width:63px;padding:4px 7px;font-size:8px}.badge.paid{color:var(--lime);background:#202b1b}.badge.outstanding{color:var(--amber);background:#2b2418}.badge.draft{color:#a6b0bd;background:#232a34}.project-board{grid-template-columns:repeat(5,minmax(205px,1fr));align-items:start;gap:11px;padding-bottom:12px;display:grid;overflow-x:auto}.project-column{background:#0b1119;border:1px solid #18212b;border-radius:9px;min-width:205px;padding:10px}.project-column>header{align-items:center;gap:7px;height:34px;padding:0 3px;display:flex}.project-column h2{margin:0;font-size:10px;font-weight:600}.project-column header em{color:#667487;margin-left:auto;font-size:9px;font-style:normal}.status-dot{background:#7d8998;border-radius:50%;width:6px;height:6px}.s-in-progress{background:var(--lime)}.s-client-review{background:var(--purple)}.s-complete{background:var(--blue)}.s-on-hold{background:var(--amber)}.project-card{background:#121923;border:1px solid #222b37;border-radius:8px;margin-top:8px;padding:12px}.card-top{justify-content:space-between;align-items:center;display:flex}.card-top button{color:#596678;cursor:pointer;letter-spacing:1px;background:0 0;border:0}.client-pill{color:#8290a1;align-items:center;gap:5px;font-size:8px;display:flex}.client-pill i{border-radius:50%;width:6px;height:6px}.project-card h3{margin:13px 0 7px;font-size:12px;line-height:1.35}.project-card p{color:#697687;margin:0 0 15px;font-size:8px}.budget-row{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.budget-row strong{font-size:10px}.budget-row span{color:#788597;font-size:8px}.status-control{gap:5px;margin-top:13px;display:grid}.status-control span{color:#657284;text-transform:uppercase;letter-spacing:.6px;font-size:8px}.status-control select{width:100%;height:30px}.table-panel{overflow:hidden}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:850px}th{color:#657285;text-transform:uppercase;letter-spacing:.7px;text-align:left;background:#0d141d;height:46px;font-size:8px;font-weight:600}th,td{border-bottom:1px solid #1b2430;padding:0 17px}td{color:#93a0b0;height:66px;font-size:10px}td strong{color:#d6dce2;font-weight:500}td small{color:#637083;margin-top:4px;display:block}.pay-button{color:var(--lime);cursor:pointer;white-space:nowrap;background:#202a1c;border:1px solid #40502f;border-radius:6px;padding:7px 9px;font-size:8px}.team-grid{grid-template-columns:repeat(2,1fr);gap:13px;display:grid}.team-card{padding:20px}.team-card.over-card{border-color:#5a3438}.team-card header{align-items:center;gap:12px;display:flex}.avatar.large{width:42px;height:42px;font-size:11px}.team-card h2{margin:0 0 4px;font-size:13px}.team-card header p{color:#707e8f;margin:0;font-size:9px}.capacity-badge{color:var(--lime);background:#202b1c;border-radius:10px;margin-left:auto;padding:5px 8px;font-size:8px}.capacity-badge.over{color:#ff9696;background:#351e22}.util-row{justify-content:space-between;margin:22px 0 9px;font-size:9px;display:flex}.util-row span{color:#718093}.capacity-track{height:7px}.member-projects{margin-top:22px}.member-projects h3{letter-spacing:.8px;text-transform:uppercase;color:#667487;font-size:8px}.member-projects>div{border-top:1px solid #1c2530;align-items:center;gap:8px;padding:10px 0;display:flex}.member-projects>div>span{border-radius:50%;width:7px;height:7px}.member-projects p{margin:0;font-size:9px}.member-projects small{color:#667486;margin-top:3px;display:block}.muted{color:#637082!important}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#010408c7;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#111823;border:1px solid #2a3543;border-radius:12px;width:min(590px,100%);box-shadow:0 25px 80px #000}.modal>header{border-bottom:1px solid #212a36;justify-content:space-between;padding:20px 22px 15px;display:flex}.modal h2{margin:4px 0 0;font-size:20px}.modal header button{color:#8592a2;cursor:pointer;background:0 0;border:0;font-size:24px}.modal form{grid-template-columns:1fr 1fr;gap:15px;padding:20px 22px;display:grid}.modal label{align-content:start;gap:6px;display:grid}.modal label.wide{grid-column:1/-1}.modal input,.modal select{height:40px;font-size:11px}.modal label small{color:#ff9292;font-size:9px}.modal [aria-invalid=true]{border-color:#ad5158}.modal footer{border-top:1px solid #212a36;grid-column:1/-1;justify-content:flex-end;gap:9px;margin-top:5px;padding-top:17px;display:flex}.toast{z-index:70;color:var(--lime);opacity:0;pointer-events:none;background:#1b281a;border:1px solid #3d542e;border-radius:8px;padding:11px 15px;font-size:10px;transition:all .25s;position:fixed;bottom:24px;right:24px;transform:translateY(25px)}.toast.show{opacity:1;transform:none}.empty{text-align:center;place-content:center;min-height:320px;display:grid}.empty span{color:#596779;font-size:28px}.empty h2{margin:12px 0 5px;font-size:15px}.empty p{color:#718093;font-size:10px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:1050px){.metrics-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.project-board{grid-template-columns:repeat(5,230px)}.team-grid{grid-template-columns:1fr}}@media (max-width:760px){.app-shell{display:block}.sidebar{width:250px;transition:all .25s;position:fixed;top:0;left:0;transform:translate(-105%);box-shadow:20px 0 50px #000}.sidebar.open{transform:none}.nav-close{color:#8b98a8;background:0 0;border:0;font-size:24px;display:block;position:absolute;top:20px;right:16px}.scrim{z-index:19;background:#0009;border:0;display:block;position:fixed;inset:0}.menu{background:0 0;border:0;font-size:19px;display:block}.topbar{gap:10px;height:64px;padding:0 16px}.search{flex:1;width:auto}.search kbd,.demo-label{display:none}.top-actions{gap:8px}.content{padding:25px 16px 45px}.page-heading{flex-direction:column;align-items:flex-start}.page-heading h1{font-size:25px}.heading-actions{width:100%}.heading-actions button{flex:1}.filters{align-items:flex-end;overflow-x:auto}.filters label{min-width:130px}.filters .clear{min-width:75px}.metrics-grid{grid-template-columns:1fr 1fr}.metric{min-height:130px;padding:15px}.metric strong{font-size:20px}.panel{padding:15px}.pipeline-chart{gap:6px;padding-left:0;padding-right:0}.bar-item{width:45px}.modal form{grid-template-columns:1fr;max-height:72vh;overflow-y:auto}.modal label.wide,.modal footer{grid-column:auto}}@media (max-width:450px){.metrics-grid{grid-template-columns:1fr}.metric{min-height:120px}.invoice-mini{gap:6px}.badge{min-width:56px}.pipeline-chart{justify-content:flex-start;overflow-x:auto}.bar-item{flex:0 0 50px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}