:root{--ui-bg:#f3f5f9;--ui-surface:#fff;--ui-sidebar:#172339;--ui-text:#253248;--ui-muted:#78859a;--ui-border:#e4e9f0;--ui-primary:#2873ec;--ui-success:#23865d;--ui-warning:#a86f13;--ui-danger:#c84343;--ui-info:#326fc8;--ui-radius:10px;--ui-shadow:0 2px 8px rgb(25 40 65 / 3%);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px}.app-shell{font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--ui-bg);color:var(--ui-text);min-height:100vh;font-size:13px;display:grid;grid-template-columns:232px minmax(0,1fr)}.app-sidebar{background:var(--ui-sidebar);color:#b5c0d2;display:flex;flex-direction:column;padding:26px 14px;min-height:100vh;position:sticky;top:0;height:100vh;overflow:auto}.app-logo{color:#fff;text-decoration:none;font-size:26px;font-weight:750;letter-spacing:-.7px;padding:0 12px;display:block}.logo-mark{color:#6da6ff;font-size:28px}.logo-caption{display:block;font-size:9px;letter-spacing:1.7px;color:#8e9db6;padding-top:8px;padding-left:35px;font-weight:500}.sidebar-caption{font-size:9px;letter-spacing:1.2px;padding:34px 12px 12px;color:#7788a5}.app-sidebar nav{display:grid;gap:5px}.app-sidebar nav a{display:flex;align-items:center;gap:12px;color:#b5c0d2;padding:11px 12px;border-radius:8px;text-decoration:none;font-weight:500;font-size:13px}.app-sidebar svg,.header-search svg{width:19px;height:19px;flex-shrink:0}.app-sidebar nav a:hover{background:#22334e;color:#fff}.app-sidebar nav a[aria-current=page]{background:var(--ui-primary);color:#fff}.app-help{margin-top:auto;padding:28px 12px 12px;font-size:12px}.app-help summary{display:flex;gap:12px;align-items:center;cursor:pointer}.app-help p{line-height:1.7;color:#a9b7cc}.sidebar-footer{font-size:10px;border-top:1px solid #2a3950;padding:18px 12px 0;color:#7e8da7}.app-main{min-width:0}.app-top-header{height:82px;background:var(--ui-surface);border-bottom:1px solid var(--ui-border);display:flex;justify-content:space-between;align-items:center;gap:20px;padding:12px 28px;position:relative;z-index:3}.header-context{min-width:160px;display:grid;gap:6px}.header-path{font-size:10px;color:var(--ui-muted)}.header-search{padding:6px 0!important;border:0!important;background:transparent!important;color:var(--ui-muted)!important;display:flex;gap:10px;align-items:center;font-size:12px!important;font-weight:400!important}.header-search span{border:1px solid var(--ui-border);border-radius:4px;padding:0 5px;margin-left:10px}.header-account{display:flex;align-items:center;gap:20px;min-width:0}.header-location{font-size:12px;font-weight:600;max-width:240px}.header-location:has(.workspace-location-control) .location-fallback{display:none}.workspace-location-control label{margin:0;display:flex;gap:8px;align-items:center;color:var(--ui-muted);font-size:11px}.workspace-location-control select{min-width:0;flex:1;max-width:230px;font-size:12px;padding:7px;border:1px solid var(--ui-border);border-radius:6px;color:var(--ui-text)}.account-menu{position:relative}.account-menu summary{display:flex;align-items:center;gap:10px;cursor:pointer;list-style:none}.account-avatar{height:34px;width:34px;display:grid;place-items:center;background:#e9f0fd;color:var(--ui-primary);border-radius:50%;font-weight:700}.account-name{font-size:12px;max-width:200px;overflow-wrap:anywhere}.account-name small{display:block;font-size:10px;color:var(--ui-muted);margin-top:3px}.account-dropdown{position:absolute;right:0;top:44px;width:230px;background:#fff;border:1px solid var(--ui-border);padding:16px;border-radius:10px;box-shadow:0 8px 30px #1723391a}.account-dropdown p{overflow-wrap:anywhere}.app-content{padding:26px 28px 32px;min-width:0}.app-content>main{max-width:none;margin:0;padding:0}.app-shell h1{font-size:24px;letter-spacing:-.4px;line-height:1.3;color:var(--ui-text)}.app-shell h2{font-size:15px;color:var(--ui-text)}.app-shell h3{font-size:13px}.app-shell p{line-height:1.6}.app-shell button{font-size:12px;border-radius:7px;border-color:var(--ui-border);padding:9px 14px;color:var(--ui-text);transition:none}.app-shell button:hover:not(:disabled){background:#edf2fa}.app-shell button:focus-visible,.app-shell a:focus-visible,.app-shell input:focus-visible,.app-shell select:focus-visible{outline:2px solid var(--ui-primary);outline-offset:2px}.app-shell .ui-button-primary,.app-shell .primary{background:var(--ui-primary);color:#fff;border-color:var(--ui-primary)}.app-shell .ui-button-primary:hover:not(:disabled){background:#1c60d4}.app-shell .ui-button-danger{color:var(--ui-danger);background:#fff5f5}.ui-card{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--ui-radius);padding:20px;box-shadow:var(--ui-shadow);min-width:0}.ui-page-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.ui-page-header h1{margin:0 0 7px}.ui-page-header p{color:var(--ui-muted);font-size:12px;margin:0}.ui-badge{display:inline-flex;padding:4px 7px;border-radius:5px;font-size:10px;font-weight:600;line-height:1.2;background:#eef1f5;color:#6d7c91}.ui-badge-success{background:#e9f6ee;color:var(--ui-success)}.ui-badge-warning{background:#fff4dd;color:var(--ui-warning)}.ui-badge-danger{background:#fcecec;color:var(--ui-danger)}.ui-badge-info{background:#eaf1ff;color:var(--ui-info)}.ui-empty{padding:24px 12px;text-align:center;color:var(--ui-muted);font-size:12px}.ui-alert{padding:12px 16px;border-radius:8px;background:#eaf1ff;color:var(--ui-info);font-size:12px}.ui-alert-warning{background:#fff6e4;color:var(--ui-warning)}.ui-alert-danger{background:#fcecec;color:var(--ui-danger)}.ui-table-scroll{overflow:auto;max-width:100%}.ui-tabs{display:flex;gap:18px;border-bottom:1px solid var(--ui-border);overflow:auto}.ui-tabs button{border:0;border-radius:0!important;background:transparent;white-space:nowrap;padding:12px 0!important;color:var(--ui-muted);border-bottom:2px solid transparent}.ui-tabs button[aria-selected=true]{border-bottom-color:var(--ui-primary);color:var(--ui-primary)}@media(max-width:1100px){.app-shell{grid-template-columns:200px minmax(0,1fr)}.app-content{padding:20px}.app-top-header{padding:12px 20px}.header-account{gap:12px}.account-name{max-width:150px}.header-location{max-width:170px}.header-search span{display:none}}@media(max-width:800px){.app-shell{grid-template-columns:160px minmax(0,1fr)}.app-sidebar{padding:20px 8px}.app-sidebar nav a{font-size:12px;padding:10px 8px;gap:8px}.app-logo{font-size:22px;padding:0 8px}.logo-caption{font-size:7px;padding-left:0}.sidebar-caption{font-size:8px;padding-left:8px}.app-top-header{height:auto;min-height:82px;flex-wrap:wrap;padding:12px 16px}.app-content{padding:16px}.header-search{font-size:11px!important}.app-shell h1{font-size:21px}.ui-page-header{flex-wrap:wrap}.account-name{max-width:160px}}:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#233d38;background:#f4f6f4;font-synthesis:none;font-weight:400;font-size:14px}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;border:1px solid #d9e2dc;border-radius:7px;padding:12px 16px;background:#fff;color:#29453e;font-weight:600;transition:background .15s}button:hover:not(:disabled){background:#e8f3ed}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #41a68a;outline-offset:4px}button:disabled{cursor:not-allowed;opacity:.45}.primary{background:#205647;border-color:#205647;color:#fff}.primary:hover:not(:disabled){background:#163f34}.topbar{height:86px;border-bottom:1px solid #dfe5df;display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;background:#fff}.brand{text-decoration:none;color:#203e35;display:flex;align-items:center;font-size:31px;font-weight:750;letter-spacing:-1.5px}.brand>span:not(.brand-symbol):not(.brand-divider){font-weight:400}.brand-symbol{font-size:40px;margin-right:10px;font-weight:400}.brand-divider{height:25px;width:1px;background:#d9e1dc;margin:0 24px}.brand small{font-size:10px;letter-spacing:1.8px;font-weight:600;color:#829189}.local-badge{font-size:11px;color:#687e71;display:flex;align-items:center;gap:8px}.local-badge i,.live-dot{width:6px;height:6px;background:#74a48e;border-radius:50%;display:inline-block}main{max-width:1480px;margin:auto;padding:30px 4.5% 0}.breadcrumb{font-size:11px;color:#88968e;margin-bottom:28px}.breadcrumb span{margin:0 12px;color:#b5c0b8}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:29px}.eyebrow{font-size:10px;letter-spacing:1.8px;color:#5d8a76;font-weight:700}h1{font-weight:550;font-size:34px;letter-spacing:-1.2px;margin:10px 0}p{line-height:1.6}.page-heading p{color:#819086;font-size:13px;margin:0}.prototype{font-size:10px;letter-spacing:1px;border:1px solid #d5dfd7;border-radius:5px;padding:10px 13px;background:#edf1eb}.prototype span{margin-left:18px}.workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:24px;align-items:start}.camera-card,.status-card{border:1px solid #dce4dd;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 3px 8px #173d2710}.card-heading{display:flex;align-items:center;justify-content:space-between;height:65px;padding:0 23px;border-bottom:1px solid #eaf0ea}h2{font-size:14px;font-weight:650;margin:0}.small-icon{margin-right:7px;font-size:20px;color:#6a8c7a}.mono{font-family:Consolas,monospace;letter-spacing:1px;font-size:9px;color:#8a9a8f}.live-dot{margin-left:8px;background:#a2afa7}.live-dot.active{background:#29ad7e}.camera-stage{background:radial-gradient(ellipse at center,#213a34,#162e29 60%,#132721);position:relative;overflow:hidden;min-height:280px}.camera-stage video,.overlay{position:absolute;width:100%;height:100%;inset:0}.camera-stage video{transform:scaleX(-1);opacity:0;object-fit:fill}.camera-stage video.visible{opacity:1}.overlay{pointer-events:none}.stage-top,.stage-bottom{position:absolute;left:22px;right:22px;display:flex;justify-content:space-between;color:#a4bab0;font:9px Consolas,monospace;letter-spacing:1.3px;z-index:2;text-shadow:0 1px 3px #000}.stage-top{top:20px}.stage-bottom{bottom:20px}.camera-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#c1d3c9}.face-guide{width:130px;height:170px;border:1px dashed #607f70;border-radius:48% 48% 45% 45%;display:grid;place-items:center;position:relative;margin-bottom:23px}.face-guide:before{content:"";position:absolute;inset:-20px -28px;border:1px solid #45635555;border-radius:30px}.face-guide span{color:#5c7e6d;font-size:23px;font-weight:200}.camera-placeholder h3{font-size:16px;font-weight:450;margin:9px}.camera-placeholder p{font-size:11px;color:#799c89;margin:0}.camera-controls{display:flex;align-items:center;gap:9px;padding:20px 22px 10px}.camera-controls button{font-size:12px}.debug-toggle{margin-left:auto;font:11px Consolas,monospace}.debug-toggle.selected{background:#e0f2e9}.camera-hint{display:flex;gap:10px;padding:5px 23px 14px;color:#85958b;font-size:11px;align-items:center}.camera-hint>span{font-size:17px}.readiness{margin:19px 20px;background:#f2f5f0;border:1px solid #e1e9dd;border-radius:7px;display:flex;gap:12px;align-items:center;padding:15px 13px}.readiness-icon{font-size:25px;color:#7a9278}.readiness strong{font-size:12px}.readiness p{font-size:10px;color:#839080;margin:4px 0 0}.readiness.ready{background:#e2f7e9;border-color:#96cbb1}.readiness.ready strong{color:#216c4f}.status-section{margin:0 22px;padding:17px 0;border-bottom:1px solid #e7ede7}.section-label{color:#9aaba0;letter-spacing:1.7px;font-size:9px;font-weight:700;margin-bottom:13px}.status-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;margin:12px 0;color:#75877b}.status-row strong{font-size:11px;font-weight:500;color:#476150}.status-row .good{color:#387f5e}.status-row .pending{color:#a1aaa2}.head-hint{font-size:10px;color:#7a8c7d;margin:10px 0 0}.optical .status-row strong{font-size:10px;color:#8c9b90;background:#f5f7f3;padding:4px 6px;border-radius:3px}.optical p{font-size:10px;color:#9aa79b;margin:14px 0 0}.capture-action{padding:20px 22px 12px}.capture-button{width:100%;display:flex;justify-content:space-between;align-items:center}.capture-action p{text-align:center;font-size:8px;letter-spacing:.8px;color:#9ba99e}.research-note{display:flex;align-items:center;gap:14px;border:1px solid #dfe6dc;background:#eef2e9;margin-top:24px;border-radius:8px;padding:12px 20px;color:#7e8d78}.research-note>span:first-child{border:1px solid #a2af99;border-radius:50%;width:17px;height:17px;flex-shrink:0;text-align:center;font:12px Georgia}.research-note p{font-size:11px;margin:0;flex:1}.research-note strong{font-weight:600;color:#62775b}.research-note .mono{white-space:nowrap;font-size:8px}footer{padding:26px 0;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;color:#9aa79d}.footer-dot{margin:0 12px;color:#b7c0b8}.error{margin:12px 22px;padding:12px;border-radius:6px;background:#fff0ed;color:#a44032;font-size:12px}.debug-panel{padding:16px 22px;background:#f1f6f3;font:11px Consolas,monospace;color:#526f5d}.debug-panel strong{font-size:10px}.snapshot{display:flex;gap:25px;border:1px solid #dce4dd;background:#fff;border-radius:10px;padding:20px;margin-top:24px}.snapshot img{width:200px;object-fit:contain;align-self:start;border-radius:6px}.snapshot>div{min-width:0;flex:1}.snapshot h2{margin-top:10px}.snapshot p{font-size:12px;color:#809181}.snapshot button{margin-top:14px;font-size:11px}.snapshot details{font-size:12px}.snapshot summary{cursor:pointer}.snapshot pre{max-height:240px;overflow:auto;padding:15px;background:#f1f5f2;font-size:11px}@media(min-width:1450px){.camera-stage{min-height:520px}}@media(max-width:1000px){.workspace-grid{grid-template-columns:minmax(0,1fr) 310px;gap:16px}.camera-controls{flex-wrap:wrap}.debug-toggle{margin-left:0}.brand small,.brand-divider{display:none}.camera-placeholder h3{font-size:14px}.page-heading h1{font-size:28px}}@media(max-width:760px){.topbar{height:70px}.brand{font-size:26px}.local-badge{font-size:9px}main{padding:24px 5% 0}.breadcrumb{margin-bottom:20px}.page-heading{align-items:flex-start}.prototype{font-size:8px;padding:8px;white-space:nowrap;margin-left:8px}.prototype span{display:none}h1,.page-heading h1{font-size:25px}.eyebrow{font-size:8px}.page-heading p{font-size:11px}.workspace-grid{grid-template-columns:1fr}.camera-stage{min-height:320px}.research-note .mono{display:none}.snapshot{flex-direction:column}.snapshot img{width:100%;max-width:350px}.camera-controls{padding:16px 12px 6px}.camera-controls button{font-size:11px;padding:10px}.camera-hint{padding:5px 14px 12px}footer{font-size:8px;letter-spacing:0}.page-heading{flex-wrap:wrap;gap:14px}.prototype{margin-left:0}.face-guide{width:100px;height:130px}}.module-nav{display:flex;gap:24px;align-items:center;margin:0 0 24px;font-size:13px}.module-nav a{color:#205647}.source-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}.camera-stage:has(.source-photo){min-height:0}.file-button{position:relative;display:inline-block;border:1px solid #b9cfc1;background:#f3f8f5;border-radius:7px;padding:11px 14px;font-size:12px;font-weight:600;cursor:pointer}.file-button input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.file-button:focus-within{outline:3px solid #41a68a;outline-offset:3px}.file-button:has(input:disabled){opacity:.45;cursor:not-allowed}.camera-controls{flex-wrap:wrap}.camera-controls>span{font-size:10px;color:#687e71}.calibration-page{max-width:1200px}.calibration-section{border:1px solid #dce4dd;border-radius:10px;background:#fff;padding:24px;margin:20px 0}.calibration-section h2{font-size:18px}.calibration-section p{color:#5c7265}.calibration-section details{margin-top:20px}.calibration-section textarea{width:100%;margin:16px 0;font:12px Consolas,monospace}.button-row{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0}.calibration-fields{display:grid;grid-template-columns:1fr 2fr;gap:18px;margin:20px 0}.calibration-fields label{display:flex;flex-direction:column;gap:8px}input,textarea{font:inherit;padding:10px;border:1px solid #b9cfc1;border-radius:6px}.board-photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.board-photos article{padding:12px;border:1px solid #c8dfd0;border-radius:8px;overflow-wrap:anywhere}.board-photos img{width:100%;max-height:240px;object-fit:contain;display:block;margin-bottom:10px}.board-photos .rejected-photo{border-color:#d8a99b}.board-photos strong,.board-photos p{font-size:12px}.calibration-section pre{background:#f1f5f2;padding:18px;overflow:auto;max-height:360px}.debug-panel{overflow-wrap:anywhere}@media(max-width:760px){.calibration-fields{grid-template-columns:1fr}.calibration-section{padding:16px}}.jig-quality h2{margin-bottom:10px}.metric-readiness{padding:12px;border:1px solid #dce4dd;border-radius:7px;margin-top:16px;background:#f4f6f2}.metric-readiness strong{font-size:10px;letter-spacing:.3px}.metric-readiness p{font-size:10px;margin:6px 0 0;color:#78867a}.metric-ready{background:#e2f7e9;border-color:#96cbb1;color:#216c4f}.profile-picker{display:flex;flex-direction:column;gap:8px;font-size:11px;margin-top:18px}.profile-picker select{width:100%;min-width:0;padding:10px;border:1px solid #bdcec2;border-radius:6px;background:#fff;color:#29453e;font:inherit}.metric-checkbox{display:flex;align-items:flex-start;gap:8px;font-size:10px;line-height:1.5;margin-top:13px;color:#5c7265}.metric-checkbox input{flex-shrink:0;margin:2px 0;accent-color:#205647}.profile-actions{display:flex;align-items:center;gap:8px;margin-top:15px;flex-wrap:wrap}.profile-actions button,.profile-actions a{font-size:10px}.profile-actions button{padding:8px}.profile-actions a{color:#205647}.jig-statistics{font-size:10px;margin-top:14px;color:#647c6c}.jig-statistics summary{cursor:pointer}.jig-statistics .status-row strong{font-size:10px}.pupil-panel h2{font-size:15px;margin-bottom:10px}.pupil-panel details{margin:12px 0;font-size:11px;overflow-wrap:anywhere}.pupil-panel button{margin-top:12px;font-size:11px}.pupil-stability{border-top:1px solid #dce4dd;padding:24px}.pupil-stability h2{font-size:18px}.pupil-stability p,.pupil-stability label{font-size:12px;line-height:1.6;color:#536d60}.pupil-stability input{width:80px;margin-left:12px}.pupil-table-scroll{overflow-x:auto;margin:18px 0}.pupil-stability table{width:100%;border-collapse:collapse;font-size:12px;font-variant-numeric:tabular-nums}.pupil-stability caption{text-align:left;padding-bottom:12px}.pupil-stability th,.pupil-stability td{text-align:right;padding:9px;border-bottom:1px solid #dce4dd;white-space:nowrap}.pupil-stability th:first-child{text-align:left}.pupil-export summary{cursor:pointer;font-size:13px}.snapshot>.pupil-snapshot{position:relative;align-self:flex-start;flex:1.4}.snapshot .pupil-snapshot img{width:100%;max-width:none;display:block}.pupil-snapshot canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}@media(max-width:760px){.snapshot>.pupil-snapshot{width:100%}.pupil-stability{padding:16px}}