@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(/fonts/Manrope-Variable.woff2) format("woff2-variations"),url(/fonts/Manrope-Variable.woff2) format("woff2"),url(/fonts/Manrope-Variable.ttf) format("truetype")}*,*:before,*:after{box-sizing:border-box}html{height:100%;-webkit-text-size-adjust:100%}body{margin:0;min-height:100%;background:var(--color-achtergrond);color:var(--color-inkt);font-family:var(--font-sans);font-size:var(--type-data-size);font-weight:var(--type-data-weight);line-height:var(--type-data-lh);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,p{margin:0}a{color:var(--color-koraalTekst);text-decoration:none}a:hover{text-decoration:underline}button,input{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--color-koraal);outline-offset:2px}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:absolute;left:var(--space-sm);top:-100px;z-index:100;padding:var(--space-xs) var(--space-md);background:var(--color-koraal);color:var(--color-opKoraal);border-radius:var(--radius-klein);font-weight:var(--type-knop-weight)}.skip-link:focus{top:var(--space-sm)}.t-titelGroot{font-size:var(--type-titelGroot-size);font-weight:var(--type-titelGroot-weight);line-height:var(--type-titelGroot-lh);letter-spacing:-.02em}.t-schermtitel{font-size:var(--type-schermtitel-size);font-weight:var(--type-schermtitel-weight);line-height:var(--type-schermtitel-lh);letter-spacing:-.01em}.t-lijsttitel{font-size:var(--type-lijsttitel-size);font-weight:var(--type-lijsttitel-weight);line-height:var(--type-lijsttitel-lh)}.t-body{font-size:var(--type-body-size);font-weight:var(--type-body-weight);line-height:var(--type-body-lh)}.t-bijschrift{font-size:var(--type-bijschrift-size);font-weight:var(--type-bijschrift-weight);line-height:var(--type-bijschrift-lh);color:var(--color-inktZacht)}.t-dataLabel{font-size:var(--type-dataLabel-size);font-weight:var(--type-dataLabel-weight);line-height:var(--type-dataLabel-lh);letter-spacing:.04em;text-transform:uppercase;color:var(--color-inktZacht)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);min-height:32px;padding:0 var(--space-md);border:1px solid transparent;border-radius:var(--radius-knop);background:var(--color-vlak);color:var(--color-inkt);font-size:var(--type-data-size);font-weight:var(--type-knop-weight);cursor:pointer;transition:background-color var(--motion-fast) var(--motion-easing)}.btn:hover{border-color:var(--color-lijn)}.btn:disabled,.btn[aria-busy=true]{cursor:default;opacity:.6}.btn-primary{background:var(--color-koraal);color:var(--color-opKoraal)}.btn-primary:hover{border-color:var(--color-koraalTekst)}.btn-lg{min-height:40px;font-size:var(--type-knop-size)}.btn-quiet{background:transparent}.field{display:flex;flex-direction:column;gap:var(--space-xs)}.field label{font-size:var(--type-bijschrift-size);font-weight:var(--type-bijschrift-weight);color:var(--color-inktZacht)}.input{width:100%;min-height:36px;padding:0 var(--space-md);border:1px solid var(--color-lijn);border-radius:var(--radius-invoer);background:var(--color-vlak);color:var(--color-inkt);font-size:var(--type-body-size);font-weight:var(--type-body-weight)}.input::placeholder{color:var(--color-inktStil)}.input:focus-visible{outline-offset:0;border-color:var(--color-koraal)}.input[aria-invalid=true]{border-color:var(--color-fout)}.field-error{font-size:var(--type-bijschrift-size);font-weight:var(--type-bijschrift-weight);color:var(--color-fout)}.alert{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-invoer);background:var(--color-vlak);border:1px solid var(--color-lijn)}.alert-error{color:var(--color-fout);border-color:var(--color-fout)}.login{flex:1;display:grid;place-items:center;padding:var(--space-xl)}.login-card{width:100%;max-width:360px;display:flex;flex-direction:column;gap:var(--space-lg)}.login-form{display:flex;flex-direction:column;gap:var(--space-md)}.brand{display:inline-flex;align-items:center;gap:var(--space-sm);color:var(--color-inkt);font-weight:800}.brand-mark{width:22px;height:22px;flex:none;border-radius:6px;background:var(--color-koraal);color:var(--color-opKoraal)}.shell{flex:1;display:grid;grid-template-columns:var(--layout-navWidth) minmax(0,1fr);min-height:100vh}.shell-nav{display:flex;flex-direction:column;border-right:1px solid var(--color-lijn);background:var(--color-vlak);padding:var(--space-md) var(--space-sm);gap:var(--space-lg);position:sticky;top:0;height:100vh}.shell-nav .brand{padding:0 var(--space-sm)}.nav-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-xxs)}.nav-link{display:flex;align-items:center;min-height:28px;padding:0 var(--space-sm);border-radius:var(--radius-klein);color:var(--color-inkt);font-weight:600;transition:background-color var(--motion-fast) var(--motion-easing)}.nav-link:hover{background:var(--color-achtergrond);text-decoration:none}.nav-link[aria-current=page]{background:var(--color-achtergrond);color:var(--color-koraalTekst)}.nav-footer{margin-top:auto;display:flex;flex-direction:column;gap:var(--space-sm);padding:0 var(--space-sm)}.nav-user{display:flex;flex-direction:column;gap:var(--space-xxs);min-width:0}.nav-user-name{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shell-main{display:flex;flex-direction:column;min-width:0}.page{flex:1;display:flex;flex-direction:column;gap:var(--space-lg);padding:var(--space-lg) var(--space-xl);max-width:var(--layout-contentMaxWidth)}.page-header{display:flex;align-items:baseline;gap:var(--space-md);min-height:var(--layout-headerHeight);border-bottom:1px solid var(--color-lijn)}.page-purpose{color:var(--color-inktZacht)}.empty-state{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-xl);border:1px dashed var(--color-lijn);border-radius:var(--radius-tegel);color:var(--color-inktZacht)}.center{flex:1;display:grid;place-items:center;padding:var(--space-xl)}.stack{display:flex;flex-direction:column;gap:var(--space-md);align-items:flex-start}.chip{display:inline-flex;align-items:center;padding:0 var(--space-sm);min-height:18px;border-radius:var(--radius-klein);background:var(--color-achtergrond);border:1px solid var(--color-lijn);font-size:var(--type-dataLabel-size);font-weight:var(--type-dataLabel-weight);color:var(--color-inktZacht);text-transform:uppercase;letter-spacing:.04em}@media(max-width:720px){.shell{grid-template-columns:1fr}.shell-nav{position:static;height:auto;border-right:0;border-bottom:1px solid var(--color-lijn)}.page{padding:var(--space-md)}}.row{display:flex;gap:var(--space-sm);flex-wrap:wrap}.page-wide{max-width:none}.data-table{width:100%;border-collapse:collapse;font-size:var(--type-data-size)}.data-table caption{text-align:left}.data-table th,.data-table td{text-align:left;padding:var(--space-xs) var(--space-sm);border-bottom:1px solid var(--color-lijn);vertical-align:top}.data-table thead th{position:sticky;top:0;z-index:1;background:var(--color-vlak);font-size:var(--type-dataLabel-size);font-weight:var(--type-dataLabel-weight);letter-spacing:.04em;text-transform:uppercase;color:var(--color-inktZacht);white-space:nowrap}.data-row:hover{background:var(--color-vlakDiep)}.data-row-focus{outline:2px solid var(--color-koraal);outline-offset:-2px}.num{text-align:right;font-variant-numeric:tabular-nums}.bucket-row{list-style:none;display:flex;flex-wrap:wrap;gap:var(--space-md);margin:0;padding:0}.bucket-row li{display:flex;align-items:baseline;gap:var(--space-xs)}.bucket-alarm{color:var(--color-fout);font-weight:700}.prio-urgent{border-color:var(--color-fout);color:var(--color-fout);font-weight:800}.prio-high{border-color:var(--color-koraal);color:var(--color-koraalTekst)}.filterbar{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border:1px solid var(--color-lijn);border-radius:var(--radius-tegel);background:var(--color-vlak)}.filter-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-md)}.chipset{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs);border:0;margin:0;padding:0}.chipset legend{float:left;margin-right:var(--space-xs);padding:0}.chip-btn{cursor:pointer;background:var(--color-achtergrond);min-height:22px}.chip-btn:hover{border-color:var(--color-koraal)}.chip-on{background:var(--color-koraal);color:var(--color-opKoraal);border-color:var(--color-koraal)}.field-inline{flex-direction:row;align-items:center;gap:var(--space-xs)}.field-inline label{white-space:nowrap}.input-sm{min-height:28px;width:auto;padding:0 var(--space-sm);font-size:var(--type-data-size)}.input-xs{min-height:28px;width:5.5rem;padding:0 var(--space-xs);font-size:var(--type-data-size)}.input-area{min-height:auto;padding:var(--space-sm);resize:vertical;font-family:inherit}.btn-xs{min-height:24px;padding:0 var(--space-sm);font-size:var(--type-dataLabel-size)}.check{display:inline-flex;align-items:flex-start;gap:var(--space-xs);cursor:pointer}.check input{margin-top:2px}.saved-filter{display:inline-flex;align-items:center;gap:var(--space-xxs)}.link-btn{background:none;border:0;padding:0;color:var(--color-koraalTekst);font:inherit;cursor:pointer;text-align:left}.link-btn:hover{text-decoration:underline}.thumb-dot{display:inline-block;width:8px;height:8px;margin-left:var(--space-xs);border-radius:50%;background:var(--color-inktStil)}.split{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:var(--space-xl);align-items:start}.split-main,.split-side{display:flex;flex-direction:column;gap:var(--space-md);min-width:0}@media(max-width:980px){.split{grid-template-columns:1fr}}.kv{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-xxs) var(--space-md);margin:0}.kv dt{font-size:var(--type-dataLabel-size);font-weight:var(--type-dataLabel-weight);letter-spacing:.04em;text-transform:uppercase;color:var(--color-inktZacht)}.kv dd{margin:0}.content-text{margin:0;padding:var(--space-sm) var(--space-md);border-left:3px solid var(--color-koraal);background:var(--color-vlak);border-radius:var(--radius-klein);white-space:pre-wrap;overflow-wrap:anywhere}.context-list{margin:0;padding-left:var(--space-lg);max-height:320px;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-xxs)}.context-item{background:var(--color-vlak);border-left:3px solid var(--color-koraal);padding-left:var(--space-sm);font-weight:700}.plain-list,.signal-list,.card-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-sm)}.signal{padding:var(--space-sm);border:1px solid var(--color-lijn);border-radius:var(--radius-tegel);display:flex;flex-direction:column;gap:var(--space-xs)}.signal-head{display:flex;align-items:center;gap:var(--space-sm)}.details-json{margin:0;padding:var(--space-sm);background:var(--color-vlakDiep);border-radius:var(--radius-klein);font-family:var(--font-mono);font-size:var(--type-dataLabel-size);overflow-x:auto;max-height:220px}.card{padding:var(--space-md);border:1px solid var(--color-lijn);border-radius:var(--radius-tegel);display:flex;flex-direction:column;gap:var(--space-sm)}.card-head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm)}.media-frame{margin:0;position:relative;display:flex;flex-direction:column;gap:var(--space-sm);align-items:flex-start;max-width:420px}.media-cover{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-lg);width:100%;min-height:180px;border:1px dashed var(--color-lijn);border-radius:var(--radius-tegel);background:var(--color-vlakDiep)}.media-warning{color:var(--color-fout);font-weight:700}.media-el{max-width:100%;max-height:420px;border-radius:var(--radius-tegel);border:1px solid var(--color-lijn)}.action-panel{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-md);border:1px solid var(--color-lijn);border-radius:var(--radius-tegel);background:var(--color-vlak)}.action-grid{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.action-btn{gap:var(--space-sm)}.action-btn-on{background:var(--color-koraal);color:var(--color-opKoraal);border-color:var(--color-koraal)}.action-form{display:flex;flex-direction:column;gap:var(--space-md);max-width:560px}.kbd{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border:1px solid var(--color-lijn);border-radius:4px;background:var(--color-achtergrond);color:var(--color-inktZacht);font-family:var(--font-mono);font-size:11px}.bulkbar{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md);border:1px solid var(--color-koraal);border-radius:var(--radius-tegel)}.toast{position:fixed;left:50%;bottom:var(--space-xl);transform:translate(-50%);z-index:50;display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);border:1px solid var(--color-lijn);border-radius:var(--radius-knop);background:var(--color-vlak);box-shadow:0 4px 16px #0000002e}.chart-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-lg)}.chart{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-md);border:1px solid var(--color-lijn);border-radius:var(--radius-tegel);min-width:0}.chart-head{display:flex;align-items:baseline;gap:var(--space-sm)}.chart-legend{font-size:var(--type-dataLabel-size);color:var(--color-inktZacht)}.chart-legend-first:before,.chart-legend-second:before{content:"";display:inline-block;width:10px;height:2px;margin-right:4px;vertical-align:middle;background:var(--color-koraal)}.chart-legend-second:before{background:var(--color-inktStil)}.chart-svg{width:100%;height:120px;overflow:visible}.chart-area{fill:var(--color-koraal);opacity:.14;stroke:none}.chart-line{fill:none;stroke:var(--color-koraal);stroke-width:2;vector-effect:non-scaling-stroke}.chart-line-second{fill:none;stroke:var(--color-inktStil);stroke-width:2;stroke-dasharray:4 3;vector-effect:non-scaling-stroke}.chart-axis{display:flex;justify-content:space-between}.bar-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-xs)}.bar-row{display:grid;grid-template-columns:minmax(80px,30%) minmax(0,1fr) auto;align-items:center;gap:var(--space-sm)}.bar-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-track{height:10px;border-radius:5px;background:var(--color-vlak);overflow:hidden}.bar-fill{display:block;height:100%;background:var(--color-koraal)}.bar-value{font-variant-numeric:tabular-nums}