*, ::before, ::after{box-sizing:border-box}
a, area, button, input, label, select, summary, textarea, [tabindex]{touch-action:manipulation}
button:focus, input:focus, select:focus, textarea:focus, [contenteditable]:focus{outline:0}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{-webkit-appearance:none}
input[type="number"]{-moz-appearance:textfield}
table{border-collapse:collapse}
[hidden]{display:none !important}
::-ms-expand{display:none}
#toasts{position:fixed;right:10px;top:5px;z-index:1001}
#toasts > *{background-color:#000A;border-radius:10px;clear:both;color:white;cursor:zoom-out;float:right;margin-top:5px;padding:3px 6px}
.exact-sub{margin:.2rem 0 1rem;color:var(--muted);font-size:.92rem}
.exact-run{margin:0 0 1rem}
.fm-sub{margin:.2rem 0 1rem;color:var(--muted);font-size:.92rem}
.fm-numbers{display:flex;gap:1rem;flex-wrap:wrap;margin:0 0 1.4rem}
.fm-number{flex:1 1 8rem;padding:.7rem .9rem;border:1px solid color-mix(in srgb, var(--border) 55%, transparent);border-radius:8px;background:var(--surface);display:grid;gap:.2rem}
.fm-number span{color:var(--muted);font-size:.82rem}
.fm-number strong{font-size:1.3rem}
.fm-run, .fm-search{margin:0 0 1rem;display:flex;gap:.5rem}
.fm-search input{font:inherit;padding:.45rem .6rem;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text)}
.fm-leeg{color:var(--muted)}
.import-sub{color:var(--muted);margin:.3rem 0 .8rem}
.import-table{width:100%;border-collapse:collapse;margin:.8rem 0;background:var(--surface)}
.import-table th, .import-table td{padding:.4rem .6rem;border-bottom:1px solid color-mix(in srgb, var(--border) 55%, transparent);text-align:left;font-size:.88rem}
.import-table .r, .import-table td.r{text-align:right;font-variant-numeric:tabular-nums}
.import-pill{border:1px solid var(--border);border-radius:999px;padding:.1rem .55rem;font-size:.78rem;color:var(--muted)}
.import-pill--nieuw{border-color:var(--primary);color:var(--primary)}
.login-body{background:#14161a;color:#f2f2f2;font-family:system-ui, sans-serif;margin:0}
main.login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}
.login-box{width:100%;max-width:22rem;background:#1c2029;border:1px solid #2c3340;border-radius:10px;padding:2rem;display:grid;gap:1rem}
.login-box h1{margin:0;text-align:center;font-size:1.2rem;letter-spacing:.05em}
.login-box label{display:grid;gap:.35rem;font-size:.85rem;color:#9fb0c4}
.login-box input{font:inherit;padding:.55rem .7rem;border:1px solid #2c3340;border-radius:6px;background:#10131a;color:#f2f2f2}
.login-box button{font:inherit;padding:.6rem;border:0;border-radius:6px;background:#2f7d5b;color:#fff;cursor:pointer}
.login-box button:hover{background:#38956c}
.login-error{margin:0;padding:.55rem .7rem;border-radius:6px;background:#4a1f24;color:#ffb9bf;font-size:.85rem}
#widgets{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr))}
#widgets > figure{background:var(--surface);border-radius:9px;margin:0;min-width:0;opacity:.2;transition:500ms ease-in}
#widgets > figure.init{opacity:1}
#widgets > figure figcaption{font-size:.9em;padding:.5rem;text-align:center}
#widgets > figure > div{aspect-ratio:2 / 1}
body:has(> nav){background:var(--bg);color:var(--text);display:flex;gap:0 .5em;height:100dvh;margin:0;overflow-x:hidden}
nav{display:flex;flex-direction:column;gap:.5rem .25rem;height:100dvh;overflow-x:hidden;overflow-y:auto;padding:1rem 0}
nav a{border-top-right-radius:16px;border-bottom-right-radius:16px;color:var(--text);display:block;flex-shrink:0;overflow:hidden;padding:.5rem;text-decoration:none;white-space:nowrap}
nav a i{font-style:normal;display:inline-block;font-size:.85em;margin-left:-6px;text-align:center;width:30px}
nav a:hover, nav a.active{background:var(--primary)}
nav a:last-child{margin-top:auto}
nav a .sub{font-size:.82em;opacity:.7;padding-top:.3rem;padding-bottom:.3rem}
nav a.sub.active{opacity:1}
main{flex:1;padding:0 .5rem;overflow:auto}
main section{display:contents}
.cms-tools{margin-top:auto;display:flex;flex-direction:row;gap:.25rem;padding:.25rem .5rem}
.cms-tool{position:relative}
.cms-tool-toggle, .cms-tool-link{background:transparent;border:0;color:var(--text);cursor:pointer;display:block;font-size:1.1rem;line-height:1;padding:.4rem;text-align:left;text-decoration:none;width:100%}
.cms-tool-toggle i{font-style:normal}
.cms-tool-toggle:hover, .cms-tool-link:hover{background:var(--primary)}
.cms-pop{background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.4);display:none;flex-wrap:wrap;gap:.35rem;max-width:248px;padding:.5rem;position:fixed;width:max-content;z-index:50}
.cms-tool.open .cms-pop{display:flex}
.cms-pop-list{flex-direction:column;flex-wrap:nowrap;max-height:60vh;overflow-y:auto}
.cms-pop-list a{border-radius:6px;color:var(--text);padding:.25rem .5rem;text-decoration:none;white-space:nowrap}
.cms-pop-list a:hover, .cms-pop-list a.is-active{background:var(--primary)}
:root{--pos-top-bg:#24272b;--pos-top-text:#f2f2f2;--pos-nav-bg:#3a3f45;--pos-nav-text:#d8dce0;--pos-nav-active:#1a7ab8;--pos-content-bg:#eef0f2;--pos-top-h:34px;--pos-nav-w:168px;--bg:#eef0f2;--surface:#ffffff;--text:#1d2126;--muted:#68727d;--border:#d6dade;--primary:#1a7ab8;--row-odd:#ffffff;--row-even:#f5f6f8;--row-hover:#eaf3fa;--warn:#b26a12;--error:#b3312a;font-family:system-ui, Segoe UI, Roboto, Helvetica, Arial, sans-serif;scroll-behavior:smooth}
html > body:has(> nav){display:grid;grid-template-columns:var(--pos-nav-w) 1fr;grid-template-rows:var(--pos-top-h) 1fr;grid-template-areas:"top top" "nav main";gap:0;height:100dvh;margin:0;background:var(--pos-content-bg);overflow:hidden}
html > body > #menuToggle{display:none}
.pos-top{grid-area:top;display:flex;align-items:center;gap:.8rem;padding:0 .7rem;background:var(--pos-top-bg);color:var(--pos-top-text);font-size:.86rem}
.pos-brand{display:flex;align-items:center;color:var(--pos-top-text);text-decoration:none}
.pos-brand img{height:20px}
.pos-brand strong{letter-spacing:.02em}
.pos-crumbs{flex:1;overflow:hidden;white-space:nowrap;opacity:.85}
.pos-user{opacity:.85}
.pos-logout{color:var(--pos-top-text);display:flex;padding:.3rem;opacity:.7}
.pos-logout:hover{opacity:1}
html > body > nav{grid-area:nav;display:flex;flex-direction:column;gap:1px;height:auto;padding:.4rem 0;background:var(--pos-nav-bg);overflow-y:auto;overflow-x:hidden}
html > body > nav a{border-radius:0;color:var(--pos-nav-text);display:block;font-size:.86rem;padding:.45rem .6rem;text-decoration:none;white-space:nowrap;border-left:3px solid transparent}
html > body > nav a i{display:inline-block;font-style:normal;margin-right:.45rem;text-align:center;width:1.2em}
html > body > nav a:hover{background:color-mix(in srgb, var(--pos-nav-bg) 80%, white)}
html > body > nav a .active{background:color-mix(in srgb, var(--pos-nav-bg) 70%, black);border-left-color:var(--pos-nav-active);color:white}
html > body > nav a .sub{font-size:.78rem;opacity:.75;padding:.25rem .6rem .25rem 1.6rem}
html > body > nav a:last-child{margin-top:0}
html > body > main{grid-area:main;padding:.8rem 1rem;overflow:auto;font-size:.95rem}
html > body > main section{display:contents}
html > body > main h1{font-size:1.25rem;margin:.2rem 0 .7rem}
html > body > main table{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid color-mix(in srgb, var(--border) 60%, transparent);border-radius:8px;overflow:hidden}
html > body > main th{text-align:left;font-size:.8rem;font-weight:650;text-transform:uppercase;letter-spacing:.03em;color:var(--muted);padding:.5rem .6rem;background:color-mix(in srgb, var(--surface) 82%, var(--border));position:sticky;top:0;z-index:1}
html > body > main td{padding:.5rem .75rem;border-top:1px solid color-mix(in srgb, var(--border) 40%, transparent);vertical-align:middle}
html > body > main tbody tr:nth-child(even) td{background:color-mix(in srgb, var(--surface) 94%, var(--border))}
html > body > main tbody tr:hover td{background:color-mix(in srgb, var(--pos-nav-active) 8%, var(--surface))}
html > body > main button, html > body > main .btn, html > body > main input[type="submit"]{appearance:none;border:1px solid color-mix(in srgb, var(--border) 80%, transparent);border-radius:6px;background:var(--surface);color:inherit;font:inherit;font-size:.86rem;padding:.32rem .7rem;cursor:pointer}
html > body > main button:hover, html > body > main .btn:hover, html > body > main input[type="submit"]:hover{border-color:var(--pos-nav-active);color:var(--pos-nav-active)}
html > body > main button[type="submit"], html > body > main .btn-primary{background:var(--pos-nav-active);border-color:var(--pos-nav-active);color:#fff}
html > body > main button[type="submit"]:hover, html > body > main .btn-primary:hover{color:#fff;filter:brightness(1.08)}
html > body > main input[type="text"], html > body > main input[type="number"], html > body > main input[type="date"], html > body > main input[type="email"], html > body > main input[type="password"], html > body > main select{border:1px solid color-mix(in srgb, var(--border) 80%, transparent);border-radius:6px;background:var(--surface);color:inherit;font:inherit;font-size:.88rem;padding:.3rem .5rem}
html > body > main section header .count{border-radius:999px;padding:0 .5rem;min-width:1.6rem;color:#fff;font-size:.78rem;line-height:1.55;align-self:center}
section.list.default{display:contents}
section.list.default.main table th{top:30px}
section.list.default header{display:flex}
section.list.default header .search{flex:1 1 200px;min-width:120px;position:relative}
section.list.default header .search input{width:100%;padding:.55rem .75rem .55rem 2.25rem;border:none;border-radius:9px;background:var(--border);color:var(--text);font-size:.85em}
section.list.default header .search i{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);pointer-events:none}
section.list.default table{min-width:100%}
section.list.default table th{background:var(--surface);font-size:.85em;font-weight:normal;line-height:30px;margin-bottom:3em;position:sticky;text-align:left;top:60px}
section.list.default table tbody tr:nth-child(odd){background:transparent}
section.list.default table tbody tr:nth-child(even){background:color-mix(in srgb, var(--surface) 92%, var(--text))}
section.list.default table tbody tr:hover td, section.list.default table tbody tr td.active{background:color-mix(in srgb, var(--surface) 82%, var(--text))}
section.list.default table tbody tr td{padding:.5rem;vertical-align:top}
section.list.default table tbody tr td input.field, section.list.default table tbody tr td select, section.list.default table tbody tr td textarea{border:1px solid var(--text);border-radius:3px;min-width:100px;margin:-.25rem;padding:.25rem}
section.list.default table tbody tr td > a.async{display:block;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
section.list.default table tbody tr td.link{cursor:pointer}
section.list.default table tbody tr td .noRecords{font-size:1.2em;text-align:center}
td.sort{cursor:grab;text-align:center;touch-action:none;user-select:none;vertical-align:middle !important}
.sort__grip{font:inherit;font-size:2em;line-height:1;padding:0;border:0;background:none;color:inherit;cursor:inherit}
td.sort--off{cursor:default;opacity:.25}
tbody:has(tr.dragging) tr:not(.dragging){opacity:.3}
html.loading body::before{content:'';position:fixed;inset:0;background:#000;opacity:0;animation:darkfade .15s ease forwards .1s;pointer-events:none;z-index:9999}
html.waiting body::after{content:'loading';position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);font-family:monospace;font-size:1.25rem;color:#0f0;background:#000;padding:.75rem 1.5rem;border:1px solid #0f0;min-width:20ch;white-space:pre;animation:terminaldots 1s steps(3) infinite;z-index:10000}
section.record.default .body{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill, minmax(240px, 1fr));margin-top:.75rem}
section.record.default .body div.field:has(.preview.image img), section.record.default .body div.field:has(.label.wysiwyg){grid-column:1 / -1}
section.change.default form, section.create.default form{display:flex;flex-direction:column;gap:.8rem;margin-top:.75rem;max-width:38rem}
section.record.default div.field, section.change.default div.field, section.create.default div.field{background:var(--surface);border:1px solid var(--border);border-radius:10px;display:flex;flex-direction:column;gap:.35rem;min-width:0;padding:.7rem .85rem}
section.record.default div.field > label, section.change.default div.field > label, section.create.default div.field > label{color:var(--muted);font-size:.72rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase}
section.record.default div.field > .label, section.change.default div.field > .label, section.create.default div.field > .label{color:var(--text);min-height:1.2em;overflow-wrap:break-word}
section.record.default div.field > .input, section.change.default div.field > .input, section.create.default div.field > .input{align-items:center;border:1px solid var(--border);border-radius:7px;display:flex;gap:.4rem;padding:.45rem .55rem}
section.record.default div.field > .input:focus-within, section.change.default div.field > .input:focus-within, section.create.default div.field > .input:focus-within{border-color:var(--primary)}
section.record.default div.field > .input input.field, section.record.default div.field > .input select, section.record.default div.field > .input textarea, section.change.default div.field > .input input.field, section.change.default div.field > .input select, section.change.default div.field > .input textarea, section.create.default div.field > .input input.field, section.create.default div.field > .input select, section.create.default div.field > .input textarea{flex:1;min-width:0;width:auto}
section.record.default div.field > .input.wysiwyg, section.record.default div.field > .input.multiselect, section.record.default div.field > .input.image, section.record.default div.field > .input.file, section.change.default div.field > .input.wysiwyg, section.change.default div.field > .input.multiselect, section.change.default div.field > .input.image, section.change.default div.field > .input.file, section.create.default div.field > .input.wysiwyg, section.create.default div.field > .input.multiselect, section.create.default div.field > .input.image, section.create.default div.field > .input.file{display:block}
section.record.default > section, section.change.default > section, section.create.default > section{margin-top:1.5rem}
dialog p{white-space:pre-wrap}
::-webkit-scrollbar{background:var(--bg);width:12px;height:20px}
::-webkit-scrollbar \-thumb{background:var(--primary)}
a{color:var(--primary)}
h1, h2{font-size:1.2em;font-weight:normal;margin:0}
input.field, select, textarea{background:transparent;border:0;font:inherit;color:var(--text)}
input.field.error, select.error, textarea.error{outline:1px solid var(--warn)}
section .body input.field, section .body select, section .body textarea, input.field.full, select.full, textarea.full{width:100%}
input::placeholder{color:var(--text);opacity:.66}
select option, select optgroup{background:black;color:white}
.ms-grid{display:flex;flex-wrap:wrap;gap:.4rem .9rem;padding:.25rem 0}
.ms-opt{align-items:center;cursor:pointer;display:inline-flex;gap:.35rem}
.ms-opt input{width:auto;margin:0}
button, .btn{background:var(--surface);border-radius:6px;color:var(--text);cursor:pointer;display:inline-block;border:0;font:inherit;font-size:.9em;outline:0;padding:.4rem .9rem;text-align:center;text-decoration:none}
button.primary, .btn.primary{background:var(--primary)}
button.warning, .btn.warning{background:var(--warn)}
button.danger, .btn.danger{background:var(--error)}
section header{background:var(--bg);display:flex;flex-wrap:wrap;gap:.5rem;justify-content:end;line-height:30px;margin:1.25em 0 0;padding:0 .5rem;position:sticky;left:0;z-index:1}
section header h1, section header h2{flex:auto}
section header .count{background:var(--warn);border-radius:100%;display:inline-block;font-size:.8em;font-weight:bold;text-align:center;min-width:2em}
section header button, section header .btn{align-self:center}
#more{display:block;margin:auto}
dialog{animation:200ms dialog;background:var(--bg);border:1px solid var(--primary);border-radius:6px;color:var(--text)}
dialog::backdrop{backdrop-filter:blur(12px);background-color:#ABC2;cursor:pointer}
dialog button{border:1px solid var(--primary)}
.export-period{display:flex;gap:1rem;align-items:end;margin:.8rem 0}
.export-ok{padding:.6rem .8rem;border-radius:8px;background:rgba(46, 158, 107, .18);border:1px solid rgba(46, 158, 107, .5)}
.export-warn{padding:.6rem .8rem;border-radius:8px;background:rgba(217, 161, 60, .15);border:1px solid rgba(217, 161, 60, .5);font-size:.9rem}
.monitor-rejects{margin:0 0 1.4rem}
.monitor-rejects h2{margin:0 0 .5rem;font-size:1rem;color:var(--error)}
.monitor-summary{display:flex;align-items:center;gap:.5rem;margin:.4rem 0 1rem;font-size:.95rem}
.monitor-summary__sep{color:var(--muted)}
.monitor-store-row td{background:color-mix(in srgb, var(--surface) 82%, var(--border));font-size:.95rem;padding-top:.55rem;padding-bottom:.55rem}
.monitor-table{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid color-mix(in srgb, var(--border) 55%, transparent);border-radius:8px;overflow:hidden}
.monitor-table th{padding:.5rem .8rem;text-align:left;font-size:.82rem;font-weight:600;letter-spacing:.02em;color:color-mix(in srgb, var(--text) 60%, transparent);background:color-mix(in srgb, var(--border) 22%, transparent);white-space:nowrap}
.monitor-table td{padding:.5rem .8rem;border-top:1px solid color-mix(in srgb, var(--border) 45%, transparent);text-align:left}
.monitor-table .r, .monitor-table td.r{text-align:right;font-variant-numeric:tabular-nums}
.monitor-table__name{font-weight:650;white-space:nowrap;width:1%}
.monitor-table__actions{display:flex;gap:.35rem;justify-content:flex-end}
.monitor-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--muted);margin-right:.45rem}
.monitor-dot--on{background:var(--primary)}
.monitor-status{display:inline-block;border-radius:999px;padding:.12rem .6rem;font-size:.8rem;font-weight:650;letter-spacing:.01em;white-space:nowrap}
.monitor-status--on{background:#dcf3d3;color:#2c7a12}
.monitor-status--off{background:#fbdcda;color:#b3251c}
.monitor-status__since{color:var(--muted);font-size:.8rem;margin-left:.35rem;white-space:nowrap}
.monitor-row{cursor:pointer}
.monitor-row:hover td{background:color-mix(in srgb, var(--surface) 88%, var(--border))}
.monitor-sub{color:var(--muted);margin:.2rem 0 .5rem}
.monitor-sub a{color:inherit}
.monitor-kop{display:flex;align-items:center;gap:1rem;margin:.4rem 0 .8rem}
.monitor-kop__item{color:var(--muted)}
.monitor-kop__item strong{color:var(--text)}
.monitor-cijfers{display:grid;grid-template-columns:repeat(auto-fit, minmax(10rem, 1fr));gap:.6rem;margin:0 0 .8rem}
.monitor-cijfer{background:var(--surface);border:1px solid color-mix(in srgb, var(--border) 55%, transparent);border-radius:8px;padding:.7rem .8rem;display:flex;flex-direction:column;gap:.15rem}
.monitor-cijfer strong{font-size:1.25rem}
.monitor-cijfer span{color:var(--muted);font-size:.82rem}
.monitor-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(20rem, 1fr));gap:.8rem;margin:0 0 .8rem}
.monitor-card{background:var(--surface);border:1px solid color-mix(in srgb, var(--border) 55%, transparent);border-radius:8px;padding:.7rem .8rem}
.monitor-card h3{margin:0 0 .5rem;font-size:.95rem}
.monitor-camera{display:flex;align-items:center;justify-content:center;text-align:center;min-height:11rem;border:1px dashed var(--border);border-radius:8px;color:var(--muted);font-size:.88rem;padding:1rem}
.monitor-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.5rem}
.monitor-subhead{margin-top:1rem}
.monitor-message{display:flex;gap:.5rem}
.monitor-message input{flex:1;min-width:0}
.monitor-watch__head{display:flex;align-items:center;gap:.5rem;margin:0 0 .5rem;color:var(--muted);font-size:.88rem}
.monitor-talk{display:flex;flex-direction:column;gap:.5rem;max-height:16rem;overflow-y:auto}
.monitor-talk__row{border-left:3px solid var(--border);padding:.1rem 0 .1rem .5rem}
.monitor-talk__row p{margin:.1rem 0 0}
.monitor-talk__row--till{border-left-color:var(--primary);margin-left:1.4rem}
.monitor-talk__meta{display:flex;flex-wrap:wrap;gap:.4rem;align-items:baseline;font-size:.8rem;color:var(--muted)}
.monitor-talk__meta strong{color:var(--text)}
.monitor-talk__read{margin-left:auto}
.monitor-watch__since{margin-left:auto;font-size:.8rem}
.monitor-watch__qty{width:1%;white-space:nowrap;color:var(--muted)}
.monitor-watch__total{display:flex;justify-content:space-between;align-items:baseline;margin-top:.5rem;padding-top:.5rem;border-top:1px solid color-mix(in srgb, var(--border) 45%, transparent)}
.monitor-watch__total strong{font-size:1.1rem;font-variant-numeric:tabular-nums}
.monitor-watch__off{display:flex;align-items:center;justify-content:center;text-align:center;min-height:8rem;border:1px dashed var(--border);border-radius:8px;color:var(--muted);font-size:.88rem;padding:1rem}
.monitor-watch__off p{margin:0}
.rapport-sub{color:var(--muted);margin:.2rem 0 .8rem}
.rapport-period{display:flex;gap:1rem;align-items:end;margin:.8rem 0;flex-wrap:wrap}
.rapport-table{width:100%;border-collapse:collapse;margin:.8rem 0 1.4rem;font-variant-numeric:tabular-nums}
.rapport-table th, .rapport-table td{padding:.4rem .55rem;border-bottom:1px solid color-mix(in srgb, var(--border) 55%, transparent);text-align:left;white-space:nowrap}
.rapport-table .r, .rapport-table td.r{text-align:right}
.rapport-table .rapport-total td{font-weight:700;border-top:2px solid var(--border)}
.rapport-pct{display:block;font-size:.72rem;color:var(--muted)}
.rapport-sym{color:var(--muted);font-size:.8rem}
.rapport-note{color:var(--muted);font-size:.85rem}
.rapport-months{display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:1rem}
.rapport-month{padding:.8rem 1rem;border:1px solid var(--border);border-radius:12px;background:var(--surface)}
.rapport-days{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.5rem}
.rapport-day{min-width:2rem;padding:.25rem 0;text-align:center;border:1px solid var(--border);border-radius:6px;text-decoration:none;color:var(--text);font-variant-numeric:tabular-nums}
.rapport-hours{display:flex;gap:.5rem;align-items:flex-end;margin-top:.6rem}
.rapport-hour{display:flex;flex-direction:column;align-items:center;gap:.2rem;font-size:.75rem;color:var(--muted)}
.rapport-hour__bar--0{height:0px}
.rapport-hour__bar--5{height:5px}
.rapport-hour__bar--10{height:10px}
.rapport-hour__bar--15{height:15px}
.rapport-hour__bar--20{height:20px}
.rapport-hour__bar--25{height:25px}
.rapport-hour__bar--30{height:30px}
.rapport-hour__bar--35{height:35px}
.rapport-hour__bar--40{height:40px}
.rapport-hour__bar--45{height:45px}
.rapport-hour__bar--50{height:50px}
.rapport-hour__bar--55{height:55px}
.rapport-hour__bar--60{height:60px}
.rapport-hour__bar--65{height:65px}
.rapport-hour__bar--70{height:70px}
.rapport-hour__bar--75{height:75px}
.rapport-hour__bar--80{height:80px}
.rapport-hour__bar--85{height:85px}
.rapport-hour__bar--90{height:90px}
.rapport-hour__bar--95{height:95px}
.rapport-hour__bar--100{height:100px}
.rapport-hour__bar{width:22px;background:var(--primary);border-radius:4px 4px 0 0;min-height:2px}
.label.bool{text-align:center}
.input.bool{justify-content:center}
.input.bool label{position:relative;display:inline-block;width:42px;height:24px}
.input.bool input{opacity:0;width:0;height:0}
.input.bool input:checked + .slider{background:var(--primary)}
.input.bool input:checked + .slider:before{transform:translateX(18px)}
.input.bool .slider{position:absolute;inset:0;cursor:pointer;background:var(--surface);border:1px solid var(--border);border-radius:20px;transition:.3s}
.input.bool .slider:before{content:"";position:absolute;height:16px;width:16px;left:3px;top:3px;background:var(--text);border-radius:50%;transition:.3s}
.label.child{max-height:100px;overflow-y:auto}
.label.child a{display:block}
.label.datetime{white-space:nowrap}
.label.datetime .icon{float:left;margin-right:.4rem;margin-top:.15em}
.input.file{display:block !important}
.input.file .file{cursor:pointer;display:flex;gap:.25rem;align-items:center}
.input.file .file-input{display:none}
.input.file input[type="checkbox"]{width:initial !important}
.label.file a{align-items:center;display:inline-flex;gap:.35rem}
.input.image{display:block !important;text-align:center}
.input.image .image{cursor:pointer;max-width:100%;border-radius:6px}
.input.image .image-input{display:none}
.input.image input[type="checkbox"]{width:initial !important}
.label.image img{border-radius:4px;vertical-align:middle}
.preview.image{text-align:center}
.preview.image img.preview{border-radius:8px;max-height:280px;max-width:100%}
.label.multiselect{display:flex;flex-wrap:wrap;gap:.35rem}
.label.multiselect .ms-tag{background:var(--border);border-radius:999px;font-size:.85em;padding:.1rem .55rem;white-space:nowrap}
.label.number, .label.price, .input.number input, .input.price input{text-align:right}
figure div.list{line-height:2.1em;padding:0 1.5rem;transition:1s;font-size:.85em}
figure div.list div{border-bottom:1px solid #FFFD;overflow:hidden;opacity:0;text-overflow:ellipsis;white-space:nowrap}
figure div.list div:first-child{border-top:1px solid #FFFD}
figure div.list div a{text-decoration:none}
figure.init div.list{padding-top:1.15rem}
figure.init div.list div{opacity:1}
.fund-pick{margin:.8rem 0}
.fund-step{margin:1.2rem 0;padding:1rem 1.2rem;border:1px solid var(--border);border-radius:12px;background:var(--surface)}
.fund-grids{display:grid;grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));gap:1rem}
.fund-row, .fund-field{display:flex;align-items:center;gap:.5rem;margin:.2rem 0;font-variant-numeric:tabular-nums}
.fund-field{flex-direction:column;align-items:stretch}
.fund-row span{min-width:3.4rem;text-align:right;color:var(--muted)}
.fund-row input, .fund-field input{width:100%;min-height:38px;padding:0 .5rem;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);text-align:right}
.fund-summary div{display:flex;justify-content:space-between;font-size:1.1rem;margin:.3rem 0}
.fund-checks{display:grid;gap:.3rem}
.fund-check{display:flex;gap:.5rem;align-items:center}
.fund-table{width:100%;border-collapse:collapse;margin:.6rem 0}
.fund-table th, .fund-table td{padding:.35rem .5rem;border-bottom:1px solid color-mix(in srgb, var(--border) 55%, transparent);text-align:left}
.fund-table .r, .fund-table td.r{text-align:right;font-variant-numeric:tabular-nums}
.fund-history{margin-top:1.6rem}
.icon{background-image:url(/icons.png?0.6);;background-position-y:bottom;;display:inline-block;;overflow:hidden;;padding:0;;width:10px;;height:10px;}
.icon.zoom{width:16px;;height:16px;}
.icon.view{background-position-x:-16px;;width:24px;;height:24px;}
.icon.pdf{background-position-x:-40px;;width:24px;;height:24px;}
.icon.microphone{background-position-x:-64px;;width:24px;;height:24px;}
.icon.clock-yellow{background-position-x:-88px;}
.icon.clock-red{background-position-x:-98px;}
.icon.clock-blue{background-position-x:-108px;}
@media(max-width:800px){
body:has(> nav){flex-direction:column-reverse}
nav{flex-direction:row;font-size:.85em;height:initial;justify-content:space-around;overflow:hidden;padding:.5rem 0}
nav a{border-radius:16px;display:none;padding:.25rem .5rem}
nav a:nth-child(-n+4), nav a:last-child{display:block}
.cms-tools{flex-direction:row;margin-top:0}
html > body:has(> nav){grid-template-columns:0 1fr}}
@media(min-width:801px){
#menuToggle{background:var(--primary);border-radius:5px;cursor:pointer;border:1px solid var(--surface);margin-top:50vh;width:10px;height:44px}
body:has(#menuToggle.hide) nav{width:32px}
body:has(#menuToggle.hide) nav:hover{overflow:visible}
body:has(#menuToggle.hide) nav a{width:32px}
body:has(#menuToggle.hide) nav a:hover{width:fit-content;z-index:2}}
@media(max-width:520px): a{
nav{overflow:hidden;padding:.25rem;width:26px}
nav.active{width:auto}
nav:not(.active) i{margin-right:.5rem}
nav i{width:20px}}
@keyframes darkfade{
80%{opacity:0}
100%{opacity:.8}}
@keyframes terminaldots{
0%{content:'loading'}
33%{content:'loading .'}
66%{content:'loading ..'}
100%{content:'loading ...'}}
@keyframes dialog{
from{transform:scale(.5)}}