.project-command-center-root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;--ink:#172033;--muted:#6c7482;--line:#e4e8ee;--panel:#fff;--navy:#131b2b;--navy-soft:#1d2738;--accent:#c89c56;--accent-soft:#f7efe3;--green:#2c8a61;background:#f4f6f8;min-height:100vh;font-family:DM Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.project-command-center-root *{box-sizing:border-box}.project-command-center-root button,.project-command-center-root input,.project-command-center-root select{font:inherit}.project-command-center-root button{cursor:pointer}.project-command-center-root.app-shell{min-height:100vh;display:flex}.project-command-center-root .sidebar{background:var(--navy);color:#fff;z-index:40;flex-direction:column;width:268px;padding:20px 14px 16px;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}.project-command-center-root .brand-row{border-bottom:1px solid #ffffff14;align-items:center;gap:11px;padding:2px 8px 20px;display:flex}.project-command-center-root .brand-mark{background:var(--accent);color:#151b27;letter-spacing:.04em;border-radius:11px;place-items:center;width:38px;height:38px;font:800 12px Manrope;display:grid}.project-command-center-root .brand-name{margin:0;font:700 15px Manrope}.project-command-center-root .brand-kicker{color:#8f9aad;margin:2px 0 0;font-size:11px}.project-command-center-root .sidebar-close{margin-left:auto;display:none;color:#fff!important}.project-command-center-root .project-switcher{padding:18px 7px 10px}.project-command-center-root .micro-label,.project-command-center-root .section-kicker{letter-spacing:.12em;color:#8a94a5;font-size:10px;font-weight:700;display:block}.project-command-center-root .select-wrap{margin-top:8px;position:relative}.project-command-center-root .select-wrap select{appearance:none;background:var(--navy-soft);color:#fff;border:1px solid #ffffff1c;border-radius:10px;outline:none;width:100%;padding:10px 30px 10px 11px;font-size:12px}.project-command-center-root .select-wrap svg{color:#8f9aad;pointer-events:none;position:absolute;top:50%;right:9px;transform:translateY(-50%)}.project-command-center-root .side-nav{flex:1;padding:5px 0 22px}.project-command-center-root .nav-group{margin-top:16px}.project-command-center-root .nav-group>p{color:#727e91;letter-spacing:.13em;text-transform:uppercase;margin:0 9px 7px;font-size:9px;font-weight:700}.project-command-center-root .nav-item{color:#aeb7c6;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;padding:9px 10px;font-size:12.5px;transition:all .15s;display:flex}.project-command-center-root .nav-item:hover{color:#fff;background:#ffffff0d}.project-command-center-root .nav-item.active{color:#fff;box-shadow:inset 2px 0 0 var(--accent);background:#c89c5624}.project-command-center-root .nav-item.active svg{color:var(--accent)}.project-command-center-root .sidebar-footer{border-top:1px solid #ffffff14;padding-top:10px}.project-command-center-root .profile-row{grid-template-columns:34px 1fr auto;align-items:center;gap:9px;margin-top:8px;padding:10px 8px 3px;display:grid}.project-command-center-root .avatar{color:#6f4f22;background:#f3e7d4;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.project-command-center-root .profile-row strong,.project-command-center-root .profile-row span{display:block}.project-command-center-root .profile-row strong{font-size:11px}.project-command-center-root .profile-row span{color:#7f899a;margin-top:2px;font-size:9px}.project-command-center-root .profile-row svg{color:#7f899a}.project-command-center-root .main-area{width:calc(100% - 268px);min-height:100vh;margin-left:268px}.project-command-center-root .topbar{border-bottom:1px solid var(--line);z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;justify-content:space-between;align-items:center;height:84px;padding:0 34px;display:flex;position:sticky;top:0}.project-command-center-root .topbar-left{align-items:center;gap:12px;display:flex}.project-command-center-root .eyebrow{color:#8c95a3;margin-bottom:3px;font-size:10px;font-weight:700;display:block}.project-command-center-root .topbar h1{letter-spacing:-.03em;margin:0;font:700 20px Manrope}.project-command-center-root .topbar-actions{gap:9px;display:flex}.project-command-center-root .menu-btn{display:none!important}.project-command-center-root .icon-btn{color:#7f8794;background:0 0;border:0;border-radius:8px;place-items:center;padding:6px;display:grid}.project-command-center-root .icon-btn:hover{color:var(--ink);background:#f0f2f5}.project-command-center-root .primary-btn,.project-command-center-root .secondary-btn{border-radius:9px;align-items:center;gap:7px;padding:9px 13px;font-size:11.5px;font-weight:700;display:inline-flex}.project-command-center-root .primary-btn{color:#fff;background:#182235;border:1px solid #182235}.project-command-center-root .primary-btn:hover{background:#263249}.project-command-center-root .secondary-btn{border:1px solid var(--line);color:#5e6774;background:#fff}.project-command-center-root .content-wrap{max-width:1500px;margin:0 auto;padding:28px 34px 52px}.project-command-center-root .hero-card{color:#fff;background:linear-gradient(125deg,#172133,#212d42);border-radius:16px;grid-template-columns:1fr auto;gap:20px 32px;padding:25px 27px;display:grid;box-shadow:0 9px 26px #1d273817}.project-command-center-root .status-pill{color:#d2d8e2;background:#ffffff14;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:6px;padding:5px 8px;font-size:10px;display:inline-flex}.project-command-center-root .status-pill span{background:#6fd39d;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #6fd39d1c}.project-command-center-root .hero-card h2{letter-spacing:-.035em;margin:12px 0 5px;font:700 23px Manrope}.project-command-center-root .hero-card p{color:#9ca8ba;margin:0;font-size:12px}.project-command-center-root .hero-meta{text-align:right;align-self:center}.project-command-center-root .hero-meta span,.project-command-center-root .hero-meta strong{display:block}.project-command-center-root .hero-meta span{color:#8f9aae;margin-bottom:5px;font-size:10px}.project-command-center-root .hero-meta strong{font:600 13px Manrope}.project-command-center-root .progress-row.wide{grid-column:1/-1}.project-command-center-root .progress-copy{color:#7d8794;justify-content:space-between;align-items:center;margin-bottom:7px;font-size:10px;display:flex}.project-command-center-root .progress-copy strong{color:inherit}.project-command-center-root .hero-card .progress-copy{color:#9ca8ba}.project-command-center-root .progress-track{background:#e7eaf0;border-radius:99px;height:6px;overflow:hidden}.project-command-center-root .hero-card .progress-track{background:#ffffff17}.project-command-center-root .progress-track span{border-radius:inherit;background:var(--accent);height:100%;display:block}.project-command-center-root .metric-grid{grid-template-columns:repeat(4,1fr);gap:13px;margin-top:15px;display:grid}.project-command-center-root .metric-card{border:1px solid var(--line);background:#fff;border-radius:13px;min-height:132px;padding:16px;position:relative}.project-command-center-root .metric-icon{background:var(--accent-soft);color:#9a6c2d;border-radius:9px;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:15px;right:15px}.project-command-center-root .metric-card>span{color:#7d8795;font-size:10px;font-weight:700;display:block}.project-command-center-root .metric-card>strong{letter-spacing:-.04em;margin-top:8px;font:700 27px Manrope;display:block}.project-command-center-root .metric-card p{color:#8b94a1;margin:5px 0 0;font-size:10px}.project-command-center-root .dashboard-grid{grid-template-columns:minmax(0,1.65fr) minmax(300px,.75fr);gap:15px;margin-top:15px;display:grid}.project-command-center-root .panel{border:1px solid var(--line);background:#fff;border-radius:13px;padding:19px}.project-command-center-root .panel-heading{justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:13px;display:flex}.project-command-center-root .panel-heading h3,.project-command-center-root .sticky-panel h3{letter-spacing:-.025em;margin:4px 0 0;font:700 16px Manrope}.project-command-center-root .text-btn{color:#7a633f;background:0 0;border:0;align-items:center;gap:5px;padding:5px;font-size:10.5px;font-weight:700;display:inline-flex}.project-command-center-root .task-list{border-top:1px solid #eef0f3}.project-command-center-root .task-row{border-bottom:1px solid #eef0f3;grid-template-columns:27px 1fr auto;align-items:center;gap:6px;min-height:59px;display:grid}.project-command-center-root .task-row:last-child{border-bottom:0}.project-command-center-root .task-check{color:#a5adba;background:0 0;border:0;place-items:center;width:24px;height:24px;display:grid}.project-command-center-root .task-done .task-check{color:var(--green)}.project-command-center-root .task-copy{text-align:left;color:var(--ink);background:0 0;border:0;padding:8px 6px}.project-command-center-root .task-copy strong,.project-command-center-root .task-copy span{display:block}.project-command-center-root .task-copy strong{font-size:11.5px;font-weight:700}.project-command-center-root .task-copy span{color:#969eaa;margin-top:3px;font-size:9.5px}.project-command-center-root .task-done .task-copy strong{color:#9da4ae;text-decoration:line-through}.project-command-center-root .workspace-link{color:#6f7886;background:#f6f7f9;border:0;border-radius:7px;padding:6px 8px;font-size:9.5px;font-weight:700}.project-command-center-root .workspace-link:hover{color:#765823;background:var(--accent-soft)}.project-command-center-root .phase-panel{padding-bottom:15px}.project-command-center-root .phase-line{margin:15px 0}.project-command-center-root .phase-line>div:first-child{color:#68717e;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:10px;display:flex}.project-command-center-root .phase-line strong{color:#818a97}.project-command-center-root .progress-track.thin{height:4px}.project-command-center-root .page-intro,.project-command-center-root .roadmap-banner{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px;display:flex}.project-command-center-root .page-intro h2,.project-command-center-root .roadmap-banner h2,.project-command-center-root .placeholder-wrap h2{letter-spacing:-.045em;margin:5px 0 6px;font:700 25px Manrope}.project-command-center-root .page-intro p,.project-command-center-root .roadmap-banner p,.project-command-center-root .placeholder-wrap>p{color:#7d8694;margin:0;font-size:12px;line-height:1.6}.project-command-center-root .project-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.project-command-center-root .project-card{border:1px solid var(--line);text-align:left;color:var(--ink);background:#fff;border-radius:14px;min-height:245px;padding:18px;transition:all .18s}.project-command-center-root .project-card:hover{transform:translateY(-2px);box-shadow:0 10px 28px #212b3c14}.project-command-center-root .project-card.selected{border-color:#c9a66f;box-shadow:inset 0 0 0 1px #c89c5638}.project-command-center-root .project-card-top{color:#949daa;justify-content:space-between;display:flex}.project-command-center-root .project-type{letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:700}.project-command-center-root .project-logo{background:#eef1f5;border-radius:11px;place-items:center;width:41px;height:41px;margin:20px 0 12px;font:800 11px Manrope;display:grid}.project-command-center-root .project-card h3{margin:0;font:700 14px Manrope}.project-command-center-root .project-card>p{color:#8d95a1;margin:5px 0 18px;font-size:10px}.project-command-center-root .project-card-footer{color:#89919d;border-top:1px solid #edf0f3;justify-content:space-between;gap:10px;margin-top:17px;padding-top:13px;font-size:9.5px;display:flex}.project-command-center-root .project-card-footer span:last-child{color:#84632e;font-weight:700}.project-command-center-root .add-project{text-align:center;color:#6d7582;border-style:dashed;flex-direction:column;justify-content:center;align-items:center;display:flex}.project-command-center-root .add-circle{color:#7c8592;background:#f2f4f6;border-radius:50%;place-items:center;width:42px;height:42px;margin-bottom:12px;display:grid}.project-command-center-root .add-project strong{color:var(--ink);font:700 13px Manrope}.project-command-center-root .add-project p{max-width:190px;line-height:1.5}.project-command-center-root .roadmap-banner{border-bottom:1px solid var(--line);align-items:center;padding-bottom:22px}.project-command-center-root .roadmap-score{text-align:right;min-width:100px}.project-command-center-root .roadmap-score strong,.project-command-center-root .roadmap-score span{display:block}.project-command-center-root .roadmap-score strong{font:700 27px Manrope}.project-command-center-root .roadmap-score span{color:#969eaa;font-size:9.5px}.project-command-center-root .roadmap-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:18px;display:grid}.project-command-center-root .phase-stack{flex-direction:column;gap:10px;display:flex}.project-command-center-root .roadmap-phase{border:1px solid var(--line);background:#fff;border-radius:13px;grid-template-columns:39px 1fr;gap:14px;padding:18px;display:grid}.project-command-center-root .roadmap-phase.current{box-shadow:inset 3px 0 0 var(--accent);border-color:#d8b77f}.project-command-center-root .phase-badge{color:#87909c;background:#f0f2f5;border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.project-command-center-root .current .phase-badge{background:var(--accent-soft);color:#8f652c}.project-command-center-root .phase-content h3{margin:0;font:700 13px Manrope}.project-command-center-root .phase-content p{color:#848d99;margin:5px 0 11px;font-size:10.5px;line-height:1.5}.project-command-center-root .phase-actions{flex-wrap:wrap;gap:7px;display:flex}.project-command-center-root .phase-actions button{color:#68717e;background:#fafbfc;border:1px solid #e8ebef;border-radius:7px;align-items:center;gap:5px;padding:5px 8px;font-size:9.5px;font-weight:700;display:inline-flex}.project-command-center-root .sticky-panel{position:sticky;top:104px}.project-command-center-root .mini-task-list{margin-top:13px}.project-command-center-root .mini-task{border-bottom:1px solid #eef0f3;align-items:flex-start;gap:9px;padding:9px 0;font-size:10.5px;line-height:1.4;display:flex}.project-command-center-root .mini-task:last-child{border-bottom:0}.project-command-center-root .mini-task input{accent-color:#a87a39;margin-top:1px}.project-command-center-root .mini-task.done span{color:#a2a8b1;text-decoration:line-through}.project-command-center-root .table-panel{padding:0;overflow:hidden}.project-command-center-root .table-tools{border-bottom:1px solid var(--line);color:#9098a4;justify-content:space-between;align-items:center;padding:14px 16px;font-size:10px;display:flex}.project-command-center-root .search-field{background:#f7f8fa;border:1px solid #e8ebef;border-radius:8px;align-items:center;gap:8px;width:min(320px,65%);padding:7px 9px;display:flex}.project-command-center-root .search-field svg{color:#9ca4af}.project-command-center-root .search-field input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;font-size:10.5px}.project-command-center-root .page-table-row{border-bottom:1px solid #edf0f3;grid-template-columns:minmax(180px,1.4fr) minmax(120px,.8fr) minmax(130px,.75fr) 90px 36px;align-items:center;gap:12px;min-height:60px;padding:0 16px;font-size:10.5px;display:grid}.project-command-center-root .page-table-head{color:#8c95a1;text-transform:uppercase;letter-spacing:.05em;background:#fafbfc;min-height:37px;font-size:9px;font-weight:700}.project-command-center-root .page-name{align-items:center;gap:9px;display:flex}.project-command-center-root .page-icon{color:#7e8794;background:#f1f3f6;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.project-command-center-root .page-table-row code{color:#7e8794;background:#f7f8fa;border-radius:5px;width:fit-content;padding:4px 6px;font-size:10px}.project-command-center-root .status-select{color:#65707d;background:#fff;border:1px solid #e1e5ea;border-radius:7px;outline:0;padding:5px 7px;font-size:9.5px}.project-command-center-root .status-complete{color:#257552;background:#eff8f3;border-color:#d9eee3}.project-command-center-root .status-coding{color:#315b91;background:#f0f5fb;border-color:#dce7f5}.project-command-center-root .status-designing{color:#8a622a;background:#fbf6ed;border-color:#eee0c7}.project-command-center-root .status-review{color:#7e4c84;background:#faf3fb;border-color:#eddcef}.project-command-center-root .placeholder-wrap{text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:610px;min-height:540px;margin:0 auto;display:flex}.project-command-center-root .placeholder-icon{background:var(--accent-soft);color:#8c652d;border-radius:15px;place-items:center;width:52px;height:52px;margin-bottom:16px;display:grid}.project-command-center-root .placeholder-wrap>p{max-width:520px}.project-command-center-root .placeholder-note{border:1px solid var(--line);text-align:left;color:#707987;background:#fff;border-radius:11px;align-items:center;gap:9px;margin-top:22px;padding:11px 13px;font-size:10.5px;line-height:1.45;display:flex}.project-command-center-root .placeholder-note svg{color:var(--green);flex:none}.project-command-center-root .overlay{display:none}.project-command-center-root .empty-panel{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:260px;display:flex}.project-command-center-root .empty-panel h3{margin:10px 0 5px;font:700 16px Manrope}.project-command-center-root .empty-panel p{color:#8d95a1;max-width:360px;margin:0;font-size:10.5px;line-height:1.55}.project-command-center-root .create-form{grid-template-columns:1fr 1fr auto;align-items:end;gap:10px;margin-bottom:18px;display:grid}.project-command-center-root .create-form label{color:#747e8c;font-size:9.5px;font-weight:700}.project-command-center-root .create-form input,.project-command-center-root .create-form select{width:100%;color:var(--ink);background:#fff;border:1px solid #e1e5ea;border-radius:8px;outline:none;margin-top:6px;padding:9px 10px;font-size:11px}.project-command-center-root .panel-actions{align-items:center;gap:8px;display:flex}.project-command-center-root .inline-form{border-top:1px solid #eef0f3;gap:8px;margin-top:12px;padding-top:12px;display:grid}.project-command-center-root .inline-form input,.project-command-center-root .inline-form select{border:1px solid #e1e5ea;border-radius:8px;outline:none;padding:8px 9px;font-size:10.5px}.project-command-center-root .chatgpt-btn{white-space:nowrap}@media (width<=1100px){.project-command-center-root .metric-grid{grid-template-columns:repeat(2,1fr)}.project-command-center-root .dashboard-grid{grid-template-columns:1fr}.project-command-center-root .project-grid{grid-template-columns:repeat(2,1fr)}.project-command-center-root .roadmap-layout{grid-template-columns:1fr}.project-command-center-root .sticky-panel{position:static}}@media (width<=820px){.project-command-center-root .sidebar{transition:transform .2s;transform:translate(-100%);box-shadow:14px 0 35px #0b111c38}.project-command-center-root .sidebar.sidebar-open{transform:translate(0)}.project-command-center-root .sidebar-close,.project-command-center-root .menu-btn{display:grid!important}.project-command-center-root .overlay{z-index:35;background:#0a101a66;border:0;display:block;position:fixed;inset:0}.project-command-center-root .main-area{width:100%;margin-left:0}.project-command-center-root .topbar{height:76px;padding:0 18px}.project-command-center-root .content-wrap{padding:20px 18px 40px}.project-command-center-root .secondary-btn{display:none}.project-command-center-root .hero-card{grid-template-columns:1fr}.project-command-center-root .hero-meta{text-align:left}.project-command-center-root .page-table{overflow-x:auto}.project-command-center-root .page-table-row{min-width:750px}.project-command-center-root .create-form{grid-template-columns:1fr}}@media (width<=600px){.project-command-center-root .metric-grid,.project-command-center-root .project-grid{grid-template-columns:1fr}.project-command-center-root .topbar-actions .primary-btn{justify-content:center;width:38px;height:38px;padding:0;font-size:0}.project-command-center-root .topbar h1{font-size:17px}.project-command-center-root .eyebrow{white-space:nowrap;text-overflow:ellipsis;max-width:180px;overflow:hidden}.project-command-center-root .hero-card{padding:20px}.project-command-center-root .hero-card h2{font-size:20px}.project-command-center-root .task-row{grid-template-columns:27px 1fr}.project-command-center-root .workspace-link{grid-column:2;justify-self:start;margin:-5px 0 8px 6px}.project-command-center-root .page-intro,.project-command-center-root .roadmap-banner{flex-direction:column;align-items:flex-start}.project-command-center-root .page-intro .primary-btn{justify-content:center;align-self:stretch}.project-command-center-root .roadmap-score{text-align:left}.project-command-center-root .chatgpt-btn{display:none}}