:root{--cyan:#00b5e7;--blue:#2b6ab2;--blue-steel:#3c69ad;--charcoal:#383838;--black:#0a0a0a;--taupe:#8b7e76;--taupe-dark:#6e635c;--taupe-light:#a99c93;--cyan-tint:#e3f6fd;--blue-tint:#e6f1fb;--page-bg:#f3f6fa;--card-bg:#fff;--border:#e0e6ee;--border-strong:#ccd6e2;--ink:#16283d;--ink-secondary:#54687d;--ink-muted:#93a2af;--success:#1d9e75;--success-bg:#e1f5ee;--warning:#ba7517;--warning-bg:#faeeda;--danger:#c0392b;--danger-bg:#fbeae7;--chart-1:#2a78d6;--chart-2:#eb6834;--chart-3:#1baf7a;--chart-4:#eda100;--chart-5:#e87ba4;--chart-6:#008300;--chart-7:#4a3aa7;--radius-sm:6px;--radius:10px;--radius-lg:16px;--font-sans:"Inter", system-ui, sans-serif;--font-heading:"Manrope", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{font-family:var(--font-sans);color:var(--ink);background:var(--page-bg);margin:0}h1,h2,h3{font-family:var(--font-heading);margin:0}#root{min-height:100svh}.dot{border-radius:2px;flex-shrink:0;width:9px;height:9px;display:inline-block}.legend{color:var(--ink-secondary);gap:16px;margin-top:14px;font-size:12px;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.bars{flex-wrap:nowrap;align-items:flex-end;gap:16px;min-height:150px;padding:10px 2px 6px;display:flex;overflow-x:auto}.bar-group{border-radius:var(--radius-sm);flex-direction:column;flex:1 0 64px;align-items:center;gap:8px;min-width:64px;max-width:100%;transition:opacity .15s;display:flex;position:relative}.bar-group--dimmed{opacity:.45}.bar-group--hovered .bar-stack{box-shadow:0 0 0 3px var(--blue-tint)}.bar-stack{background:var(--border);border-radius:4px 4px 0 0;flex-direction:column-reverse;width:100%;max-width:34px;height:120px;transition:box-shadow .15s;display:flex;overflow:hidden}.bar-seg-closed{background:var(--blue)}.bar-seg-open{background:var(--cyan)}.bar-label{color:var(--ink-secondary);text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:11px;font-weight:600;overflow:hidden}.bar-pct{color:var(--ink-muted);font-variant-numeric:tabular-nums;font-size:10.5px}.side-bar-row{border-radius:var(--radius-sm);align-items:center;gap:12px;margin-bottom:14px;transition:background .15s;display:flex}.side-bar-row:last-child{margin-bottom:0}.side-bar-row--hovered{background:var(--blue-tint)}.side-bar-name{width:110px;color:var(--ink-secondary);white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;font-size:12.5px;overflow:hidden}.side-bar-track{background:var(--border);border-radius:5px;flex:1;height:10px;position:relative}.side-bar-fill{background:var(--blue-steel);border-radius:5px;height:100%;transition:filter .15s}.side-bar-row--hovered .side-bar-fill{filter:brightness(1.15)}.side-bar-count{text-align:right;width:28px;color:var(--ink);flex-shrink:0;font-size:12.5px;font-weight:600}.trend-chart-wrap{max-width:100%;position:relative;overflow-x:auto}.trend-baseline{stroke:var(--border-strong);stroke-width:1px}.trend-gridline{stroke:var(--border);stroke-width:1px}.trend-crosshair{stroke:var(--border-strong);stroke-width:1px;stroke-dasharray:3 3}.trend-tick{fill:var(--ink-muted);font-variant-numeric:tabular-nums;font-size:10px}.donut-wrap{align-items:center;gap:20px;display:flex}.donut-svg-wrap{flex-shrink:0;position:relative}.donut-center{pointer-events:none;text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.donut-center-value{font-family:var(--font-heading);color:var(--ink);font-size:22px;font-weight:700;line-height:1.1}.donut-center-label{color:var(--ink-muted);max-width:80px;font-size:11px}.donut-legend{color:var(--ink-secondary);flex-direction:column;gap:8px;font-size:12.5px;display:flex}.donut-legend span{cursor:pointer;border-radius:var(--radius-sm);align-items:center;gap:6px;transition:opacity .15s;display:inline-flex}.donut-legend span.dimmed{opacity:.45}.donut-legend b{color:var(--ink)}.chart-tooltip{z-index:20;background:var(--ink);color:#fff;border-radius:var(--radius-sm);white-space:nowrap;pointer-events:none;padding:8px 10px;font-size:12px;position:absolute;box-shadow:0 6px 16px #16283d40}.chart-tooltip--anchored{transform:translate(-50%,calc(-100% - 10px))}.chart-tooltip--portal{z-index:1100;position:fixed;transform:translate(-50%,calc(-100% - 10px))}.chart-tooltip-title{color:#fff;margin-bottom:4px;font-weight:700}.chart-tooltip-row{align-items:center;gap:6px;display:flex}.chart-tooltip-row+.chart-tooltip-row{margin-top:2px}.chart-tooltip-key{border-radius:2px;flex-shrink:0;width:8px;height:8px}.chart-tooltip-name{color:#ffffffbf}.chart-tooltip-value{color:#fff;margin-left:auto;padding-left:10px}.card-header-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.card-header-row h3{margin-bottom:2px}.card-header-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.expand-btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--card-bg);width:28px;height:28px;color:var(--ink-secondary);cursor:pointer;justify-content:center;align-items:center;display:flex}.expand-btn:hover{background:var(--page-bg);color:var(--ink)}.view-toggle{border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;overflow:hidden}.view-toggle button{background:var(--card-bg);color:var(--ink-secondary);cursor:pointer;border:none;padding:5px 10px;font-size:12px}.view-toggle button.active{background:var(--blue);color:#fff}.kpi-row{grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:18px;display:grid}.kpi-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px 20px}.kpi-card .top{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.kpi-card .label{color:var(--ink-secondary);text-transform:uppercase;letter-spacing:.03em;font-size:12.5px;font-weight:600}.kpi-card .icon{border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;font-size:15px;display:flex}.kpi-card .value{font-family:var(--font-heading);color:var(--ink);font-size:28px;font-weight:800}.kpi-card .delta{margin-top:4px;font-size:12px;font-weight:600}.hc-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 0;font-size:13px;display:flex}.hc-row:last-child{border-bottom:none}.hc-status{border-radius:12px;padding:2px 10px;font-size:11.5px;font-weight:700}.hc-status.closed{background:var(--success-bg);color:#0f6e56}.hc-status.progress{background:var(--warning-bg);color:#8a550f}.hc-status.openst{background:var(--blue-tint);color:var(--blue-steel)}.expand-overlay{z-index:1000;background:#0a0f198c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.expand-panel{background:var(--card-bg);border-radius:var(--radius-lg);flex-direction:column;width:min(1680px,95vw);max-height:92vh;display:flex;overflow:hidden}.expand-header{flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:12px;padding:20px 22px 0;display:flex}.expand-body{padding:16px 22px 22px;overflow-y:auto}.widget-grid{grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:14px;display:grid}.widget-section-header h2,.widget-section-header h3{color:var(--ink);margin:0 0 2px;font-size:14.5px}.widget-section-header p{color:var(--ink-muted);margin:0;font-size:12px}button{font-family:var(--font-sans);cursor:pointer}input,select,textarea{border-radius:var(--radius-sm);border:1.5px solid var(--border-strong);font-size:13.5px;font-family:var(--font-sans);color:var(--ink);background:#fff;padding:9px 12px}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-tint);outline:none}.btn-primary{border-radius:var(--radius-sm);background:var(--blue);color:#fff;border:none;justify-content:center;align-items:center;gap:8px;padding:11px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:background .15s;display:inline-flex}.btn-primary:hover:not(:disabled){background:var(--blue-steel)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{border-radius:var(--radius-sm);border:1.5px solid var(--border-strong);color:var(--ink);background:#fff;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:13.5px;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s;display:inline-flex}.btn-secondary:hover:not(:disabled){background:var(--page-bg);border-color:var(--ink-muted)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.field{margin-bottom:16px}.field label{color:var(--ink-secondary);text-transform:uppercase;letter-spacing:.03em;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.field input,.field select{border-radius:var(--radius-sm);border:1.5px solid var(--border-strong);width:100%;font-size:14px;font-family:var(--font-sans);color:var(--ink);background:#fff;padding:11px 14px}.field input:focus,.field select:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-tint);outline:none}.login-screen{background:linear-gradient(160deg, #4a4a4a 0%, var(--charcoal) 55%, #242424 100%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:60px 20px;display:flex}.login-logo{width:300px;margin-bottom:40px}.login-logo img{width:100%;display:block}.login-card{background:var(--card-bg);border-radius:var(--radius-lg);width:380px;max-width:90vw;padding:40px 40px 32px;box-shadow:0 24px 60px -12px #00000073}.login-card h1{color:var(--ink);margin-bottom:4px;font-size:20px;font-weight:700}.login-card .sub{color:var(--ink-secondary);margin-bottom:28px;font-size:14px}.login-divider{color:var(--ink-muted);align-items:center;gap:12px;margin:22px 0;font-size:12px;display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--border);flex:1;height:1px}.btn-microsoft{color:#fff;background:#2f2f2f;width:100%}.btn-microsoft i{color:#fff}.login-footer{flex-direction:column;align-items:center;gap:10px;margin-top:56px;display:flex}.login-footer img{opacity:.9;height:34px}.login-footer span{color:#d9d5d2;letter-spacing:.02em;font-size:11px}.auth-form{flex-direction:column;display:flex}.auth-error{color:var(--danger);margin:-6px 0 14px;font-size:13px}.app{background:var(--page-bg);min-height:100vh}.topnav{background:var(--charcoal);align-items:center;gap:20px;height:64px;padding:0 20px;display:flex}.topnav .brand{flex-shrink:0;align-items:center;gap:10px;text-decoration:none;display:flex}.topnav .brand img{height:24px}.topnav .brand-div{background:#54514c;flex-shrink:0;width:1px;height:24px}.topnav .product-name{font-family:var(--font-heading);color:#fff;letter-spacing:.01em;white-space:nowrap;font-size:15px;font-weight:700}.topnav nav{scrollbar-width:none;flex:1;gap:4px;min-width:0;display:flex;overflow-x:auto}.topnav nav::-webkit-scrollbar{display:none}.topnav nav a{color:#c7cbce;white-space:nowrap;border-radius:20px;flex-shrink:0;padding:9px 14px;font-size:13.5px;font-weight:600;text-decoration:none}.topnav nav a.active{background:var(--cyan);color:#04202e}.topnav nav a:hover:not(.active){color:#fff;background:#4a4a4a}.topnav .user{flex-shrink:0;align-items:center;gap:14px;display:flex}.avatar{background:var(--blue);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:flex}.topnav .icon-btn{color:#c7cbce;cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:7px;display:flex}.topnav .icon-btn:hover{color:#fff;background:#4a4a4a}@media (width<=680px){.topnav{gap:10px;padding:0 12px}.topnav .brand-div,.topnav .product-name{display:none}.topnav nav{gap:2px}.topnav nav a{padding:8px 10px;font-size:13px}.topnav .user{gap:8px}}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;padding:24px 28px 0;display:flex}.breadcrumb{text-transform:uppercase;letter-spacing:.03em;color:var(--ink-muted);align-items:center;gap:6px;margin-bottom:4px;font-size:11.5px;font-weight:600;display:flex}.breadcrumb a{color:var(--ink-muted);text-decoration:none}.breadcrumb a:hover{color:var(--ink-secondary)}.page-header h1{color:var(--ink);font-size:22px}.page-header .meta{color:var(--ink-secondary);margin-top:4px;font-size:13px}.page-header .meta b{color:var(--ink);font-weight:600}.page-header-actions{gap:10px;display:flex}.oil-tabs{border:1px solid var(--border);background:#fff;border-radius:24px;gap:6px;padding:4px;display:flex}.oil-tabs a,.oil-tabs button{font-family:var(--font-sans);color:var(--ink-secondary);cursor:pointer;background:0 0;border:none;border-radius:20px;padding:8px 16px;font-size:13px;font-weight:600;text-decoration:none}.oil-tabs a.active,.oil-tabs button.active{background:var(--blue);color:#fff}.content{max-width:1280px;margin:0 auto;padding:20px 28px 40px}.delta.up{color:var(--success)}.delta.down{color:var(--danger)}.delta.flat{color:var(--ink-muted)}.grid-2{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:14px;margin-bottom:14px;display:grid}.grid-3{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:14px;display:grid}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px 22px}.card h3{color:var(--ink);margin-bottom:2px;font-size:14.5px}.card .card-sub{color:var(--ink-muted);margin-bottom:16px;font-size:12px}.card .empty{color:var(--ink-muted);font-size:13px}.status-bars{align-items:flex-end;gap:8px;min-height:240px;padding-top:10px;display:flex;overflow-x:auto}.status-bar-group{border-radius:var(--radius-sm);flex-direction:column;flex:1 0 68px;align-items:center;gap:6px;min-width:68px;max-width:100%;transition:opacity .15s;display:flex;position:relative}.status-bar-group--dimmed{opacity:.4}.status-bar{border-radius:6px 6px 2px 2px;width:100%;max-width:64px;transition:filter .15s,box-shadow .15s}.status-bar-group:hover .status-bar{filter:brightness(1.08);box-shadow:0 0 0 3px var(--blue-tint)}.status-bar-label{color:var(--ink-secondary);text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:10.5px;font-weight:600;line-height:1.2;overflow:hidden}.status-bar-value{color:var(--ink);font-size:11px;font-weight:700}table.items{border-collapse:collapse;width:100%;font-size:13px}table.items th{text-align:left;text-transform:uppercase;letter-spacing:.03em;color:var(--ink-muted);border-bottom:1px solid var(--border);padding:0 10px 10px;font-size:11px;font-weight:600}table.items td{border-bottom:1px solid var(--border);color:var(--ink);padding:11px 10px}table.items tr:last-child td{border-bottom:none}.code{font-family:var(--font-sans);color:var(--blue-steel);white-space:nowrap;flex-shrink:0;font-size:12.5px;font-weight:600}.badge{border-radius:20px;align-items:center;gap:5px;padding:3px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.badge.risk{background:var(--danger-bg);color:#8b2e22}.badge.review{background:var(--warning-bg);color:#8a550f}.badge.open{background:var(--blue-tint);color:var(--blue-steel)}.badge.closed{background:var(--success-bg);color:#0f6e56}.badge.rework{color:var(--taupe-dark);background:#efece9}.badge.pending{background:var(--border);color:var(--ink-secondary)}.footer{justify-content:center;align-items:center;gap:10px;padding:24px 28px 32px;display:flex}.footer img{opacity:.55;height:15px}.footer span{color:var(--ink-muted);font-size:11px}.projects-shell{background:var(--page-bg);min-height:100vh}.inline-form{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card-bg);flex-wrap:wrap;gap:10px;margin:0 28px 20px;padding:18px 20px;display:flex}.inline-form .field{flex:180px;margin-bottom:0}.project-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;padding:0 28px 40px;display:grid}.project-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px 24px;transition:box-shadow .15s,border-color .15s}.project-card:hover{border-color:var(--border-strong);box-shadow:0 8px 24px -8px #16283d2e}.project-card-top{gap:14px;margin-bottom:16px;display:flex}.project-card-photo{border-radius:var(--radius);background:var(--blue-tint);width:64px;height:64px;color:var(--blue-steel);flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.project-card-photo img{object-fit:cover;width:100%;height:100%}.project-card-info{min-width:0}.project-card .code{margin-bottom:6px;display:inline-block}.project-card h3{text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px;font-size:15.5px;overflow:hidden}.project-card .meta{color:var(--ink-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.project-card-stats{gap:10px;margin-bottom:16px;display:flex}.project-stat{background:var(--page-bg);border-radius:var(--radius-sm);flex-direction:column;flex:1;align-items:center;gap:2px;padding:10px 8px;display:flex}.project-stat-value{font-family:var(--font-heading);color:var(--ink);font-size:17px;font-weight:700}.project-stat-label{color:var(--ink-muted);text-transform:uppercase;letter-spacing:.02em;font-size:10.5px}.project-card-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding-top:14px;display:flex}.project-card-members{color:var(--ink-secondary);flex-shrink:0;align-items:center;gap:5px;font-size:12px;display:inline-flex}.project-card-actions{gap:8px;display:flex}.btn-sm{padding:7px 14px;font-size:12.5px;text-decoration:none}.btn-icon{gap:0;padding:7px 9px}.empty-state{color:var(--ink-muted);padding:40px 28px;font-size:14px}.topic-tabs{gap:6px;margin-bottom:16px;padding:0 28px;display:flex;overflow-x:auto}.topic-tabs a{color:var(--ink-secondary);border:1px solid var(--border);white-space:nowrap;background:#fff;border-radius:20px;flex-shrink:0;padding:8px 16px;font-size:13px;font-weight:600;text-decoration:none}.topic-tabs a.active{background:var(--blue);border-color:var(--blue);color:#fff}.items-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);margin:0 28px 28px;overflow:hidden}table.items-grid{border-collapse:collapse;width:100%;font-size:13px}table.items-grid th{text-align:left;text-transform:uppercase;letter-spacing:.03em;color:var(--ink-muted);border-bottom:1px solid var(--border);background:var(--page-bg);white-space:nowrap;padding:12px 14px;font-size:11px;font-weight:600}table.items-grid th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}table.items-grid th.sortable:hover{color:var(--ink-secondary)}table.items-grid td{border-bottom:1px solid var(--border);color:var(--ink);vertical-align:top;padding:12px 14px}table.items-grid tbody tr:last-child td{border-bottom:none}table.items-grid tbody tr.item-row{cursor:pointer}table.items-grid tbody tr.item-row:hover{background:var(--page-bg)}table.items-grid .topic-divider-row td{background:var(--page-bg);text-transform:uppercase;letter-spacing:.04em;color:var(--ink-secondary);padding:8px 14px;font-size:11px;font-weight:700}.item-description{text-overflow:ellipsis;white-space:nowrap;max-width:360px;overflow:hidden}.critical-dot{color:var(--danger);align-items:center;display:inline-flex}.quick-add-row td{background:var(--page-bg)}.quick-add-row input{width:100%}.quick-add-row .field-ref{width:140px}@media (width<=900px){.kpi-row{grid-template-columns:repeat(2,1fr)}.grid-2,.grid-3{grid-template-columns:1fr}}.content--refreshing{opacity:.5;pointer-events:none;transition:opacity .15s}.app--presenting .topnav,.app--presenting .page-header{display:none}.app--presenting .content{padding-top:24px}.kpi-sparkline{color:var(--ink-muted);margin-top:6px}.kpi-card:first-child .kpi-sparkline{color:var(--blue-steel)}.kpi-card:nth-child(2) .kpi-sparkline{color:var(--success)}