:root{--header:#070d11;--header-border:#26343c;--workspace:#17252d;--workspace-line:#40525a;--workspace-text:#f7f8f8;--workspace-muted:#b9c8cd;--sidebar:#f47d24;--sidebar-text:#22272b;--sidebar-active:#192a34;--orange:#ec6b08;--orange-light:#ff8734;--orange-text:#f29a5a;--panel:#fff;--border:#dde1e7;--text:#1f2933;--muted:#5f6b76;--accent:#d35f07;--accent-soft:#fde7d5;--good:#15803d;--bad:#b42318;--chart-grid:#e5e7eb;--input-dark:#0a1720;--input-dark-border:#526872;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--workspace-text);background:var(--workspace);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}*{box-sizing:border-box}body{background:var(--workspace);margin:0}a{color:var(--orange-light)}button,input,select{font:inherit}:focus-visible{outline-offset:2px;outline:2px solid #ff9a53}.shell{grid-template-rows:auto 1fr;grid-template-columns:236px minmax(0,1fr);min-height:100vh;display:grid}.topbar{background:var(--header);border-bottom:1px solid var(--header-border);z-index:10;grid-column:1/-1;align-items:center;gap:18px;height:92px;padding:0 24px;display:flex;position:sticky;top:0;box-shadow:0 8px 26px #0007}.logos{align-items:center;gap:16px;display:flex}.logos img{height:auto;display:block}.logos .flanders-logo{width:300px}.logos .controlwise-logo{mix-blend-mode:screen;clip-path:inset(0 0 0 4%);width:280px}.admin-links{border-right:1px solid #384851;align-items:center;gap:6px;margin-left:auto;padding-right:14px;display:flex}.admin-links a{color:#e8edf0;white-space:nowrap;background:#111d25;border:1px solid #4a5961;border-radius:7px;align-items:center;gap:7px;height:34px;padding:0 11px;font-size:12px;font-weight:650;text-decoration:none;display:inline-flex}.admin-links a:hover{background:#273039;border-color:#f08e46}.admin-links a.active{background:linear-gradient(130deg, var(--orange), var(--orange-light));color:#fff;border-color:#ff9e48}.admin-links svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.admin-links+.who{margin-left:0}@media (width<=1450px){.admin-links span{display:none}.admin-links a{padding:0 9px}}.topbar .who{color:#d7e0e4;align-items:center;gap:12px;margin-left:auto;font-size:13px;display:flex}.topbar .who button{color:#e8edf0;cursor:pointer;background:#111d25;border:1px solid #4a5961;border-radius:6px;padding:6px 12px;font-size:13px}.topbar .who button:hover{border-color:#f08e46}.nav{background:var(--sidebar);color:var(--sidebar-text);border-right:1px solid #ffad63;flex-direction:column;gap:3px;height:calc(100vh - 92px);padding:18px 12px;display:flex;position:sticky;top:92px;overflow:auto}.nav a{color:var(--sidebar-text);border-radius:7px;padding:10px 12px;font-size:13px;font-weight:650;text-decoration:none}.nav a:hover{background:#ffb57770}.nav a.active{background:var(--sidebar-active);color:#fff;box-shadow:0 3px 10px #8e380841}.nav .section{letter-spacing:.02em;text-transform:uppercase;color:#202b32;padding:14px 12px 6px;font-size:12px;font-weight:800}.nav .spacer{flex:1}.nav .foot{letter-spacing:.12em;color:#673619;text-transform:uppercase;border-top:1px solid #542d1759;margin:20px 10px 0;padding-top:12px;font-size:10px;font-weight:700}.main{background:var(--workspace);min-width:0;padding:26px clamp(18px,3vw,44px) 48px}.page-head{border-bottom:1px solid var(--workspace-line);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:22px;padding-bottom:16px;display:flex}.page-head .kicker{color:var(--orange-text);letter-spacing:.16em;text-transform:uppercase;font-size:11px;font-weight:750}.page-head h1{letter-spacing:-.02em;color:var(--workspace-text);margin:4px 0 0;font-size:26px}.page-head p{color:var(--workspace-muted);margin:6px 0 0;font-size:13px}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.page-head .toolbar input,.page-head .toolbar select{border:1px solid var(--input-dark-border);background:var(--input-dark);color:#fff;border-radius:6px;padding:7px 10px}.page-head .muted{color:var(--workspace-muted)}.btn{color:#f3f6f7;cursor:pointer;background:#22343f;border:1px solid #52636b;border-radius:7px;padding:8px 14px;font-size:13px;font-weight:650;text-decoration:none;display:inline-block}.btn:hover{border-color:#f28a42}.btn.primary{background:linear-gradient(130deg, var(--orange), var(--orange-light));color:#fff;border-color:#ff9e48;box-shadow:0 6px 18px #ec6b0830}.btn.primary:hover{background:#f78029}.btn:disabled{opacity:.55;cursor:default}.chip{color:#f3f6f7;cursor:pointer;background:#22343f;border:1px solid #52636b;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:650}.chip:hover{border-color:#f28a42}.chip.on{background:var(--orange);border-color:#ff9e48}.card .btn{color:var(--text);border-color:var(--border);background:#fff}.card .btn:hover{border-color:var(--orange)}.card .btn.primary{background:linear-gradient(130deg, var(--orange), var(--orange-light));color:#fff;border-color:#ff9e48}.grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;display:grid}.card{background:var(--panel);color:var(--text);border:1px solid var(--border);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;border-radius:10px;min-width:0;padding:16px;box-shadow:0 10px 28px #0004}.card h3{color:var(--text);margin:0 0 10px;font-size:14px;font-weight:650}.kpi{border-top:3px solid var(--orange)}.kpi .label{color:var(--muted);font-size:13px}.kpi .value{letter-spacing:-.01em;color:var(--text);margin-top:6px;font-size:32px;font-weight:700}.kpi .unit{color:var(--muted);margin-left:4px;font-size:16px;font-weight:500}.kpi .target{margin-top:6px;font-size:12px}.good{color:var(--good)}.bad{color:var(--bad)}.error{color:#ff786c;font-size:13px}.card .error{color:var(--bad)}.muted{color:var(--workspace-muted);font-size:13px}.card .muted{color:var(--muted)}.chart{width:100%;height:300px}.table-wrap{max-height:420px;overflow:auto}table.data{border-collapse:collapse;width:100%;font-size:13px}table.data th{text-align:left;background:var(--panel);color:var(--muted);border-bottom:2px solid var(--border);white-space:nowrap;padding:8px;font-weight:600;position:sticky;top:0}table.data td{border-bottom:1px solid var(--border);white-space:nowrap;padding:7px 8px}table.data td.num{text-align:right;font-variant-numeric:tabular-nums}table.data tbody tr:hover{background:#fff6ee}.replay-scene{background:#eef2f5;border-radius:8px;width:100%;height:clamp(320px,52vw,600px);display:block}.replay-controls{flex-wrap:wrap;align-items:center;gap:10px;margin:12px 0 6px;display:flex}.replay-controls input[type=range]{accent-color:var(--orange);flex:260px}.replay-controls select{border:1px solid var(--border);color:var(--text);background:#fff;border-radius:6px;padding:6px 8px}.replay-timeline{cursor:pointer;touch-action:none;width:100%;height:66px;display:block}.legend{color:var(--muted);flex-wrap:wrap;gap:6px 14px;margin-top:8px;font-size:12px;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.legend i{border-radius:3px;width:12px;height:12px;display:inline-block}.legend .sep{background:var(--border);width:1px;height:14px}.field{flex-direction:column;gap:6px;margin-top:14px;font-size:13px;display:flex}.field input,.field select{border:1px solid var(--border);color:var(--text);background:#fff;border-radius:6px;padding:9px 11px}.field input[type=checkbox]{width:18px;height:18px;accent-color:var(--orange)}.form-row{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.form-row .field{margin-top:0}.center{background:radial-gradient(ellipse at top, #1d3039, var(--header) 70%);place-items:center;min-height:100vh;padding:16px;display:grid}.login{border-top:4px solid var(--orange);width:100%;max-width:400px}.login .logos{background:var(--header);border-radius:8px;justify-content:center;margin:-4px -4px 8px;padding:14px}.login{max-width:480px}.login .logos{flex-wrap:wrap;gap:20px}.login .logos .flanders-logo{width:min(210px,38vw)}.login .logos .controlwise-logo{width:min(196px,36vw)}.login h1{margin:14px 0 4px;font-size:21px}@media (width<=900px){.shell{grid-template-columns:1fr}.topbar{flex-wrap:wrap;height:auto;padding:10px 16px;position:static}.topbar .logos{gap:14px}.admin-links{border-right:0;flex-wrap:wrap;order:3;width:100%;margin-left:0;padding:4px 0 0}.admin-links span{display:none}.topbar .logos .flanders-logo{width:min(40vw,220px)}.topbar .logos .controlwise-logo{width:min(38vw,205px)}.nav{flex-flow:wrap;align-items:center;height:auto;padding:8px 12px;position:static}.nav .section,.nav .spacer,.nav .foot{display:none}.main{padding:16px}.grid>.card{grid-column:span 12!important}}@media print{:root,body,.main{color:#000;background:#fff}.topbar,.nav,.toolbar{display:none}.shell{display:block}.page-head h1{color:#000}.page-head p,.page-head .kicker{color:#444}.card{box-shadow:none;break-inside:avoid}}