:root{--sb-blue:#3f6ff3;--sb-purple:#7c4deb;--sb-violet:#a434c8;--sb-magenta:#b30d84;--sb-pink:#e91e63;--sb-red:#f44336;--sb-orange:#ff9800;--sb-yellow:#ffc107;--sb-gradient:linear-gradient(90deg,var(--sb-blue) 0%,var(--sb-purple) 14%,var(--sb-violet) 28%,var(--sb-magenta) 42%,var(--sb-pink) 56%,var(--sb-red) 70%,var(--sb-orange) 85%,var(--sb-yellow) 100%);--sb-primary:var(--sb-blue);--sb-accent:var(--sb-magenta);--sb-link:#1c95f0;--sb-text:#333;--sb-text-muted:#616161;--sb-bg:#fff;--sb-bg-soft:#f8f9fa;--sb-bg-accent:#f0f4ff;--sb-border:#e0e0e0;--sb-success:#2e7d32;--sb-warning:#ed6c02;--sb-danger:#c62828;--sb-info:var(--sb-link);--sb-status-planned:#90a4ae;--sb-status-progress:var(--sb-blue);--sb-status-blocked:var(--sb-warning);--sb-status-clientdelay:#8e24aa;--sb-status-done:var(--sb-success);--sb-status-down:var(--sb-danger);--sb-font-head:"Montserrat","Proxima Nova",system-ui,sans-serif;--sb-font-body:"IBM Plex Sans",system-ui,sans-serif;--sb-font-mono:"IBM Plex Mono",ui-monospace,monospace;--sb-fs-xs:0.75rem;--sb-fs-sm:0.875rem;--sb-fs-md:1rem;--sb-fs-lg:1.25rem;--sb-fs-xl:1.625rem;--sb-fs-2xl:2.125rem;--sb-r-sm:6px;--sb-r-md:10px;--sb-r-lg:16px;--sb-shadow-sm:0 1px 3px rgba(20,30,60,.08);--sb-shadow-md:0 4px 16px rgba(20,30,60,.1)}[data-theme=dark]{--sb-text:#eceff4;--sb-text-muted:#9aa4b2;--sb-bg:#0f1420;--sb-bg-soft:#161d2e;--sb-bg-accent:#1a2440;--sb-border:#273149}.sb-gradient-text{background:var(--sb-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:var(--sb-font-body);background:var(--sb-bg-soft);font-size:var(--sb-fs-md)}body,h1,h2,h3{color:var(--sb-text)}h1,h2,h3{font-family:var(--sb-font-head);margin:0 0 .5rem}a{color:var(--sb-link);text-decoration:none}.sb-muted{color:var(--sb-text-muted)}.sb-shell{flex-direction:column}.sb-header{justify-content:space-between;padding:.6rem 1.25rem;background:var(--sb-bg);border-bottom:1px solid var(--sb-border);box-shadow:var(--sb-shadow-sm);position:-webkit-sticky;position:sticky;top:0;z-index:10}.sb-header,.sb-logo{display:flex;align-items:center}.sb-logo{gap:.75rem}.sb-logo img{height:36px;width:auto}.sb-appname{font-family:var(--sb-font-head);font-weight:700;font-size:var(--sb-fs-lg);color:var(--sb-primary)}.sb-header-right{display:flex;align-items:center;gap:1rem}.sb-user{font-weight:600}.sb-body{display:flex;flex:1 1}.sb-sidebar{width:220px;background:var(--sb-bg);border-right:1px solid var(--sb-border);padding:1rem .5rem}.sb-main{padding:1.5rem;max-width:1280px}@media (max-width:860px){.sb-body{flex-direction:column}.sb-sidebar{width:100%;border-right:none;border-bottom:1px solid var(--sb-border)}.sb-nav{display:flex;flex-wrap:wrap}}.sb-nav{gap:.25rem}@media (max-width:860px){.sb-nav{flex-direction:row}}.sb-nav a{padding:.55rem .9rem;border-radius:var(--sb-r-md);color:var(--sb-text)}.sb-nav a.active,.sb-nav a:hover{background:var(--sb-bg-accent)}.sb-nav a.active{color:var(--sb-primary)}.sb-btn-primary{background:var(--sb-primary);color:#fff;border:none;cursor:pointer;padding:.65rem 1.2rem;border-radius:var(--sb-r-md);font-weight:600;font-family:var(--sb-font-body);font-size:var(--sb-fs-md)}.sb-btn-primary:disabled{opacity:.6;cursor:default}.sb-btn-ghost{background:transparent;color:var(--sb-primary);border:1px solid var(--sb-border);cursor:pointer;padding:.45rem .9rem;border-radius:var(--sb-r-md);font-weight:600}.sb-langswitch{display:inline-flex;border:1px solid var(--sb-border);border-radius:999px;overflow:hidden}.sb-langswitch button{border:none;background:transparent;padding:.3rem .7rem;cursor:pointer;font-weight:600;color:var(--sb-text-muted)}.sb-langswitch button.active{background:var(--sb-primary);color:#fff}.sb-login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(160deg,var(--sb-bg-accent),var(--sb-bg-soft))}.sb-login-card{width:min(380px,92vw);background:var(--sb-bg);border-radius:var(--sb-r-lg);box-shadow:var(--sb-shadow-md);padding:2rem;display:flex;flex-direction:column;gap:1rem;align-items:center}.sb-login-card form{width:100%;display:flex;flex-direction:column;gap:.8rem}.sb-login-card label{display:flex;flex-direction:column;gap:.3rem;font-weight:600;font-size:var(--sb-fs-sm)}.sb-login-card input{padding:.6rem .75rem;border:1px solid var(--sb-border);border-radius:var(--sb-r-md);font-size:var(--sb-fs-md);font-family:var(--sb-font-body)}.sb-login-msg{color:var(--sb-accent);font-size:var(--sb-fs-sm)}.sb-page-head{margin-bottom:1.25rem}.sb-persona-grid{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.sb-persona-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:1.25rem 1rem 1rem;text-align:center;background:var(--sb-bg);border:1px solid var(--sb-border);border-top:4px solid var(--persona);border-radius:var(--sb-r-lg);box-shadow:var(--sb-shadow-sm);color:var(--sb-text);transition:transform .12s ease,box-shadow .12s ease}.sb-persona-card:hover{transform:translateY(-3px);box-shadow:var(--sb-shadow-md)}.sb-persona-portrait{width:92px;height:92px;border-radius:50%;overflow:hidden;border:3px solid var(--persona);background:var(--sb-bg-accent);display:grid;place-items:center}.sb-persona-portrait img{width:100%;height:100%;object-fit:cover}.sb-persona-initial{font-family:var(--sb-font-head);font-weight:800;font-size:2rem;color:var(--persona)}.sb-persona-name{font-family:var(--sb-font-head);font-size:var(--sb-fs-lg)}.sb-persona-role{color:var(--persona);font-weight:600;font-size:var(--sb-fs-sm)}.sb-persona-org,.sb-persona-tagline{color:var(--sb-text-muted);font-size:var(--sb-fs-xs)}.sb-persona-tagline{font-style:italic}.sb-health-dot{position:absolute;top:.7rem;left:.7rem;width:10px;height:10px;border-radius:50%}.sb-env-chip{position:absolute;top:.55rem;right:.6rem;font-size:var(--sb-fs-xs);padding:.1rem .45rem;border-radius:999px;background:var(--sb-bg-accent);color:var(--sb-text-muted);text-transform:uppercase;letter-spacing:.04em}.sb-env-chip[data-env=prod]{background:#e8f5e9;color:var(--sb-success)}.sb-env-chip[data-env=staging]{background:#fff3e0;color:var(--sb-warning)}.sb-persona-chip{display:inline-flex;align-items:center;gap:.55rem;padding:.3rem .85rem .3rem .3rem;border-radius:999px;background:color-mix(in srgb,var(--persona) 10%,#fff);border:1px solid color-mix(in srgb,var(--persona) 35%,#fff);font-weight:600;color:var(--sb-text);margin-bottom:.75rem}.sb-persona-chip .sb-persona-initial,.sb-persona-chip img{width:34px;height:34px;border-radius:50%;object-fit:cover;display:grid;place-items:center;font-size:1rem;border:2px solid var(--persona);background:var(--sb-bg)}.sb-phase-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.sb-phase-list li{display:flex;align-items:center;gap:1rem;padding:.8rem 1rem;background:var(--sb-bg);border:1px solid var(--sb-border);border-radius:var(--sb-r-md)}.sb-phase-list li strong{flex:1 1}.sb-phase-status{font-size:var(--sb-fs-sm);font-weight:600;color:var(--sb-status-progress)}.sb-phase-list li[data-status=done] .sb-phase-status{color:var(--sb-status-done)}.sb-phase-list li[data-status=blocked] .sb-phase-status{color:var(--sb-status-blocked)}.sb-phase-list li[data-status=client_delay] .sb-phase-status{color:var(--sb-status-clientdelay)}.sb-mt{margin-top:1.5rem}.sb-filterbar{display:flex;gap:.4rem;flex-wrap:wrap;margin:.8rem 0}.sb-filterbar a{padding:.3rem .7rem;border:1px solid var(--sb-border);border-radius:999px;font-size:var(--sb-fs-sm);color:var(--sb-text);text-decoration:none}.sb-filterbar a.active{background:var(--sb-primary);color:#fff;border-color:var(--sb-primary)}.sb-table{width:100%;border-collapse:collapse;font-size:var(--sb-fs-sm)}.sb-table th{text-align:left;padding:.5rem .6rem;border-bottom:2px solid var(--sb-border);color:var(--sb-text);opacity:.65;font-weight:600}.sb-table td{padding:.55rem .6rem;border-bottom:1px solid var(--sb-border);vertical-align:middle}.sb-table tr:hover td{background:rgba(0,0,0,.02)}.sb-link{color:var(--sb-text);text-decoration:none;font-weight:600}.sb-link:hover{color:var(--sb-primary)}.sb-badge{display:inline-block;padding:.15rem .55rem;border-radius:999px;font-size:.75rem;font-weight:600;background:#eef;color:#334;white-space:nowrap}.sb-badge[data-status=live],.sb-badge[data-task-status=done]{background:#dcfce7;color:#166534}.sb-badge[data-status=under_construction],.sb-badge[data-task-status=review]{background:#fef9c3;color:#854d0e}.sb-badge[data-status=planned]{background:#e0e7ff;color:#3730a3}.sb-badge[data-status=on_hold],.sb-badge[data-task-status=blocked]{background:#fee2e2;color:#991b1b}.sb-badge[data-status=closed],.sb-badge[data-task-status=todo]{background:#e5e7eb;color:#374151}.sb-badge[data-task-status=in_progress]{background:#dbeafe;color:#1e40af}.sb-badge[data-task-status=cancelled]{background:#f3f4f6;color:#9ca3af}.sb-progress{display:inline-block;width:90px;height:8px;background:var(--sb-border);border-radius:999px;overflow:hidden;vertical-align:middle;margin-right:.4rem}.sb-progress span{display:block;height:100%;background:var(--sb-primary)}.sb-shell{min-height:100vh;display:flex;flex-direction:row;background:var(--sb-bg-soft)}.sb-sidebar{width:250px;flex-shrink:0;background:#0f1035;color:#cfd2ea;gap:.35rem;padding:1rem .7rem 1.5rem;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto}.sb-sb-brand,.sb-sidebar{display:flex;flex-direction:column}.sb-sb-brand{gap:.15rem;padding:.3rem .5rem .8rem}.sb-sb-brand-sub{font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:#6f74a8;font-weight:600}.sb-userchip{gap:.55rem;padding:.5rem .55rem;background:hsla(0,0%,100%,.05);border-radius:12px;margin-bottom:.5rem}.sb-avatar,.sb-userchip{display:flex;align-items:center}.sb-avatar{width:34px;height:34px;border-radius:50%;flex-shrink:0;background:var(--sb-gradient);color:#fff;font-weight:700;font-size:.78rem;justify-content:center}.sb-userchip-meta{min-width:0}.sb-userchip-meta strong{color:#fff;font-size:.82rem;display:block;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-userchip-meta span{color:#8b8fc6;font-size:.7rem}.sb-nav{gap:.1rem}.sb-nav,.sb-navgroup{display:flex;flex-direction:column}.sb-navgroup-label{font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:#5d6296;padding:.8rem .6rem .25rem;font-weight:600}.sb-nav a{display:flex;align-items:center;gap:.65rem;padding:.5rem .6rem;border-radius:8px;color:#c4c8e6;font-size:.865rem;font-weight:500;line-height:1}.sb-nav a:hover{background:hsla(0,0%,100%,.07);color:#fff}.sb-nav a.active{background:var(--sb-primary);color:#fff;font-weight:600}.sb-nav-icon{width:1.1rem;text-align:center;font-size:1rem;opacity:.9}.sb-nav-badge{margin-left:auto;background:var(--sb-accent);color:#fff;font-size:.62rem;font-weight:700;padding:.08rem .42rem;border-radius:999px}.sb-mainarea{flex:1 1;min-width:0;display:flex;flex-direction:column}.sb-topbar{display:flex;align-items:center;gap:1rem;padding:.6rem 1.5rem;background:var(--sb-bg);border-bottom:1px solid var(--sb-border);position:-webkit-sticky;position:sticky;top:0;z-index:5}.sb-search{flex:1 1;max-width:440px}.sb-search input{width:100%;padding:.5rem .9rem;border:1px solid var(--sb-border);border-radius:999px;background:var(--sb-bg-soft);font-size:.85rem;font-family:var(--sb-font-body)}.sb-topbar-right{margin-left:auto;display:flex;align-items:center;gap:.8rem}.sb-iconbtn{background:transparent;border:none;cursor:pointer;font-size:1.15rem;color:var(--sb-text-muted);line-height:1}.sb-btn-sm{padding:.35rem .75rem;font-size:var(--sb-fs-sm)}.sb-main{flex:1 1;padding:1.75rem;max-width:1320px;width:100%}@media (max-width:860px){.sb-shell{flex-direction:column}.sb-sidebar{width:100%;height:auto;position:static}}.sb-kpis{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1rem;gap:1rem;margin:1rem 0 1.5rem}.sb-kpi{background:var(--sb-bg);border:1px solid var(--sb-border);border-radius:14px;padding:1rem 1.1rem;box-shadow:var(--sb-shadow-sm)}.sb-kpi-label{display:block;font-size:var(--sb-fs-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--sb-text-muted);font-weight:600}.sb-kpi-value{display:block;font-family:var(--sb-font-head);font-size:2rem;font-weight:700;color:var(--sb-text);margin-top:.3rem;line-height:1.1}.sb-kpi-value small{font-size:1rem;color:var(--sb-text-muted);font-weight:500;margin-left:.25rem}.sb-dash-grid{display:grid;grid-template-columns:2fr 1fr;grid-gap:1rem;gap:1rem;align-items:start}.sb-dash-side{display:flex;flex-direction:column;gap:1rem}.sb-panel{background:var(--sb-bg);border:1px solid var(--sb-border);border-radius:14px;padding:1.1rem 1.2rem;box-shadow:var(--sb-shadow-sm)}.sb-panel h2{font-size:var(--sb-fs-lg);margin-bottom:.8rem}.sb-panel-head{display:flex;align-items:baseline;justify-content:space-between}.sb-sm{font-size:var(--sb-fs-sm);font-weight:500}.sb-alerts,.sb-loadlist{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.55rem}.sb-alerts li{border-left:3px solid var(--sb-border);padding:.4rem .7rem;background:var(--sb-bg-soft);border-radius:0 8px 8px 0}.sb-alerts li[data-kind=blocked]{border-left-color:var(--sb-danger)}.sb-alerts li[data-kind=due]{border-left-color:var(--sb-warning)}.sb-alerts strong{display:block;font-size:var(--sb-fs-sm)}.sb-alerts span{font-size:var(--sb-fs-sm);color:var(--sb-text-muted)}.sb-loadlist li{display:flex;align-items:center;gap:.6rem}.sb-load-name{width:110px;font-size:var(--sb-fs-sm);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-load-bar{flex:1 1;width:auto}@media (max-width:980px){.sb-kpis{grid-template-columns:repeat(2,1fr)}.sb-dash-grid{grid-template-columns:1fr}}.sb-portal-side{padding-top:.85rem}.sb-portal-clientbox{padding:0 .2rem .6rem;border-bottom:1px solid hsla(0,0%,100%,.08);margin-bottom:.4rem}.sb-cswitch{position:relative}.sb-cswitch-btn{width:100%;display:flex;align-items:center;gap:.55rem;padding:.5rem .55rem;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.08);border-radius:12px;color:#fff;cursor:pointer;text-align:left;font-family:var(--sb-font-body)}.sb-cswitch-btn strong{flex:1 1;font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-caret{color:#8b8fc6;font-size:.8rem}.sb-avatar-sm{width:28px;height:28px;font-size:.68rem}.sb-cswitch-menu{list-style:none;margin:.3rem 0 0;padding:.3rem;position:absolute;z-index:20;left:0;right:0;background:#1b1e52;border:1px solid hsla(0,0%,100%,.12);border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,.4)}.sb-cswitch-menu li button{width:100%;display:flex;align-items:center;gap:.5rem;padding:.45rem .5rem;background:transparent;border:none;color:#cfd2ea;cursor:pointer;border-radius:8px;font-size:.84rem;text-align:left}.sb-cswitch-menu li button:hover{background:hsla(0,0%,100%,.08);color:#fff}.sb-cswitch-menu li button.active{background:var(--sb-primary);color:#fff}.sb-portal-project{display:flex;align-items:center;gap:.5rem;padding:.42rem .6rem;border-radius:8px;color:#c4c8e6}.sb-portal-project-name{flex:1 1;font-size:.85rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;background:#90a4ae}.sb-dot[data-status=live]{background:#2ed47a}.sb-dot[data-status=under_construction]{background:#ff9800}.sb-dot[data-status=planned]{background:#7c8af0}.sb-dot[data-status=on_hold]{background:#ef4444}.sb-dot[data-status=closed]{background:#6b7280}.sb-pill{font-size:.6rem;font-weight:700;padding:.12rem .45rem;border-radius:999px;letter-spacing:.03em}.sb-pill[data-status=live]{background:rgba(46,212,122,.18);color:#5be89a}.sb-pill[data-status=under_construction]{background:rgba(255,152,0,.18);color:#ffb84d}.sb-pill[data-status=planned]{background:rgba(124,138,240,.18);color:#a6b0ff}.sb-pill[data-status=on_hold]{background:rgba(239,68,68,.18);color:#ff8080}.sb-pill[data-status=closed]{background:hsla(220,9%,46%,.2);color:#b0b5c0}.sb-portal-empty{font-size:.8rem;color:#6f74a8;padding:.2rem .6rem}.sb-portal-user{margin-top:auto;display:flex;align-items:center;gap:.55rem;padding:.7rem .55rem 0;border-top:1px solid hsla(0,0%,100%,.08)}.sb-portal-project{text-decoration:none}.sb-portal-project:hover{background:hsla(0,0%,100%,.06)}.sb-portal-project.active,.sb-portal-project:focus{background:hsla(0,0%,100%,.08)}.sb-pd-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem}.sb-pd-actions{align-items:center;gap:.6rem;flex-shrink:0;justify-content:flex-end}.sb-pd-actions,.sb-tabs{display:flex;flex-wrap:wrap}.sb-tabs{gap:1.4rem;border-bottom:1px solid var(--sb-border);margin:0 0 1.25rem}.sb-tabs button{background:none;padding:.7rem .1rem;font-size:.92rem;font-weight:600;color:var(--sb-text-muted);cursor:pointer;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;display:inline-flex;align-items:center;gap:.4rem;font-family:var(--sb-font-body)}.sb-tabs button:hover{color:var(--sb-text)}.sb-tabs button.active{color:var(--sb-primary);border-bottom-color:var(--sb-primary)}.sb-tab-badge{background:var(--sb-danger);color:#fff;font-size:.62rem;font-weight:700;padding:.05rem .4rem;border-radius:999px}.sb-kpi-grad{position:relative;overflow:hidden}.sb-kpi-grad:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--sb-gradient)}.sb-kpi-sub{display:block;font-size:.75rem;color:var(--sb-success);font-weight:600;margin-top:.2rem}.sb-pd-desc{color:var(--sb-text);line-height:1.6;margin-bottom:1rem}.sb-tags{display:flex;flex-wrap:wrap;gap:.5rem}.sb-tag{background:var(--sb-bg-accent);color:var(--sb-primary);font-size:.75rem;font-weight:600;padding:.25rem .7rem;border-radius:999px}.sb-pd-progress{display:flex;flex-direction:column;align-items:center}.sb-donut{display:block;margin:.3rem auto}.sb-donut-pct{font-family:var(--sb-font-head);font-size:1.6rem;font-weight:700;fill:var(--sb-text)}.sb-pd-counts{display:flex;gap:1.6rem;margin-top:.6rem}.sb-pd-counts div{text-align:center}.sb-pd-counts strong{display:block;font-size:1.4rem;font-family:var(--sb-font-head)}.sb-pd-counts span{font-size:.72rem;color:var(--sb-text-muted)}.sb-c-done{color:var(--sb-success)}.sb-c-prog{color:var(--sb-warning)}.sb-c-plan{color:var(--sb-text-muted)}