[hidden]{display:none!important}:root{--groen:#05D996;--cyaan:#00A0D8;--blauw:#0678FC;--bg:#071624;--vlak:#0E2537;--vlak2:#143047;--vlak3:#1A3A52;--rand:#1E3D55;--rand2:#2C536F;--tekst:#E6EDF3;--zacht:#8CA3B8;--uit:#5A7086;--ok:#05D996;--let:#F5B841;--nee:#F0524D}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--tekst);font:400 15px/1.5 Archivo,system-ui,sans-serif}button,input,select,textarea{font:inherit;color:inherit}.merk{font-weight:600;letter-spacing:-.03em}.merk i{font-style:normal;background:linear-gradient(150deg,var(--groen),var(--cyaan) 55%,var(--blauw));background-clip:text;color:transparent}.login{min-height:100vh;display:grid;place-items:center}.login form{width:330px}.login .merk{font-size:38px}.login p{color:var(--zacht);margin:0 0 26px}.login input{width:100%;margin:0 0 10px;padding:13px;background:var(--vlak);border:1px solid var(--rand);border-radius:10px}.login button,.primary{background:var(--blauw)!important;border-color:var(--blauw)!important;color:#fff}.login button{width:100%;padding:12px;border:0;border-radius:9px}.login small{display:block;color:var(--nee);margin-top:10px}#shell{display:grid;grid-template-columns:216px 1fr;min-height:100vh}aside{background:var(--vlak);border-right:1px solid var(--rand);display:flex;flex-direction:column;position:sticky;top:0;height:100vh}aside header{padding:18px}aside header .merk{font-size:22px}aside header span{display:block;color:var(--uit);font-size:12px}nav{flex:1;padding:6px 10px}nav b{display:block;color:var(--uit);font-size:11px;font-weight:400;padding:14px 10px 5px}nav a{display:block;padding:9px 10px;border-radius:8px;color:var(--zacht);cursor:pointer}nav a:hover,nav a.aan{background:var(--vlak3);color:var(--tekst)}aside footer{padding:12px;border-top:1px solid var(--rand);display:flex;gap:8px;align-items:center;color:var(--uit);font-size:12px}aside footer i{width:7px;height:7px;background:var(--groen);border-radius:50%}aside footer button{margin-left:auto;background:none;border:0;color:var(--uit);cursor:pointer}main{padding:25px 28px}.top{display:flex;justify-content:space-between;align-items:start;margin-bottom:22px}.top h1{margin:0;font-size:23px;font-weight:500}.top p{margin:3px 0;color:var(--zacht)}button{padding:8px 13px;background:var(--vlak);border:1px solid var(--rand);border-radius:8px;cursor:pointer}.cards{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px}.card,.panel{background:var(--vlak);border:1px solid var(--rand);border-radius:14px;padding:17px}.card span{color:var(--uit);font-size:13px}.card strong{display:block;font-size:28px;font-weight:500;margin-top:3px}.panel{margin-top:18px}.panel h2{font-size:16px;font-weight:500;margin:0 0 12px}.table{width:100%;border-collapse:collapse}.table th{text-align:left;color:var(--uit);font-size:12px;font-weight:400;padding:9px;border-bottom:1px solid var(--rand)}.table td{padding:10px 9px;border-bottom:1px solid var(--rand);color:var(--zacht)}.table td strong{color:var(--tekst);font-weight:500}.badge{display:inline-block;padding:2px 8px;border-radius:20px;background:var(--vlak2);font-size:12px}.badge.ok{color:var(--ok);background:rgba(5,217,150,.13)}.badge.warn{color:var(--let);background:rgba(245,184,65,.13)}.badge.bad{color:var(--nee);background:rgba(240,82,77,.13)}.empty{padding:60px;text-align:center;color:var(--uit)}dialog{border:1px solid var(--rand);border-radius:14px;background:var(--vlak);color:var(--tekst);width:min(520px,90vw)}dialog::backdrop{background:#000a}dialog h2{margin-top:0}dialog label{display:block;color:var(--zacht);margin:12px 0}dialog input,dialog select,dialog textarea{display:block;width:100%;margin-top:5px;background:var(--vlak2);border:1px solid var(--rand);border-radius:8px;padding:9px}.check{display:flex;gap:8px;align-items:center}.check input{width:auto;margin:0}.actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}@media(max-width:850px){#shell{grid-template-columns:1fr}aside{position:static;height:auto}nav{display:flex;overflow:auto}nav b{display:none}.cards{grid-template-columns:repeat(2,1fr)}}
.split{display:grid;grid-template-columns:1fr 1.4fr;gap:18px}.attention{display:grid;grid-template-columns:1fr 1fr;gap:12px}.attention div{background:var(--vlak2);padding:18px;border-radius:10px}.attention b{font-size:28px;display:block}.attention span,.muted{color:var(--zacht)}.row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--rand)}.row span{color:var(--zacht)}.settings{max-width:780px}.settings label{display:block;color:var(--zacht);margin:14px 0}.settings input{display:block;width:100%;margin-top:5px;background:var(--vlak2);border:1px solid var(--rand);border-radius:8px;padding:10px}.statusline{display:flex;gap:8px;align-items:center;margin:10px 0 20px}.dot{width:9px;height:9px;border-radius:50%;background:var(--nee)}.dot.on{background:var(--groen)}.actions.left{justify-content:flex-start}.webhook{margin-top:20px;padding:13px;background:var(--vlak2);border-radius:9px}.webhook span{display:block;color:var(--zacht);font-size:12px}.webhook code{word-break:break-all}.tablewrap{overflow:auto}.empty.small{padding:24px}@media(max-width:1000px){.split{grid-template-columns:1fr}}