@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg: #f4f7fc;--surface: #ffffff;--surface-2: #f8fafd;--ink: #0f1a2e;--ink-2: #33415a;--muted: #64748b;--line: #e7ecf5;--line-strong: #d5dded;--brand: #2563eb;--brand-strong: #1d4ed8;--brand-050: #eef3ff;--brand-100: #dfeaff;--brand-ink: #14213d;--accent: #0ea5b7;--danger: #dc2b4b;--danger-050: #fdecef;--success: #12915f;--success-050: #e6f6ee;--warn: #b7791f;--warn-050: #fdf3e4;--r-sm: 9px;--r: 12px;--r-lg: 16px;--r-pill: 999px;--shadow-xs: 0 1px 2px rgba(15, 23, 42, .06);--shadow-sm: 0 1px 2px rgba(15, 23, 42, .05), 0 2px 6px rgba(15, 23, 42, .05);--shadow: 0 6px 22px rgba(16, 32, 70, .09);--shadow-lg: 0 20px 60px rgba(16, 32, 70, .16);--ring: 0 0 0 3px rgba(37, 99, 235, .28);--mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0}h1{font-size:27px;font-weight:800;letter-spacing:-.02em;margin:0 0 4px}h2{font-size:20px;font-weight:700;letter-spacing:-.01em;margin:30px 0 12px}h3{font-size:16px;font-weight:700;letter-spacing:-.01em;margin:0 0 6px}p{line-height:1.55}a{color:var(--brand-strong)}.muted{color:var(--muted)}.small{font-size:13px}.mono{font-family:var(--mono);font-feature-settings:"tnum" 1;letter-spacing:-.01em}.center{min-height:100vh;display:grid;place-items:center}:focus-visible{outline:none;box-shadow:var(--ring);border-radius:8px}button{font:inherit;font-weight:600;border:1px solid transparent;border-radius:var(--r-sm);padding:9px 16px;background:var(--brand);color:#fff;cursor:pointer;box-shadow:var(--shadow-xs);transition:background .15s ease,box-shadow .15s ease,transform .05s ease,border-color .15s ease}button:hover{background:var(--brand-strong)}button:active{transform:translateY(1px)}button:disabled{opacity:.55;cursor:default;box-shadow:none}button.secondary{background:var(--brand-050);color:var(--brand-strong);border-color:var(--brand-100);box-shadow:none}button.secondary:hover{background:var(--brand-100)}button.ghost{background:transparent;color:var(--muted);padding:8px 12px;box-shadow:none}button.ghost:hover{background:var(--surface-2);color:var(--ink-2)}button.danger{background:var(--danger);color:#fff}button.danger:hover{background:#c02341}button.danger-text{background:transparent;color:var(--danger);box-shadow:none;padding:8px 12px}button.danger-text:hover{background:var(--danger-050)}button.tiny{padding:3px 9px;font-size:12px;border-radius:7px;box-shadow:none}button.small{padding:6px 11px;font-size:13px}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(1200px 500px at 50% -10%,#eaf1ff 0%,var(--bg) 55%)}.auth-card{width:min(400px,100%);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:36px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:14px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:700;color:var(--muted);margin:0}label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600;color:var(--brand-ink)}input,textarea,select{font:inherit;padding:10px 12px;border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--surface);color:var(--ink);transition:border-color .15s ease,box-shadow .15s ease}input::placeholder,textarea::placeholder{color:#9aa7bd}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--brand);box-shadow:var(--ring)}.app{min-height:100vh}.topbar{display:flex;align-items:center;gap:26px;padding:0 26px;height:60px;background:#ffffffdb;-webkit-backdrop-filter:saturate(1.4) blur(8px);backdrop-filter:saturate(1.4) blur(8px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:9px;font-weight:800;letter-spacing:-.01em;font-size:16px}.logo-mark{display:block;border-radius:9px;box-shadow:var(--shadow-xs);flex:none}.logo{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:linear-gradient(135deg,var(--brand),var(--brand-strong));color:#fff;font-size:13px;font-weight:800;box-shadow:var(--shadow-xs)}.topbar nav{display:flex;gap:2px;flex-wrap:wrap}.topbar nav a{text-decoration:none;color:var(--muted);font-weight:600;font-size:14px;padding:8px 12px;border-radius:9px;transition:background .15s ease,color .15s ease}.topbar nav a:hover{color:var(--ink);background:var(--surface-2)}.topbar nav a.active{color:var(--brand-strong);background:var(--brand-050)}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:12px;color:var(--muted);font-size:14px}.content{max-width:1280px;margin:0 auto;padding:30px 26px 72px}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.notice{background:var(--brand-050);color:var(--brand-ink);padding:11px 14px;border-radius:var(--r-sm);border:1px solid var(--brand-100);font-size:14px}.error{color:var(--danger);font-weight:600;margin:0}.success{color:var(--success);font-weight:600;margin:0}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:20px;box-shadow:var(--shadow-sm)}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.shop-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:18px;display:flex;justify-content:space-between;align-items:flex-end;gap:12px;box-shadow:var(--shadow-sm);transition:box-shadow .15s ease,transform .1s ease}.shop-card:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.webshop-form{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:22px;margin:18px 0;display:flex;flex-direction:column;gap:12px;max-width:520px;box-shadow:var(--shadow-sm)}.form-actions{display:flex;gap:10px;margin-top:6px}.search{display:flex;gap:8px}.search input{min-width:260px}.table-wrap{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow-x:auto;box-shadow:var(--shadow-sm)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:11px 16px;font-size:14px}td{font-variant-numeric:tabular-nums}thead th{background:var(--surface-2);color:var(--muted);font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;border-bottom:1px solid var(--line)}tbody tr{border-top:1px solid var(--line);transition:background .12s ease}tbody tr:hover{background:var(--surface-2)}.table-wrap.cockpit th,.table-wrap.cockpit td{padding:9px 10px;font-size:13.5px}.table-wrap.cockpit input{width:78px}.table-wrap.cockpit td:nth-child(2),.table-wrap.cockpit th:nth-child(2),.table-wrap.cockpit td:nth-child(3),.table-wrap.cockpit th:nth-child(3),.table-wrap.cockpit td:nth-child(7),.table-wrap.cockpit th:nth-child(7){text-align:right}.badge{display:inline-block;padding:3px 10px;border-radius:var(--r-pill);font-size:12px;font-weight:700;background:var(--brand-050);color:var(--brand-strong);border:1px solid var(--brand-100)}.badge-publish{background:var(--success-050);color:var(--success);border-color:#c7ecd7}.badge-draft{background:var(--warn-050);color:var(--warn);border-color:#f3e2c2}.badge-onbekend{background:#eef1f6;color:var(--muted);border-color:#e2e7f0}.badge-prullenbak{background:var(--danger-050);color:var(--danger);border-color:#f6d3da}.badge-attention{background:var(--warn-050);color:var(--warn);border-color:#f3e2c2}.inline-edit{display:flex;gap:8px}.inline-edit input{min-width:160px;padding:7px 10px}.row-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end;white-space:nowrap}.hint{margin-left:8px;font-size:11px;color:var(--muted);background:var(--surface-2);border:1px solid var(--line);padding:2px 7px;border-radius:7px}.dup-group{margin:18px 0}.dup-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}.import-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:14px;margin:12px 0;box-shadow:var(--shadow-sm)}.enrich-layout{display:grid;grid-template-columns:320px 1fr;gap:18px;align-items:start}.enrich-list{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:12px;box-shadow:var(--shadow-sm)}.tabs{display:flex;gap:6px;margin-bottom:10px;flex-wrap:wrap}.chip{background:var(--surface);color:var(--ink-2);padding:6px 13px;border-radius:var(--r-pill);font-size:13px;font-weight:600;text-transform:capitalize;border:1px solid var(--line-strong);cursor:pointer;transition:background .12s ease,color .12s ease,border-color .12s ease}.chip:hover{background:var(--surface-2);border-color:var(--brand-100)}.chip.active{background:var(--brand);color:#fff;border-color:var(--brand);box-shadow:var(--shadow-xs)}.proposal-list{list-style:none;margin:0;padding:0;max-height:70vh;overflow:auto}.proposal-list li{display:flex;flex-direction:column;gap:2px;padding:11px;border-radius:10px;cursor:pointer;border:1px solid transparent;transition:background .12s ease,border-color .12s ease}.proposal-list li:hover{background:var(--surface-2)}.proposal-list li.selected{background:var(--brand-050);border-color:var(--brand-100)}.proposal-list .hint{align-self:flex-start;margin:4px 0 0}.enrich-detail{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:22px;min-height:300px;box-shadow:var(--shadow-sm)}.detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.detail-actions{display:flex;gap:8px;flex-wrap:wrap}.block{margin-top:20px;border-top:1px solid var(--line);padding-top:16px}.proposed{font-size:17px;font-weight:600;color:var(--brand-ink)}.img-row{display:flex;gap:10px;flex-wrap:wrap}.img-row img{width:92px;height:92px;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:9px}.attr-table{width:100%;border-collapse:collapse}.attr-table td{padding:7px 8px;border-top:1px solid var(--line);font-size:14px;vertical-align:top}.attr-table td:first-child{width:45%}.html-preview{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-sm);padding:4px 16px}.html-preview h2{font-size:16px;margin:14px 0 6px}.html-preview p,.html-preview li{font-size:14px;line-height:1.55}.block .hint{margin:0 6px 4px 0;display:inline-block}@media(max-width:860px){.enrich-layout{grid-template-columns:1fr}}.settings-block{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:20px;margin-top:14px;display:flex;flex-direction:column;gap:12px;box-shadow:var(--shadow-sm)}.settings-block textarea{font:inherit;font-size:13px;padding:12px;border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--surface);resize:vertical;line-height:1.5}.settings-block button{align-self:flex-start}.model-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.model-card{border:1px solid var(--line);border-radius:var(--r-sm);padding:14px;background:var(--surface)}.model-card ul{list-style:none;margin:6px 0 10px;padding:0}.model-card li{display:flex;justify-content:space-between;align-items:center;font-size:14px;padding:3px 0;border-bottom:1px solid var(--line)}.alias-form{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.alias-form select,.alias-form input{font:inherit;padding:9px 10px;border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--surface)}.alias-form input{min-width:220px}.couple-list{list-style:none;margin:6px 0 10px;padding:0}.couple-list li{padding:6px 0;border-bottom:1px solid var(--line)}.couple-row{display:flex;justify-content:space-between;align-items:center}.couple-name{font-size:14px;font-weight:600}.couple-list select{width:100%;margin-top:4px;font:inherit;font-size:13px;padding:6px 8px;border:1px solid var(--line-strong);border-radius:8px;background:var(--surface)}.badge.map-ok{background:var(--success-050);color:var(--success);border-color:#c7ecd7}.badge.map-suggestie{background:var(--warn-050);color:var(--warn);border-color:#f3e2c2}.badge.map-leeg{background:#eef1f6;color:var(--muted);border-color:#e2e7f0}.badge.map-geen_koppeling{background:var(--danger-050);color:var(--danger);border-color:#f6d3da}.supplier-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin:6px 0}.supplier-grid>div{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-sm);padding:9px 11px}.supplier-value{font-size:16px;font-weight:700;margin:2px 0 0;font-variant-numeric:tabular-nums}.trend{font-size:13px;font-weight:600}.trend.up{color:var(--danger)}.trend.down{color:var(--success)}.attr-table select{font:inherit;font-size:13px;padding:4px 6px;border:1px solid var(--line-strong);border-radius:8px;background:var(--surface)}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}