:root{color:#152127;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 0 0,#24748133,#0000 28%),radial-gradient(circle at 100% 100%,#bd7d2b33,#0000 24%),linear-gradient(#edf1ef 0%,#dde5e1 100%);font-family:Avenir Next,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}#root{min-height:100vh}.app-shell{max-width:1460px;margin:0 auto;padding:24px}.panel-surface,.summary-card,.detail-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffcdb;border:1px solid #15212714;border-radius:24px;box-shadow:0 24px 60px #21312f1f}.hero-banner{grid-template-columns:minmax(0,1.7fr) minmax(300px,.9fr);gap:24px;margin-bottom:20px;padding:28px;display:grid}.hero-copy,.hero-meta,.stack-form,.info-stack{flex-direction:column;gap:12px;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:#8b5b1f;margin:0;font-size:.72rem}.hero-banner h1,.panel-header h2{color:#10242b;margin:0;font-size:clamp(2.1rem,3vw,3.2rem);line-height:.98}.panel-header h2{font-size:1.6rem;line-height:1.1}.hero-text,.panel-caption,.detail-card p,.summary-card p,.table-row p{color:#425359;margin:0}.status-pill,.summary-tone{border-radius:999px;align-items:center;width:fit-content;padding:7px 12px;font-size:.82rem;font-weight:700;display:inline-flex}.tone-live{color:#0b6a51;background:#20846524}.tone-warn{color:#9c4a1f;background:#b4582b29}.tone-accent{color:#194a67;background:#17597624}.summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:20px;display:grid}.summary-card,.detail-card,.panel-surface{padding:18px}.summary-card{flex-direction:column;gap:10px;display:flex}.summary-card strong{color:#122730;font-size:1.4rem}.workspace-grid{gap:18px;display:grid}.workspace-grid.single-column{grid-template-columns:1fr}.panel-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px;display:flex}.detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.detail-grid.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-card{flex-direction:column;gap:12px;display:flex}.detail-card h3{color:#14252c;margin:0;font-size:1.05rem}.wide-card{grid-column:1/-1}.feedback-banner{margin-bottom:20px;padding:16px 18px}.info-stack.compact{color:#425359;gap:6px}.field-block{flex-direction:column;gap:6px;display:flex}.field-block span{color:#385047;font-size:.85rem;font-weight:700}.field-block input,.field-block select{color:#12231d;background:#fffdfafa;border:1px solid #12231d1f;border-radius:14px;padding:12px 14px}.inline-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.button-row{flex-wrap:wrap;gap:10px;display:flex}.action-button{cursor:pointer;border:none;border-radius:14px;padding:12px 16px;font-weight:700;transition:transform .12s,opacity .12s}.action-button:hover{transform:translateY(-1px)}.action-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.action-button.primary{color:#fffaf3;background:#1b6d65}.action-button.ghost{color:#8b5b1f;background:#fff4e6eb;border:1px solid #8b5b1f33}.action-button.danger{color:#a3300f;background:#fdeee9f2;border:1px solid #a3300f4d}.action-button.danger:hover{background:#fbe0d6}.table-grid{gap:12px;display:grid}.table-row{background:#f8f5eff5;border-radius:16px;grid-template-columns:minmax(0,.8fr) minmax(0,.8fr) minmax(0,1.2fr);gap:12px;padding:12px 14px;display:grid}.table-row.with-actions{grid-template-columns:minmax(0,.8fr) minmax(0,.8fr) minmax(0,1fr) auto;align-items:center}@media (width<=1120px){.summary-grid,.detail-grid,.detail-grid.two-columns,.hero-banner,.panel-header,.table-row,.table-row.with-actions{grid-template-columns:1fr}}@media (width<=720px){.app-shell{padding:16px}.hero-banner,.panel-surface,.summary-card,.detail-card{border-radius:20px;padding:18px}.inline-grid{grid-template-columns:1fr}}.table-row.has-thumb{grid-template-columns:56px 1fr;align-items:center;gap:.35rem .85rem;display:grid}.table-row.has-thumb .product-thumb-cell{border:1px solid var(--line,#d8dcdc);background:#00000008;border-radius:6px;grid-row:span 4;justify-content:center;align-items:center;width:56px;height:56px;display:flex;overflow:hidden}.table-row.has-thumb .product-thumb-cell img{object-fit:contain;max-width:100%;max-height:100%}.product-thumb-leeg{text-align:center;opacity:.55;font-size:.62rem;line-height:1.15}.categorie-keuze{color:var(--ink-soft,#4a5058);align-items:center;gap:.4rem;font-size:.78rem;display:inline-flex}.categorie-keuze select{border:1px solid var(--line,#d8dcdc);font:inherit;border-radius:6px;padding:.35rem .5rem;font-size:.82rem}.admin-layout{grid-template-columns:260px minmax(0,1fr);align-items:start;gap:18px;display:grid}.admin-nav{gap:8px;display:grid;position:sticky;top:16px}.nav-button{color:#122730;background:#fffcf7e6;border:1px solid #1227301a;border-radius:14px;flex-direction:column;gap:2px;padding:12px 14px;text-decoration:none;transition:border-color .14s,background .14s;display:flex}.nav-button>span{justify-content:space-between;align-items:center;gap:8px;font-weight:700;display:flex}.nav-button small{color:#4f6068}.nav-button.is-active{background:#e0eef5f2;border-color:#194a6773}.nav-button:focus-visible{outline-offset:2px;outline:2px solid #194a67}@media (hover:hover) and (pointer:fine){.nav-button:hover{border-color:#194a6759}}.nav-count{color:#194a67;background:#194a671f;border-radius:999px;padding:2px 8px;font-size:.78rem;font-style:normal}@media (width<=900px){.admin-layout{grid-template-columns:minmax(0,1fr)}.admin-nav{padding:10px;display:flex;position:static;overflow-x:auto}.nav-button{flex:none}.nav-button small{display:none}}.hero-banner{align-items:center;gap:16px;margin-bottom:14px;padding:14px 24px}.hero-banner h1{font-size:1.7rem}.hero-banner .hero-text,.hero-banner .status-pill{display:none}.hero-copy,.hero-meta{gap:4px}