:root{color-scheme:light;--bg: #ffffff;--sidebar: #f4f5f7;--surface: #ffffff;--surface-2: #f8fafc;--elevated: #ffffff;--border: #d7dde5;--border-strong: #b8c2cf;--text: #17212b;--muted: #667485;--soft: #3f4b5a;--accent: #0f7f8c;--accent-soft: #e6f5f7;--success: #137b4f;--warning: #9a6200;--danger: #b4232f;--info: #1f5f99;--radius: 4px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--control-h: 34px;color:var(--text);background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--bg: #0b1017;--sidebar: #121923;--surface: #161f2a;--surface-2: #101720;--elevated: #1d2835;--border: #2b3848;--border-strong: #415066;--text: #edf2f7;--muted: #9aa8b7;--soft: #c7d0db;--accent: #28b8c7;--accent-soft: #12323a;--success: #58c18b;--warning: #d8a344;--danger: #f16d78;--info: #72a8e8}}*{box-sizing:border-box}html,body{min-width:320px;min-height:100vh}body{margin:0}button,input,textarea,select{font:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input,select,textarea{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);min-height:var(--control-h);padding:6px 9px}textarea{min-height:76px;resize:vertical}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4,p{margin-block:0}h1{font-size:24px;line-height:1.2}h2{font-size:17px;line-height:1.25}h3{font-size:14px;line-height:1.3}h4{font-size:13px;line-height:1.3}label{color:var(--soft);display:grid;gap:var(--space-1);font-size:13px;font-weight:600}.app-shell{background:var(--bg);display:grid;grid-template-columns:220px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--sidebar);border-inline-end:1px solid var(--border);padding:var(--space-4) var(--space-3)}.brand{margin:0 var(--space-2) var(--space-4)}.progeyes-logo{align-items:center;color:var(--text);display:inline-flex;gap:var(--space-2);min-width:0}.progeyes-logo-mark{align-items:center;background:var(--accent-soft);border-radius:var(--radius);color:var(--accent);display:inline-flex;font-size:15px;font-weight:800;height:28px;justify-content:center;width:28px}.progeyes-logo-text{font-size:15px;font-weight:800;letter-spacing:0}.nav-list{display:grid;gap:var(--space-1)}.nav-list a{align-items:center;border-radius:var(--radius);color:var(--soft);display:flex;gap:var(--space-2);min-height:34px;padding:7px 8px;text-decoration:none}.nav-list a.active,.nav-list a:hover{background:var(--accent-soft);color:var(--text)}.workspace{display:grid;grid-template-rows:auto 1fr;min-width:0}.topbar{align-items:center;background:var(--bg);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;min-height:54px;padding:10px 20px}.topbar-actions{align-items:center;display:flex;gap:var(--space-2)}.content{min-width:0;padding:20px}.centered-page{align-items:center;background:var(--bg);display:grid;min-height:100vh;padding:20px;place-items:center}.login-page{background:var(--surface-2)}.login-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);display:grid;gap:var(--space-4);inline-size:min(390px,100%);padding:22px}.login-panel form,.dialog-form,.page-stack{display:grid;gap:var(--space-3)}.login-heading{display:grid;gap:var(--space-1)}.login-heading p,.metric-card span,.eyebrow,.empty-state{color:var(--muted)}.page-header{align-items:center;display:flex;gap:var(--space-3);justify-content:space-between}.workspace-hero{background:var(--surface);border-bottom:1px solid var(--border);padding:0 0 var(--space-3)}.project-shell,.project-page{display:grid;gap:var(--space-3);min-width:0}.project-header{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);display:grid;gap:var(--space-2);padding:var(--space-3)}.breadcrumb{align-items:center;color:var(--muted);display:flex;flex-wrap:wrap;font-size:12px;gap:var(--space-2)}.project-header-main{align-items:center;display:flex;gap:var(--space-3);justify-content:space-between;min-width:0}.project-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:end}.project-nav{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:var(--space-2);max-inline-size:100%;overflow-x:auto;padding-bottom:var(--space-2);scrollbar-width:thin}.project-nav a{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--soft);display:inline-flex;flex:0 0 auto;font-weight:650;min-height:var(--control-h);padding:6px 10px;text-decoration:none;white-space:nowrap}.project-nav a.active,.project-nav a:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--text)}.route-filter{inline-size:min(460px,100%)}.button,.icon-button{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);cursor:pointer;display:inline-flex;justify-content:center}.button{gap:var(--space-2);min-height:var(--control-h);padding:6px 10px}.button:hover:not(:disabled),.icon-button:hover:not(:disabled){border-color:var(--border-strong);background:var(--surface-2)}.button:disabled,.icon-button:disabled{color:var(--muted);cursor:not-allowed;opacity:.65}.button-primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:700}.button-primary:hover:not(:disabled){background:var(--accent);color:#fff}.icon-button{height:var(--control-h);width:var(--control-h)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);display:grid;gap:var(--space-3);min-width:0;padding:var(--space-3)}.panel-heading{align-items:center;display:flex;gap:var(--space-3);justify-content:space-between}.metric-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.metric-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);display:grid;gap:var(--space-2);min-height:72px;padding:var(--space-3)}.metric-card strong{color:var(--text);font-size:20px;line-height:1.15;overflow-wrap:anywhere}.eyebrow{font-size:11px;font-weight:700;text-transform:uppercase}.workspace-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));min-width:0}.workspace-grid-wide{grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr)}.portfolio-controls{align-items:end;display:grid;gap:var(--space-3);grid-template-columns:minmax(220px,1fr) minmax(150px,auto) minmax(150px,auto)}.search-field{position:relative}.search-field svg{color:var(--muted);inset-inline-start:9px;position:absolute;top:30px}.search-field input{padding-inline-start:32px}.project-card-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.project-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);display:grid;overflow:hidden}.project-card-media{aspect-ratio:16 / 8;background:var(--surface-2);border-bottom:1px solid var(--border);overflow:hidden;position:relative}.project-card-plan{background:var(--surface-2);inset:0;position:absolute}.project-card-title{align-items:end;bottom:0;display:flex;gap:var(--space-2);justify-content:space-between;left:0;padding:var(--space-3);position:absolute;right:0}.project-card-title h2{color:var(--text);overflow-wrap:anywhere}.project-card-meta{display:grid;gap:var(--space-2);margin:0;padding:var(--space-3)}.project-card-meta div{display:grid;gap:2px}.project-card-meta dt{color:var(--muted);font-size:12px}.project-card-meta dd{color:var(--text);margin:0;overflow-wrap:anywhere}.project-open-link{margin:0 var(--space-3) var(--space-3)}.wbs-tree,.table-wrap{border:1px solid var(--border);border-radius:var(--radius);max-inline-size:100%;min-width:0;overflow:auto}.wbs-tree{max-height:340px}.wbs-node{align-items:center;background:transparent;border:0;border-bottom:1px solid var(--border);color:var(--soft);cursor:pointer;display:grid;gap:var(--space-2);grid-template-columns:minmax(96px,auto) minmax(0,1fr) auto;min-height:36px;text-align:start;width:100%}.wbs-node.selected,.wbs-node:hover{background:var(--surface-2);color:var(--text)}.action-grid,.notes-grid,.snapshot-grid,.viewer-stack{display:grid;gap:var(--space-3)}.compact-form{border-top:1px solid var(--border);display:grid;gap:var(--space-2);padding-top:var(--space-3)}.button-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.layout-plane{aspect-ratio:16 / 9;background:linear-gradient(90deg,color-mix(in srgb,var(--border) 55%,transparent) 1px,transparent 1px),linear-gradient(color-mix(in srgb,var(--border) 55%,transparent) 1px,transparent 1px),var(--surface-2);background-size:10% 10%;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;position:relative}.capture-point-marker{align-items:center;background:var(--accent);border:1px solid var(--bg);border-radius:var(--radius);color:#fff;cursor:pointer;display:inline-flex;font-size:11px;font-weight:700;height:24px;justify-content:center;min-width:24px;padding:0 6px;position:absolute;transform:translate(-50%,-50%)}.evidence-media,.evidence-fallback{aspect-ratio:16 / 9;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;position:relative}.evidence-media{align-items:center;display:flex;justify-content:center}.evidence-media img{height:100%;object-fit:contain;width:100%}.evidence-media-360 img{object-fit:cover}.viewer-overlay{align-items:center;display:flex;gap:var(--space-1);position:absolute}.viewer-overlay-top{inset-inline-start:var(--space-2);top:var(--space-2)}.viewer-chip,.limit-pill,.status-badge{align-items:center;background:var(--surface-2);border-radius:var(--radius);display:inline-flex;font-size:11px;font-weight:650;gap:var(--space-1);line-height:1.2;padding:3px 6px;white-space:nowrap}.viewer-chip{color:var(--soft)}.limit-pill{color:var(--muted)}.limit-reached{color:var(--warning)}.viewer-controls{bottom:var(--space-2);display:flex;gap:var(--space-1);inset-inline-end:var(--space-2);position:absolute}.viewer-controls button{align-items:center;background:var(--elevated);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);cursor:pointer;display:inline-flex;height:28px;justify-content:center;width:28px}.evidence-fallback{align-items:center;color:var(--muted);display:grid;gap:var(--space-2);justify-items:center;place-content:center}.metadata-grid{border:1px solid var(--border);border-radius:var(--radius);display:grid;grid-template-columns:minmax(120px,auto) minmax(0,1fr);overflow:hidden}.metadata-grid>span,.metadata-grid>strong,.metadata-row{border-bottom:1px solid var(--border);padding:7px 9px}.metadata-grid>span{color:var(--muted)}.metadata-grid>strong{overflow-wrap:anywhere}.metadata-row{display:contents}.comparison-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr))}.comparison-grid .json-preview{grid-column:1 / -1}.comparison-side{display:grid;gap:var(--space-2)}.alert{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);display:grid;gap:var(--space-1);padding:var(--space-3)}.alert-danger{color:var(--danger)}.alert-success{color:var(--success)}.alert-info{color:var(--info)}table{background:transparent;border-collapse:collapse;inline-size:100%}th,td{border-bottom:1px solid var(--border);padding:7px 9px;text-align:start;vertical-align:top}th{background:var(--surface-2);color:var(--muted);font-size:12px;font-weight:700;position:sticky;top:0;z-index:1}tr:hover td{background:var(--surface-2)}.status-badge{color:var(--muted)}.status-success{background:color-mix(in srgb,var(--success) 12%,transparent);color:var(--success)}.status-warning{background:color-mix(in srgb,var(--warning) 12%,transparent);color:var(--warning)}.status-danger{background:color-mix(in srgb,var(--danger) 12%,transparent);color:var(--danger)}.status-info{background:color-mix(in srgb,var(--info) 12%,transparent);color:var(--info)}.loading-state{align-items:center;color:var(--soft);display:inline-flex;gap:var(--space-2)}.loading-state svg{animation:spin 1s linear infinite}.data-date{align-items:center;display:flex;gap:var(--space-2)}.dialog-backdrop{background:#0f172a7f;inset:0;padding:20px;position:fixed;z-index:20}.dialog{background:var(--elevated);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 8px 24px #0000002e;inline-size:min(500px,100%);margin:10vh auto 0;padding:var(--space-4)}.dialog-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-3)}.toast{align-items:center;background:var(--elevated);border:1px solid var(--border);border-radius:var(--radius);bottom:var(--space-4);box-shadow:0 8px 24px #0000002e;color:var(--text);display:flex;gap:var(--space-2);inset-inline-end:var(--space-4);padding:8px 10px;position:fixed;z-index:30}.json-preview{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);color:var(--soft);font-size:12px;margin:0;max-height:240px;overflow:auto;padding:var(--space-3)}.note-detail{background:var(--surface-2);border:1px solid var(--border);border-inline-start:3px solid var(--accent);border-radius:var(--radius);display:grid;gap:var(--space-1);padding:var(--space-3)}@keyframes spin{to{rotate:360deg}}@media(max-width:1024px){.app-shell{grid-template-columns:200px minmax(0,1fr)}.workspace-grid,.workspace-grid-wide,.comparison-grid,.portfolio-controls{grid-template-columns:1fr}}@media(max-width:760px){.app-shell{grid-template-columns:1fr}.sidebar{border-bottom:1px solid var(--border);border-inline-end:0}.nav-list{grid-template-columns:repeat(2,minmax(0,1fr))}.page-header,.project-header-main,.topbar{align-items:stretch;flex-direction:column}.content{padding:var(--space-3)}}