*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-blue: #0025ff;--color-blue-hover: #0020d6;--color-ink: #0f0f0f;--color-paper: #f7f7f7;--color-white: #ffffff;--accent: var(--color-blue);--accent-hover: var(--color-blue-hover);--bg-page: var(--color-paper);--surface-card: var(--color-white);--surface-sunken: rgba(15,15,15,.06);--text-primary: var(--color-ink);--text-secondary: rgba(15,15,15,.6);--text-muted: rgba(15,15,15,.45);--text-accent: var(--color-blue);--text-on-blue: var(--color-paper);--text-on-ink: var(--color-paper);--border-subtle: rgba(15,15,15,.12);--border-strong: var(--color-ink);--focus-ring: var(--color-blue);--status-green: #0a7a4b;--status-green-bg: rgba(10,122,75,.08);--status-green-border: rgba(10,122,75,.35);--status-amber: #92600e;--status-amber-bg: rgba(180,120,20,.1);--status-blue-bg: rgba(0,37,255,.07);--status-blue-border: rgba(0,37,255,.35);--font-display: "neue-haas-grotesk-display", "Helvetica Neue", Helvetica, sans-serif;--font-text: "neue-haas-grotesk-text", "Helvetica Neue", Helvetica, sans-serif;--font-mono: "letter-gothic-std", "Space Mono", monospace;--fs-label: 12px;--fs-caption: 14px;--fs-body: 16px;--fs-body-lg: 20px;--fw-light: 300;--fw-regular: 400;--fw-medium: 500;--fw-bold: 700;--fw-black: 800;--ls-label: .14em;--ls-heading: -.02em;--ls-display: -.03em;--ls-body: 0em;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 8px;--radius-pill: 999px;--radius-circle: 50%;--space-xs: 8px;--space-sm: 12px;--space-md: 16px;--space-lg: 24px;--space-xl: 40px;--page-margin: 32px;--page-margin-lg: 56px;--max-width: 1600px;--nav-height: 72px;--dur-fast: .15s;--dur-base: .3s;--dur-slow: .6s;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-standard: cubic-bezier(.4, 0, .2, 1)}body{font-family:var(--font-text);font-size:var(--fs-body);background:var(--bg-page);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased}.mono-label{font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:var(--ls-label);text-transform:uppercase}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-lg)}.login-box{width:100%;max-width:380px;display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);text-align:center}.login-box .mono-label{color:var(--text-muted)}.login-form{width:100%;display:flex;flex-direction:column;gap:var(--space-sm)}.input-code{width:100%;padding:14px var(--space-md);font-family:var(--font-mono);font-size:var(--fs-body);letter-spacing:.08em;text-align:center;text-transform:uppercase;color:var(--text-primary);background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);outline:none;transition:border-color var(--dur-fast) var(--ease-standard)}.input-code:focus{border-color:var(--focus-ring)}.input-code::placeholder{color:var(--text-muted);text-transform:none;letter-spacing:0;font-family:var(--font-text)}.btn-primary{padding:14px var(--space-md);font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--text-on-blue);background:var(--accent);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--dur-fast) var(--ease-standard)}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:disabled{opacity:.5;cursor:default}.login-error{font-size:var(--fs-caption);color:var(--text-secondary);background:var(--surface-sunken);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md)}.portal-header{height:var(--nav-height);display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:0 var(--page-margin);background:var(--surface-card);border-bottom:1px solid var(--border-subtle)}.portal-header-left{display:flex;align-items:center;gap:var(--space-md);min-width:0}.portal-header-left .mono-label{color:var(--text-muted);white-space:nowrap}.portal-header-right{display:flex;align-items:center;gap:var(--space-md)}.pill-live{font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--text-accent);border:1px solid var(--status-blue-border);background:var(--status-blue-bg);border-radius:var(--radius-pill);padding:4px 12px;white-space:nowrap}.link-quiet{font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--text-muted);background:none;border:none;cursor:pointer;padding:4px}.link-quiet:hover{color:var(--text-primary)}.portal-main{max-width:760px;margin:0 auto;padding:var(--space-xl) var(--page-margin) 80px}.portal-titelrij{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-md);flex-wrap:wrap;margin-bottom:var(--space-lg)}.portal-titelrij h1{font-family:var(--font-display);letter-spacing:var(--ls-heading);font-size:28px;font-weight:var(--fw-medium)}.laatste-update{font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--text-muted)}.totaal-card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-lg);margin-bottom:var(--space-lg)}.totaal-kop{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-sm)}.totaal-kop .mono-label{color:var(--text-secondary)}.totaal-pct{font-family:var(--font-mono);font-size:var(--fs-body-lg);color:var(--text-accent)}.balk{height:8px;background:var(--surface-sunken);border-radius:var(--radius-pill);overflow:hidden}.balk-vulling{height:100%;background:var(--accent);border-radius:var(--radius-pill);transition:width var(--dur-slow) var(--ease-out)}.balk-vulling.klaar{background:var(--status-green)}.opdracht-lijst{display:flex;flex-direction:column;gap:var(--space-sm)}.opdracht-card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg)}.opdracht-card.afgerond{border-color:var(--status-green-border)}.opdracht-card.in_uitvoering{border-color:var(--status-blue-border)}.opdracht-kop{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-sm)}.opdracht-naam{font-weight:var(--fw-medium);font-size:var(--fs-body)}.status-pill{font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:var(--ls-label);text-transform:uppercase;border-radius:var(--radius-pill);border:1px solid transparent;padding:3px 12px;white-space:nowrap}.status-pill.gepland{color:var(--status-amber);background:var(--status-amber-bg);border-color:#92600e4d}.status-pill.in_uitvoering{color:var(--color-blue);background:var(--status-blue-bg);border-color:var(--status-blue-border)}.status-pill.afgerond{color:var(--status-green);background:var(--status-green-bg);border-color:var(--status-green-border)}.opdracht-balkrij{display:flex;align-items:center;gap:var(--space-md)}.opdracht-balkrij .balk{flex:1}.opdracht-pct{font-family:var(--font-mono);font-size:var(--fs-caption);color:var(--text-secondary);min-width:44px;text-align:right}.leeg-melding{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-xl) var(--space-lg);text-align:center;color:var(--text-secondary)}.laden{padding:var(--space-xl);text-align:center;color:var(--text-muted);font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:var(--ls-label);text-transform:uppercase}.portal-footer{margin-top:var(--space-xl);text-align:center;font-size:var(--fs-caption);color:var(--text-muted)}.portal-footer a{color:var(--text-secondary)}@media(max-width:600px){.portal-header{padding:0 var(--space-md)}.portal-header .pill-live{display:none}.portal-main{padding:var(--space-lg) var(--space-md) 60px}.portal-titelrij h1{font-size:22px}}