:root{color-scheme:dark;--bg:#06101f;--panel:#101a29;--panel2:#0b1422;--line:#24364b;--text:#eef5ff;--muted:#8ca6c5;--accent:#11c9d6;--accent2:#ff4f76}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 "DM Sans",sans-serif}.beheer-shell{min-height:100vh}.beheer-header{height:86px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,4vw,64px);position:sticky;top:0;background:rgba(6,16,31,.96);z-index:3}.brand img{width:132px;display:block}.header-actions{display:flex;gap:12px;align-items:center}.beheer-main{max-width:1440px;margin:0 auto;padding:clamp(24px,4vw,56px)}.login-card{max-width:480px;margin:8vh auto;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:32px;box-shadow:0 20px 60px #0004}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:800;margin:0 0 8px}.muted{color:var(--muted)}h1,h2{margin:0 0 10px;font-family:Manrope,sans-serif}h1{font-size:clamp(1.7rem,3vw,2.5rem)}h2{font-size:1.1rem}label{display:grid;gap:7px;color:#a8bfda;font-weight:700;font-size:.82rem}input,select{width:100%;border:1px solid var(--line);border-radius:10px;background:var(--panel2);color:var(--text);padding:12px 13px;font:inherit}form{display:grid;gap:14px}.primary-button,.ghost-button{border:1px solid var(--line);border-radius:10px;padding:11px 16px;font:700 .9rem inherit;cursor:pointer}.primary-button{background:linear-gradient(110deg,#13c3d1,#15d19b);color:#04111d;border:0}.ghost-button{background:#152338;color:var(--text)}.user-pill,.badge{border:1px solid #1a7d8a;background:#0d3445;color:#53e1e4;border-radius:999px;padding:7px 11px;font-size:.78rem;font-weight:700}.page-heading,.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:26px 0}.stats-grid article,.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px}.stats-grid article{padding:18px}.stats-grid span{display:block;color:var(--muted);font-size:.82rem}.stats-grid strong{display:block;font:800 1.8rem Manrope;margin-top:4px}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel{padding:22px;margin-bottom:18px}.inline-form{grid-template-columns:1.3fr 1fr auto;margin:18px 0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.record-list,.event-list{display:grid;gap:9px;margin-top:16px}.record,.event-card{padding:14px;border:1px solid var(--line);border-radius:11px;background:var(--panel2)}.record{display:flex;justify-content:space-between;gap:12px;align-items:center}.record strong{display:block}.record small{color:var(--muted)}.event-card{display:grid;gap:12px}.event-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.event-meta{display:flex;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:.82rem}.device-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}.form-message{min-height:1.3em;color:var(--muted)}.form-message.error{color:#ff8da6}.form-message.success{color:#5ee3b1}@media(max-width:900px){.stats-grid{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}.beheer-header{height:72px}}@media(max-width:560px){.beheer-main{padding:20px 14px}.stats-grid{gap:9px}.stats-grid article{padding:13px}.inline-form,.form-row{grid-template-columns:1fr}.page-heading{display:block}.page-heading .ghost-button{margin-top:12px}.beheer-header{padding:0 16px}.brand img{width:112px}}