@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500&family=DM+Mono:wght@400;500&display=swap";@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ai-gradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.btn-ai{font-size:12px;font-family:var(--font-sans);color:#fff;border-radius:var(--radius-md);cursor:pointer;letter-spacing:0;background:linear-gradient(135deg,#a855f7,#6366f1,#3b82f6,#06b6d4,#a855f7) 0 0/300% 300%;border:none;align-items:center;gap:4px;padding:4px 10px;font-weight:500;animation:5s infinite ai-gradient;display:inline-flex}*,:before,:after{box-sizing:border-box}:root{--font-sans:"DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"DM Mono", monospace;--page-bg:#f5f5f3;--surface:#fff;--surface-2:#f9f9f7;--border:#0000001a;--border-2:#0000000f;--text-1:#1a1a18;--text-2:#4a4a46;--text-3:#888882;--text-4:#b8b8b0;--accent:#1a1a18;--success-bg:#eaf5ea;--success-text:#1a5c1a;--warning-bg:#fef5e4;--warning-text:#7a4e00;--danger-bg:#fef2f2;--danger-text:#dc2626;--info-bg:#eef4fb;--info-text:#1a4f8c;--radius-sm:4px;--radius-md:6px;--radius-lg:10px;--topbar-h:48px}@media (prefers-color-scheme:dark){:root{--page-bg:#111110;--surface:#1c1c1a;--surface-2:#232321;--border:#ffffff1a;--border-2:#ffffff0f;--text-1:#f0f0ec;--text-2:#b0b0a8;--text-3:#707068;--text-4:#484844;--accent:#f0f0ec;--success-bg:#0d2e0d;--success-text:#6fcf6f;--warning-bg:#2a1f00;--warning-text:#f0b429;--danger-bg:#2a0d0d;--danger-text:#fc8181;--info-bg:#0d1f3a;--info-text:#7eb8f7}}body{font-family:var(--font-sans);background:var(--page-bg);color:var(--text-1);-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.5}input,select,textarea,button{font-family:inherit}button{cursor:pointer}.topbar{z-index:100;background:var(--surface);border-bottom:.5px solid var(--border);height:var(--topbar-h);align-items:center;gap:0;padding:0 24px;display:flex;position:sticky;top:0}.topbar-logo{color:var(--text-1);letter-spacing:-.3px;white-space:nowrap;margin-right:28px;font-size:15px;font-weight:500}.topbar-nav{height:var(--topbar-h);gap:0;display:flex}.nav-link{color:var(--text-3);height:var(--topbar-h);white-space:nowrap;border-bottom:2px solid #0000;align-items:center;padding:0 12px;font-size:13px;text-decoration:none;transition:color .1s;display:flex}.nav-link:hover{color:var(--text-2)}.nav-link.active{color:#1a7a3c;border-bottom-color:#1a7a3c;font-weight:500}.topbar-right{align-items:center;gap:8px;margin-left:auto;display:flex}.topbar-bell{width:32px;height:32px;color:var(--text-3);border-radius:var(--radius-md);justify-content:center;align-items:center;font-size:17px;display:flex;position:relative}.topbar-bell .notif-dot{background:#e24b4a;border-radius:50%;width:6px;height:6px;position:absolute;top:5px;right:5px}.topbar-avatar{background:var(--surface-2);border:.5px solid var(--border);width:28px;height:28px;color:var(--text-2);border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:500;display:flex}.page{max-width:960px;padding:28px 32px}.breadcrumb{color:var(--text-3);align-items:center;gap:5px;margin-bottom:10px;font-size:12px;display:flex}.breadcrumb a{color:var(--text-3);text-decoration:none}.page-title{color:var(--text-1);letter-spacing:-.4px;margin-bottom:6px;font-size:24px;font-weight:500;line-height:1.2}.page-meta{color:var(--text-2);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:20px;font-size:13px;display:flex}.meta-sep{background:var(--border);border-radius:50%;flex-shrink:0;width:3px;height:3px}.page-actions{gap:8px;margin-bottom:24px;display:flex}.btn-primary{background:var(--text-1);color:var(--surface);border-radius:var(--radius-md);border:none;align-items:center;gap:5px;padding:8px 16px;font-size:13px;font-weight:500;display:inline-flex}.btn-primary:hover{opacity:.88}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{background:var(--surface);color:var(--text-1);border:.5px solid var(--border);border-radius:var(--radius-md);padding:7px 13px;font-size:13px}.btn-ghost:hover{background:var(--surface-2)}.btn-danger{background:var(--surface);color:var(--danger-text);border:.5px solid var(--border);border-radius:var(--radius-md);padding:7px 13px;font-size:13px}.info-strip{background:var(--surface);border:.5px solid var(--border);border-radius:var(--radius-lg);grid-template-columns:repeat(4,1fr);margin-bottom:24px;display:grid;overflow:hidden}.info-strip-cell{border-right:.5px solid var(--border-2);padding:12px 16px}.info-strip-cell:last-child{border-right:none}.info-strip-label{color:var(--text-3);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:11px}.info-strip-value{color:var(--text-1);font-size:14px;font-weight:500}.info-strip-value.mono{font-family:var(--font-mono);font-size:13px}.info-strip-value.green{color:var(--success-text)}.section-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.section-title{color:var(--text-1);font-size:14px;font-weight:500}.section-action{color:var(--text-2);background:var(--surface);border:.5px solid var(--border);border-radius:var(--radius-md);align-items:center;gap:4px;padding:4px 10px;font-size:12px;display:flex}.data-table{border-collapse:collapse;table-layout:fixed;width:100%}.data-table th{text-align:left;color:var(--text-3);text-transform:uppercase;letter-spacing:.05em;border-bottom:.5px solid var(--border);padding:0 14px 8px;font-size:11px;font-weight:500}.data-table th.r{text-align:right}.data-table td{border-bottom:.5px solid var(--border-2);color:var(--text-1);vertical-align:middle;padding:12px 14px;font-size:13px}.data-table td.r{text-align:right;font-family:var(--font-mono);font-size:12px}.data-table td.center{text-align:center}.data-table tr:last-child td{border-bottom:none}.data-table tr.dimmed td{opacity:.45}.row-check{border:1.5px solid var(--border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.row-check.done{background:var(--success-bg);border-color:var(--success-text)}.row-check.done i{color:var(--success-text);font-size:10px}.regel-name{font-size:13px;line-height:1.4}.regel-sub{color:var(--text-3);margin-top:2px;font-size:11px}.tag{border-radius:var(--radius-sm);align-items:center;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.tag-done{background:var(--success-bg);color:var(--success-text)}.tag-open{background:var(--surface-2);color:var(--text-2);border:.5px solid var(--border-2)}.tag-warning{background:var(--warning-bg);color:var(--warning-text)}.tag-info{background:var(--info-bg);color:var(--info-text)}.tag-danger{background:var(--danger-bg);color:var(--danger-text)}.status-pill{border-radius:20px;padding:2px 9px;font-size:11px;font-weight:500}.table-totals{border-top:.5px solid var(--border);margin-top:4px;padding:12px 14px}.total-row{color:var(--text-2);justify-content:space-between;padding:2px 0;font-size:12px;display:flex}.total-row .mono{font-family:var(--font-mono)}.total-row.grand{color:var(--text-1);border-top:.5px solid var(--border);margin-top:6px;padding-top:8px;font-size:14px;font-weight:500}.total-row.grand .mono{color:var(--success-text)}.status-footer{color:var(--text-3);align-items:center;gap:10px;margin-top:16px;padding:10px 0;font-size:12px;display:flex}.field-label{color:var(--text-3);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:11px;font-weight:500;display:block}.field-input{border:.5px solid var(--border);border-radius:var(--radius-md);background:var(--surface);width:100%;color:var(--text-1);padding:7px 10px;font-size:13px;transition:border-color .1s}.field-input:focus{border-color:var(--text-1);outline:none;box-shadow:0 0 0 2px #0000000f}.panel{background:var(--surface);border:.5px solid var(--border);border-radius:var(--radius-lg);margin-bottom:14px;overflow:hidden}.panel-head{border-bottom:.5px solid var(--border-2);background:var(--surface-2);justify-content:space-between;align-items:center;min-height:36px;padding:0 16px;display:flex}.panel-label{color:var(--text-2);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.panel-label i{opacity:.7;font-size:13px}.panel-accent-green{border-left:3px solid #1a7a3c}.panel-accent-red{border-left:3px solid #dc2626}.panel-accent-amber{border-left:3px solid #c47a1e}.panel-accent-blue{border-left:3px solid #1a5fa0}.panel-accent-neutral{border-left:3px solid var(--border)}.alert-error{background:var(--danger-bg);border:.5px solid var(--border);border-radius:var(--radius-md);color:var(--danger-text);margin:10px 0;padding:8px 12px;font-size:13px}.alert-success{background:var(--success-bg);border:.5px solid var(--border);border-radius:var(--radius-md);color:var(--success-text);margin:10px 0;padding:8px 12px;font-size:13px}.badge{border-radius:var(--radius-sm);align-items:center;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.badge-green{background:var(--success-bg);color:var(--success-text)}.badge-gray{background:var(--surface-2);color:var(--text-2);border:.5px solid var(--border-2)}.badge-amber{background:var(--warning-bg);color:var(--warning-text)}.badge-rust{background:var(--danger-bg);color:var(--danger-text)}.mono{font-family:var(--font-mono)}@media (width<=768px){.topbar{padding:0 16px}.topbar-nav{display:none}.mobile-menu-btn{cursor:pointer;width:36px;height:36px;color:var(--text-1);background:0 0;border:none;justify-content:center;align-items:center;font-size:20px;display:flex}.mobile-nav{background:var(--surface);z-index:200;flex-direction:column;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.mobile-nav-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.mobile-nav .nav-link{color:var(--text-1);border-bottom:.5px solid var(--border);height:auto;padding:14px 0;font-size:18px;font-weight:500;text-decoration:none;display:block}.mobile-nav .nav-link.active{color:var(--green,#1a7a3c)}.page{padding:16px 16px 80px}.dash-grid{grid-template-columns:1fr!important}.klus-acties-desktop{display:none!important}.klus-acties-mobiel{display:block}.werkregels-tabel thead,.werkregels-tabel td:nth-child(3),.werkregels-tabel td:nth-child(4),.werkregels-tabel td:nth-child(5),.werkregels-tabel td:nth-child(6),.werkregels-tabel td:nth-child(7){display:none}.werkregels-tabel{min-width:unset!important;table-layout:auto!important}.mob-regel-expand{display:flex!important}.werkregel-detail-row{display:table-row!important}.info-strip{grid-template-columns:1fr 1fr}.data-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.data-table{min-width:580px}.page-actions{flex-wrap:wrap}.page-actions .btn-primary,.page-actions .btn-ghost{flex:1;justify-content:center;min-width:120px}}@media (width>=769px){.mobile-menu-btn{display:none}.mobile-nav,.klus-acties-mobiel{display:none!important}.klus-acties-desktop{align-items:center;gap:8px;display:flex}.mob-regel-expand,.werkregel-detail-row{display:none!important}}.klus-opties-menu{background:var(--surface);border:.5px solid var(--border);z-index:50;border-radius:10px;min-width:180px;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 4px 20px #0000001a}.klus-opties-menu button{width:100%;color:var(--text-1);border:none;border-bottom:.5px solid var(--border-2);cursor:pointer;text-align:left;background:0 0;align-items:center;gap:10px;padding:11px 16px;font-size:13px;display:flex}.klus-opties-menu button:last-child{border-bottom:none}.klus-opties-menu button:hover{background:var(--surface-2)}.klus-opties-menu button.danger{color:#dc2626}.klus-opties-menu button i{color:var(--text-3);font-size:14px}.klus-opties-menu button.danger i{color:#dc2626}