:root{--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, "JetBrains Mono", "SF Mono", Menlo, monospace;--t-xs: 12px;--t-sm: 13px;--t-base: 15px;--t-lg: 17px;--t-xl: 20px;--t-2xl: 26px;--t-3xl: 34px;--t-display: 48px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--r-sm: 6px;--r-md: 8px;--r-lg: 12px;--r-xl: 16px;--r-pill: 999px;--bg-base: #FAFAFA;--bg-elev: #FFFFFF;--bg-subtle: #F4F4F4;--bg-hover: #EDEDED;--fg-strong: #0A0A0A;--fg: #1F1F1F;--fg-muted: #6B6B6B;--fg-subtle: #9B9B9B;--border: #E5E5E5;--border-strong: #C7C7C7;--accent: #FF6B35;--accent-hover: #E55A29;--accent-soft: #FFE8DD;--accent-fg: #FFFFFF;--success: #10B981;--success-soft:#D1FAE5;--danger: #EF4444;--danger-soft: #FEE2E2;--warning: #F59E0B;--warning-soft:#FEF3C7;--info: #3B82F6;--info-soft: #DBEAFE;--shadow-sm: 0 1px 2px rgba(0,0,0,.04);--shadow: 0 2px 6px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-lg: 0 8px 24px rgba(0,0,0,.08), 0 2px 6px rgba(0,0,0,.04);color-scheme:light dark;font-family:var(--font-sans)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg-base: #0A0A0A;--bg-elev: #161616;--bg-subtle: #1F1F1F;--bg-hover: #262626;--fg-strong: #FAFAFA;--fg: #E5E5E5;--fg-muted: #A1A1A1;--fg-subtle: #6B6B6B;--border: #262626;--border-strong: #404040;--accent: #FF7A4D;--accent-hover: #FF8B5C;--accent-soft: rgba(255, 122, 77, .15);--success-soft: rgba(16, 185, 129, .15);--danger-soft: rgba(239, 68, 68, .15);--warning-soft: rgba(245, 158, 11, .15);--info-soft: rgba(59, 130, 246, .15);--shadow-sm: 0 1px 2px rgba(0,0,0,.4);--shadow: 0 2px 6px rgba(0,0,0,.5), 0 1px 2px rgba(0,0,0,.3);--shadow-lg: 0 8px 24px rgba(0,0,0,.6), 0 2px 6px rgba(0,0,0,.3)}}:root[data-theme=dark]{--bg-base: #0A0A0A;--bg-elev: #161616;--bg-subtle: #1F1F1F;--bg-hover: #262626;--fg-strong: #FAFAFA;--fg: #E5E5E5;--fg-muted: #A1A1A1;--fg-subtle: #6B6B6B;--border: #262626;--border-strong: #404040;--accent: #FF7A4D;--accent-hover: #FF8B5C;--accent-soft: rgba(255, 122, 77, .15);--success-soft: rgba(16, 185, 129, .15);--danger-soft: rgba(239, 68, 68, .15);--warning-soft: rgba(245, 158, 11, .15);--info-soft: rgba(59, 130, 246, .15);--shadow-sm: 0 1px 2px rgba(0,0,0,.4);--shadow: 0 2px 6px rgba(0,0,0,.5), 0 1px 2px rgba(0,0,0,.3);--shadow-lg: 0 8px 24px rgba(0,0,0,.6), 0 2px 6px rgba(0,0,0,.3)}*,*:before,*:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;font-family:var(--font-sans);font-size:var(--t-base);line-height:1.5;color:var(--fg);background:var(--bg-base)}h1,h2,h3{color:var(--fg-strong);letter-spacing:-.01em;line-height:1.2}h1{font-size:var(--t-2xl);font-weight:700}h2{font-size:var(--t-xl);font-weight:600}h3{font-size:var(--t-lg);font-weight:600}p{color:var(--fg);margin:var(--sp-2) 0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}code{font-family:var(--font-mono);font-size:.9em;background:var(--bg-subtle);padding:1px 5px;border-radius:var(--r-sm)}input,select,textarea,button{font-family:inherit;font-size:inherit;color:inherit}input[type=search],input[type=text],input[type=number],select{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-sm);padding:var(--sp-2) var(--sp-3);color:var(--fg);transition:border-color .15s}input[type=search]:focus,input[type=text]:focus,input[type=number]:focus,select:focus{outline:none;border-color:var(--accent)}main.app{max-width:1280px;margin:0 auto;padding:var(--sp-6) var(--sp-5) calc(var(--sp-12) + 64px)}.topbar{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-4);margin-bottom:var(--sp-5);flex-wrap:wrap}.brand{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:var(--t-xl);font-weight:700;color:var(--fg-strong);cursor:pointer}.brand .ic{color:var(--accent)}.health{font-size:var(--t-xs);color:var(--fg-muted);font-variant-numeric:tabular-nums}.topnav{display:flex;gap:var(--sp-2);flex-wrap:wrap;align-items:center}.nav-link{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);font-size:var(--t-sm);font-weight:500;color:var(--fg-muted);background:transparent;border:1px solid transparent;border-radius:var(--r-md);cursor:pointer;transition:background .15s,color .15s}.nav-link:hover{background:var(--bg-subtle);color:var(--fg)}.nav-link.active{background:var(--accent);color:var(--accent-fg)}.nav-link.active:hover{background:var(--accent-hover);color:var(--accent-fg)}.nav-link .ic{width:16px;height:16px}.theme-toggle{width:32px;height:32px;border-radius:var(--r-pill);background:var(--bg-subtle);border:1px solid var(--border);color:var(--fg-muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.theme-toggle:hover{background:var(--bg-hover);color:var(--fg)}.theme-toggle .ic-sun{display:none}.theme-toggle .ic-moon{display:block}:root[data-theme=dark] .theme-toggle .ic-sun{display:block}:root[data-theme=dark] .theme-toggle .ic-moon{display:none}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .theme-toggle .ic-sun{display:block}:root:not([data-theme=light]) .theme-toggle .ic-moon{display:none}}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:50;display:none;background:var(--bg-elev);border-top:1px solid var(--border);padding:var(--sp-2) var(--sp-2) calc(var(--sp-2) + env(safe-area-inset-bottom));justify-content:space-around}.bottom-nav button{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--sp-2) 0;background:transparent;border:none;color:var(--fg-muted);font-size:var(--t-xs);cursor:pointer;transition:color .15s}.bottom-nav button.active{color:var(--accent)}.bottom-nav .ic{width:22px;height:22px}@media(max-width:760px){.topnav{display:none}.bottom-nav{display:flex}main.app{padding-bottom:92px}h1{font-size:var(--t-xl)}.topbar{gap:var(--sp-2)}.brand{font-size:var(--t-lg)}}.btn,button.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);font-size:var(--t-sm);font-weight:500;border-radius:var(--r-md);border:1px solid var(--border);background:var(--bg-elev);color:var(--fg);cursor:pointer;transition:background .15s,border-color .15s,color .15s}.btn:hover{background:var(--bg-subtle);border-color:var(--border-strong)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-warning{background:var(--warning);color:#fff;border-color:var(--warning)}.btn-warning:hover{background:#d97706;border-color:#d97706}.btn-danger{background:var(--danger);color:#fff;border-color:var(--danger)}.btn-danger:hover{background:#dc2626;border-color:#dc2626}.btn-info{background:var(--info);color:#fff;border-color:var(--info)}.btn-info:hover{background:#2563eb;border-color:#2563eb}.btn-success{background:var(--success);color:#fff;border-color:var(--success)}.btn-sm{padding:2px var(--sp-3);font-size:var(--t-xs);border-radius:var(--r-sm)}.btn-block{width:100%}.card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-4);box-shadow:var(--shadow-sm)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:var(--sp-3)}.stat{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-3) var(--sp-4);box-shadow:var(--shadow-sm)}.stat .lbl{font-size:var(--t-xs);color:var(--fg-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:500}.stat .val{font-size:var(--t-xl);font-weight:700;color:var(--fg-strong);margin-top:var(--sp-1);font-variant-numeric:tabular-nums}.stat .delta{font-size:var(--t-xs);margin-top:2px;font-variant-numeric:tabular-nums}.hero{border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-5);margin-bottom:var(--sp-5)}.hero.hero-good{background:var(--success-soft);border-color:var(--success)}.hero.hero-bad{background:var(--danger-soft);border-color:var(--danger)}.hero.hero-neutral{background:var(--bg-elev)}.hero .lbl{font-size:var(--t-xs);color:var(--fg-muted);text-transform:uppercase;letter-spacing:.04em}.hero .val{font-size:var(--t-3xl);font-weight:700;color:var(--fg-strong);margin-top:var(--sp-1);font-variant-numeric:tabular-nums}.hero .sub{font-size:var(--t-sm);color:var(--fg-muted);margin-top:var(--sp-2)}.tag{display:inline-block;padding:1px var(--sp-2);font-size:var(--t-xs);font-weight:600;border-radius:var(--r-pill);color:#fff}.tag-good{background:var(--success)}.tag-bad{background:var(--danger)}.tag-warn{background:var(--warning)}.tag-info{background:var(--info)}.tag-neutral{background:var(--fg-subtle)}.tag-accent{background:var(--accent)}.tag-soft-good{background:var(--success-soft);color:var(--success)}.tag-soft-bad{background:var(--danger-soft);color:var(--danger)}.tag-soft-warn{background:var(--warning-soft);color:var(--warning)}.tag-soft-info{background:var(--info-soft);color:var(--info)}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-elev)}.data-table{width:100%;border-collapse:collapse;font-size:var(--t-sm)}.data-table thead th{background:var(--bg-subtle);color:var(--fg-muted);font-size:var(--t-xs);font-weight:500;text-transform:uppercase;letter-spacing:.04em;text-align:left;padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:1}.data-table tbody td{padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--border);color:var(--fg)}.data-table tbody tr:hover td{background:var(--bg-subtle)}.data-table .num{text-align:right;font-variant-numeric:tabular-nums}.data-table .muted{color:var(--fg-muted);font-size:var(--t-xs)}@media(max-width:760px){.table-scroll .data-table td:first-child,.table-scroll .data-table th:first-child{position:sticky;left:0;z-index:2;background:var(--bg-elev)!important;border-right:1px solid var(--border)!important}.table-scroll .data-table tbody tr:hover td:first-child{background:var(--bg-subtle)!important}}.section{margin-bottom:var(--sp-6)}.row{display:flex;gap:var(--sp-3);flex-wrap:wrap;align-items:center}.spacer{flex:1}.muted{color:var(--fg-muted)}.subtitle{color:var(--fg-muted);font-size:var(--t-sm);margin-top:-4px;margin-bottom:var(--sp-4)}.delta-up{color:var(--success)}.delta-down{color:var(--danger)}.delta-flat{color:var(--fg-muted)}.back-btn{display:inline-flex;align-items:center;gap:var(--sp-1);font-size:var(--t-sm);color:var(--fg-muted);background:transparent;border:none;cursor:pointer;padding:var(--sp-1) var(--sp-2);margin-bottom:var(--sp-3)}.back-btn:hover{color:var(--accent)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:100;display:flex;align-items:center;justify-content:center;padding:var(--sp-4)}.modal{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-5);width:100%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.modal header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sp-3);gap:var(--sp-3)}.modal header h2{margin:0}.modal .close-btn{background:transparent;border:none;font-size:24px;color:var(--fg-muted);cursor:pointer;padding:0;line-height:1;width:32px;height:32px}.modal .close-btn:hover{color:var(--fg-strong)}.alert{border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4);margin:var(--sp-3) 0;font-size:var(--t-sm)}.alert-good{background:var(--success-soft);border:1px solid var(--success);color:var(--fg-strong)}.alert-bad{background:var(--danger-soft);border:1px solid var(--danger);color:var(--fg-strong)}.alert-warn{background:var(--warning-soft);border:1px solid var(--warning);color:var(--fg-strong)}.alert-info{background:var(--info-soft);border:1px solid var(--info);color:var(--fg-strong)}.tree-table tbody tr{cursor:pointer}.tree-table .tg{display:inline-block;width:14px;color:var(--accent);font-family:var(--font-mono);font-size:var(--t-xs)}.tree-table tr.row-div td{background:var(--bg-subtle)!important;color:var(--fg-strong);font-weight:600;border-top:1px solid var(--border-strong)}.tree-table tr.row-cat td{background:var(--bg-base);color:var(--fg);font-weight:500}.tree-table tr.row-cat td:first-child{padding-left:var(--sp-5)}.tree-table tr.row-sku td{background:var(--bg-elev);color:var(--fg)}.tree-table tr.row-sku td:first-child{padding-left:var(--sp-8);font-size:var(--t-xs)}.tree-table tr.row-sku:hover td{background:var(--bg-subtle)}.tree-table tr.row-div:hover td{background:var(--bg-hover)!important}.tree-table tr.row-cat:hover td{background:var(--bg-subtle)}.ic{display:inline-block;flex-shrink:0}.ic-wrap{display:inline-flex;align-items:center;gap:var(--sp-2)}