:root{--bg:#0b1720;--panel:#111f2a;--panel2:#162936;--text:#e7f2f2;--muted:#93a8ad;--line:#223745;--accent:#8fbec3;--green:#40d87c;--orange:#ffb84d;--red:#ff6464}*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:radial-gradient(circle at top left,#18313d,#0b1720 42%);color:var(--text)}a{color:var(--text);text-decoration:none}.login{min-height:100vh;display:flex;align-items:center;justify-content:center}.box,.card{background:rgba(17,31,42,.92);border:1px solid var(--line);border-radius:18px;padding:24px}.box{width:360px}.box input,.box button{width:100%;padding:13px;border-radius:10px;border:1px solid var(--line);margin-top:10px}.box input{background:#071019;color:var(--text)}button,.btn{background:var(--accent);color:#06212a;border:0;border-radius:10px;padding:10px 14px;font-weight:700;cursor:pointer}.layout{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.side{background:rgba(6,15,22,.75);border-right:1px solid var(--line);padding:22px}.brand{font-weight:800;font-size:20px;margin-bottom:26px}.nav a{display:block;padding:11px 12px;border-radius:10px;color:var(--muted)}.nav a:hover,.nav a.active{background:var(--panel2);color:var(--text)}.main{padding:28px}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}.num{font-size:34px;font-weight:800}.muted{color:var(--muted)}table{width:100%;border-collapse:collapse;background:rgba(17,31,42,.92);border:1px solid var(--line);border-radius:16px;overflow:hidden}th,td{text-align:left;padding:13px;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--muted);font-weight:600}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px}.groen{background:var(--green)}.oranje{background:var(--orange)}.rood{background:var(--red)}.actions{display:flex;gap:8px}.danger{background:#7b2222;color:#fff}.ok{background:#1f6b3b;color:#fff}.msg{background:#142f21;border:1px solid #2b7d4a;padding:12px;border-radius:12px;margin-bottom:15px}@media(max-width:900px){.layout{grid-template-columns:1fr}.side{position:static}.grid{grid-template-columns:1fr 1fr}}


/* v1.0.2 login fix */
.login-body{background:radial-gradient(circle at top left,#18313d,#071019 48%,#050b10);}
.login-box{width:390px;box-shadow:0 24px 80px rgba(0,0,0,.28)}
.login-box h1{margin:0 0 14px;font-size:32px;line-height:1.1}
.login-box label{display:block;margin-top:16px;margin-bottom:7px;font-weight:700;color:#e7f2f2}
.login-box input{display:block!important;min-height:48px!important;background:#071019!important;color:#fff!important;border:1px solid #315066!important;outline:none;font-size:16px;-webkit-text-fill-color:#fff!important;appearance:none}
.login-box input:focus{border-color:#ff7a22!important;box-shadow:0 0 0 3px rgba(255,122,34,.18)}
.login-button{display:block!important;width:100%;margin-top:18px!important;min-height:50px;background:linear-gradient(90deg,#ff6b1a,#ff8a24)!important;color:#fff!important;font-size:16px;border:0!important}
.hint{margin:14px 0 0;color:#93a8ad;font-size:13px}.error{background:#3a1616;border-color:#8a3030;color:#fff}