body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root,[data-theme=dark]{--color-card-background: #1e1e1e;--color-card-background-hover: #2a2a2a;--color-background: #121212;--color-accent: #6621B2;--color-accent-hover: #7b2fd4;--color-text: #F0F0F0;--color-text-secondary: #c8c8c8;--color-info-dark: #a0a0a0;--color-success: rgb(34, 170, 40);--color-success-light: rgba(34, 170, 40, .2);--card-padding: 1.25rem 1.75rem;--color-failed: #e03e3e;--color-in-progress: #FFC107;--color-completed: rgb(34, 170, 40);--color-queued: #6621B2;--color-preparing: #6621B2;--color-accent-light: rgba(102, 33, 178, .5);--color-border: rgba(255, 255, 255, .08);--color-border-hover: rgba(255, 255, 255, .14);--nav-header-bg: linear-gradient(135deg, var(--color-accent) 0%, #4a1080 100%);--nav-header-text: #F0F0F0;--nav-header-control-bg: rgba(255, 255, 255, .1);--nav-header-control-border: rgba(255, 255, 255, .3);--nav-header-divider: rgba(255, 255, 255, .25);--scrollbar-thumb: rgba(255, 255, 255, .12);--scrollbar-thumb-hover: rgba(255, 255, 255, .22);--color-overlay-subtle: rgba(255, 255, 255, .04);--color-overlay-light: rgba(255, 255, 255, .08);--color-overlay-medium: rgba(255, 255, 255, .1);--color-overlay-heavy: rgba(30, 30, 30, .5);--color-table-border: rgba(255, 255, 255, .1);--color-table-border-cell: rgba(255, 255, 255, .08);--color-table-header-bg: rgba(255, 255, 255, .03);--color-separator: rgba(255, 255, 255, .2);--color-highlight-text: rgba(255, 255, 255, .35);--color-btn-outline-border: rgba(255, 255, 255, .15);--color-btn-outline-border-hover: rgba(255, 255, 255, .3);--color-btn-outline-hover-bg: rgba(255, 255, 255, .06);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--shadow-card: 0 2px 8px rgba(0, 0, 0, .3);--shadow-card-hover: 0 4px 20px rgba(0, 0, 0, .4);--shadow-header: 0 1px 12px rgba(0, 0, 0, .5);--transition-fast: .15s ease;--transition-normal: .25s ease}[data-theme=light]{--color-card-background: #ffffff;--color-card-background-hover: #f5f5f5;--color-background: #f0f0f0;--color-text: #1a1a1a;--color-text-secondary: #4a4a4a;--color-info-dark: #6b6b6b;--color-success: rgb(22, 140, 28);--color-success-light: rgba(22, 140, 28, .12);--color-failed: #c62828;--color-in-progress: #e6a800;--color-completed: rgb(22, 140, 28);--color-accent-light: rgba(102, 33, 178, .15);--color-border: rgba(0, 0, 0, .08);--color-border-hover: rgba(0, 0, 0, .14);--nav-header-bg: linear-gradient(135deg, var(--color-accent) 0%, #4a1080 100%);--nav-header-text: #ffffff;--nav-header-control-bg: rgba(255, 255, 255, .15);--nav-header-control-border: rgba(255, 255, 255, .35);--nav-header-divider: rgba(255, 255, 255, .3);--scrollbar-thumb: rgba(0, 0, 0, .15);--scrollbar-thumb-hover: rgba(0, 0, 0, .25);--color-overlay-subtle: rgba(0, 0, 0, .02);--color-overlay-light: rgba(0, 0, 0, .04);--color-overlay-medium: rgba(0, 0, 0, .06);--color-overlay-heavy: rgba(255, 255, 255, .5);--color-table-border: rgba(0, 0, 0, .12);--color-table-border-cell: rgba(0, 0, 0, .08);--color-table-header-bg: rgba(0, 0, 0, .03);--color-separator: rgba(0, 0, 0, .15);--color-highlight-text: rgba(0, 0, 0, .3);--color-btn-outline-border: rgba(0, 0, 0, .2);--color-btn-outline-border-hover: rgba(0, 0, 0, .35);--color-btn-outline-hover-bg: rgba(0, 0, 0, .04);--shadow-card: 0 1px 4px rgba(0, 0, 0, .08);--shadow-card-hover: 0 4px 16px rgba(0, 0, 0, .12);--shadow-header: 0 1px 6px rgba(0, 0, 0, .1)}*{margin:0;padding:0;outline:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-decoration:none;box-sizing:border-box}html{scroll-behavior:auto}body{background-color:var(--color-background);color:var(--color-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,color .3s ease}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-background)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}@keyframes contentFadeIn{0%{opacity:0}to{opacity:1}}.content-fade-in{animation:contentFadeIn .3s ease-out}.container{width:100%;min-height:100vh}.landing-page-container{background-color:var(--color-background);width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:2rem;position:relative}.landing-page-container h1{color:var(--color-text)}.landing-page-theme-toggle{position:absolute;top:1.25rem;right:1.25rem;background:var(--color-overlay-light);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-info-dark);cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast)}.landing-page-theme-toggle:hover{color:var(--color-text);background:var(--color-overlay-medium);border-color:var(--color-border-hover)}.nav-header-container{background:var(--nav-header-bg);padding:.875rem 1.75rem;color:var(--nav-header-text);display:flex;justify-content:space-between;align-items:center;z-index:100;width:100%;position:sticky;top:0;box-shadow:var(--shadow-header);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.nav-header-container h1{font-weight:700;font-size:1.25rem;letter-spacing:-.01em}.nav-header-container a{color:var(--nav-header-text);text-decoration:none;transition:opacity var(--transition-fast)}.nav-header-container a:hover{opacity:.85}#nav-header-controls{display:flex;align-items:center;gap:1rem}.viewer-header{background-color:var(--color-card-background);width:100%;display:flex;flex-direction:row;align-items:center;padding:0 1.75rem;color:var(--color-text);border-bottom:1px solid var(--color-border);height:4.5rem;box-sizing:border-box;overflow:hidden}.viewer-header h2{font-size:1.35rem;font-weight:700;letter-spacing:-.02em}.car-info{margin-left:1.5rem;display:flex;flex-direction:row;gap:.5rem;align-items:center;min-width:14ch}.car-info p:not(:last-child):after{content:"|";margin-left:.5rem;color:var(--color-separator)}.car-info p{color:var(--color-info-dark);font-size:.875rem}.viewer-header-date{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;background:var(--color-overlay-subtle);padding:.5rem 1rem;border-radius:var(--radius-sm);border:1px solid var(--color-border)}.viewer-header-date span:first-child{font-size:.7rem;color:var(--color-info-dark);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.viewer-header-date span:last-child{font-size:.85rem;font-weight:500}.viewer-container{display:grid;width:100%;max-width:100vw;background-color:var(--color-background);grid-template-areas:"model matrix" "footer footer";grid-template-rows:minmax(520px,1fr) minmax(200px,auto);grid-template-columns:1fr 1fr;gap:.75rem;padding:.75rem;overflow:hidden}.viewer-container>div{background-color:var(--color-card-background);color:var(--color-text);width:100%;height:100%;padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:1rem;align-items:center;border-radius:var(--radius-md);border:1px solid var(--color-border);box-shadow:var(--shadow-card);transition:box-shadow var(--transition-normal),background-color .3s ease,color .3s ease,border-color .3s ease;min-width:0}.viewer-container>div:hover{box-shadow:var(--shadow-card-hover)}.viewer-container>div.model-viewer{grid-area:model}.viewer-container>div.matrix-viewer{grid-area:matrix;overflow:auto;min-width:0;align-items:flex-start;justify-content:flex-start}.viewer-container>div.dataset{grid-area:footer}.viewer-container>div>div.section-header{display:flex;justify-content:space-between;align-items:center;flex-direction:row;width:100%;padding-bottom:.75rem;border-bottom:1px solid var(--color-border)}.viewer-container>div>div.section-header h3{font-size:1rem;font-weight:600;letter-spacing:-.01em}#thumbnails-tools-container{color:var(--color-info-dark);display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.25rem}#thumbnails-tools-container p{font-size:.8rem;margin-right:.75rem;font-weight:500;min-width:14ch}.cloud-viewport-reconnect-btn:hover{filter:brightness(.8)}.unstyled-button{background:none;border:none;padding:.25rem;cursor:pointer;color:var(--color-info-dark);align-items:center;justify-content:center;display:inline-flex;border-radius:var(--radius-sm);transition:color var(--transition-fast),background-color var(--transition-fast)}.unstyled-button:hover{color:var(--color-text);background-color:var(--color-overlay-light)}.unstyled-button:disabled{opacity:.25;cursor:default}.unstyled-button:disabled:hover{background-color:transparent;color:var(--color-info-dark)}.empty-matrix-container{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.matrix-container{width:100%;display:flex;flex-direction:column;overflow-x:auto;overflow-y:auto}#footer{display:grid;width:100%;grid-template-areas:"pdr-total divider1 dent-totals divider2 non-oversized-totals";grid-template-columns:1fr .01fr 1fr .01fr 1fr;grid-template-rows:1fr;color:var(--color-info-dark);font-size:.6rem;gap:1rem}#footer .divider1{grid-area:divider1;background-color:var(--color-table-border);width:1px;border-radius:var(--radius-sm)}#footer .divider2{grid-area:divider2;background-color:var(--color-table-border);width:1px;border-radius:var(--radius-sm)}table{border-collapse:collapse;border:1px solid var(--color-table-border);color:var(--color-info-dark);border-radius:var(--radius-sm)}td,th{border:1px solid var(--color-table-border-cell)}td{font-size:.75rem;text-align:center;padding:.2rem .15rem}thead td{font-size:.65rem;font-weight:600;letter-spacing:.03em;padding:.3rem .15rem;background:var(--color-table-header-bg)}.table-divider{color:var(--color-card-background)}.green-cell{background-color:var(--color-success);color:#fff;font-weight:600}.highlight-cell{background-color:var(--color-success-light);color:var(--color-highlight-text)}.exceeded-cell{background-color:var(--color-accent-light);color:var(--color-highlight-text)}#pdr-total{grid-area:pdr-total;display:flex;align-items:center;justify-content:space-between;width:100%}#dent-totals{display:flex;flex-direction:row;grid-area:dent-totals;align-items:center;justify-content:center;width:100%}#dent-totals>div{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem}#non-oversized-totals{grid-area:non-oversized-totals;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:0 2rem}.stacked-info-label{color:var(--color-text);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem}.stacked-info-label .value{font-size:1.5rem;font-weight:700}.stacked-info-label .label{font-size:1rem;color:var(--color-info-dark)}.row-info-label{color:var(--color-text);display:flex;flex-direction:row;align-items:center;justify-content:space-between;font-size:1rem;width:100%}.row-info-label p{color:var(--color-info-dark)}.row-info-label p:nth-child(2){color:var(--color-text);font-weight:700}.thumbnails-container{width:100%}.thumbnails-grid{width:100%;display:grid;grid-template-rows:repeat(2,auto);grid-template-columns:repeat(10,1fr);gap:.5rem}.thumbnails-grid img{border-radius:var(--radius-sm);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.thumbnails-grid img:hover{transform:scale(1.03);box-shadow:0 4px 16px #0006}.loading-page-container{flex:1;min-height:60vh;width:100%;background-color:var(--color-background);display:flex;justify-content:center;align-items:center;text-align:center;color:var(--color-accent)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.loading-page-container .MuiBox-root{animation:fadeIn .4s ease-in}#dashboard-container{display:flex;flex-direction:column;gap:2px;padding:0 0 2rem}#dashboard-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:1rem;padding:2rem 1.75rem 1rem;background-color:var(--color-background);color:var(--color-text)}#dashboard-header h2{font-size:1.5rem;font-weight:700;letter-spacing:-.02em}#dashboard-header-controls{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.5rem;font-size:.875rem;color:var(--color-info-dark);background:var(--color-card-background);padding:.375rem .5rem .375rem 1rem;border-radius:var(--radius-md);border:1px solid var(--color-border)}#dashboard-labels{width:100%;display:grid;grid-template-columns:3fr 1fr 1fr;align-items:center;padding:.75rem 1.75rem;color:var(--color-info-dark);gap:1rem;background:var(--color-card-background);border-radius:var(--radius-md) var(--radius-md) 0 0;border-bottom:1px solid var(--color-border);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}#dashboard-header-right{display:flex;flex-direction:row;align-items:center;gap:.75rem}.dashboard-search{display:flex;align-items:center;gap:.5rem;background:var(--color-card-background);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.375rem .75rem;transition:border-color var(--transition-fast)}.dashboard-search:focus-within{border-color:var(--color-accent)}.dashboard-search-input{background:none;border:none;outline:none;color:var(--color-text);font-size:.875rem;width:180px;font-family:inherit}.dashboard-search-input::placeholder{color:var(--color-info-dark)}.dashboard-search-clear{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--color-info-dark);cursor:pointer;padding:0;transition:color var(--transition-fast)}.dashboard-search-clear:hover{color:var(--color-text)}.dashboard-filter-wrapper{position:relative}.dashboard-filter-btn{display:flex;align-items:center;justify-content:center;background:var(--color-card-background);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-info-dark);cursor:pointer;padding:.375rem;transition:color var(--transition-fast),border-color var(--transition-fast),background-color var(--transition-fast)}.dashboard-filter-btn:hover{color:var(--color-text);border-color:var(--color-border-hover);background:var(--color-overlay-light)}.dashboard-filter-btn.active{color:var(--color-accent);border-color:var(--color-accent)}.dashboard-filter-dropdown{position:absolute;top:calc(100% + .5rem);right:0;background:var(--color-card-background);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:.5rem;display:flex;flex-direction:column;gap:.25rem;z-index:10;min-width:150px}.dashboard-filter-dropdown-title{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-info-dark);padding:.25rem .5rem;font-weight:600}.dashboard-filter-chip{background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text);font-size:.85rem;font-family:inherit;padding:.4rem .5rem;cursor:pointer;text-align:left;transition:background-color var(--transition-fast)}.dashboard-filter-chip:hover{background:var(--color-overlay-light)}.dashboard-filter-chip.active{color:#fff;background:var(--color-accent)}.header-button{border:none;background:none;color:var(--color-info-dark);cursor:pointer;align-items:center;justify-content:center;transition:color var(--transition-fast)}.header-button:hover{color:var(--color-text)}.header-button h3{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.header-button-text{position:relative;transition:all .2s ease}.header-button-arrow{opacity:0;margin-left:2rem;transition:all .2s ease}.header-button.active .header-button-arrow{opacity:1;margin-left:.25rem}.header-button.active{font-weight:700;color:var(--color-text)}.header-button:hover .header-button-arrow{opacity:.6;margin-left:.25rem}.dashboard-recon-card{text-decoration:none;color:var(--color-text);display:block}.dashboard-recon-card-container{width:100%;display:grid;grid-template-columns:3fr 1fr 1fr;align-items:center;background-color:var(--color-card-background);padding:1rem 1.75rem;color:var(--color-text);gap:1rem;border-bottom:1px solid var(--color-border);transition:background-color var(--transition-fast),transform var(--transition-fast)}.dashboard-recon-card-container:hover{background-color:var(--color-card-background-hover)}.dashboard-recon-card:last-child .dashboard-recon-card-container{border-bottom:none;border-radius:0 0 var(--radius-md) var(--radius-md)}.dashboard-recon-card-container .dashboard-recon-card-id{font-weight:600;font-size:.95rem;color:var(--color-text);font-family:SF Mono,Fira Code,Cascadia Code,monospace;letter-spacing:.02em}.dashboard-recon-card-container .dashboard-recon-card-status{color:#fff;padding:.3rem 1rem;border-radius:5rem;font-size:.8rem;font-weight:600;text-align:center;margin:0 1rem;letter-spacing:.02em}.dashboard-recon-card-container .dashboard-recon-card-timestamp{color:var(--color-info-dark);text-align:center;font-size:.875rem}.model-container{display:flex;width:100%;height:100%;align-items:center;justify-content:center;text-align:center;position:relative}#legend-container{display:flex;flex-wrap:wrap;position:absolute;bottom:.5rem;left:50%;transform:translate(-50%);gap:1rem;justify-content:center;background-color:var(--color-overlay-heavy);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--color-border);border-radius:8px;padding:6px 16px;max-width:90%}#legend-container>div{display:flex;flex-direction:row;align-items:center;gap:.5rem;white-space:nowrap}#legend-container>div:hover{cursor:pointer}#legend-container p{text-transform:capitalize}.legend-square{width:1rem;height:1rem}