:root{--bg-base: #F8FAFC;--bg-raised: #FFFFFF;--bg-surface: #F1F5F9;--bg-hover: #e2e8f0;--bg-inset: #F8FAFC;--bg-secondary: #F1F5F9;--border: #e2e8f0;--border-subtle: #f1f5f9;--text-primary: #0F172A;--text-secondary: #475569;--text-tertiary: #94A3B8;--accent: #1E40AF;--accent-hover: #1e3a8a;--accent-dim: #dbeafe;--accent-glow: rgba(30, 64, 175, .1);--secondary: #3B82F6;--amber-accent: #D97706;--green: #059669;--green-dim: #ecfdf5;--red: #dc2626;--red-dim: #fef2f2;--red-hover: #b91c1c;--amber: #d97706;--amber-dim: #fffbeb;--blue: #3b82f6;--blue-dim: #eff6ff;--sidebar-bg: #0F172A;--sidebar-bg-hover: rgba(255, 255, 255, .06);--sidebar-bg-active: rgba(59, 130, 246, .12);--sidebar-text: #94a3b8;--sidebar-text-hover: #cbd5e1;--sidebar-text-active: #ffffff;--sidebar-border: rgba(255, 255, 255, .07);--sidebar-section: rgba(255, 255, 255, .3);--sidebar-w: 240px;--sidebar-collapsed-w: 60px;--topbar-h: 48px;--radius: 10px;--radius-sm: 6px;--radius-xs: 4px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .03);--shadow-md: 0 4px 12px rgba(0, 0, 0, .06), 0 1px 3px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .08), 0 2px 8px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 50px rgba(0, 0, 0, .12), 0 4px 16px rgba(0, 0, 0, .06);--shadow-focus: 0 0 0 3px var(--accent-glow);--font-body: "Fira Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "Fira Code", "SF Mono", "JetBrains Mono", monospace;--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;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--dur-fast: .15s;--dur-norm: .2s;--dur-slow: .3s}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background:var(--bg-base);color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:13.5px;line-height:1.5}::selection{background:var(--accent-dim);color:var(--text-primary)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}h1{font-size:1.2rem;font-weight:600;letter-spacing:-.025em;line-height:1.3}h2{font-size:.68rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:var(--sp-3)}h3{font-size:.92rem;font-weight:600;letter-spacing:-.01em;margin-bottom:var(--sp-3)}label{font-size:.8rem;font-weight:500;color:var(--text-secondary);display:block;margin-bottom:var(--sp-1)}.card{background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius);padding:var(--sp-4);margin-bottom:var(--sp-3);box-shadow:var(--shadow-xs);transition:border-color var(--dur-fast) var(--ease-in-out),box-shadow var(--dur-fast) var(--ease-in-out)}.card:hover{border-color:var(--border)}.toolbar{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-4);flex-wrap:wrap}.toolbar>input[type=text],.toolbar>input[type=password],.toolbar>input[type=date]{flex:1;min-width:200px}.toolbar>select{flex:1;min-width:160px}.toolbar>h2{margin-bottom:0}input[type=text],input[type=password],input[type=date]{width:100%;padding:8px 12px;background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-body);font-size:.84rem;outline:none;transition:border-color var(--dur-fast),box-shadow var(--dur-fast)}input:focus{border-color:var(--accent);box-shadow:var(--shadow-focus)}input::placeholder{color:var(--text-tertiary)}select{width:100%;padding:8px 32px 8px 12px;background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-body);font-size:.84rem;outline:none;transition:border-color var(--dur-fast),box-shadow var(--dur-fast);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%238f95a3' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}select:focus{border-color:var(--accent);box-shadow:var(--shadow-focus)}select option{background:var(--bg-raised);color:var(--text-primary)}textarea{width:100%;padding:8px 12px;background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-mono);font-size:.8rem;line-height:1.6;outline:none;resize:vertical;min-height:72px;transition:border-color var(--dur-fast),box-shadow var(--dur-fast)}textarea:focus{border-color:var(--accent);box-shadow:var(--shadow-focus)}textarea::placeholder{color:var(--text-tertiary);font-family:var(--font-body)}input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer;border-radius:3px}.filter-row{display:flex;gap:var(--sp-2);align-items:center;flex-wrap:wrap}.filter-row select{width:auto;min-width:150px;flex:1}button{padding:8px 16px;border:none;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:.8rem;font-weight:550;cursor:pointer;transition:all var(--dur-fast) var(--ease-in-out);letter-spacing:.005em;display:inline-flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap}button:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff;box-shadow:var(--shadow-sm),inset 0 1px #ffffff1a}.btn-primary:hover:not(:disabled){background:var(--accent-hover);box-shadow:var(--shadow-md),inset 0 1px #ffffff1a;transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-danger{background:var(--red);color:#fff;box-shadow:var(--shadow-sm)}.btn-danger:hover:not(:disabled){background:var(--red-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-danger:active:not(:disabled){transform:translateY(0)}.btn-ghost{background:var(--bg-raised);color:var(--text-secondary);border:1px solid var(--border);box-shadow:var(--shadow-xs)}.btn-ghost:hover:not(:disabled){background:var(--bg-surface);color:var(--text-primary);border-color:var(--border);box-shadow:var(--shadow-sm)}.btn-sm{padding:6px 12px;font-size:.76rem}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border-radius:var(--radius-sm);background:var(--bg-raised);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;transition:all var(--dur-fast);box-shadow:var(--shadow-xs)}.btn-icon:hover{background:var(--bg-surface);color:var(--text-primary);border-color:var(--border)}.btn-icon svg{width:14px;height:14px}.row{display:flex;gap:var(--sp-2);align-items:center}.row input{flex:1}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-xs);font-family:var(--font-mono);font-size:.66rem;font-weight:500;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap}.badge-ok{background:var(--green-dim);color:var(--green)}.badge-error{background:var(--red-dim);color:#dc2626}.badge-warn{background:var(--amber-dim);color:#92400e}.badge-info{background:var(--blue-dim);color:#1e40af}.badge-halal,.badge-vegan,.badge-safe{background:var(--green-dim);color:var(--green)}.badge-haram,.badge-not_vegan,.badge-contains_allergen{background:var(--red-dim);color:#dc2626}.badge-mushbooh,.badge-may_contain_animal,.badge-may_contain{background:var(--amber-dim);color:#92400e}.msg{margin-top:var(--sp-3);padding:8px 14px;border-radius:var(--radius-sm);font-size:.8rem;font-weight:500;animation:msgIn .25s var(--ease-out)}.msg-success{background:var(--green-dim);color:var(--green);border:1px solid rgba(5,150,105,.2)}.msg-error{background:var(--red-dim);color:#dc2626;border:1px solid rgba(239,68,68,.2)}.login-view{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--sp-8);background:var(--sidebar-bg)}.login-wrap{max-width:380px;width:100%}.login-brand{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-8)}.login-brand .dot{width:10px;height:10px;border-radius:50%;background:var(--secondary);box-shadow:0 0 10px #3b82f666,0 0 24px #3b82f626;animation:pulse 3s ease-in-out infinite}.login-brand span{font-size:1.5rem;font-weight:700;letter-spacing:-.04em;color:#fff}.login-sub{color:var(--sidebar-text);font-size:.88rem;margin-bottom:var(--sp-8)}.login-card{background:#ffffff0a;border:1px solid var(--sidebar-border);border-radius:var(--radius);padding:var(--sp-6);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.login-card input{margin-bottom:var(--sp-4);background:#ffffff0f;border-color:var(--sidebar-border);color:#fff}.login-card input::placeholder{color:var(--sidebar-text)}.login-card input:focus{border-color:var(--secondary);box-shadow:0 0 0 3px #3b82f626}.login-card button{width:100%}.login-label{font-size:.76rem;font-weight:500;color:var(--sidebar-text);margin-bottom:var(--sp-2);letter-spacing:.02em}.sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-w);background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);z-index:50;display:flex;flex-direction:column;transition:width .25s var(--ease-out),transform .3s var(--ease-out);overflow:hidden}.sidebar.collapsed{width:var(--sidebar-collapsed-w)}.sidebar-brand{display:flex;align-items:center;gap:var(--sp-3);height:var(--topbar-h);padding:0 var(--sp-4);border-bottom:1px solid var(--sidebar-border);flex-shrink:0}.sidebar-brand .dot{width:8px;height:8px;border-radius:50%;background:var(--secondary);box-shadow:0 0 8px #3b82f64d,0 0 16px #3b82f61f;animation:pulse 3s ease-in-out infinite;flex-shrink:0}.sidebar-brand span{font-size:1rem;font-weight:700;letter-spacing:-.03em;color:var(--sidebar-text-active);white-space:nowrap;overflow:hidden}.sidebar.collapsed .sidebar-brand span{opacity:0;width:0}.sidebar-collapse-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;margin-left:auto;background:transparent;border:1px solid var(--sidebar-border);border-radius:var(--radius-xs);color:var(--sidebar-text);cursor:pointer;transition:all var(--dur-fast);flex-shrink:0}.sidebar-collapse-btn:hover{background:var(--sidebar-bg-hover);color:var(--sidebar-text-hover)}.sidebar-collapse-btn svg{width:14px;height:14px;transition:transform .25s var(--ease-out)}.sidebar.collapsed .sidebar-collapse-btn svg{transform:rotate(180deg)}.sidebar-nav{flex:1;padding:var(--sp-2);overflow-y:auto;overflow-x:hidden}.sidebar-section-label{font-family:var(--font-mono);font-size:.56rem;font-weight:600;color:var(--sidebar-section);text-transform:uppercase;letter-spacing:.12em;padding:var(--sp-4) var(--sp-2) var(--sp-1);white-space:nowrap;overflow:hidden}.sidebar.collapsed .sidebar-section-label{font-size:0;padding:var(--sp-2) 0;border-bottom:1px solid var(--sidebar-border);margin:0 var(--sp-2)}.sidebar-item{display:flex;align-items:center;justify-content:flex-start;gap:var(--sp-3);width:100%;padding:7px var(--sp-2);margin-bottom:1px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--sidebar-text);font-family:var(--font-body);font-size:.82rem;font-weight:450;cursor:pointer;transition:all var(--dur-fast) var(--ease-in-out);position:relative;text-align:left;white-space:nowrap;overflow:hidden}.sidebar-item:hover{background:var(--sidebar-bg-hover);color:var(--sidebar-text-hover)}.sidebar-item.active{color:var(--sidebar-text-active);background:var(--sidebar-bg-active)}.sidebar-item.active:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;border-radius:0 3px 3px 0;background:var(--secondary);box-shadow:0 0 8px #3b82f64d}.sidebar-item svg{width:16px;height:16px;flex-shrink:0;opacity:.45}.sidebar-item.active svg,.sidebar-item:hover svg{opacity:.9}.sidebar-item-label{flex:1;overflow:hidden;text-overflow:ellipsis}.sidebar.collapsed .sidebar-item-label{opacity:0;width:0}.sidebar-item-badge{font-family:var(--font-mono);font-size:.58rem;font-weight:600;color:var(--sidebar-text);background:#ffffff14;padding:1px 6px;border-radius:var(--radius-full);white-space:nowrap;flex-shrink:0}.sidebar.collapsed .sidebar-item-badge{display:none}.sidebar-status-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.sidebar-status-dot.ok{background:var(--green);box-shadow:0 0 6px #05966966}.sidebar-status-dot.degraded{background:#f59e0b;box-shadow:0 0 6px #f59e0b66}.sidebar-status-dot.unknown{background:var(--text-tertiary)}.sidebar.collapsed .sidebar-status-dot{display:none}.sidebar-error-count{font-family:var(--font-mono);font-size:.52rem;font-weight:700;color:#fff;background:var(--red);padding:0 5px;border-radius:var(--radius-full);white-space:nowrap;flex-shrink:0;line-height:1.5}.sidebar.collapsed .sidebar-error-count{display:none}.sidebar-footer{padding:var(--sp-3);border-top:1px solid var(--sidebar-border);display:flex;flex-direction:column;gap:var(--sp-2);flex-shrink:0}.env-badge{display:flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:var(--radius-xs);font-family:var(--font-mono);font-size:.58rem;font-weight:600;letter-spacing:.08em}.sidebar.collapsed .env-badge{font-size:.48rem;padding:3px 4px;letter-spacing:0}.sidebar-signout{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:7px 10px;background:transparent;border:1px solid var(--sidebar-border);border-radius:var(--radius-sm);color:var(--sidebar-text);font-family:var(--font-body);font-size:.76rem;cursor:pointer;transition:all var(--dur-fast);white-space:nowrap;overflow:hidden}.sidebar-signout:hover{color:var(--sidebar-text-hover);border-color:#ffffff1f;background:var(--sidebar-bg-hover)}.sidebar-signout svg{width:14px;height:14px;flex-shrink:0}.sidebar.collapsed .sidebar-signout span{display:none}.sidebar-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:40;opacity:0;transition:opacity .3s var(--ease-in-out);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.sidebar-backdrop.open{opacity:1}.main-content{margin-left:var(--sidebar-w);min-height:100vh;transition:margin-left .25s var(--ease-out)}.main-content.sidebar-collapsed{margin-left:var(--sidebar-collapsed-w)}.topbar{position:sticky;top:0;z-index:10;height:var(--topbar-h);display:flex;align-items:center;gap:var(--sp-4);padding:0 var(--sp-6);background:#f8fafce0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle)}.topbar-title{font-size:.88rem;font-weight:600;letter-spacing:-.01em}.topbar-breadcrumbs{display:flex;align-items:center;gap:6px;font-size:.76rem;color:var(--text-tertiary)}.topbar-breadcrumbs span{color:var(--text-primary);font-weight:500}.topbar-breadcrumb-link{color:var(--text-tertiary);cursor:pointer;border:none;background:none;font-family:var(--font-body);font-size:.76rem;font-weight:400;padding:0;transition:color var(--dur-fast)}.topbar-breadcrumb-link:hover{color:var(--accent)}.topbar-breadcrumb-sep{color:var(--border);font-size:.66rem;-webkit-user-select:none;user-select:none}.topbar-search{flex:1;max-width:320px;position:relative}input.topbar-search-input{width:100%;padding:6px 10px 6px 32px;background:var(--bg-surface);border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-body);font-size:.8rem;outline:none;transition:all var(--dur-fast)}input.topbar-search-input:focus{background:var(--bg-raised);border-color:var(--border);box-shadow:var(--shadow-sm)}input.topbar-search-input::placeholder{color:var(--text-tertiary)}.topbar-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:14px;height:14px;color:var(--text-tertiary);pointer-events:none}.topbar-search-kbd{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-family:var(--font-mono);font-size:.6rem;color:var(--text-tertiary);background:var(--bg-raised);border:1px solid var(--border);padding:1px 5px;border-radius:3px;pointer-events:none}.topbar-search-results{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);max-height:320px;overflow-y:auto;z-index:100;animation:fadeUp .15s var(--ease-out)}.topbar-search-item{display:flex;align-items:center;gap:var(--sp-2);padding:8px 12px;cursor:pointer;transition:background var(--dur-fast);font-size:.82rem;border-bottom:1px solid var(--border-subtle)}.topbar-search-item:last-child{border-bottom:none}.topbar-search-item:hover,.topbar-search-item.active{background:var(--bg-surface)}.topbar-search-item-type{font-family:var(--font-mono);font-size:.58rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);background:var(--bg-surface);padding:1px 6px;border-radius:var(--radius-xs);white-space:nowrap}.topbar-search-empty{padding:var(--sp-4);text-align:center;color:var(--text-tertiary);font-size:.82rem}.topbar-meta{display:flex;align-items:center;gap:var(--sp-3);font-family:var(--font-mono);font-size:.68rem;color:var(--text-tertiary);margin-left:auto;flex-shrink:0}.content-area{padding:var(--sp-5) var(--sp-5) 48px;max-width:1280px}.tab-content{display:none;animation:fadeUp .3s var(--ease-out)}.tab-content.active{display:block}.stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--sp-3);margin-bottom:var(--sp-5)}.stat-card{background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius);padding:var(--sp-4);position:relative;overflow:hidden;box-shadow:var(--shadow-xs);transition:all var(--dur-fast) var(--ease-in-out)}.stat-card:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent),transparent 80%);opacity:.5}.stat-card .label{font-family:var(--font-mono);font-size:.6rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--sp-1)}.stat-card .value{font-family:var(--font-mono);font-size:1.5rem;font-weight:600;color:var(--text-primary);letter-spacing:-.02em}.stat-card-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--sp-1)}.stat-card-icon{width:18px;height:18px;color:var(--text-tertiary);opacity:.4;flex-shrink:0}.stat-card-trend{display:flex;align-items:center;gap:3px;font-family:var(--font-mono);font-size:.62rem;font-weight:600;margin-top:var(--sp-1)}.stat-card-trend.trend-up{color:var(--green)}.stat-card-trend.trend-down{color:var(--red)}.stat-card-trend.trend-neutral{color:var(--text-tertiary)}.stat-card-trend svg{width:10px;height:10px}.stat-card-link{cursor:pointer}.stat-card-link:hover{border-color:var(--accent);box-shadow:var(--shadow-sm),0 0 0 1px var(--accent-glow);transform:translateY(-1px)}.stat-card-link .view-hint{font-family:var(--font-mono);font-size:.56rem;color:var(--text-tertiary);margin-top:var(--sp-1);transition:color var(--dur-fast)}.stat-card-link:hover .view-hint{color:var(--accent)}.stat-card-subtitle{font-family:var(--font-mono);font-size:.62rem;font-weight:500;color:var(--text-tertiary);margin-top:var(--sp-1)}table{width:100%;border-collapse:collapse}thead{position:sticky;top:0;z-index:2}th{text-align:left;padding:6px var(--sp-3);font-family:var(--font-mono);font-size:.62rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border);background:var(--bg-inset);white-space:nowrap;-webkit-user-select:none;user-select:none}th.sortable{cursor:pointer;transition:color var(--dur-fast)}th.sortable:hover{color:var(--text-secondary)}th.sorted{color:var(--accent)}.sort-indicator{display:inline-block;margin-left:4px;font-size:.55rem;vertical-align:middle}th:first-child{border-radius:var(--radius-sm) 0 0 0}th:last-child{border-radius:0 var(--radius-sm) 0 0}td{padding:6px var(--sp-3);font-size:.8rem;border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);transition:background var(--dur-fast)}tbody tr:nth-child(2n) td{background:var(--bg-inset)}td:first-child{font-family:var(--font-mono);font-size:.78rem;color:var(--text-primary)}tr.clickable{cursor:pointer}tr.clickable:hover td{background:var(--accent-dim);color:var(--text-primary)}.cell-editable{position:relative;cursor:text;padding:2px 4px;border-radius:var(--radius-xs);transition:background var(--dur-fast)}.cell-editable:hover{background:var(--accent-dim)}.cell-editable-input{width:100%;padding:3px 6px;background:var(--bg-raised);border:1px solid var(--accent);border-radius:var(--radius-xs);font-family:inherit;font-size:inherit;color:var(--text-primary);outline:none;box-shadow:var(--shadow-focus)}.empty-state{color:var(--text-tertiary);font-size:.84rem;padding:var(--sp-10) 0;text-align:center}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:var(--sp-3);padding-top:var(--sp-3);border-top:1px solid var(--border-subtle);font-family:var(--font-mono);font-size:.72rem;color:var(--text-tertiary)}.page-btns{display:flex;gap:2px;align-items:center}.page-btn{display:flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 6px;border:1px solid transparent;border-radius:var(--radius-xs);background:transparent;color:var(--text-secondary);font-family:var(--font-mono);font-size:.72rem;font-weight:500;cursor:pointer;transition:all var(--dur-fast)}.page-btn:hover:not(:disabled){background:var(--bg-surface);border-color:var(--border)}.page-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.page-btn:disabled{opacity:.3;cursor:not-allowed}.page-btn-ellipsis{display:flex;align-items:center;justify-content:center;width:28px;height:28px;color:var(--text-tertiary);font-family:var(--font-mono);font-size:.72rem}.pagination-info{display:flex;align-items:center;gap:var(--sp-3)}.per-page-select{padding:4px 24px 4px 8px;font-size:.72rem;font-family:var(--font-mono);border-radius:var(--radius-xs);border:1px solid var(--border);background:var(--bg-raised);color:var(--text-secondary)}.form-group{margin-bottom:var(--sp-4)}.form-group label{display:block;font-size:.8rem;font-weight:500;color:var(--text-secondary);margin-bottom:var(--sp-1)}.form-row{display:flex;flex-direction:column;gap:var(--sp-1)}.form-row label{font-size:.8rem;font-weight:500;color:var(--text-secondary)}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--sp-4);margin-bottom:var(--sp-4)}.checkbox-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--sp-3) var(--sp-5);margin-bottom:var(--sp-4);padding:var(--sp-3);background:var(--bg-inset);border:1px solid var(--border-subtle);border-radius:var(--radius-sm)}.detail-grid{display:grid;grid-template-columns:130px 1fr;gap:var(--sp-2) var(--sp-4);align-items:center}.detail-label{font-size:.8rem;font-weight:500;color:var(--text-tertiary)}.detail-value{font-family:var(--font-mono);font-size:.82rem;color:var(--text-primary)}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:var(--sp-2) 0;border-bottom:1px solid var(--border-subtle)}.detail-row:last-child{border-bottom:none}.detail-row .detail-label{color:var(--text-tertiary);font-size:.8rem;font-weight:500;flex-shrink:0}.detail-row .detail-value{font-family:var(--font-mono);font-size:.82rem;text-align:right}.detail-row input[type=text]{width:55%;padding:6px 10px;font-size:.8rem}.verdict-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--sp-3)}.detail-panel{animation:fadeUp .3s var(--ease-out)}.back-btn{display:inline-flex;align-items:center;gap:6px;background:transparent;color:var(--text-secondary);border:none;padding:0;font-family:var(--font-body);font-size:.8rem;cursor:pointer;margin-bottom:var(--sp-4);transition:color var(--dur-fast)}.back-btn:hover{color:var(--text-primary)}.back-btn svg{width:14px;height:14px}.detail-field{display:flex;justify-content:space-between;align-items:center;padding:var(--sp-2) 0;border-bottom:1px solid var(--border-subtle)}.detail-field .field-label{color:var(--text-tertiary);font-size:.8rem}.detail-field span:last-child{font-family:var(--font-mono);font-size:.8rem}.detail-field input[type=text]{width:50%;padding:6px 10px;font-size:.8rem}.detail-tabs{display:flex;gap:0;border-bottom:1px solid var(--border);margin-bottom:var(--sp-4)}.detail-tab{padding:8px 16px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-tertiary);font-family:var(--font-body);font-size:.82rem;font-weight:500;cursor:pointer;transition:all var(--dur-fast)}.detail-tab:hover{color:var(--text-secondary)}.detail-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.verdict-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-4);margin-bottom:var(--sp-2)}.verdict-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sp-2)}.verdict-header .framework{font-weight:600;font-size:.86rem;text-transform:capitalize}.verdict-summary{font-size:.8rem;color:var(--text-secondary);line-height:1.55}.verdict-meta{margin-top:var(--sp-2);font-family:var(--font-mono);font-size:.66rem;color:var(--text-tertiary)}.danger-zone{margin-top:var(--sp-5);padding:var(--sp-4);border:1px solid rgba(239,68,68,.18);border-radius:var(--radius);background:var(--red-dim)}.danger-zone h2{color:#dc2626;margin-bottom:var(--sp-2)}.danger-zone p{font-size:.8rem;color:var(--text-secondary);margin-bottom:var(--sp-3)}.health-row{display:flex;justify-content:space-between;align-items:center;padding:var(--sp-2) 0}.health-row+.health-row{border-top:1px solid var(--border-subtle)}.health-row span:first-child{font-size:.86rem}.health-header,.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sp-3)}.section-head h2{margin-bottom:0}.system-pill-tabs{display:flex;gap:2px;padding:3px;background:var(--bg-surface);border-radius:var(--radius-sm);margin-bottom:var(--sp-4);width:fit-content}.system-pill-tab{padding:6px 16px;background:transparent;border:none;border-radius:var(--radius-xs);color:var(--text-secondary);font-family:var(--font-body);font-size:.8rem;font-weight:500;cursor:pointer;transition:all var(--dur-fast);white-space:nowrap}.system-pill-tab:hover{color:var(--text-primary)}.system-pill-tab.active{background:var(--bg-raised);color:var(--text-primary);box-shadow:var(--shadow-sm)}.system-health-banner{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius);margin-bottom:var(--sp-4);font-size:.82rem;font-weight:500}.system-health-banner.ok{background:var(--green-dim);border:1px solid rgba(5,150,105,.15);color:var(--green)}.system-health-banner.degraded{background:var(--amber-dim);border:1px solid rgba(217,119,6,.15);color:#92400e}.system-health-banner.unknown{background:var(--bg-surface);border:1px solid var(--border);color:var(--text-secondary)}.bulk-delete-toggle{display:flex;align-items:center;gap:var(--sp-2);width:100%;padding:8px var(--sp-4);background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-tertiary);font-family:var(--font-body);font-size:.8rem;font-weight:500;cursor:pointer;transition:all var(--dur-fast);text-align:left}.bulk-delete-toggle:hover{border-color:#ef44444d;color:#dc2626;background:#fee2e226}.bulk-delete-toggle svg{width:14px;height:14px;flex-shrink:0;opacity:.5;transition:all var(--dur-norm)}.bulk-delete-toggle:hover svg{opacity:.8}.bulk-delete-toggle .chevron{margin-left:auto;transition:transform var(--dur-norm)}.bulk-delete-form{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3)}.bulk-delete-form .full-width{grid-column:1 / -1}.bulk-delete-card{border-color:#ef444426;background:var(--red-dim)}.bulk-delete-header{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:var(--sp-1) 0}.bulk-delete-header-left{display:flex;align-items:center;gap:var(--sp-3)}.bulk-delete-icon{width:32px;height:32px;border-radius:var(--radius-sm);background:#ef44441a;display:flex;align-items:center;justify-content:center;flex-shrink:0}.bulk-delete-icon svg{width:16px;height:16px;color:var(--red)}.bulk-delete-title{font-size:.86rem;font-weight:600;color:#dc2626}.bulk-delete-desc{font-size:.76rem;color:var(--text-secondary);margin-top:1px}.bulk-delete-chevron{width:16px;height:16px;color:var(--text-tertiary);transition:transform var(--dur-norm);flex-shrink:0}.bulk-delete-chevron.open{transform:rotate(180deg)}.bulk-delete-body{margin-top:var(--sp-4);padding-top:var(--sp-4);border-top:1px solid rgba(239,68,68,.12)}.kv-value-block{background:var(--bg-inset);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--sp-3);margin-top:var(--sp-2);font-family:var(--font-mono);font-size:.74rem;color:var(--text-secondary);white-space:pre-wrap;word-break:break-all;max-height:300px;overflow-y:auto}.table-actions{display:flex;gap:var(--sp-1)}.tip-text-cell{font-family:var(--font-body);color:var(--text-secondary)}.mono-cell{font-family:var(--font-mono);font-size:.7rem;color:var(--text-tertiary)}.date-cell{font-size:.78rem;white-space:nowrap}.loading{color:var(--text-tertiary);font-size:.82rem;display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-4) 0}.loading-centered{justify-content:center;padding:var(--sp-8) 0}.spinner{width:15px;height:15px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;display:inline-block}.mobile-menu-toggle{display:none;position:fixed;top:8px;left:10px;z-index:30;width:36px;height:36px;align-items:center;justify-content:center;background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;padding:0;box-shadow:var(--shadow-sm)}.mobile-menu-toggle:hover{color:var(--text-primary);background:var(--bg-hover)}.mobile-menu-toggle svg{width:16px;height:16px}.cache-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3);margin-bottom:var(--sp-3)}.quick-actions{display:flex;gap:var(--sp-2);flex-wrap:wrap}.quick-action-btn{display:inline-flex;align-items:center;gap:5px;padding:7px var(--sp-3);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font-body);font-size:.8rem;font-weight:500;cursor:pointer;transition:all var(--dur-fast);box-shadow:var(--shadow-xs)}.quick-action-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.quick-action-btn svg{width:13px;height:13px;opacity:.5}.quick-action-btn:hover svg{opacity:.8}.system-status{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:var(--radius-full);font-family:var(--font-mono);font-size:.7rem;font-weight:500;letter-spacing:.02em}.system-status-ok{background:var(--green-dim);color:var(--green)}.system-status-degraded{background:var(--amber-dim);color:#92400e}.system-status-dot{width:6px;height:6px;border-radius:50%}.system-status-ok .system-status-dot{background:var(--green);box-shadow:0 0 6px #05966966}.system-status-degraded .system-status-dot{background:#f59e0b}.empty-state-box{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--sp-8) var(--sp-5);text-align:center}.empty-state-box .empty-state-icon{width:44px;height:44px;color:var(--border);margin-bottom:var(--sp-3);opacity:.6}.empty-state-box p{color:var(--text-tertiary);font-size:.84rem}.empty-state-box .empty-state-hint{color:var(--text-tertiary);font-size:.76rem;margin-top:var(--sp-1);font-family:var(--font-mono)}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .15s var(--ease-out)}.dialog-card{background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius);padding:var(--sp-5);max-width:400px;width:90%;box-shadow:var(--shadow-lg);animation:fadeUp .2s var(--ease-out)}.dialog-icon{width:36px;height:36px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;margin-bottom:var(--sp-3)}.dialog-icon svg{width:18px;height:18px}.dialog-icon-danger{background:var(--red-dim);color:var(--red)}.dialog-title{font-size:.96rem;font-weight:600;margin-bottom:var(--sp-2)}.dialog-message{font-size:.84rem;color:var(--text-secondary);line-height:1.55;margin-bottom:var(--sp-4)}.dialog-actions{display:flex;gap:var(--sp-2);justify-content:flex-end}.input-with-icon{position:relative;flex:1;min-width:200px}.input-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:15px;height:15px;color:var(--text-tertiary);pointer-events:none}input.input-icon-field{width:100%;padding:8px 12px 8px 34px;background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-body);font-size:.84rem;outline:none;transition:border-color var(--dur-fast),box-shadow var(--dur-fast)}input.input-icon-field:focus{border-color:var(--accent);box-shadow:var(--shadow-focus)}input.input-icon-field::placeholder{color:var(--text-tertiary)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-4);margin-bottom:var(--sp-5)}.page-header-title{font-size:1.2rem;font-weight:600;letter-spacing:-.025em}.page-header-desc{font-size:.84rem;color:var(--text-secondary);margin-top:var(--sp-1)}.page-header-actions{display:flex;gap:var(--sp-2);flex-shrink:0}.overview-row{display:flex;gap:var(--sp-3);align-items:stretch;margin-bottom:var(--sp-3)}.overview-card-wide{flex:1;min-width:280px;margin-bottom:0}.overview-card-narrow{min-width:200px;margin-bottom:0}.activity-feed{display:flex;flex-direction:column;gap:0}.activity-item{display:flex;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-3) 0;border-bottom:1px solid var(--border-subtle);transition:background var(--dur-fast);font-size:.82rem}.activity-item:last-child{border-bottom:none}.activity-icon{width:28px;height:28px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.activity-icon svg{width:14px;height:14px}.activity-icon.scan{background:var(--blue-dim);color:var(--blue)}.activity-icon.product{background:var(--green-dim);color:var(--green)}.activity-icon.error{background:var(--red-dim);color:var(--red)}.activity-icon.verdict{background:var(--amber-dim);color:var(--amber)}.activity-content{flex:1;min-width:0}.activity-text{color:var(--text-secondary);line-height:1.4}.activity-text strong{color:var(--text-primary);font-weight:600}.activity-time{font-family:var(--font-mono);font-size:.66rem;color:var(--text-tertiary);margin-top:2px}.filter-bar{display:flex;gap:var(--sp-3);align-items:flex-end;flex-wrap:wrap}.filter-field{display:flex;flex-direction:column;gap:var(--sp-1);min-width:140px}.filter-field label{font-size:.72rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:0}.filter-field select{width:100%}.filter-actions{display:flex;gap:var(--sp-2);align-items:center;padding-bottom:1px}.toolbar-actions{display:flex;gap:var(--sp-2);align-items:center;flex-shrink:0}.cmd-palette-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:200;display:flex;align-items:flex-start;justify-content:center;padding-top:120px;animation:fadeIn .12s var(--ease-out)}.cmd-palette{width:520px;max-width:90vw;background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg),0 0 0 1px #0000000a;overflow:hidden;animation:fadeUp .15s var(--ease-out)}.cmd-palette-input-wrap{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border-subtle)}.cmd-palette-input-wrap svg{width:18px;height:18px;color:var(--text-tertiary);flex-shrink:0}.cmd-palette-input{flex:1;padding:4px 0;background:transparent;border:none;color:var(--text-primary);font-family:var(--font-body);font-size:.92rem;outline:none}.cmd-palette-input::placeholder{color:var(--text-tertiary)}.cmd-palette-list{max-height:340px;overflow-y:auto;padding:var(--sp-1) 0}.cmd-palette-section{padding:var(--sp-2) var(--sp-4) var(--sp-1);font-family:var(--font-mono);font-size:.58rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em}.cmd-palette-item{display:flex;align-items:center;gap:var(--sp-3);padding:8px var(--sp-4);cursor:pointer;transition:background var(--dur-fast);font-size:.84rem;color:var(--text-secondary)}.cmd-palette-item:hover,.cmd-palette-item.active{background:var(--bg-surface);color:var(--text-primary)}.cmd-palette-item svg{width:16px;height:16px;color:var(--text-tertiary);flex-shrink:0}.cmd-palette-item.active svg{color:var(--accent)}.cmd-palette-item-label{flex:1}.cmd-palette-item-hint{font-family:var(--font-mono);font-size:.66rem;color:var(--text-tertiary)}.cmd-palette-footer{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-2) var(--sp-4);border-top:1px solid var(--border-subtle);font-family:var(--font-mono);font-size:.62rem;color:var(--text-tertiary)}.cmd-palette-footer kbd{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;background:var(--bg-surface);border:1px solid var(--border);border-radius:3px;font-family:var(--font-mono);font-size:.58rem}.cmd-palette-empty{padding:var(--sp-6) var(--sp-4);text-align:center;color:var(--text-tertiary);font-size:.84rem}.cmd-palette-badge{font-family:var(--font-mono);font-size:.58rem;font-weight:600;padding:1px 6px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.04em;flex-shrink:0}.cmd-palette-badge-product{background:var(--blue-dim);color:var(--blue)}.cmd-palette-badge-ingredient{background:var(--green-dim);color:var(--green)}.collapsible-header{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:var(--sp-2) 0;-webkit-user-select:none;user-select:none}.collapsible-header h2{margin-bottom:0}.collapsible-chevron{width:16px;height:16px;color:var(--text-tertiary);transition:transform var(--dur-norm)}.collapsible-chevron.open{transform:rotate(180deg)}.collapsible-body{overflow:hidden;transition:max-height .25s var(--ease-out),opacity .2s}.collapsible-body.collapsed{max-height:0;opacity:0}.entity-link{color:var(--accent);text-decoration:none;font-weight:500;font-size:.82rem;cursor:pointer;transition:color var(--dur-fast),background var(--dur-fast);border-radius:var(--radius-xs);padding:1px 4px;margin:-1px -4px}.entity-link:hover{color:var(--accent-hover);background:var(--accent-dim)}.entity-link-mono{font-family:var(--font-mono);font-size:.76rem}.entity-link-product{color:var(--accent)}.entity-link-ingredient{color:var(--green)}.entity-link-ingredient:hover{color:#047857;background:var(--green-dim)}.entity-link-user{color:var(--amber)}.entity-link-user:hover{color:#b45309;background:var(--amber-dim)}.nutriscore-badge{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:var(--radius-xs);font-family:var(--font-mono);font-size:.64rem;font-weight:700;text-transform:uppercase;line-height:1}.nutriscore-a{background:#21a03d;color:#fff}.nutriscore-b{background:#84bb2c;color:#fff}.nutriscore-c{background:#fecb02;color:#1a1a1a}.nutriscore-d{background:#ee8100;color:#fff}.nutriscore-e{background:#e63312;color:#fff}.metrics-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--sp-3);margin-bottom:var(--sp-5)}.metrics-card{background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius);padding:var(--sp-4);position:relative;overflow:hidden;box-shadow:var(--shadow-xs);transition:all var(--dur-norm) var(--ease-in-out);cursor:pointer}.metrics-card:hover{border-color:var(--accent);box-shadow:var(--shadow-sm),0 0 0 1px var(--accent-glow);transform:translateY(-2px)}.metrics-card:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent),transparent 80%);opacity:0;transition:opacity var(--dur-norm)}.metrics-card:hover:after{opacity:.6}.metrics-card-label{font-family:var(--font-mono);font-size:.6rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--sp-2)}.metrics-card-value{font-family:var(--font-mono);font-size:1.5rem;font-weight:600;color:var(--text-primary);letter-spacing:-.02em;line-height:1}.metrics-card-subtitle{font-family:var(--font-mono);font-size:.62rem;font-weight:500;color:var(--text-tertiary);margin-top:var(--sp-1)}.metrics-card-subtitle.warn{color:var(--amber)}.metrics-card-icon{position:absolute;top:var(--sp-3);right:var(--sp-3);width:18px;height:18px;color:var(--text-tertiary);opacity:.25}.metrics-health-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:var(--sp-1);vertical-align:middle}.metrics-health-dot.ok{background:var(--green);box-shadow:0 0 8px #05966966}.metrics-health-dot.degraded{background:#f59e0b;box-shadow:0 0 8px #f59e0b66}.metrics-health-dot.unknown{background:var(--text-tertiary)}.data-quality-panel{display:flex;flex-direction:column;gap:var(--sp-3)}.quality-metric{display:flex;flex-direction:column;gap:var(--sp-1)}.quality-metric-header{display:flex;justify-content:space-between;align-items:center}.quality-metric-label{font-size:.8rem;font-weight:500;color:var(--text-secondary)}.quality-metric-value{font-family:var(--font-mono);font-size:.76rem;font-weight:600;color:var(--text-primary)}.quality-bar{height:6px;background:var(--bg-surface);border-radius:var(--radius-full);overflow:hidden}.quality-bar-fill{height:100%;border-radius:var(--radius-full);transition:width .8s var(--ease-out)}.quality-bar-fill.excellent{background:var(--green)}.quality-bar-fill.good{background:var(--blue)}.quality-bar-fill.fair{background:var(--amber)}.quality-bar-fill.poor{background:var(--red)}.quick-actions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-3)}.quick-action-card{background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius);padding:var(--sp-4);cursor:pointer;transition:all var(--dur-norm) var(--ease-in-out);display:flex;flex-direction:column;gap:var(--sp-2)}.quick-action-card:hover{border-color:var(--accent);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.quick-action-card-icon{width:32px;height:32px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.quick-action-card-icon svg{width:16px;height:16px}.quick-action-card-icon.blue{background:var(--blue-dim);color:var(--blue)}.quick-action-card-icon.green{background:var(--green-dim);color:var(--green)}.quick-action-card-icon.amber{background:var(--amber-dim);color:var(--amber)}.quick-action-card-icon.red{background:var(--red-dim);color:var(--red)}.quick-action-card-title{font-size:.84rem;font-weight:600;color:var(--text-primary)}.quick-action-card-desc{font-size:.76rem;color:var(--text-tertiary);line-height:1.4}.quick-action-form{display:flex;gap:var(--sp-2);margin-top:var(--sp-1)}.quick-action-form input{flex:1;padding:6px 10px;font-size:.8rem}.system-summary{display:flex;align-items:center;gap:var(--sp-5);flex-wrap:wrap}.system-summary-item{display:flex;align-items:center;gap:var(--sp-2);font-size:.8rem;color:var(--text-secondary)}.system-summary-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.system-summary-dot.ok{background:var(--green);box-shadow:0 0 6px #05966966}.system-summary-dot.error{background:var(--red);box-shadow:0 0 6px #dc262666}.system-summary-dot.unknown{background:var(--text-tertiary)}.system-summary-label{font-weight:500}.system-summary-value{font-family:var(--font-mono);font-size:.72rem;color:var(--text-tertiary)}.skeleton{background:linear-gradient(90deg,var(--bg-surface) 25%,var(--bg-hover) 50%,var(--bg-surface) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-xs)}.skeleton-text{height:12px;margin-bottom:var(--sp-2)}.skeleton-text-lg{height:24px;width:120px;margin-bottom:var(--sp-2)}.skeleton-text-sm{height:10px;width:80px}.skeleton-card{height:100px;border-radius:var(--radius)}.skeleton-bar{height:6px;border-radius:var(--radius-full)}.toast-container{position:fixed;bottom:var(--sp-5);right:var(--sp-5);z-index:300;display:flex;flex-direction:column-reverse;gap:var(--sp-2)}.toast{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);font-size:.82rem;animation:slideInRight .3s var(--ease-out);min-width:280px;max-width:400px}.toast-success{border-left:3px solid var(--green)}.toast-error{border-left:3px solid var(--red)}.toast-info{border-left:3px solid var(--blue)}.toast-icon{width:16px;height:16px;flex-shrink:0}.toast-success .toast-icon{color:var(--green)}.toast-error .toast-icon{color:var(--red)}.toast-info .toast-icon{color:var(--blue)}.toast-message{flex:1;color:var(--text-secondary)}.toast-close{width:20px;height:20px;padding:0;background:none;border:none;color:var(--text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-xs);transition:all var(--dur-fast)}.toast-close:hover{background:var(--bg-surface);color:var(--text-secondary)}.toast-close svg{width:12px;height:12px}.toggle-chips{display:flex;gap:var(--sp-1);flex-wrap:wrap}.toggle-chip{padding:4px 12px;border:1px solid var(--border);border-radius:var(--radius-full);background:var(--bg-raised);color:var(--text-secondary);font-family:var(--font-body);font-size:.76rem;font-weight:500;cursor:pointer;transition:all var(--dur-fast)}.toggle-chip:hover{border-color:var(--accent);color:var(--accent)}.toggle-chip.active{background:var(--accent);border-color:var(--accent);color:#fff}.confidence-meter{display:flex;align-items:center;gap:var(--sp-2)}.confidence-meter-bar{flex:1;height:4px;background:var(--bg-surface);border-radius:var(--radius-full);overflow:hidden}.confidence-meter-fill{height:100%;border-radius:var(--radius-full);transition:width .6s var(--ease-out)}.confidence-meter-fill.high{background:var(--green)}.confidence-meter-fill.medium{background:var(--amber)}.confidence-meter-fill.low{background:var(--red)}.confidence-meter-label{font-family:var(--font-mono);font-size:.66rem;font-weight:600;color:var(--text-tertiary);white-space:nowrap}.segment-pills{display:flex;gap:0;padding:2px;background:var(--bg-surface);border-radius:var(--radius-sm);width:fit-content}.segment-pill{padding:5px 14px;background:transparent;border:none;border-radius:var(--radius-xs);color:var(--text-secondary);font-family:var(--font-body);font-size:.76rem;font-weight:500;cursor:pointer;transition:all var(--dur-fast);white-space:nowrap}.segment-pill:hover{color:var(--text-primary)}.segment-pill.active{background:var(--bg-raised);color:var(--text-primary);box-shadow:var(--shadow-sm)}.view-toggle{display:flex;gap:0;padding:2px;background:var(--bg-surface);border-radius:var(--radius-xs)}.view-toggle-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:none;border-radius:var(--radius-xs);color:var(--text-tertiary);cursor:pointer;transition:all var(--dur-fast)}.view-toggle-btn:hover{color:var(--text-secondary)}.view-toggle-btn.active{background:var(--bg-raised);color:var(--text-primary);box-shadow:var(--shadow-xs)}.view-toggle-btn svg{width:14px;height:14px}.product-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--sp-3)}.product-card{background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius);padding:var(--sp-4);cursor:pointer;transition:all var(--dur-norm) var(--ease-in-out)}.product-card:hover{border-color:var(--accent);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.product-card-image{width:100%;height:100px;object-fit:contain;border-radius:var(--radius-xs);background:var(--bg-surface);margin-bottom:var(--sp-3)}.product-card-name{font-size:.84rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--sp-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-card-barcode{font-family:var(--font-mono);font-size:.68rem;color:var(--text-tertiary)}.product-card-meta{display:flex;align-items:center;gap:var(--sp-2);margin-top:var(--sp-2)}.verdict-matrix{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--sp-2)}.verdict-matrix-cell{display:flex;flex-direction:column;align-items:center;gap:var(--sp-1);padding:var(--sp-3);border-radius:var(--radius-sm);text-align:center;transition:all var(--dur-fast)}.verdict-matrix-cell.safe{background:var(--green-dim)}.verdict-matrix-cell.unsafe{background:var(--red-dim)}.verdict-matrix-cell.caution{background:var(--amber-dim)}.verdict-matrix-cell.unknown{background:var(--bg-surface)}.verdict-matrix-framework{font-size:.7rem;font-weight:600;text-transform:capitalize}.verdict-matrix-status{font-family:var(--font-mono);font-size:.62rem;text-transform:uppercase;letter-spacing:.04em}.flag-heatmap{display:grid;grid-template-columns:repeat(auto-fill,minmax(32px,1fr));gap:2px}.flag-heatmap-cell{aspect-ratio:1;border-radius:var(--radius-xs);display:flex;align-items:center;justify-content:center;font-size:.56rem;font-weight:600;transition:all var(--dur-fast);cursor:default}.flag-heatmap-cell.active{background:var(--accent-dim);color:var(--accent)}.flag-heatmap-cell.inactive{background:var(--bg-surface);color:var(--text-tertiary)}.enhanced-feed{display:flex;flex-direction:column;gap:0}.enhanced-feed-item{display:flex;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border-subtle);transition:background var(--dur-fast);animation:fadeUp .3s var(--ease-out)}.enhanced-feed-item:hover{background:var(--bg-surface)}.enhanced-feed-item:last-child{border-bottom:none}.enhanced-feed-icon{width:28px;height:28px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.enhanced-feed-icon svg{width:14px;height:14px}.enhanced-feed-icon.scan{background:var(--blue-dim);color:var(--blue)}.enhanced-feed-icon.product{background:var(--green-dim);color:var(--green)}.enhanced-feed-icon.error{background:var(--red-dim);color:var(--red)}.enhanced-feed-icon.verdict{background:var(--amber-dim);color:var(--amber)}.enhanced-feed-content{flex:1;min-width:0}.enhanced-feed-text{font-size:.82rem;color:var(--text-secondary);line-height:1.4}.enhanced-feed-text strong{color:var(--text-primary);font-weight:600}.enhanced-feed-time{font-family:var(--font-mono);font-size:.62rem;color:var(--text-tertiary);margin-top:2px}.enhanced-feed-refresh{display:flex;align-items:center;gap:var(--sp-2);font-family:var(--font-mono);font-size:.62rem;color:var(--text-tertiary);padding:var(--sp-2) var(--sp-4);border-top:1px solid var(--border-subtle)}.enhanced-feed-refresh .dot{width:6px;height:6px;border-radius:50%;background:var(--green);animation:pulse 2s ease-in-out infinite}.overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4);margin-bottom:var(--sp-4)}.overview-grid-full{grid-column:1 / -1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes msgIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@media (max-width: 1200px){.metrics-strip{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1024px){.stats-grid{grid-template-columns:repeat(3,1fr)}.form-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.quick-actions-grid{grid-template-columns:repeat(2,1fr)}.overview-grid{grid-template-columns:1fr}}@media (max-width: 768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0);width:var(--sidebar-w)}.sidebar.collapsed{width:var(--sidebar-w)}.sidebar-backdrop.open{display:block}.main-content,.main-content.sidebar-collapsed{margin-left:0}.mobile-menu-toggle{display:flex}.topbar{padding-left:54px}.topbar-search{display:none}.content-area{padding:var(--sp-4) var(--sp-3) 48px}.stats-grid,.metrics-strip{grid-template-columns:repeat(2,1fr)}.cache-grid{grid-template-columns:1fr}.filter-row{flex-direction:column}.filter-row select{width:100%}.bulk-delete-form{grid-template-columns:1fr}.toolbar{flex-direction:column;align-items:stretch}.toolbar>input,.toolbar>select{width:100%;min-width:0}.form-grid{grid-template-columns:1fr}.checkbox-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.detail-grid,.verdict-grid{grid-template-columns:1fr}.overview-row{flex-direction:column}.filter-bar{flex-direction:column;align-items:stretch}.filter-actions{justify-content:flex-start}.cmd-palette-backdrop{padding-top:60px}.sidebar-collapse-btn{display:none}.quick-actions-grid,.product-card-grid{grid-template-columns:1fr}}