:root{--wovar-black: #1a1a1a;--wovar-black-2: #242424;--wovar-gold: #c8952a;--wovar-gold-2: #d4a017;--wovar-gold-soft: rgba(200, 149, 42, .14);--wovar-gold-border: rgba(200, 149, 42, .32);--bg: #f6f4ef;--bg-elev: #ffffff;--ink: #1a1a1a;--ink-soft: #4a4a44;--ink-mute: #8a8a82;--rule: #e3ddd0;--rule-strong: var(--wovar-black);--accent: var(--wovar-gold);--accent-soft: var(--wovar-gold-soft);--b-same: #1f5e3a;--b-d1: #5a8f3a;--b-d2: #c8952a;--b-d3: #d16b22;--b-d4: #a32424;--b-none: #6b6b66;--font-display: "Inter Tight", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:var(--font-display);font-feature-settings:"ss01","cv11";-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}.app-header{background:var(--wovar-black);color:#f5f5f3;padding:22px 40px 26px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;border-bottom:3px solid var(--wovar-gold);position:relative}.app-header:after{content:"";position:absolute;left:40px;bottom:-3px;height:3px;width:96px;background:var(--wovar-gold-2)}.app-header .brand{display:flex;flex-direction:column;gap:6px}.app-header .logo-row{display:flex;align-items:baseline;gap:14px}.wordmark{font-family:var(--font-display);font-weight:700;font-size:28px;letter-spacing:-.02em;color:#fff;line-height:1}.wordmark .dot{color:var(--wovar-gold)}.app-header h1{font-family:var(--font-mono);font-size:11px;letter-spacing:.22em;font-weight:500;margin:0;text-transform:uppercase;color:var(--wovar-gold)}.app-header .subtitle{font-size:32px;font-weight:600;letter-spacing:-.022em;line-height:1.08;margin:4px 0 0;max-width:720px;color:#f5f5f3}.app-header .meta{font-family:var(--font-mono);font-size:11px;color:#f5f5f39e;text-align:right;line-height:1.75;letter-spacing:.04em}.app-header .meta strong{color:#fff;font-weight:600}.app-header .meta .accent{color:var(--wovar-gold)}.app-body{padding:32px 40px 80px;display:grid;gap:28px}.card{background:var(--bg-elev);border:1px solid var(--rule);padding:22px 24px;box-shadow:0 1px #1a1a1a05}.card-title{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:0 0 18px;padding-bottom:12px;border-bottom:1px solid var(--rule)}.card-title h2{font-size:12px;letter-spacing:.16em;font-family:var(--font-mono);text-transform:uppercase;font-weight:600;margin:0;color:var(--ink);position:relative;padding-left:14px}.card-title h2:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:14px;background:var(--wovar-gold)}.card-title .hint{font-size:11px;font-family:var(--font-mono);color:var(--ink-mute);letter-spacing:.04em}.kpi-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:0;border:1px solid var(--rule);background:var(--bg-elev)}.kpi{padding:20px 22px 22px;border-right:1px solid var(--rule);display:flex;flex-direction:column;gap:6px;position:relative;background:var(--bg-elev)}.kpi:last-child{border-right:0}.kpi.primary{background:var(--wovar-black);color:#f5f5f3}.kpi.primary .label{color:#f5f5f399}.kpi.primary .value{color:#fff}.kpi.primary .pct{color:var(--wovar-gold)}.kpi .label{font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-mute);font-weight:500}.kpi .value{font-family:var(--font-display);font-size:30px;font-weight:700;letter-spacing:-.025em;line-height:1.05;color:var(--ink);font-variant-numeric:tabular-nums}.kpi .pct{font-family:var(--font-mono);font-size:12px;color:var(--ink-soft);letter-spacing:.04em}.kpi .swatch{position:absolute;top:0;left:0;height:3px;width:100%}.filter-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.chip{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;padding:6px 11px;border:1px solid var(--rule);background:var(--bg-elev);color:var(--ink-soft);border-radius:999px;text-transform:uppercase;transition:all .12s ease;font-weight:500}.chip:hover{color:var(--ink);border-color:var(--wovar-gold);background:var(--wovar-gold-soft)}.chip.active{background:var(--wovar-black);color:var(--wovar-gold);border-color:var(--wovar-black);font-weight:600}.table-wrap{overflow-x:auto}table.parcels{width:100%;border-collapse:collapse;font-family:var(--font-mono);font-size:12px}table.parcels th{text-align:left;font-weight:700;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute);padding:10px 12px;border-bottom:1px solid var(--rule-strong);white-space:nowrap}table.parcels td{padding:9px 12px;border-bottom:1px solid var(--rule);vertical-align:top;white-space:nowrap}table.parcels tr:hover td{background:var(--wovar-gold-soft)}.barcode{font-weight:600;color:var(--wovar-black)}.bucket-pill{display:inline-block;padding:2px 8px;font-size:10px;letter-spacing:.08em;color:#fff;border-radius:2px;font-weight:600}.type-pill{display:inline-block;padding:1px 7px;font-size:10px;font-weight:700;letter-spacing:.06em;border:1px solid currentColor;border-radius:2px}.type-pill.MG{color:#1f5e3a}.type-pill.NMG{color:#a32424}.route-pill{display:inline-block;padding:2px 8px;font-size:10px;font-weight:600;letter-spacing:.05em;border:1px solid currentColor;border-radius:2px;white-space:nowrap}.route-pill.route-Maas{color:var(--ink-soft)}.route-pill.route-NonMaas{color:var(--wovar-gold)}.route-pill.route-Cortenstaal{color:var(--b-d3)}.route-pill.route-Manual{color:var(--b-none)}.search{font-family:var(--font-mono);font-size:12px;border:1px solid var(--rule);background:var(--bg-elev);padding:7px 12px;width:280px;letter-spacing:.02em;color:var(--ink);border-radius:2px}.search:focus{outline:none;border-color:var(--wovar-gold);box-shadow:0 0 0 2px var(--wovar-gold-soft)}.legend{display:flex;flex-wrap:wrap;gap:14px;font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;color:var(--ink-soft)}.legend .dot{display:inline-block;width:10px;height:10px;margin-right:6px;vertical-align:middle}.empty,.loading{font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;color:var(--ink-mute);padding:40px 0;text-align:center;text-transform:uppercase}@media (max-width: 1100px){.kpi-strip{grid-template-columns:repeat(3,1fr)}.kpi:nth-child(3){border-right:0}.kpi:nth-child(1),.kpi:nth-child(2),.kpi:nth-child(3){border-bottom:1px solid var(--rule)}}@media (max-width: 700px){.app-header{flex-direction:column;align-items:flex-start;padding:20px}.app-header .subtitle{font-size:24px}.wordmark{font-size:22px}.app-body{padding:20px 16px 60px}.kpi-strip{grid-template-columns:repeat(2,1fr)}}