:root{color-scheme:dark;--app-bg: #16171a;--panel-bg: #1c1d20;--gallery-bg: #131418;--input-bg: #23252a;--btn-bg: #26282d;--border: rgba(255, 255, 255, .08);--border-mid: rgba(255, 255, 255, .14);--text-primary: #ececef;--text-second: #c8c9ce;--text-muted: #9a9ba1;--text-hint: #787982;--accent: #d8d9dd;--accent-text: #16171a;--gold: #ffd60a;--shadow: 0 18px 50px rgba(0, 0, 0, .4);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--app-bg);color:var(--text-primary)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--app-bg)}button,input,select{font:inherit}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;padding-bottom:40px}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:66px;padding:12px 22px;border-bottom:1px solid var(--border);background:#16171aeb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand-mark{display:inline-flex;align-items:center;gap:12px;min-width:0}.brand-mark img{width:36px;height:36px}.brand-mark span{display:grid;gap:1px}.brand-mark strong{font-size:14px;letter-spacing:0}.brand-mark small{color:var(--text-muted);font-size:12px}.brand-mark .product-title{color:var(--text-primary);font-size:24px;font-weight:850;line-height:.95}.topnav{display:flex;align-items:center;gap:6px;padding:4px;border:1px solid var(--border);background:var(--gallery-bg)}.topnav a{min-width:64px;padding:8px 12px;color:var(--text-muted);text-align:center;font-size:13px}.topnav a.active,.topnav a:hover{background:var(--btn-bg);color:var(--text-primary)}.intro-band{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 22px;border-bottom:1px solid var(--border)}.intro-band h1{margin:2px 0 8px;font-size:clamp(34px,6vw,68px);line-height:.95;letter-spacing:0}.eyebrow{margin:0;color:var(--gold);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.lede{max-width:720px;margin:0;color:var(--text-second);font-size:15px;line-height:1.45}.report-link{flex:0 0 auto;min-height:38px;padding:0 13px;background:transparent;color:var(--text-second)}.report-link:hover{border-color:#ffd60a7a;color:var(--text-primary)}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;padding:1px 22px 0;background:var(--border)}.metric{display:grid;gap:8px;min-height:96px;padding:18px;background:var(--panel-bg)}.metric span{color:var(--text-muted);font-size:12px;text-transform:uppercase}.metric strong{font-size:28px}.metric-button{border:0;color:var(--text-primary);text-align:left}.metric-button:hover,.metric-button.active{background:var(--input-bg)}.metric-button small{color:var(--text-muted);font-size:12px}.database-panel{margin:22px;border:1px solid var(--border-mid);background:var(--panel-bg);box-shadow:var(--shadow)}.brand-strip{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1px;margin:0 22px 22px;border:1px solid var(--border);background:var(--border)}.brand-chip{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:58px;padding:9px 12px;border:0;background:var(--panel-bg);color:var(--text-second);text-align:left}.brand-chip:hover,.brand-chip.active{background:var(--input-bg);color:var(--text-primary)}.brand-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.brand-chip small{color:var(--text-muted);font-variant-numeric:tabular-nums}.brand-chip.all .brand-initial{width:42px;height:28px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px;border-bottom:1px solid var(--border)}.panel-head h2{margin:0;font-size:20px}.panel-head p{margin:4px 0 0;color:var(--text-muted);font-size:13px}.panel-actions{position:relative;display:flex;align-items:end;gap:10px}.column-tools{position:relative}.column-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:30;width:min(560px,calc(100vw - 44px));padding:10px;border:1px solid var(--border-mid);background:var(--panel-bg);box-shadow:var(--shadow)}.column-menu-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;max-height:430px;overflow:auto}.column-menu section{display:grid;align-content:start;gap:4px;min-width:0}.column-menu section+section{border-left:1px solid var(--border);padding-left:12px}.column-menu h3{margin:2px 4px 8px;color:var(--text-muted);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.column-check{display:flex;align-items:center;gap:8px;min-height:28px;padding:3px 5px;color:var(--text-second);font-size:12px}.column-check input{width:14px;min-height:14px;accent-color:var(--gold)}.column-order-row{display:flex;align-items:center;gap:8px;min-height:30px;padding:0 8px;border:1px solid var(--border);background:var(--input-bg);color:var(--text-second);cursor:grab;font-size:12px}.column-order-row.dragging{border-color:#ffd60a8c;color:var(--text-primary)}.drag-handle{color:var(--text-hint);font-weight:900;letter-spacing:0}.column-reset{width:100%;min-height:36px;margin-top:10px;background:transparent;color:var(--text-muted)}.filters{display:grid;grid-template-columns:360px 170px 150px auto;gap:10px;padding:14px 18px 18px;border-bottom:1px solid var(--border);align-items:end}.search-field,.select-field{display:grid;gap:7px;min-width:0}.search-field span,.select-field span{color:var(--text-muted);font-size:11px;font-weight:700;text-transform:uppercase}input,select{width:100%;min-height:40px;border:1px solid var(--border-mid);border-radius:0;background:var(--input-bg);color:var(--text-primary);outline:none;padding:0 12px}input:focus,select:focus{border-color:#ffd60a8c}.search-input-wrap{position:relative;display:block}.search-input-wrap input{padding-right:42px}.clear-search{position:absolute;top:6px;right:6px;display:inline-grid;place-items:center;width:28px;height:28px;border-color:transparent;background:transparent;color:var(--text-muted);font-size:15px;line-height:1}.clear-search:hover{border-color:var(--border);background:var(--btn-bg);color:var(--text-primary)}button{border:1px solid var(--border-mid);background:var(--btn-bg);color:var(--text-primary);cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.secondary-btn,.ghost-btn{min-height:40px;padding:0 14px;align-self:end}.secondary-btn{background:var(--accent);color:var(--accent-text);font-weight:750}.ghost-btn{background:transparent}.table-wrap{position:relative;overflow:auto;max-height:min(68vh,820px)}table{width:max-content;min-width:100%;border-collapse:collapse;table-layout:fixed}thead{position:sticky;top:0;z-index:5;background:#202126}th,td{border-bottom:1px solid var(--border);border-right:1px solid var(--border);padding:9px 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;font-size:13px}th{color:var(--text-muted);text-align:left;font-size:11px;font-weight:800;text-transform:uppercase;-webkit-user-select:none;user-select:none;cursor:grab}th span{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis}tbody tr:hover{background:#ffffff09}.clickable-row{cursor:pointer}.clickable-row:focus{outline:2px solid rgba(255,214,10,.48);outline-offset:-2px}.camera-link{display:block;max-width:100%;overflow:hidden;border:0;background:transparent;color:var(--text-primary);text-align:left;text-overflow:ellipsis;white-space:nowrap;padding:0}.camera-link:hover{color:var(--gold)}.brand-cell{position:relative;display:inline-block;max-width:100%}.brand-cell>span:first-child{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand-hover-card{position:absolute;left:0;top:calc(100% + 8px);z-index:25;display:none;align-items:center;justify-content:center;min-width:116px;min-height:54px;padding:10px 14px;border:1px solid var(--border-mid);background:var(--panel-bg);box-shadow:var(--shadow);pointer-events:none}.brand-cell:hover .brand-hover-card{display:inline-flex}.brand-hover-card .brand-logo,.brand-hover-card .brand-initial{width:84px;height:34px}.brand-logo,.brand-initial{display:inline-grid;place-items:center;flex:0 0 auto;width:34px;height:22px}.brand-logo{object-fit:contain;filter:saturate(.92) contrast(1.02)}.brand-initial{border:1px solid var(--border);background:var(--gallery-bg);color:var(--text-muted);font-size:11px;font-weight:800}.thumb{display:grid;place-items:center;width:52px;height:42px;border:1px solid var(--border);background:var(--gallery-bg);padding:2px}.thumb img{max-width:100%;max-height:100%;object-fit:contain}.blank{color:var(--text-hint);font-size:12px}.image-placeholder{display:inline-block;width:52px;height:42px;border:1px dashed var(--border);background:linear-gradient(135deg,#ffffff08,#ffffff03)}.image-placeholder.large{width:92px;height:68px}.loading,.empty-state{padding:28px;color:var(--text-muted)}.empty-state{margin:22px;border:1px solid var(--border-mid);background:var(--panel-bg)}.pager{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:14px 18px;border-top:1px solid var(--border);color:var(--text-muted);font-size:13px}.pager button{min-width:92px;min-height:36px}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;justify-content:flex-end;background:#0000008c}.drawer{width:min(520px,100vw);height:100%;overflow:auto;border-left:1px solid var(--border-mid);background:var(--panel-bg);box-shadow:var(--shadow)}.drawer-head{display:flex;justify-content:space-between;gap:16px;padding:20px;border-bottom:1px solid var(--border)}.drawer-head h2{margin:0}.drawer-brand{display:inline-flex;align-items:center;gap:10px;margin:0;color:var(--text-muted);font-size:12px;text-transform:uppercase}.drawer-brand .brand-logo,.drawer-brand .brand-initial{width:54px;height:28px}.drawer-head h2{margin-top:5px;font-size:26px;line-height:1.08}.icon-btn{flex:0 0 auto;width:38px;height:38px}.hero-camera{display:grid;place-items:center;min-height:220px;margin:20px;border:1px solid var(--border);background:var(--gallery-bg)}.hero-camera img{max-width:92%;max-height:260px;object-fit:contain}.hero-camera span{color:var(--text-hint)}.drawer-actions{margin:20px;padding-top:16px;border-top:1px solid var(--border)}.spec-block{margin:20px;border-top:1px solid var(--border)}.spec-block h3{margin:16px 0 12px;font-size:14px;text-transform:uppercase;color:var(--text-muted)}.spec-block dl{margin:0}.spec-block div{display:grid;grid-template-columns:140px minmax(0,1fr);gap:12px;padding:9px 0;border-bottom:1px solid var(--border)}.spec-block dt{color:var(--text-muted);font-size:12px}.spec-block dd{margin:0;color:var(--text-primary);line-height:1.4;word-break:break-word}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:18px;background:#0000009e}.report-modal{width:min(560px,100%);max-height:min(860px,calc(100vh - 36px));overflow:auto;border:1px solid var(--border-mid);background:var(--panel-bg);box-shadow:var(--shadow);padding:18px}.modal-head{display:flex;justify-content:space-between;gap:18px;margin-bottom:16px}.modal-head h2{margin:4px 0 0;font-size:24px;line-height:1.08}.text-field{display:grid;gap:7px;margin-top:12px}.text-field span,.current-value span{color:var(--text-muted);font-size:11px;font-weight:700;text-transform:uppercase}textarea{width:100%;min-height:104px;border:1px solid var(--border-mid);border-radius:0;background:var(--input-bg);color:var(--text-primary);outline:none;padding:10px 12px;resize:vertical;font:inherit}textarea:focus{border-color:#ffd60a8c}.current-value{display:grid;gap:7px;margin-top:12px;padding:10px 12px;border:1px solid var(--border);background:var(--gallery-bg)}.current-value strong{color:var(--text-second);font-size:13px;font-weight:600;line-height:1.45}.hidden-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.report-actions{display:flex;gap:10px;margin-top:16px}.report-status{margin:12px 0 0;color:var(--text-second);font-size:13px;line-height:1.45}@media(max-width:980px){.intro-band{align-items:start;flex-direction:column}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-strip{margin-bottom:18px}.filters{grid-template-columns:1fr 1fr}.panel-head{align-items:stretch;flex-direction:column}.panel-actions{justify-content:flex-end}.search-field,.ghost-btn{grid-column:1 / -1}}@media(max-width:640px){.topbar{align-items:start;flex-direction:column}.topnav{width:100%}.topnav a{flex:1}.intro-band,.metric-grid{padding-left:14px;padding-right:14px}.database-panel{margin:14px}.metric-grid,.filters{grid-template-columns:1fr}.brand-strip{margin-left:14px;margin-right:14px}.brand-chip{min-height:54px}.search-field,.ghost-btn{grid-column:auto}.panel-actions{flex-direction:column}.panel-actions,.column-tools,.panel-actions button{width:100%}.column-menu{right:auto;left:0}.column-menu-grid{grid-template-columns:1fr}.column-menu section+section{border-left:0;border-top:1px solid var(--border);padding-left:0;padding-top:10px}}