:root{color:#e2e8f0;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at top,#3b82f62e,#0000 30%),linear-gradient(#020817 0%,#0f172a 100%);font-family:Inter,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}#root{min-height:100vh}h1,h2,h3,p{margin-top:0}:root{--bg-main:#212a31;--bg-card:#2e3944;--bg-card-hover:#333f4c;--bg-muted:#212a31;--border:#748d924d;--text-main:#d3d9d4;--text-muted:#748d92;--primary:#d3d9d4;--primary-hover:#fff;--primary-glow:#124e6666;--brand-accent:#124e66;--success:#d3d9d4;--warning:#f4bc80;--danger:#ffb4ab;--radius-lg:2px;--radius-md:2px;--radius-sm:0px;--font-sans:"Geist", sans-serif;--font-heading:"Space Grotesk", sans-serif;--font-mono:"JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-main);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);z-index:40;background-color:#111827f2;justify-content:space-between;align-items:center;height:68px;padding:0 28px;display:flex;position:sticky;top:0}.header-brand{align-items:center;gap:12px;display:flex}.brand-logo{border-radius:var(--radius-md);width:38px;height:38px;box-shadow:0 0 16px var(--primary-glow);background:linear-gradient(135deg,#0284c7,#38bdf8);justify-content:center;align-items:center;display:flex}.brand-icon{color:#fff}.header-brand h1{letter-spacing:-.02em;font-size:1.15rem;font-weight:700}.eyebrow{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.72rem}.header-controls{align-items:center;gap:16px;display:flex}.session-picker{background:var(--bg-muted);border:1px solid var(--border);border-radius:var(--radius-md);align-items:center;gap:8px;height:38px;padding:0 10px;display:flex}.picker-icon{color:var(--primary)}.session-picker select{color:var(--text-main);cursor:pointer;background:0 0;border:none;outline:none;max-width:300px;font-size:.85rem}.health-badge{border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:.75rem;font-weight:600;display:flex}.health-badge.online{color:var(--success);background:#10b9811f;border-color:#10b9814d}.health-badge.offline{color:var(--danger);background:#ef44441f;border-color:#ef44444d}.health-badge .dot{background:currentColor;border-radius:50%;width:7px;height:7px}.tab-navigation{border-bottom:1px solid var(--border);background:#0f172acc;gap:6px;padding:8px 28px;display:flex}.nav-tab{color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:8px 16px;font-size:.88rem;font-weight:500;transition:all .15s;display:flex}.nav-tab:hover{color:var(--text-main);background:#ffffff0d}.nav-tab.active{color:#fff;background:var(--bg-card);box-shadow:inset 0 -2px 0 var(--primary)}.nav-tab.highlight-tab.active{color:var(--primary);background:#38bdf826}.app-main-content{flex:1;width:100%;max-width:1600px;margin:0 auto;padding:24px 28px}.panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;transition:border-color .15s}.panel:hover{border-color:#38bdf84d}.panel-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.panel-header h4{font-size:1.05rem;font-weight:600}.subtitle{color:var(--text-muted);margin-top:2px;font-size:.8rem}.primary-button{background:var(--primary);color:#090d16;border-radius:var(--radius-md);cursor:pointer;border:none;align-items:center;gap:8px;padding:8px 18px;font-size:.85rem;font-weight:600;transition:background .15s,box-shadow .15s;display:inline-flex}.primary-button:hover:not(:disabled){background:var(--primary-hover);box-shadow:0 0 12px var(--primary-glow)}.primary-button:disabled{opacity:.5;cursor:not-allowed}.secondary-button{background:var(--bg-muted);color:var(--text-main);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:8px;padding:8px 16px;font-size:.85rem;font-weight:500;transition:all .15s;display:inline-flex}.secondary-button:hover:not(:disabled){background:var(--bg-card-hover);border-color:var(--primary)}.icon-button{background:var(--bg-muted);border:1px solid var(--border);border-radius:var(--radius-md);width:38px;height:38px;color:var(--text-muted);cursor:pointer;justify-content:center;align-items:center;display:flex}.icon-button:hover{color:var(--text-main);border-color:var(--primary)}.sparkle-btn{color:#c084fc;background:linear-gradient(135deg,#6366f133,#a855f733);border-color:#a855f766}.sparkle-btn:hover{border-color:#c084fc;box-shadow:0 0 14px #c084fc4d}.metric-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.metric-card{padding:16px 20px}.card-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.metric-label{color:var(--text-muted);font-size:.8rem;font-weight:500}.metric-card strong{letter-spacing:-.02em;font-size:1.7rem;font-weight:700;display:block}.detail-text{color:var(--text-muted);font-size:.75rem}.text-blue{color:#38bdf8}.text-indigo{color:#818cf8}.text-emerald{color:#34d399}.text-purple{color:#c084fc}.text-success{color:#10b981}.text-muted{color:var(--text-muted)}.text-danger{color:var(--danger)}.action-strip{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);justify-content:space-between;align-items:center;margin-bottom:24px;padding:18px 24px;display:flex}.btn-group{align-items:center;gap:10px;display:flex}.split-grid{grid-template-columns:3fr 2fr;gap:20px;display:grid}.table-responsive{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.85rem}th{text-align:left;color:var(--text-muted);border-bottom:1px solid var(--border);padding:10px 14px;font-weight:600}td{border-bottom:1px solid #ffffff0a;padding:12px 14px}tr:hover{background:#ffffff05}tr.selected-row{background:#38bdf814}tr.clickable{cursor:pointer}.empty-cell{text-align:center;color:var(--text-muted);padding:32px}code{font-family:var(--font-mono);background:#ffffff0f;border-radius:4px;padding:2px 6px;font-size:.8rem}.status-badge,.status-tag{text-transform:uppercase;border-radius:999px;align-items:center;gap:4px;padding:3px 8px;font-size:.72rem;font-weight:600;display:inline-flex}.status-badge.pass,.status-tag.status-calibrated,.status-tag.status-processed{color:var(--success);background:#10b98126}.status-badge.warn,.status-tag.status-pending{color:var(--warning);background:#f59e0b26}.status-badge.error,.status-tag.status-failed{color:var(--danger);background:#ef444426}.table-action-btn{background:var(--bg-muted);border:1px solid var(--border);color:var(--text-main);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:4px;padding:4px 10px;font-size:.78rem;display:inline-flex}.table-action-btn.active{background:var(--primary);color:#090d16;border-color:var(--primary);font-weight:600}.camera-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.camera-card{background:var(--bg-card);border-radius:var(--radius-md);flex-direction:column;padding:14px;display:flex}.camera-card-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.cam-title{align-items:center;gap:6px;font-size:.88rem;display:flex}.cam-icon{color:var(--primary)}.camera-viewport{border:1px solid var(--border);border-radius:var(--radius-sm);background:#080c14;justify-content:center;align-items:center;height:160px;margin-bottom:12px;display:flex;position:relative;overflow:hidden}.viewport-preview{width:100%;height:100%;position:relative}.viewport-preview img{object-fit:cover;width:100%;height:100%}.view-label{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;background:#000000bf;border-radius:4px;padding:2px 6px;font-size:.68rem;font-weight:600;position:absolute;bottom:6px;left:6px}.viewport-placeholder{color:var(--text-muted);flex-direction:column;align-items:center;gap:8px;font-size:.75rem;display:flex}.camera-card-footer{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.cam-stats{color:var(--text-muted);flex-direction:column;font-size:.72rem;display:flex}.upload-label{background:var(--bg-muted);border:1px solid var(--border);color:var(--text-main);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:6px;padding:6px 10px;font-size:.75rem;font-weight:500;transition:all .15s;display:inline-flex}.upload-label:hover{border-color:var(--primary);background:var(--bg-card-hover)}.upload-label input[type=file]{display:none}.session-header-card{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.badge-pill{color:var(--primary);background:#38bdf81f;border-radius:999px;margin-bottom:6px;padding:2px 8px;font-size:.72rem;font-weight:600;display:inline-block}.header-actions{align-items:center;gap:12px;display:flex}.upload-type-toggle{background:var(--bg-muted);border:1px solid var(--border);border-radius:var(--radius-md);align-items:center;margin-right:8px;padding:2px;display:flex}.toggle-label{color:var(--text-muted);padding:0 8px;font-size:.75rem}.toggle-btn{color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;padding:6px 12px;font-size:.75rem;font-weight:600}.toggle-btn.active{background:var(--primary);color:#090d16}.calibration-header-panel{margin-bottom:20px}.calibration-header-info{justify-content:space-between;align-items:center;display:flex}.calibration-summary-chips{align-items:center;gap:12px;display:flex}.chip{background:var(--bg-muted);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;padding:6px 14px;display:flex}.chip-label{color:var(--text-muted);font-size:.7rem}.actionable-warning-banner{border-radius:var(--radius-md);color:#fbbf24;background:#f59e0b1f;border:1px solid #f59e0b59;align-items:flex-start;gap:12px;margin-top:16px;padding:12px 16px;font-size:.82rem;display:flex}.actionable-warning-banner ul{margin-top:4px;margin-left:18px}.calibration-layout{grid-template-columns:1fr 1fr;gap:20px;display:grid}.charuco-preview-card{flex-direction:column;display:flex}.preview-container{border:1px solid var(--border);border-radius:var(--radius-md);background:#080c14;justify-content:center;align-items:center;height:380px;margin-bottom:12px;display:flex;overflow:hidden}.charuco-img{object-fit:contain;max-width:100%;max-height:100%}.camera-selector-strip{gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.cam-selector-btn{background:var(--bg-muted);border:1px solid var(--border);color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;padding:6px 12px;font-size:.78rem;font-weight:600}.cam-selector-btn.active{background:var(--primary);color:#090d16;border-color:var(--primary)}.distortion-box{border:1px solid var(--border);border-radius:var(--radius-md);background:#ffffff08;margin-top:16px;padding:12px;font-size:.8rem}.distortion-box h5{color:var(--text-muted);margin-bottom:6px}.pipeline-header-panel{margin-bottom:20px}.header-meta{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.header-buttons{gap:10px;display:flex}.highlight-btn{background:var(--primary-glow);color:var(--primary);border-color:var(--primary)}.progress-container{flex-direction:column;gap:8px;display:flex}.progress-info{color:var(--text-muted);justify-content:space-between;font-size:.8rem;display:flex}.progress-track{background:var(--bg-muted);border-radius:999px;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#38bdf8,#818cf8);border-radius:999px;height:100%;transition:width .3s}.progress-fill.completed{background:var(--success)}.progress-fill.failed{background:var(--danger)}.stages-flow-grid{grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:20px;display:grid}.stage-step-card{text-align:center;flex-direction:column;align-items:center;padding:20px 14px;display:flex;position:relative}.stage-step-card.active{border-color:var(--primary);box-shadow:0 0 16px var(--primary-glow)}.stage-step-card.completed{border-color:#10b98166}.stage-step-card.failed{border-color:#ef444480}.step-number{color:var(--text-muted);font-size:.7rem;font-weight:700;position:absolute;top:8px;left:10px}.step-icon-box{border-radius:var(--radius-md);background:var(--bg-muted);width:48px;height:48px;color:var(--primary);justify-content:center;align-items:center;margin-bottom:12px;display:flex}.stage-step-card h4{margin-bottom:4px;font-size:.88rem}.step-desc{color:var(--text-muted);margin-bottom:12px;font-size:.7rem}.step-badge{border-radius:999px;align-items:center;gap:4px;margin-top:auto;padding:2px 8px;font-size:.68rem;font-weight:700;display:inline-flex}.step-badge.pending{color:var(--text-muted);background:#ffffff0d}.step-badge.active{color:var(--primary);background:#38bdf826}.step-badge.completed{color:var(--success);background:#10b98126}.step-badge.failed{color:var(--danger);background:#ef444426}.spin-icon{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.summary-stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.summary-stat-box{background:var(--bg-muted);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;padding:14px;display:flex}.summary-stat-box span{color:var(--text-muted);font-size:.72rem}.summary-stat-box strong{margin-top:4px;font-size:1.15rem}.landmark-viewer-3d-view{flex-direction:column;gap:20px;display:flex}.viewer-header-panel{justify-content:space-between;align-items:center;display:flex}.viewer-kpis{align-items:center;gap:16px;display:flex}.kpi-chip{background:var(--bg-muted);border:1px solid var(--border);border-radius:var(--radius-md);align-items:center;gap:10px;padding:8px 16px;display:flex}.kpi-chip strong{font-size:1rem;display:block}.kpi-label{color:var(--text-muted);text-transform:uppercase;font-size:.68rem}.viewer-layout{grid-template-columns:2fr 1fr;gap:20px;height:640px;display:grid}.canvas-container-card{flex-direction:column;padding:0;display:flex;position:relative;overflow:hidden}.viewport-overlay-controls{z-index:10;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;top:14px;left:14px;right:14px}.preset-buttons,.toggle-options{pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);border-radius:var(--radius-md);background:#0f172ad9;gap:6px;padding:4px 8px;display:flex}.preset-buttons button{color:var(--text-main);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:.75rem}.preset-buttons button:hover{background:#ffffff1a}.toggle-options label{color:var(--text-main);cursor:pointer;align-items:center;gap:6px;padding:0 4px;font-size:.75rem;display:flex}.three-canvas{cursor:grab;flex:1;width:100%;min-height:520px}.three-canvas:active{cursor:grabbing}.canvas-instructions{color:var(--text-muted);pointer-events:none;background:#0f172ab3;border-radius:4px;justify-content:space-between;padding:4px 10px;font-size:.72rem;display:flex;position:absolute;bottom:12px;left:16px;right:16px}.landmark-inspector-card{flex-direction:column;display:flex}.inspector-details{background:var(--bg-muted);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:16px;padding:14px}.joint-name-badge{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.coord-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px;display:grid}.coord-box{border-radius:var(--radius-sm);text-align:center;background:#0000004d;padding:8px}.axis-label{margin-bottom:2px;font-size:.65rem;font-weight:700;display:block}.axis-label.x-axis{color:#f87171}.axis-label.y-axis{color:#60a5fa}.axis-label.z-axis{color:#4ade80}.coord-box strong{font-family:var(--font-mono);font-size:.88rem}.metrics-list{flex-direction:column;gap:6px;font-size:.78rem;display:flex}.metric-row{justify-content:space-between;display:flex}.landmark-table-container{border:1px solid var(--border);border-radius:var(--radius-md);flex:1;max-height:300px;overflow-y:auto}.landmark-table-container h5{background:var(--bg-muted);border-bottom:1px solid var(--border);color:var(--text-muted);padding:10px 14px;font-size:.78rem}.modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:999;background:#000000bf;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:520px;overflow:hidden;box-shadow:0 20px 40px #00000080}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.title-with-icon{align-items:center;gap:12px;display:flex}.modal-icon{color:var(--primary)}.error-icon{color:var(--danger)}.close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none}.modal-body{padding:24px}.form-grid{flex-direction:column;gap:16px;display:flex}.form-grid label{color:var(--text-muted);flex-direction:column;gap:6px;font-size:.82rem;font-weight:500;display:flex}.form-grid input,.form-grid select,.form-grid textarea{background:var(--bg-muted);border:1px solid var(--border);color:var(--text-main);border-radius:var(--radius-md);outline:none;padding:9px 12px;font-family:inherit;font-size:.88rem}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:var(--primary)}.modal-footer{border-top:1px solid var(--border);background:#0003;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.error-modal{max-width:560px}.error-header{border-bottom:1px solid #ef44444d}.error-box{border-radius:var(--radius-md);background:#ef44441a;border:1px solid #ef44444d;margin-bottom:18px;padding:14px}.error-description{color:#fca5a5;font-size:.88rem;line-height:1.4}.recommendations-section h4{margin-bottom:10px;font-size:.88rem}.recommendations-list{flex-direction:column;gap:8px;list-style:none;display:flex}.recommendations-list li{color:var(--text-muted);align-items:flex-start;gap:8px;font-size:.82rem;display:flex}.step-icon{color:var(--success);flex-shrink:0;margin-top:2px}.app-footer{border-top:1px solid var(--border);color:var(--text-muted);background:var(--bg-card);justify-content:space-between;align-items:center;padding:14px 28px;font-size:.75rem;display:flex}.dot-divider{color:var(--border);margin:0 8px}.metrology-grid{background-image:linear-gradient(90deg,#748d9214 1px,#0000 1px),linear-gradient(#748d9214 1px,#0000 1px);background-size:24px 24px}.metrology-subgrid{background-image:linear-gradient(90deg,#748d920a 1px,#0000 1px),linear-gradient(#748d920a 1px,#0000 1px);background-size:8px 8px}.material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;vertical-align:middle;font-size:16px;line-height:1;display:inline-block}.anthro-landing ::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar{width:4px;height:4px}.anthro-landing ::-webkit-scrollbar-track{background:#212a31}::-webkit-scrollbar-track{background:#212a31}.anthro-landing ::-webkit-scrollbar-thumb{background:#2e3944;border:1px solid #748d924d}::-webkit-scrollbar-thumb{background:#2e3944;border:1px solid #748d924d}details[open] summary .accordion-caret{transform:rotate(180deg)}.threejs-viewport{touch-action:none}