@import url("https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Syne:wght@400;600;700;800&display=swap");:root{--bg:#0f0f0f;--surface:#1a1a1a;--surface2:#242424;--border:#2e2e2e;--accent:#c8f135;--accent2:#f1c835;--text:#f0f0f0;--muted:#666;--danger:#ff5c5c;--info:#5cc8ff;--success:#5cffa0}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased}body,button,input,select,textarea{font-family:Syne,sans-serif}a{color:inherit;text-decoration:none}.mono{font-family:DM Mono,monospace}.muted{color:var(--muted)}.accent{color:var(--accent)}.danger{color:var(--danger)}.success{color:var(--success)}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:8px;font-family:Syne,sans-serif;font-weight:700;font-size:.875rem;cursor:pointer;border:none;letter-spacing:.3px;transition:all .15s;text-transform:uppercase;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#0f0f0f}.btn-primary:hover:not(:disabled){background:#d8ff45;transform:translateY(-1px)}.btn-secondary{background:var(--surface2);border:1px solid var(--border);color:var(--text)}.btn-secondary:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.btn-danger{background:transparent;border:1px solid var(--danger);color:var(--danger)}.btn-danger:hover:not(:disabled){background:var(--danger);color:white}.btn-sm{padding:8px 16px;font-size:.78rem}.btn-full{width:100%}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:.72rem;color:var(--muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.form-group input,.form-group select,.form-group textarea{width:100%;background:var(--surface2);border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:DM Mono,monospace;font-size:.9rem;padding:11px 14px;outline:none;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent)}.form-group textarea{resize:vertical;min-height:70px;font-family:Syne,sans-serif;font-size:.85rem}.form-group select option{background:var(--surface2)}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}@media (max-width:500px){.form-row{grid-template-columns:1fr}}.tag{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;font-family:DM Mono,monospace}.tag-werk{background:#1a3a28;color:var(--success)}.tag-verzuim{background:#3a2e0a;color:var(--accent2)}.tag-open{background:#1a2a3a;color:var(--info)}.tag-overuur{background:#3a1a1a;color:var(--danger)}table{width:100%;border-collapse:collapse;font-size:.83rem}thead th{text-align:left;padding:10px 12px;color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.5px;font-weight:600}tbody tr,thead th{border-bottom:1px solid var(--border)}tbody tr{transition:background .12s}tbody tr:hover{background:var(--surface)}tbody td{padding:11px 12px}.td-mono{font-family:DM Mono,monospace;font-size:.8rem}.empty-state{text-align:center;padding:48px 20px;color:var(--muted)}.empty-state .icon{font-size:2.5rem;margin-bottom:12px}.error-msg{background:#2a0f0f;border:1px solid var(--danger);color:var(--danger);border-radius:8px}.error-msg,.success-msg{padding:12px 16px;font-size:.85rem;margin-bottom:16px}.success-msg{background:#0f2a1a;border:1px solid var(--success);color:var(--success);border-radius:8px}.spinner{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(1turn)}}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:12px;gap:12px;margin-bottom:24px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:16px 18px}.stat-card .val{font-size:1.5rem;font-weight:800;color:var(--accent);font-family:DM Mono,monospace}.stat-card .lbl{font-size:.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-top:3px}.nav{display:flex;gap:4px;overflow-x:auto;padding-bottom:4px;margin-bottom:24px}.nav-btn{padding:8px 16px;border:1px solid var(--border);border-radius:6px;background:transparent;color:var(--muted);font-family:Syne,sans-serif;font-weight:600;font-size:.8rem;cursor:pointer;white-space:nowrap;transition:all .15s;text-transform:uppercase;letter-spacing:.5px}.nav-btn.active{background:var(--accent);color:#0f0f0f;border-color:var(--accent)}.nav-btn:hover:not(.active){color:var(--text);border-color:var(--text)}@media (max-width:600px){.card{padding:16px;border-radius:10px}}