:root{--bg-canvas: #f5f6f8;--bg-surface: #ffffff;--bg-subtle: #f9fafb;--bg-muted: #f3f4f6;--border-subtle: #e5e7eb;--border-strong: #d1d5db;--text-primary: #111827;--text-secondary: #4b5563;--text-muted: #6b7280;--accent-primary: #2563eb;--accent-primary-hover: #1d4ed8;--accent-primary-soft: #eff6ff;--accent-primary-border: #bfdbfe;--color-pass: #16a34a;--color-pass-bg: #f0fdf4;--color-pass-border: #bbf7d0;--color-pass-text: #15803d;--color-deduct: #dc2626;--color-deduct-bg: #fef2f2;--color-deduct-border: #fecaca;--color-deduct-text: #b91c1c;--status-success-text: #15803d;--status-success-bg: #f0fdf4;--status-success-border: #bbf7d0;--status-warning-text: #b45309;--status-warning-bg: #fffbeb;--status-warning-border: #fde68a;--status-danger-text: #b91c1c;--status-danger-bg: #fef2f2;--status-danger-border: #fecaca;--status-neutral-text: #374151;--status-neutral-bg: #f3f4f6;--status-neutral-border: #e5e7eb;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 12px;--radius-full: 9999px;--tap-min: 44px;--font-sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*,*:before,*:after{box-sizing:border-box}::selection{background:#dbeafe;color:#1e3a8a}html,body{margin:0;padding:0;background-color:var(--bg-canvas);color:var(--text-primary);font-family:var(--font-sans);font-size:16px;line-height:1.5;caret-color:var(--accent-primary);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}body.pc-body{font-size:14px}a{color:var(--accent-primary);text-decoration:none;text-underline-offset:3px}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.tabular-nums{font-variant-numeric:tabular-nums}@keyframes spin{to{transform:rotate(360deg)}}.spin-icon{animation:spin 1s linear infinite}.panel{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.panel-pad{padding:var(--space-4)}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle)}.panel-title{margin:0;font-size:16px;font-weight:600;color:var(--text-primary)}.section-heading{margin:0 0 var(--space-3) 0;font-size:15px;font-weight:600;color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-sm{font-size:14px}.text-xs{font-size:13px}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:var(--tap-min);min-width:var(--tap-min);padding:0 var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-primary);font-weight:500;cursor:pointer;white-space:nowrap;transition:background-color .14s ease,border-color .14s ease,color .14s ease}.btn:hover:not(:disabled){background:var(--bg-subtle);border-color:var(--border-strong)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;font-weight:600}.btn-primary:hover:not(:disabled){background:var(--accent-primary-hover);border-color:var(--accent-primary-hover)}.btn-success-solid{background:var(--color-pass);border-color:var(--color-pass);color:#fff;font-weight:600}.btn-success-solid:hover:not(:disabled){background:#15803d;border-color:#15803d}.btn-danger{background:var(--color-deduct-bg);border-color:var(--color-deduct-border);color:var(--color-deduct-text)}.btn-danger:hover:not(:disabled){background:#fee2e2;border-color:#fca5a5}.btn-danger-solid{background:var(--color-deduct);border-color:var(--color-deduct);color:#fff;font-weight:600}.btn-danger-solid:hover:not(:disabled){background:#b91c1c;border-color:#b91c1c}.btn-ghost{border-color:transparent;background:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--bg-muted);border-color:transparent;color:var(--text-primary)}.btn-sm{min-height:36px;min-width:36px;padding:0 var(--space-3);font-size:14px}.pc-shell .btn-compact{min-height:32px;min-width:32px;padding:0 var(--space-3);font-size:13px}.btn-block{width:100%}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:14px;font-weight:500;color:var(--text-primary)}.field-required:after{content:" *";color:var(--color-deduct)}.input,.select,.textarea{width:100%;min-height:var(--tap-min);padding:9px 12px;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text-primary);font-size:16px;transition:border-color .14s ease}.input::placeholder,.textarea::placeholder{color:var(--text-muted)}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent-primary)}.pc-shell .input,.pc-shell .select,.pc-shell .textarea{min-height:38px;font-size:14px}.textarea{min-height:84px;resize:vertical}.input-error{border-color:var(--color-deduct)}.field-error{font-size:13px;color:var(--color-deduct-text)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);font-size:13px;font-weight:600;line-height:1.35;white-space:nowrap;font-variant-numeric:tabular-nums}.badge-neutral{background:var(--status-neutral-bg);border-color:var(--status-neutral-border);color:var(--status-neutral-text)}.badge-primary{background:var(--accent-primary-soft);border-color:var(--accent-primary-border);color:var(--accent-primary)}.badge-success{background:var(--color-pass-bg);border-color:var(--color-pass-border);color:var(--color-pass-text)}.badge-warning{background:var(--status-warning-bg);border-color:var(--status-warning-border);color:var(--status-warning-text)}.badge-danger{background:var(--color-deduct-bg);border-color:var(--color-deduct-border);color:var(--color-deduct-text)}.banner{display:flex;align-items:flex-start;gap:var(--space-2);padding:10px 12px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);font-size:14px}.banner-info{background:var(--accent-primary-soft);border-color:var(--accent-primary-border);color:#1e3a8a}.banner-warning{background:var(--status-warning-bg);border-color:var(--status-warning-border);color:var(--status-warning-text)}.banner-danger{background:var(--color-deduct-bg);border-color:var(--color-deduct-border);color:var(--color-deduct-text)}.banner-success{background:var(--color-pass-bg);border-color:var(--color-pass-border);color:var(--color-pass-text)}.toast-bar{position:fixed;top:calc(16px + var(--safe-top));left:50%;transform:translate(-50%);z-index:120;display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:var(--radius-full);background:#111827;color:#fff;font-size:14px;font-weight:500;box-shadow:0 8px 24px #1118272e;max-width:calc(100vw - 32px)}.stack-xs{display:flex;flex-direction:column;gap:var(--space-1)}.stack-sm{display:flex;flex-direction:column;gap:var(--space-2)}.stack-md{display:flex;flex-direction:column;gap:var(--space-3)}.stack-lg{display:flex;flex-direction:column;gap:var(--space-4)}.row-between{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.row-wrap{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2)}.auth-screen{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:calc(var(--space-6) + var(--safe-top)) var(--space-4) calc(var(--space-6) + var(--safe-bottom));background:var(--bg-canvas)}.auth-card{width:100%;max-width:380px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:28px 24px}.app-header{position:sticky;top:0;z-index:30;padding-top:var(--safe-top);background:var(--bg-surface);border-bottom:1px solid var(--border-subtle)}.app-header-inner{min-height:54px;max-width:680px;margin:0 auto;padding:0 var(--space-4);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.app-header-title{margin:0;font-size:18px;font-weight:700;letter-spacing:-.01em;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inspector-container{width:100%;max-width:680px;margin:0 auto;padding:var(--space-4);padding-bottom:calc(32px + var(--safe-bottom))}.inspector-container-with-bar{padding-bottom:calc(104px + var(--safe-bottom))}.store-pick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-3)}.store-pick-card{width:100%;min-height:60px;padding:14px 16px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);text-align:left;cursor:pointer;transition:border-color .14s ease,background-color .14s ease}.store-pick-card:hover{border-color:var(--accent-primary);background:#fcfdff}.store-pick-name{font-size:17px;font-weight:600;color:var(--text-primary)}.recent-order-list{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}.recent-order-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:14px 16px;min-height:58px;border-bottom:1px solid var(--border-subtle);color:var(--text-primary);text-decoration:none;transition:background-color .12s ease}.recent-order-row:last-child{border-bottom:none}.recent-order-row:hover{background:var(--bg-subtle);text-decoration:none}.zone-section{display:flex;flex-direction:column;gap:8px}.zone-header{display:flex;align-items:center;justify-content:space-between;padding:0 2px}.zone-title{margin:0;font-size:15px;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.checklist-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}.checklist-item{padding:14px 16px;border-bottom:1px solid var(--border-subtle)}.checklist-item:last-child{border-bottom:none}.checklist-item-deducted{background:#fffdfd}.checklist-row-main{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.checklist-item-info{min-width:0;flex:1}.checklist-item-title{font-size:16px;font-weight:600;color:var(--text-primary);line-height:1.35}.item-cue-text{margin-top:3px;font-size:13px;color:var(--text-secondary);line-height:1.4}.problem-tag-list{display:flex;flex-wrap:wrap;gap:8px}.problem-tag-btn{min-height:36px;padding:6px 11px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-subtle);color:var(--text-primary);font-size:14px;font-weight:500;line-height:1.3;text-align:left;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,color .12s ease}.problem-tag-btn:hover{border-color:var(--border-strong);background:var(--bg-muted)}.problem-tag-btn.active{background:var(--color-deduct-bg);border-color:var(--color-deduct);color:var(--color-deduct-text);font-weight:600}.checklist-meta-row{display:flex;align-items:center;gap:10px;margin-top:4px}.std-toggle-btn{display:inline-flex;align-items:center;gap:3px;padding:2px 6px;margin:-2px -6px;min-height:28px;border:none;background:transparent;color:var(--text-muted);font-size:13px;font-weight:500;cursor:pointer;border-radius:var(--radius-sm)}.std-toggle-btn:hover{color:var(--text-primary);background:var(--bg-muted)}.seg-control{display:inline-grid;grid-template-columns:1fr 1fr;padding:3px;background:var(--bg-muted);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-shrink:0}.seg-btn{min-height:38px;min-width:58px;padding:0 12px;border:none;border-radius:7px;background:transparent;color:var(--text-secondary);font-size:15px;font-weight:500;cursor:pointer;transition:background-color .14s ease,color .14s ease}.seg-btn-pass.active{background:var(--bg-surface);color:var(--color-pass);font-weight:600;box-shadow:0 1px 2px #1118270f}.seg-btn-deduct.active{background:var(--color-deduct);color:#fff;font-weight:600}.std-detail-box{margin-top:10px;padding:10px 12px;background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-size:14px;color:var(--text-secondary);white-space:pre-wrap;line-height:1.55}.deduct-drawer{margin-top:12px;padding-top:12px;border-top:1px dashed var(--border-subtle);display:flex;flex-direction:column;gap:10px}.deduct-chips{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.deduct-chip{min-height:38px;min-width:52px;padding:0 12px;border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--bg-surface);color:var(--text-primary);font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;cursor:pointer}.deduct-chip.active{background:var(--color-deduct-bg);border-color:var(--color-deduct);color:var(--color-deduct)}.score-stepper{display:inline-flex;align-items:center;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--bg-surface);overflow:hidden;height:38px}.score-stepper button{width:38px;height:100%;border:none;background:transparent;font-size:18px;font-weight:600;cursor:pointer;color:var(--text-primary)}.score-stepper button:disabled{opacity:.35;cursor:not-allowed}.score-stepper span{padding:0 10px;font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;border-left:1px solid var(--border-subtle);border-right:1px solid var(--border-subtle)}.mini-photo-list{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.mini-photo-item{position:relative;width:72px;height:72px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);overflow:hidden;background:var(--bg-subtle);flex-shrink:0}.mini-photo-item img{width:100%;height:100%;object-fit:cover;display:block;cursor:pointer}.mini-photo-remove{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:9999px;border:none;background:#111827b8;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.photo-pick-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:40px;padding:0 12px;border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--bg-surface);color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer}.photo-pick-btn:hover{background:var(--bg-subtle)}.sticky-submit-bar{position:fixed;left:0;right:0;bottom:0;z-index:40;background:var(--bg-surface);border-top:1px solid var(--border-subtle);padding:10px var(--space-4) calc(10px + var(--safe-bottom))}.sticky-submit-inner{max-width:680px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.rectify-page{min-height:100dvh;background:var(--bg-canvas);padding:calc(var(--space-4) + var(--safe-top)) var(--space-4) calc(40px + var(--safe-bottom))}.rectify-container{width:100%;max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-4)}.rectify-score-num{font-size:36px;font-weight:800;line-height:1.05;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--text-primary)}.rectify-compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.rectify-compare-col{background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:10px;display:flex;flex-direction:column;gap:8px;min-width:0}.rectify-photo-thumbs{display:flex;flex-wrap:wrap;gap:8px}.rectify-photo-thumb{width:84px;height:84px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);overflow:hidden;background:var(--bg-surface);padding:0;cursor:pointer}.rectify-photo-thumb img{width:100%;height:100%;object-fit:cover;display:block}.board-page{min-height:100dvh;background:var(--bg-canvas);padding-bottom:calc(36px + var(--safe-bottom))}.board-header{position:sticky;top:0;z-index:30;padding-top:var(--safe-top);background:var(--bg-surface);border-bottom:1px solid var(--border-subtle)}.board-header-inner{max-width:1200px;margin:0 auto;min-height:56px;padding:0 var(--space-4);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.board-main{max-width:1200px;margin:0 auto;padding:var(--space-4)}.board-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.board-stat-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:14px 16px}.board-stat-label{font-size:13px;font-weight:500;color:var(--text-secondary)}.board-stat-value{margin-top:4px;font-size:28px;font-weight:700;line-height:1.15;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--text-primary)}.chip-scroll-row{display:flex;align-items:center;gap:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.chip-scroll-row::-webkit-scrollbar{display:none}.filter-chip{min-height:36px;padding:0 14px;border-radius:var(--radius-full);border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-secondary);font-size:14px;font-weight:500;white-space:nowrap;cursor:pointer}.filter-chip.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;font-weight:600}.board-mobile-only{display:flex;flex-direction:column;gap:var(--space-4)}.board-pc-only{display:none}@media(min-width:768px){.board-header-inner{padding:0 var(--space-6)}.board-main{padding:var(--space-6)}.board-stats-grid{grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.board-stat-card{padding:18px 20px}.board-stat-value{font-size:30px}.board-mobile-only{display:none}.board-pc-only{display:flex;flex-direction:column;gap:var(--space-4)}.board-two-col{display:grid;grid-template-columns:360px 1fr;gap:20px;align-items:start}}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#11182773;display:flex;justify-content:flex-end}.drawer-panel{width:100%;max-width:680px;height:100dvh;background:var(--bg-canvas);border-left:1px solid var(--border-subtle);display:flex;flex-direction:column;overflow:hidden}.drawer-header{background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.drawer-body{flex:1;overflow-y:auto;padding:20px}.mobile-shell{min-height:100dvh;display:flex;flex-direction:column;background:var(--bg-canvas)}.mobile-topbar{position:sticky;top:0;z-index:30;padding-top:var(--safe-top);background:var(--bg-surface);border-bottom:1px solid var(--border-subtle)}.mobile-topbar-inner{min-height:52px;padding:var(--space-2) var(--space-4);display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.mobile-content{flex:1;width:100%;max-width:680px;margin:0 auto;padding:var(--space-4);padding-bottom:calc(84px + var(--safe-bottom))}.mobile-content-with-sticky-bar{padding-bottom:calc(156px + var(--safe-bottom))}.mobile-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:40;background:var(--bg-surface);border-top:1px solid var(--border-subtle);padding-bottom:var(--safe-bottom);display:grid;grid-template-columns:repeat(4,1fr)}.mobile-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:56px;color:var(--text-secondary);font-size:12px;font-weight:500;text-decoration:none;position:relative}.mobile-tab.active{color:var(--accent-primary);font-weight:600}.mobile-sticky-action-bar{position:fixed;left:0;right:0;bottom:calc(57px + var(--safe-bottom));z-index:35;background:var(--bg-surface);border-top:1px solid var(--border-subtle);padding:var(--space-2) var(--space-4)}.mobile-sticky-action-bar-standalone{bottom:0;padding-bottom:calc(var(--space-2) + var(--safe-bottom))}.choice-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.choice-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.choice-btn{min-height:var(--tap-min);padding:var(--space-2);border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--bg-surface);color:var(--text-primary);font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px}.choice-btn.active-primary{background:var(--accent-primary-soft);border-color:var(--accent-primary);color:var(--accent-primary);font-weight:600}.choice-btn.active-success{background:var(--color-pass-bg);border-color:var(--color-pass);color:var(--color-pass-text);font-weight:600}.choice-btn.active-danger{background:var(--color-deduct-bg);border-color:var(--color-deduct);color:var(--color-deduct-text);font-weight:600}.pc-shell{min-height:100vh;display:grid;grid-template-columns:220px 1fr;background:var(--bg-canvas)}.pc-sidebar{background:var(--bg-surface);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto}.pc-brand{padding:var(--space-4);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;gap:var(--space-2);font-weight:700;font-size:16px}.pc-nav{padding:var(--space-3);display:flex;flex-direction:column;gap:4px;flex:1}.pc-nav-group{margin-top:var(--space-3);margin-bottom:var(--space-1);padding:0 var(--space-2);font-size:12px;font-weight:600;color:var(--text-muted)}.pc-nav-link{display:flex;align-items:center;gap:var(--space-2);padding:9px 12px;border-radius:var(--radius-md);color:var(--text-secondary);font-size:14px;font-weight:500;text-decoration:none}.pc-nav-link:hover{background:var(--bg-subtle);color:var(--text-primary);text-decoration:none}.pc-nav-link.active{background:var(--accent-primary-soft);color:var(--accent-primary);font-weight:600}.pc-main{display:flex;flex-direction:column;min-width:0}.pc-topbar{background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);padding:var(--space-3) var(--space-6);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);position:sticky;top:0;z-index:20}.pc-workspace{padding:var(--space-6);max-width:1440px;width:100%;margin:0 auto}@media(max-width:960px){.pc-shell{grid-template-columns:1fr}.pc-sidebar{position:static;height:auto;border-right:none;border-bottom:1px solid var(--border-subtle)}.pc-workspace{padding:var(--space-4)}}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.kpi-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-1)}.kpi-value{font-size:28px;font-weight:700;color:var(--text-primary);line-height:1.2;font-variant-numeric:tabular-nums}.table-wrap{width:100%;overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:14px}.data-table th,.data-table td{padding:11px 14px;text-align:left;border-bottom:1px solid var(--border-subtle);vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:none}.data-table th{font-weight:600;font-size:13px;color:var(--text-secondary);background:var(--bg-subtle);white-space:nowrap}.data-table tbody tr.clickable-row{cursor:pointer}.data-table tbody tr.clickable-row:hover{background:var(--bg-subtle)}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:var(--space-2)}.photo-thumb-card{border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden;background:var(--bg-subtle);position:relative}.photo-thumb-img{width:100%;height:96px;object-fit:cover;display:block}.compare-split{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#111827a6;display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.modal-card{width:100%;max-width:480px;max-height:90dvh;overflow-y:auto;background:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);padding:20px}.lightbox-card{width:100%;max-width:960px;max-height:92dvh;background:#111827;color:#f9fafb;border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden}.filter-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:var(--space-3);align-items:end}.divider{height:1px;background:var(--border-subtle);margin:var(--space-3) 0}