*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #4f46e5;--primary-hover: #4338ca;--primary-active: #3730a3;--primary-soft: #eef2ff;--primary-soft-border: #e0e7ff;--primary-ring: rgba(79, 70, 229, .18);--success-color: #16a34a;--success-soft: #dcfce7;--danger-color: #dc2626;--danger-soft: #fee2e2;--danger-border: #fecaca;--warning-color: #d97706;--warning-soft: #ffedd5;--text-primary: #0f172a;--text-secondary: #64748b;--text-muted: #94a3b8;--text-dark: #0f172a;--text-light: #64748b;--bg-primary: #ffffff;--bg-secondary: #f6f7f9;--app-bg: #f6f7f9;--surface: #ffffff;--surface-2: #f8fafc;--border-color: #e7e9ee;--border-strong: #d7dbe3;--sidebar-bg: #ffffff;--sidebar-border: #ebedf1;--sidebar-item: #475569;--sidebar-item-hover-bg: #f4f5f7;--sidebar-active-bg: var(--primary-soft);--sidebar-active-text: var(--primary-color);--radius-sm: 8px;--radius: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-pill: 999px;--shadow-xs: 0 1px 2px rgba(15, 23, 42, .04);--shadow-sm: 0 1px 3px rgba(15, 23, 42, .06), 0 1px 2px rgba(15, 23, 42, .04);--shadow-md: 0 4px 12px rgba(15, 23, 42, .08);--shadow-lg: 0 12px 32px rgba(15, 23, 42, .12);--shadow-xl: 0 24px 60px rgba(15, 23, 42, .18);--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;font-family:var(--font-sans);line-height:1.55;font-weight:400;color:var(--text-primary);background-color:var(--app-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background:var(--app-bg);color:var(--text-primary)}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:700;line-height:1.2;letter-spacing:-.015em}h1{font-size:1.75rem}h2{font-size:1.3rem}h3{font-size:1.075rem}button{font-family:inherit;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .05s ease;border:none;outline:none}button:disabled{opacity:.55;cursor:not-allowed}input,textarea,select{font-family:inherit;font-size:.95rem;color:var(--text-primary);transition:border-color .15s ease,box-shadow .15s ease}input::placeholder,textarea::placeholder{color:var(--text-muted)}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-ring)}a{color:var(--primary-color)}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.app-loader{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:var(--text-secondary);background:var(--app-bg)}.spinner{width:38px;height:38px;border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite}@media(max-width:768px){h1{font-size:1.5rem}h2{font-size:1.2rem}h3{font-size:1rem}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.6rem 1rem;border-radius:10px;font-size:.9rem;font-weight:600;line-height:1;border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .05s ease}.btn:disabled{opacity:.55;cursor:not-allowed}.btn:active:not(:disabled){transform:translateY(.5px)}.btn svg{width:16px;height:16px}.btn-sm{padding:.45rem .75rem;font-size:.82rem;border-radius:8px}.btn.btn-icon{width:40px;min-width:40px;max-width:40px;height:40px;padding:0;flex:0 0 auto}.btn.btn-icon svg{width:18px;height:18px}.btn.btn-sm.btn-icon{width:34px;min-width:34px;max-width:34px;height:34px}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-ghost{background:var(--surface);color:var(--text-secondary);border-color:var(--border-strong)}.btn-ghost:hover:not(:disabled){background:var(--surface-2);color:var(--text-primary);border-color:var(--border-strong)}.btn-danger{background:var(--danger-color);color:#fff}.btn-danger:hover:not(:disabled){filter:brightness(.94)}.btn-danger-soft{background:#fff;color:var(--danger-color);border-color:var(--danger-border)}.btn-danger-soft:hover:not(:disabled){background:var(--danger-soft)}.btn-success{background:var(--success-color);color:#fff}.btn-success:hover:not(:disabled){filter:brightness(.94)}.ui-input{width:100%;padding:.6rem .75rem;border:1px solid var(--border-strong);border-radius:10px;font-size:.92rem;color:var(--text-primary);background:var(--surface);box-sizing:border-box;transition:border-color .15s ease,box-shadow .15s ease}.ui-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-ring)}.ui-input::placeholder{color:var(--text-muted)}.ui-select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:34px}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:var(--surface);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;border:1px solid var(--border-strong);border-radius:10px;padding:.6rem 34px .6rem .75rem;font-size:.92rem;color:var(--text-primary);cursor:pointer}select:focus,select:focus-visible{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-ring)}.sel{position:relative;width:100%}.sel-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.6rem .75rem;border:1px solid var(--border-strong);border-radius:10px;background:var(--surface);color:var(--text-primary);font-size:.92rem;font-family:inherit;cursor:pointer;text-align:left;transition:border-color .15s ease,box-shadow .15s ease}.sel.open .sel-trigger,.sel-trigger:focus-visible{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-ring)}.sel-trigger:disabled{opacity:.6;cursor:not-allowed}.sel-val{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sel-ph{color:var(--text-muted)}.sel-chev{width:16px;height:16px;color:var(--text-muted);flex-shrink:0;transition:transform .15s ease}.sel.open .sel-chev{transform:rotate(180deg)}.sel-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--surface);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-lg);padding:6px;margin:0;list-style:none;z-index:100;max-height:280px;overflow-y:auto;animation:menuPop .12s ease}.sel-opt{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.55rem .7rem;border-radius:8px;font-size:.9rem;color:var(--text-primary);cursor:pointer}.sel-opt-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sel-opt:hover{background:var(--surface-2)}.sel-opt.selected{background:var(--primary-soft);color:var(--primary-color);font-weight:600}.sel-check{width:16px;height:16px;flex-shrink:0;color:var(--primary-color)}.chips-field{display:flex;flex-wrap:wrap;gap:.5rem}.chip-check{position:relative;display:inline-flex;align-items:center;gap:.5rem;padding:.45rem .85rem;border:1px solid var(--border-strong);border-radius:var(--radius-pill);background:var(--surface);color:var(--text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s ease,border-color .15s ease,color .15s ease}.chip-check:hover{border-color:var(--primary-color);color:var(--text-primary)}.chip-note{margin-left:-.3rem;color:var(--text-muted);font-weight:400}.chip-check.is-disabled{cursor:not-allowed;background:var(--surface-2);border-color:var(--border-color);color:var(--text-muted)}.chip-check.is-disabled:hover{border-color:var(--border-color);color:var(--text-muted)}.chip-check.is-disabled:before{background:var(--surface-2);border-color:var(--border-color)}.chip-check input{position:absolute;opacity:0;width:0;height:0;margin:0;pointer-events:none}.chip-check:before{content:"";width:16px;height:16px;flex-shrink:0;border:1.5px solid var(--border-strong);border-radius:5px;background-repeat:no-repeat;background-position:center;transition:background .15s ease,border-color .15s ease}.chip-check:has(input:checked){background:var(--primary-soft);border-color:var(--primary-color);color:var(--primary-color);font-weight:600}.chip-check:has(input:checked):before{border-color:var(--primary-color);background-color:var(--primary-color);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");background-size:11px}.tabs{display:inline-flex;flex-wrap:wrap;gap:4px;background:var(--surface-2);border:1px solid var(--border-color);border-radius:12px;padding:4px}.tab{display:inline-flex;align-items:center;gap:.45rem;padding:.5rem .9rem;border-radius:9px;background:transparent;color:var(--text-secondary);font-weight:600;font-size:.86rem;border:none;cursor:pointer;transition:background .15s ease,color .15s ease,box-shadow .15s ease;white-space:nowrap}.tab:hover:not(.active){color:var(--text-primary)}.tab.active{background:var(--surface);color:var(--primary-color);box-shadow:var(--shadow-xs)}.tab svg{width:16px;height:16px}.tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:var(--radius-pill);background:#0f172a14;color:inherit;font-size:.7rem;font-weight:700}.tab.active .tab-count{background:var(--primary-soft);color:var(--primary-color)}.tab-count.alert{background:var(--danger-color);color:#fff}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:9px;background:transparent;color:var(--text-muted);border:1px solid transparent;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.icon-btn:hover{background:var(--surface-2);color:var(--text-primary);border-color:var(--border-color)}.icon-btn svg{width:18px;height:18px}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.28rem .6rem;border-radius:var(--radius-pill);font-size:.75rem;font-weight:600;border:1px solid transparent}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.badge-pending{background:var(--warning-soft);color:#b45309}.badge-approved{background:var(--success-soft);color:#15803d}.badge-rejected{background:var(--danger-soft);color:#b91c1c}.menu-pop{position:absolute;top:calc(100% + 6px);right:0;min-width:190px;background:var(--surface);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-lg);padding:6px;z-index:20;animation:menuPop .12s ease}@keyframes menuPop{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.menu-item{display:flex;align-items:center;gap:.6rem;width:100%;padding:.55rem .7rem;border-radius:8px;background:transparent;color:var(--text-primary);font-size:.88rem;font-weight:500;text-align:left;cursor:pointer}.menu-item:hover{background:var(--surface-2)}.menu-item svg{width:16px;height:16px;color:var(--text-muted)}.menu-item.danger{color:var(--danger-color)}.menu-item.danger svg{color:var(--danger-color)}.menu-sep{height:1px;background:var(--border-color);margin:4px 2px}.skel{display:block;max-width:100%;background:linear-gradient(90deg,#eceef2 25%,#f5f6f8 37%,#eceef2 63%);background-size:400% 100%;animation:skel-shimmer 1.4s ease infinite}@keyframes skel-shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}@media(prefers-reduced-motion:reduce){.skel{animation:none}}.role-badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:.75rem;font-weight:600;white-space:nowrap}.role-badge-beheerder{background:#ccfbf1;color:#0f766e}.role-badge-finance{background:#ede9fe;color:#6d28d9}.role-badge-leider{background:#dbeafe;color:#1d4ed8}.role-badge-teamlid{background:#f3f4f6;color:#4b5563}.role-text-beheerder,.al-user-role.role-text-beheerder,.person-sub.role-text-beheerder{color:#0f766e}.role-text-finance,.al-user-role.role-text-finance,.person-sub.role-text-finance{color:#6d28d9}.role-text-leider,.al-user-role.role-text-leider,.person-sub.role-text-leider{color:#1d4ed8}.role-text-teamlid,.al-user-role.role-text-teamlid,.person-sub.role-text-teamlid{color:#6b7280}.factuur-link{margin-top:.5rem;text-decoration:none}.custom-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.custom-modal-box{background:#fff;border-radius:1rem;padding:2.5rem 2rem;max-width:450px;width:100%;text-align:center;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-icon{margin:0 auto 1.5rem;display:block}.modal-icon.success{color:var(--success-color)}.modal-icon.error{color:var(--danger-color)}.modal-icon.warning{color:var(--warning-color)}.modal-icon.info{color:var(--primary-color)}.custom-modal-title{font-size:1.5rem;margin-bottom:1rem;color:var(--text-primary)}.custom-modal-message{color:var(--text-secondary);margin-bottom:2rem;line-height:1.6;font-size:1rem}.custom-modal-button{background:var(--primary-color);color:#fff;padding:.875rem 2rem;border-radius:.5rem;font-weight:600;font-size:1rem;min-width:120px;transition:all .2s ease}.custom-modal-button:hover{background:var(--primary-hover);transform:translateY(-1px)}.custom-modal-button.secondary{background:#fff;color:var(--text-primary);border:2px solid var(--border-color)}.custom-modal-button.secondary:hover{border-color:var(--primary-color);color:var(--primary-color);background:#fff}.custom-modal-actions{display:flex;gap:1rem;justify-content:center}@media(max-width:480px){.custom-modal-box{padding:2rem 1.5rem}.custom-modal-actions{flex-direction:column-reverse}.custom-modal-button{width:100%}}.al-shell{min-height:100vh;background:var(--app-bg)}.al-sidebar{position:fixed;top:0;left:0;bottom:0;width:256px;background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);display:flex;flex-direction:column;z-index:50}.al-brand{display:flex;align-items:center;gap:.65rem;padding:1.15rem 1.25rem;cursor:pointer;border-bottom:1px solid var(--sidebar-border)}.al-brand-mark{width:34px;height:34px;border-radius:10px;background:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.al-brand-mark svg{width:19px;height:19px}.al-brand-text{font-size:1.02rem;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.al-brand-text strong{font-weight:800}.al-close{margin-left:auto;display:none;background:transparent;color:var(--text-secondary);width:32px;height:32px;border-radius:8px}.al-close svg{width:20px;height:20px}.al-nav{flex:1;overflow-y:auto;padding:1rem .75rem;display:flex;flex-direction:column;gap:1.25rem}.al-nav-group{display:flex;flex-direction:column;gap:2px}.al-nav-label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:.35rem .75rem .4rem}.al-nav-item{display:flex;align-items:center;gap:.7rem;width:100%;padding:.6rem .75rem;border-radius:10px;background:transparent;color:var(--sidebar-item);font-size:.92rem;font-weight:500;text-align:left}.al-nav-item:hover{background:var(--sidebar-item-hover-bg);color:var(--text-primary)}.al-nav-item.active{background:var(--sidebar-active-bg);color:var(--sidebar-active-text);font-weight:600}.al-nav-icon{display:flex;flex-shrink:0}.al-nav-icon svg{width:19px;height:19px}.al-nav-item.active .al-nav-icon{color:var(--sidebar-active-text)}.al-user{display:flex;align-items:center;gap:.65rem;padding:.85rem 1rem;border-top:1px solid var(--sidebar-border)}.al-user-avatar{width:36px;height:36px;border-radius:50%;background:var(--primary-soft);color:var(--primary-color);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;flex-shrink:0}.al-user-meta{display:flex;flex-direction:column;min-width:0;line-height:1.25}.al-user-name{font-size:.88rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.al-user-role{font-size:.74rem;color:var(--text-muted)}.al-logout{margin-left:auto;background:transparent;color:var(--text-muted);width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.al-logout:hover{background:var(--danger-soft);color:var(--danger-color)}.al-logout svg{width:18px;height:18px}.al-viewas{display:flex;align-items:center;gap:.6rem;margin:0 .75rem .9rem;padding:.55rem .75rem;border:1px dashed var(--border-strong);border-radius:10px;background:none;color:var(--text-secondary);font:inherit;font-size:.84rem;font-weight:600;cursor:pointer}.al-viewas:hover{background:var(--surface-2);color:var(--text-primary)}.al-viewas .al-nav-icon svg{width:16px;height:16px}.al-viewas-bar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.5rem 1rem;padding:.6rem 1rem;background:#fef3c7;color:#92400e;font-size:.86rem;text-align:center}.al-viewas-bar button{padding:.35rem .8rem;border:1px solid #f59e0b;border-radius:8px;background:#fff;color:#92400e;font:inherit;font-weight:600;cursor:pointer}.al-main{margin-left:256px;min-height:100vh;display:flex;flex-direction:column}.al-topbar{display:none;align-items:center;gap:.75rem;padding:.7rem 1rem;background:var(--surface);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:30}.al-hamburger{background:transparent;color:var(--text-primary);width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center}.al-hamburger:hover{background:var(--surface-2)}.al-hamburger svg{width:22px;height:22px}.al-topbar-brand{font-weight:700;letter-spacing:-.01em}.al-topbar-avatar{margin-left:auto;width:34px;height:34px}.al-content{flex:1;max-width:1180px;width:100%;margin:0 auto;padding:2rem 2rem 4rem}.al-page-header{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-bottom:1.75rem}.al-page-titles{min-width:0}.al-page-titles h1{margin:0}.al-page-sub{margin:.4rem 0 0;color:var(--text-secondary);font-size:.95rem;max-width:72ch}.al-page-actions{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}.al-page-actions>*{flex:0 0 auto}.al-scrim{position:fixed;inset:0;background:#0f172a73;z-index:40;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@media(max-width:1024px){.al-sidebar{transform:translate(-100%);transition:transform .25s ease;box-shadow:var(--shadow-xl)}.al-sidebar.open{transform:translate(0)}.al-close{display:flex}.al-main{margin-left:0}.al-topbar{display:flex}}@media(max-width:640px){.al-content{padding:1.25rem 1rem 3rem}.al-page-header{display:grid;grid-template-columns:1fr auto;align-items:center;gap:0 .75rem}.al-page-titles{display:contents}.al-page-titles h1{grid-column:1;grid-row:1}.al-page-sub{grid-column:1 / -1;grid-row:2}.al-page-actions{grid-column:2;grid-row:1}.al-page-actions .btn{height:40px;min-width:40px;padding:0 .7rem}.al-page-actions .btn-label{display:none}}.back-button{display:inline-flex;align-items:center;gap:.4rem;background:var(--surface);border:1px solid var(--border-color);padding:.5rem .9rem;border-radius:10px;color:var(--text-secondary);font-weight:500;font-size:.88rem;margin-bottom:1.5rem;box-shadow:var(--shadow-xs);transition:background .15s ease,color .15s ease}.back-button:hover{background:var(--surface-2);color:var(--text-primary)}.declaratie-form{max-width:760px}.form-section{background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.75rem;margin-bottom:1.25rem;box-shadow:var(--shadow-sm)}.form-section h2{margin-bottom:1.25rem;color:var(--text-primary);font-size:1.15rem}.form-section-hint{margin:-.75rem 0 1.25rem;color:var(--text-secondary);font-size:.85rem;line-height:1.5}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.section-header h2{margin:0}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.1rem}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:1 / -1}.form-group label{margin-bottom:.4rem;font-weight:600;color:var(--text-primary);font-size:.85rem}.form-group input,.form-group textarea{padding:.7rem .85rem;border:1px solid var(--border-strong);border-radius:10px;font-size:.95rem;background:var(--surface);color:var(--text-primary);transition:border-color .15s ease,box-shadow .15s ease}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px var(--primary-ring)}.form-group input[readonly]{background:var(--surface-2);color:var(--text-muted);cursor:not-allowed}.form-group small{margin-top:.4rem;color:var(--text-secondary);font-size:.82rem}.btn-add{display:inline-flex;align-items:center;gap:.45rem;background:var(--primary-soft);color:var(--primary-color);border:1px solid var(--primary-soft-border);padding:.55rem 1rem;border-radius:10px;font-weight:600;font-size:.88rem;transition:background .15s ease}.btn-add:hover{background:#e0e7ff}.declaratie-regels{display:flex;flex-direction:column;gap:1rem}.declaratie-regel{border:1px solid var(--border-color);border-radius:var(--radius);padding:1.25rem;background:var(--surface-2);transition:border-color .15s ease,box-shadow .15s ease}.declaratie-regel:hover{border-color:var(--primary-soft-border);box-shadow:var(--shadow-xs)}.regel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.regel-nummer{font-weight:700;color:var(--text-primary);font-size:.9rem}.btn-remove{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#fff;border:1px solid var(--danger-border);color:var(--danger-color);border-radius:8px;transition:background .15s ease,color .15s ease}.btn-remove:hover{background:var(--danger-color);color:#fff;border-color:var(--danger-color)}.regel-content{display:grid;grid-template-columns:2fr 1fr 2fr;gap:1rem}.file-upload-group{position:relative}.file-upload input[type=file]{display:none}.file-upload-label{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1rem;border:1.5px dashed var(--border-strong);border-radius:10px;background:var(--surface);color:var(--text-secondary);cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease;font-weight:500;font-size:.9rem}.file-upload-label:hover{border-color:var(--primary-color);color:var(--primary-color);background:var(--primary-soft)}.totaal-section{display:flex;justify-content:space-between;align-items:center;background:var(--primary-soft);border:1px solid var(--primary-soft-border);border-radius:var(--radius-lg);padding:1.25rem 1.5rem;margin-bottom:1.25rem}.totaal-content{display:contents}.totaal-label{font-size:1rem;font-weight:600;color:var(--text-primary)}.totaal-bedrag{font-size:1.6rem;font-weight:800;color:var(--primary-color);letter-spacing:-.01em;font-variant-numeric:tabular-nums}.form-actions{display:flex;gap:.75rem;justify-content:flex-end;max-width:760px;margin:0 auto}.btn-primary,.btn-secondary{padding:.8rem 1.5rem;border-radius:10px;font-weight:600;font-size:.95rem;transition:background .15s ease,border-color .15s ease,color .15s ease}.btn-primary{background:var(--primary-color);color:#fff;border:1px solid var(--primary-color)}.btn-primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}.btn-secondary{background:var(--surface);color:var(--text-secondary);border:1px solid var(--border-strong)}.btn-secondary:hover:not(:disabled){background:var(--surface-2);color:var(--text-primary)}@media(max-width:768px){.form-section{padding:1.5rem}.form-grid,.regel-content{grid-template-columns:1fr}.totaal-section{flex-direction:column;gap:.5rem;text-align:center}.form-actions{flex-direction:column-reverse}.btn-primary,.btn-secondary{width:100%}.section-header{flex-direction:column;align-items:flex-start;gap:1rem}.btn-add{width:100%;justify-content:center}}.file-viewer-overlay{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem;animation:fadeIn .2s ease}.file-viewer-container{background:#fff;border-radius:.75rem;width:100%;max-width:1200px;height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080;animation:slideUp .3s ease}.file-viewer-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:2px solid var(--border-color);background:var(--bg-secondary);border-radius:.75rem .75rem 0 0}.file-info{display:flex;align-items:center;gap:.75rem;color:var(--text-primary);font-weight:600}.file-info svg{color:var(--primary-color)}.file-viewer-actions{display:flex;gap:.75rem}.btn-download,.btn-close{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border-radius:.5rem;font-weight:500;transition:all .2s ease}.btn-download{background:var(--primary-color);color:#fff}.btn-download:hover{background:var(--primary-hover);transform:translateY(-1px)}.btn-close{background:var(--danger-color);color:#fff}.btn-close:hover{background:#dc2626;transform:translateY(-1px)}.file-viewer-content{flex:1;position:relative;overflow:hidden;background:#f5f5f5;border-radius:0 0 .75rem .75rem;display:flex;align-items:center;justify-content:center}.file-viewer-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:1}.file-viewer-loading .spinner{width:48px;height:48px;border:4px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.file-viewer-loading p{color:var(--text-secondary);font-weight:500}.pdf-viewer{width:100%;height:100%;border:none}.image-viewer{max-width:100%;max-height:100%;object-fit:contain;border-radius:.5rem}.unsupported-file{text-align:center;padding:3rem}.unsupported-file svg{color:var(--text-secondary);margin-bottom:1.5rem}.unsupported-file p{color:var(--text-secondary);font-size:1.1rem;margin-bottom:2rem}.btn-download-large{display:inline-flex;align-items:center;gap:.75rem;background:var(--primary-color);color:#fff;padding:1rem 2rem;border-radius:.5rem;font-weight:600;font-size:1.1rem;transition:all .2s ease}.btn-download-large:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #2563eb66}@media(max-width:768px){.file-viewer-container{height:95vh;max-width:100%;margin:0}.file-viewer-header{padding:1rem;flex-direction:column;gap:.75rem;align-items:stretch}.file-info{justify-content:center}.file-viewer-actions{justify-content:stretch}.btn-download,.btn-close{flex:1;justify-content:center}.btn-download span,.btn-close span{display:none}}.status-content{max-width:800px}.loading,.not-found{text-align:center;padding:4rem 2rem;background:#fff;border-radius:1rem;box-shadow:var(--shadow-sm)}.spinner{width:48px;height:48px;border:4px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.not-found svg{color:var(--text-secondary);margin-bottom:1rem}.not-found h2{margin-bottom:.5rem}.not-found p{color:var(--text-secondary);margin-bottom:2rem}.status-header{text-align:center;background:#fff;border-radius:1rem;padding:3rem 2rem;margin-bottom:2rem;box-shadow:var(--shadow-md)}.status-icon{display:inline-flex;align-items:center;justify-content:center;width:96px;height:96px;border-radius:50%;margin-bottom:1.5rem}.status-icon.status-pending{background:#fef3c7;color:#f59e0b}.status-icon.status-approved{background:#d1fae5;color:#10b981}.status-icon.status-rejected{background:#fee2e2;color:#ef4444}.status-header h1{margin-bottom:1rem;font-size:2rem}.status-message{color:var(--text-secondary);font-size:1.1rem;line-height:1.6}.status-details{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.detail-card{background:#fff;border-radius:1rem;padding:2rem;box-shadow:var(--shadow-sm)}.detail-card h2{font-size:1.25rem;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid var(--bg-secondary)}.detail-row{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid var(--bg-secondary)}.detail-row:last-child{border-bottom:none}.detail-label{font-weight:500;color:var(--text-secondary)}.detail-value{color:var(--text-primary);font-weight:500}.items-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.item-card{padding:1rem;background:var(--bg-secondary);border-radius:.5rem}.item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.item-desc{font-weight:500;color:var(--text-primary)}.item-amount{font-weight:600;color:var(--primary-color);font-size:1.1rem}.item-file{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.9rem}.total-row{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:#667eea;border-radius:.75rem;color:#fff}.total-label{font-size:1.25rem;font-weight:600}.total-amount{font-size:1.75rem;font-weight:700}.notitie-card{background:#fef3c7}.notitie-text{color:var(--text-primary);line-height:1.6;white-space:pre-wrap}.success-card{background:#d1fae5}.success-card p{margin:.5rem 0;color:var(--text-primary)}.error-card{background:#fee2e2}.error-card p{margin:.5rem 0;color:var(--text-primary)}.status-actions{text-align:center;background:#fff;border-radius:1rem;padding:2rem;box-shadow:var(--shadow-sm)}.status-action-buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:.75rem}.help-text{color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.6}@media(max-width:768px){.status-header{padding:2rem 1.5rem}.status-header h1{font-size:1.5rem}.status-message{font-size:1rem}.status-icon{width:72px;height:72px}.status-icon svg{width:36px;height:36px}.detail-card{padding:1.5rem}.detail-row{flex-direction:column;gap:.25rem}.item-header{flex-direction:column;align-items:flex-start;gap:.25rem}.total-row{flex-direction:column;gap:.5rem;text-align:center}.total-label{font-size:1.1rem}.total-amount{font-size:1.5rem}}.status-submitted{margin-bottom:1.25rem;padding:.85rem 1.1rem;border-radius:12px;background:var(--success-soft);color:#15803d;font-weight:600;font-size:.92rem;text-align:center}.md-filters{margin-bottom:1rem}.md-list{background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);overflow:hidden}.md-row{display:flex;align-items:center;gap:1rem;width:100%;padding:1rem 1.25rem;background:none;border:none;border-bottom:1px solid var(--border-color);text-align:left;font:inherit;color:inherit;cursor:pointer}.md-row:last-child{border-bottom:none}button.md-row:hover{background:var(--surface-2)}.md-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.md-title{font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.md-meta{font-size:.82rem;color:var(--text-muted)}.md-side{display:flex;align-items:center;gap:1.25rem;flex-shrink:0}.md-amount{font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums;min-width:80px;text-align:right}.md-status{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:130px}.md-door{font-size:.78rem;color:var(--text-secondary)}.md-chevron{width:18px;height:18px;color:var(--text-muted);flex-shrink:0}.md-empty{padding:2.5rem 1.25rem;text-align:center;color:var(--text-secondary)}.md-empty p{margin:0 0 1rem}@media(max-width:640px){.md-row{flex-wrap:wrap;gap:.6rem;padding:.9rem 2.5rem .9rem 1rem;position:relative}.md-main{flex-basis:100%}.md-side{width:100%;justify-content:space-between;gap:.75rem}.md-amount{order:2;min-width:0}.md-status{order:1;min-width:0;flex-direction:row;align-items:center;flex-wrap:wrap;gap:6px 8px}.md-chevron{position:absolute;right:.9rem;top:50%;transform:translateY(-50%)}}.admin-login-container{min-height:100vh;background:radial-gradient(900px 480px at 50% -12%,var(--primary-soft),transparent 70%),var(--app-bg);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.25rem;position:relative}.admin-login-container .back-button{position:absolute;top:1.5rem;left:1.5rem;background:var(--surface);color:var(--text-secondary);border:1px solid var(--border-color);padding:.5rem .9rem;border-radius:10px;display:flex;align-items:center;gap:.4rem;cursor:pointer;font-size:.88rem;font-weight:500;box-shadow:var(--shadow-xs);transition:background .15s ease,color .15s ease}.admin-login-container .back-button:hover{background:var(--surface-2);color:var(--text-primary)}.login-card{background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:2.5rem;max-width:420px;width:100%;animation:slideUp .4s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:1.75rem}.login-header svg{color:var(--primary-color);margin-bottom:.85rem;background:var(--primary-soft);border-radius:16px;padding:12px;width:56px;height:56px;box-sizing:border-box}.login-header h1{font-size:1.55rem;color:var(--text-primary);margin-bottom:.4rem}.login-header p{color:var(--text-secondary);font-size:.92rem}.login-form{display:flex;flex-direction:column;gap:1.1rem}.login-form .form-group{display:flex;flex-direction:column;gap:.45rem}.login-form label{font-weight:600;color:var(--text-primary);font-size:.85rem}.login-form input,.login-form textarea{padding:.7rem .85rem;border:1px solid var(--border-strong);border-radius:10px;font-size:.95rem;background:var(--surface);transition:border-color .15s ease,box-shadow .15s ease}.login-form input:focus,.login-form textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-ring)}.login-form small{color:var(--text-secondary);font-size:.82rem}.login-form .btn-primary{margin-top:.35rem;padding:.85rem;font-size:.98rem;font-weight:600;width:100%;border-radius:10px;border:none;color:#fff;background:var(--primary-color);transition:background .15s ease}.login-form .btn-primary:hover:not(:disabled){background:var(--primary-hover)}.divider{position:relative;text-align:center;margin:1.5rem 0}.divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--border-color)}.divider span{position:relative;background:#fff;padding:0 1rem;color:var(--text-secondary);font-size:.875rem}.btn-request-access{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1rem;background:#fff;border:2px solid var(--primary-color);color:var(--primary-color);border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-request-access:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px var(--primary-ring)}.login-form textarea{padding:.875rem 1rem;border:2px solid var(--border-color);border-radius:8px;font-size:1rem;font-family:inherit;resize:vertical;transition:all .3s ease}.login-form textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-ring)}.form-actions{display:flex;gap:1rem;margin-top:.5rem}.btn-secondary{flex:1;padding:.875rem 1rem;background:#fff;border:2px solid var(--border-color);color:var(--text-dark);border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-secondary:hover{background:var(--bg-secondary);border-color:var(--text-secondary)}.form-actions .btn-primary{flex:1;margin-top:0}.error-state{text-align:center;padding:2rem 1rem}.error-state svg{color:#ef4444;margin-bottom:1.5rem}.error-state h2{font-size:1.5rem;color:var(--text-dark);margin-bottom:1rem}.error-state p{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin-bottom:1.5rem}.invite-info{display:flex;gap:.75rem;align-items:flex-start;background:var(--primary-soft);padding:1rem;border-radius:.5rem;margin-top:-.5rem}.invite-info svg{color:var(--primary-color);flex-shrink:0;margin-top:.125rem}.invite-info p{font-size:.875rem;color:var(--text-secondary);line-height:1.5;margin:0}.invite-info strong{color:var(--text-dark);font-weight:600}.loading{text-align:center;padding:3rem 2rem}.loading .spinner{width:48px;height:48px;border:4px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 1rem}.loading p{color:var(--text-secondary);font-size:.95rem}@media(max-width:768px){.admin-login-container{padding:1rem}.admin-login-container .back-button{top:1rem;left:1rem;padding:.5rem 1rem;font-size:.85rem}.login-card{padding:2rem 1.5rem}.login-header h1{font-size:1.5rem}}.account-preview{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:14px 16px;margin-bottom:18px;display:flex;flex-direction:column;gap:10px}.account-preview-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.account-preview-label{font-size:12px;text-transform:uppercase;letter-spacing:.4px;color:#6b7280}.account-preview-value{font-size:14px;font-weight:600;color:#1f2937;text-align:right;word-break:break-word}.register-details{margin:.5rem 0 1.25rem;padding-top:1.25rem;border-top:1px solid var(--border-color, #e5e7eb)}.register-details-title{margin:0 0 .25rem;font-weight:600;color:var(--text-primary, #1f2937)}.register-details-hint{margin:0 0 1rem;font-size:.85rem;color:var(--text-secondary, #6b7280);line-height:1.5}.register-details-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:480px){.register-details-row{grid-template-columns:1fr}}.admin-container{min-height:100vh;background:var(--bg-secondary)}.admin-content{max-width:1400px;margin:0 auto;padding:2rem 2rem 4rem}.admin-header{max-width:1200px;margin:0 auto 2rem;display:flex;flex-direction:column;gap:1.5rem}.admin-header-content{display:flex;justify-content:space-between;align-items:flex-start}.admin-header h1{margin-bottom:.5rem}.admin-actions{display:flex;gap:1rem;align-items:stretch}.admin-actions .back-button,.admin-actions .btn-logout{padding:.625rem 1.25rem!important;border-radius:.5rem;font-weight:500;font-size:.9rem;line-height:1.5;transition:all .2s ease;display:inline-flex!important;align-items:center;justify-content:center;gap:.5rem;white-space:nowrap;height:auto!important;min-height:40px!important;max-height:40px!important;box-sizing:border-box}.btn-logout{background:var(--danger-color);color:#fff}.btn-logout:hover{background:#dc2626;transform:translateY(-1px)}.admin-actions .back-button{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.admin-actions .back-button:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color);transform:translateY(-1px)}.dash-summary{display:flex;flex-wrap:wrap;gap:.5rem 2rem;padding:.8rem 1.1rem;background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius);margin-bottom:1.25rem}.ds-item{display:inline-flex;align-items:center;gap:.5rem;font-size:.86rem}.ds-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.ds-pending{background:var(--warning-color)}.ds-approved{background:var(--success-color)}.ds-rejected{background:var(--danger-color)}.ds-label{color:var(--text-secondary)}.ds-amount{color:var(--text-primary);font-weight:700;font-variant-numeric:tabular-nums}.search-bar{position:relative;display:flex;align-items:center;background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius);padding:.7rem 1rem;margin-bottom:1rem;transition:border-color .2s ease,box-shadow .2s ease}.search-bar:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-ring)}.search-bar svg:first-child{color:var(--text-secondary);margin-right:.75rem;flex-shrink:0}.search-bar input{flex:1;border:none;outline:none;font-size:.95rem;color:var(--text-primary);background:transparent}.search-bar input:focus-visible{box-shadow:none}.search-bar input::placeholder{color:var(--text-secondary)}.clear-search{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;margin-left:.5rem}.clear-search:hover{background:var(--text-secondary);color:#fff}.dash-scope{display:flex;margin-bottom:1rem}.dash-filters{display:flex;margin-bottom:1.75rem}.declaratie-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.85rem}.chip{display:inline-flex;align-items:center;gap:.4rem;padding:4px 10px;border-radius:999px;font-size:.78rem;font-weight:600;border:1px solid transparent}.chip-kostenplaats{background:#f1f5f9;color:#334155;border-color:#e2e8f0;font-variant-numeric:tabular-nums}.chip-approver{background:#eff6ff;color:#1e40af;border-color:#bfdbfe}.chip-escalatie{display:inline-flex;align-items:center;padding:1px 7px;border-radius:999px;background:var(--warning-color);color:#fff;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.dcard{background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);padding:1.25rem 1.4rem;transition:box-shadow .2s ease,border-color .2s ease}.dcard:hover{box-shadow:var(--shadow-sm)}.dcard-top{display:flex;align-items:center;justify-content:space-between;gap:1rem}.dcard-id{display:flex;align-items:center;gap:.75rem;min-width:0}.dcard-avatar{width:42px;height:42px;border-radius:12px;background:var(--primary-soft);color:var(--primary-color);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;flex-shrink:0}.dcard-idmeta{min-width:0}.dcard-name{margin:0;font-size:1.02rem;font-weight:700;color:var(--text-primary)}.dcard-date{margin:2px 0 0;font-size:.8rem;color:var(--text-muted)}.dcard-topright{display:flex;align-items:center;gap:.5rem}.dcard-amount{font-size:1.15rem;font-weight:800;color:var(--text-primary);letter-spacing:-.01em;font-variant-numeric:tabular-nums}.dcard-menu{position:relative}.menu-backdrop{position:fixed;inset:0;z-index:10}.dcard-sub{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem;margin-top:.9rem}.dcard-chips{display:flex;flex-wrap:wrap;gap:.5rem}.dcard-status{display:flex;align-items:center;gap:.5rem;margin-left:auto}.chip-beoordelaar{background:#f1f5f9;color:#334155;border-color:#e2e8f0}.chip-beoordelaar svg{width:13px;height:13px;color:var(--text-muted)}.dcard-meta{display:flex;flex-wrap:wrap;gap:.4rem 2rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.dcard-meta-item{display:flex;flex-direction:column;gap:1px;min-width:0}.dcard-meta-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:600}.dcard-meta-value{font-size:.88rem;color:var(--text-primary);font-weight:500}.dcard-items{margin-top:1rem;display:flex;flex-direction:column;gap:2px}.dcard-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.6rem .85rem;background:var(--surface-2);border-radius:9px;font-size:.88rem}.dcard-item-desc{color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dcard-item-amount{color:var(--text-secondary);font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.dcard-note{margin-top:1rem;padding:.7rem .9rem;background:var(--warning-soft);border-radius:9px;font-size:.85rem;color:#92400e;line-height:1.5}.dcard-note-label{font-weight:700}.dcard-foot{display:flex;justify-content:flex-end;margin-top:1.1rem}.declaraties-list{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem;padding-bottom:3rem}.empty-state{text-align:center;padding:4rem 2rem;background:#fff;border-radius:1rem;color:var(--text-secondary)}.declaratie-card{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:var(--shadow-sm);transition:all .2s ease;border:2px solid transparent}.declaratie-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-color)}.declaratie-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--bg-secondary)}.declaratie-info h3{margin-bottom:.25rem;font-size:1.25rem}.declaratie-meta{color:var(--text-secondary);font-size:.875rem}.declaratie-status-badge{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.status-badge{padding:.375rem .875rem;border-radius:1rem;font-size:.875rem;font-weight:600}.status-pending{background:#fef3c7;color:#92400e}.status-approved{background:#d1fae5;color:#065f46}.status-rejected{background:#fee2e2;color:#991b1b}.declaratie-bedrag{font-size:1.5rem;font-weight:700;color:var(--primary-color)}.declaratie-card-body{display:flex;flex-direction:column;gap:1.5rem}.info-grid{display:flex;gap:2rem;flex-wrap:wrap}.info-item{display:flex;align-items:baseline;gap:.5rem}.info-label{font-size:.875rem;color:var(--text-secondary);font-weight:500}.info-value{color:var(--text-primary);font-weight:400}.declaratie-items h4{font-size:1rem;margin-bottom:.75rem;color:var(--text-primary)}.items-list{display:flex;flex-direction:column;gap:.5rem}.item-row{display:flex;justify-content:space-between;padding:.75rem;background:var(--bg-secondary);border-radius:.5rem}.item-desc{color:var(--text-primary)}.item-amount{font-weight:600;color:var(--primary-color)}.declaratie-actions{display:flex;gap:1rem;margin-top:.5rem}.btn-details,.btn-view{flex:1;background:var(--primary-color);color:#fff;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;transition:all .2s ease}.btn-details:hover,.btn-view:hover{background:var(--primary-hover);transform:translateY(-1px)}.btn-view{background:var(--text-secondary)}.btn-view:hover{background:var(--text-primary)}.btn-view-file{margin-left:auto;display:inline-flex;align-items:center;gap:.375rem;background:var(--primary-color);color:#fff;padding:.375rem .875rem;border-radius:.375rem;font-size:.875rem;font-weight:500;transition:all .2s ease}.btn-view-file:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 2px 8px #2563eb4d}.status-indicator{display:inline-block;padding:.5rem 1rem;border-radius:.5rem;font-weight:600;margin-bottom:1.5rem}.notitie-readonly{color:var(--text-primary);background:var(--bg-secondary);padding:1rem;border-radius:.5rem;line-height:1.6;white-space:pre-wrap}.success-section{background:#d1fae5;padding:1rem;border-radius:.5rem}.success-section p{margin:.5rem 0;color:var(--text-primary)}.error-section{background:#fee2e2;padding:1rem;border-radius:.5rem}.error-section p{margin:.5rem 0;color:var(--text-primary)}.btn-primary-full{width:100%;background:var(--primary-color);color:#fff;padding:.875rem 1.5rem;border-radius:.5rem;font-weight:600;font-size:1rem;transition:all .2s ease}.btn-primary-full:hover{background:var(--primary-hover);transform:translateY(-1px)}.declaratie-notitie{padding:1rem;background:#fef3c7;border-radius:.5rem;font-size:.9rem}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#fff;border-radius:1rem;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:2px solid var(--bg-secondary)}.modal-header h2{margin:0;font-size:1.5rem}.modal-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--bg-secondary);border-radius:.5rem;color:var(--text-secondary);transition:all .2s ease}.modal-close:hover{background:var(--danger-color);color:#fff}.modal-body{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.detail-section h3{font-size:1.125rem;margin-bottom:1rem;color:var(--text-primary)}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;background:var(--bg-secondary);padding:1rem;border-radius:.5rem}.detail-item{padding:1rem;background:var(--bg-secondary);border-radius:.5rem;margin-bottom:.75rem}.detail-item-header{display:flex;justify-content:space-between;margin-bottom:.5rem;font-weight:500}.detail-item-amount{color:var(--primary-color);font-weight:600}.detail-item-file{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.875rem}.detail-total{display:flex;justify-content:space-between;padding:1rem;background:var(--primary-color);color:#fff;border-radius:.5rem;margin-top:.75rem;font-size:1.125rem}.bedrag-aanpas-wrapper{display:flex;align-items:center;border:2px solid var(--border-color);border-radius:.5rem;overflow:hidden;background:#fff;transition:border-color .2s}.bedrag-aanpas-wrapper:focus-within{border-color:var(--primary-color)}.bedrag-aanpas-prefix{padding:.65rem .75rem;background:var(--bg-secondary, #f5f5ff);color:var(--primary-color);font-weight:700;font-size:1rem;border-right:2px solid var(--border-color)}.bedrag-aanpas-input{flex:1;border:none;outline:none;padding:.65rem .75rem;font-size:1.1rem;font-weight:600;color:var(--text-primary, #1F2937);background:transparent;min-width:0}.detail-section textarea{width:100%;padding:.75rem;border:2px solid var(--border-color);border-radius:.5rem;font-family:inherit;font-size:1rem;resize:vertical}.detail-section textarea:focus{border-color:var(--primary-color);outline:none}.modal-footer{display:flex;gap:1rem;padding:1.5rem;border-top:2px solid var(--bg-secondary)}.btn-approve,.btn-reject{flex:1;padding:.875rem 1.5rem;border-radius:.5rem;font-weight:600;font-size:1rem;transition:all .2s ease}.btn-approve{background:var(--success-color);color:#fff}.btn-approve:hover{background:#059669;transform:translateY(-1px)}.btn-reject{background:var(--danger-color);color:#fff}.btn-reject:hover{background:#dc2626;transform:translateY(-1px)}.btn-delete{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:#fff;color:var(--danger-color);border:2px solid var(--danger-color);border-radius:.5rem;font-weight:600;font-size:1rem;transition:all .2s ease;cursor:pointer}.btn-delete:hover{background:var(--danger-color);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.btn-delete svg{width:18px;height:18px}@media(max-width:768px){.admin-header-content{flex-direction:column;gap:1rem}.admin-actions{width:100%;flex-direction:column}.admin-actions button{width:100%}.stats-grid{grid-template-columns:1fr}.search-bar input{font-size:.875rem}.filter-tabs{flex-direction:column}.filter-tab{width:100%;text-align:center}.declaratie-card-header{flex-direction:column;gap:1rem}.declaratie-status-badge{align-items:flex-start}.info-grid{grid-template-columns:1fr}.declaratie-actions{flex-direction:column}.modal-footer{flex-direction:column-reverse}}.dcard-own{font-size:.82rem;color:var(--text-secondary)}.chip-geen-goedkeurder{background:var(--warning-soft);color:#b45309;border-color:#fed7aa}.admin-settings-container{min-height:100vh;background:var(--bg-secondary)}.settings-content{max-width:1200px;margin:0 auto;padding:2rem}.settings-header{margin-bottom:2rem}.settings-header h1{font-size:2rem;color:var(--text-dark);margin-bottom:.5rem}.settings-header .subtitle{color:var(--text-secondary);font-size:1rem}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:1.5rem}.settings-card{background:#fff;border-radius:.75rem;padding:1.75rem;box-shadow:0 1px 3px #00000014;border:1px solid var(--border-color);transition:all .2s ease}.settings-card:hover{box-shadow:0 2px 8px #0000001a}.card-header{display:flex;align-items:center;gap:.625rem;margin-bottom:1.25rem;padding-bottom:.875rem;border-bottom:1px solid var(--border-color)}.card-header svg{color:var(--text-secondary);width:20px;height:20px}.card-header h2{font-size:1.125rem;font-weight:600;color:var(--text-dark);margin:0}.settings-form{display:flex;flex-direction:column;gap:1.25rem}.settings-form .form-group{display:flex;flex-direction:column;gap:.375rem}.settings-form label{font-weight:500;color:var(--text-dark);font-size:.875rem}.settings-form input{padding:.75rem .875rem;border:1px solid var(--border-color);border-radius:.5rem;font-size:.95rem;transition:all .2s ease}.settings-form input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #6a5acd14}.settings-form small{color:var(--text-secondary);font-size:.8rem;margin-top:-.125rem}.form-actions{margin-top:.25rem}.btn-primary{background:var(--primary-color);color:#fff;padding:.75rem 1.25rem;border-radius:.5rem;font-weight:500;font-size:.95rem;cursor:pointer;transition:all .2s ease;border:none;width:100%}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px)}.info-list{display:flex;flex-direction:column;gap:.875rem}.info-list .info-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border-color)}.info-list .info-item:last-child{border-bottom:none}.info-list .info-label{font-weight:500;color:var(--text-secondary);font-size:.875rem}.info-list .info-value{color:var(--text-dark);font-weight:500;font-size:.875rem}.logout-section{display:flex;flex-direction:column;gap:.75rem}.logout-text{color:var(--text-secondary);font-size:.875rem;line-height:1.5}.btn-logout-settings{background:#fff;color:var(--text-secondary);padding:.75rem 1.25rem;border-radius:.5rem;border:1px solid var(--border-color);font-weight:500;font-size:.95rem;cursor:pointer;transition:all .2s ease;width:100%;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn-logout-settings:hover{background:var(--bg-secondary);border-color:var(--text-secondary);color:var(--text-dark)}@media(max-width:768px){.settings-content{padding:1rem}.settings-grid{grid-template-columns:1fr}.settings-card{padding:1.5rem}.settings-header h1{font-size:1.5rem}.info-item{flex-direction:column;align-items:flex-start;gap:.5rem}}.settings-address-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:480px){.settings-address-row{grid-template-columns:1fr}}.settings-load-error{margin:0 0 1rem;padding:.75rem 1rem;border-radius:10px;background:var(--danger-soft);color:#b91c1c;font-size:.875rem}.admin-invitations-container{min-height:100vh;background:var(--bg-secondary)}.invitations-content{max-width:1000px;margin:0 auto;padding:2rem}.invitations-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.invitations-header h1{font-size:2rem;color:var(--text-dark);margin-bottom:.5rem}.invitations-header .subtitle{color:var(--text-secondary);font-size:1rem}.invitation-card{background:#fff;border-radius:.75rem;padding:2rem;border:1px solid var(--border-color);margin-bottom:2rem}.card-header h2{font-size:1.25rem;color:var(--text-dark);margin-bottom:.5rem}.card-header p{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin-bottom:1.5rem}.btn-generate{display:inline-flex;align-items:center;gap:.625rem;padding:.875rem 1.5rem;background:var(--primary-color);color:#fff;border:none;border-radius:.5rem;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease}.btn-generate:hover{background:var(--primary-hover);transform:translateY(-1px)}.generated-token{margin-top:1.5rem;padding:1.5rem;background:#10b9810d;border:1px solid rgba(16,185,129,.2);border-radius:.5rem}.token-info{display:flex;gap:1rem;align-items:flex-start;margin-bottom:1rem}.token-info svg{color:#10b981;flex-shrink:0;margin-top:.25rem}.token-info strong{color:#10b981;font-size:1rem}.token-info p{color:var(--text-secondary);font-size:.875rem;margin-top:.25rem}.token-url{display:flex;gap:.5rem;margin-bottom:1rem}.token-url input{flex:1;padding:.75rem;border:1px solid var(--border-color);border-radius:.5rem;font-size:.875rem;font-family:monospace;background:#fff}.btn-copy{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--primary-color);color:#fff;border:none;border-radius:.5rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-copy:hover{background:var(--primary-hover)}.btn-dismiss{padding:.625rem 1.25rem;background:#fff;border:1px solid var(--border-color);color:var(--text-dark);border-radius:.5rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s ease}.btn-dismiss:hover{background:var(--bg-secondary)}.tokens-list-card{background:#fff;border-radius:.75rem;padding:2rem;border:1px solid var(--border-color)}.tokens-list-card h2{font-size:1.25rem;color:var(--text-dark);margin-bottom:1.5rem}.tokens-list{display:flex;flex-direction:column;gap:1rem}.token-item{padding:1.25rem;border:1px solid var(--border-color);border-radius:.5rem;background:var(--bg-secondary);transition:all .2s ease}.token-item:hover{box-shadow:0 2px 8px #0000000d}.token-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.token-item-info{display:flex;flex-direction:column;gap:.5rem}.token-status{display:inline-block;padding:.25rem .75rem;border-radius:1rem;font-size:.8rem;font-weight:600;text-transform:uppercase}.status-active{background:#10b9811a;color:#10b981}.status-used{background:#3b82f61a;color:#3b82f6}.status-expired{background:#9ca3af1a;color:#6b7280}.status-revoked{background:#ef44441a;color:#ef4444}.token-invitee{display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem .6rem;margin:0}.token-invitee strong{font-size:1rem;font-weight:600;color:var(--text-dark)}.token-invitee span{font-size:.875rem;color:var(--text-secondary);overflow-wrap:anywhere}.token-creator{font-size:.875rem;color:var(--text-secondary)}.token-creator strong{color:var(--text-dark);font-weight:600}.token-item-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.token-date{font-size:.8rem;color:var(--text-secondary)}.token-expiry{font-size:.8rem;color:#f59e0b;font-weight:500}.token-used-info{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#fff;border-radius:.375rem;font-size:.875rem;color:var(--text-secondary);margin-bottom:.75rem}.token-used-info svg{color:var(--primary-color)}.token-used-info strong{color:var(--text-dark)}.token-actions{display:flex;gap:.5rem}.btn-token-copy,.btn-token-revoke{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;border-radius:.375rem;font-weight:500;font-size:.85rem;cursor:pointer;transition:all .2s ease}.btn-token-copy{background:#fff;border:1px solid var(--border-color);color:var(--text-dark)}.btn-token-copy:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.btn-token-revoke{background:#fff;border:1px solid #ef4444;color:#ef4444}.btn-token-revoke:hover{background:#ef4444;color:#fff}.empty-state{text-align:center;padding:4rem 2rem;color:var(--text-secondary)}@media(max-width:768px){.invitations-content{padding:1rem}.invitations-header{flex-direction:column;gap:1rem}.btn-back{width:100%;justify-content:center}.invitation-card,.tokens-list-card{padding:1.5rem}.token-url{flex-direction:column}.token-item-header{flex-direction:column;gap:1rem}.token-item-meta{align-items:flex-start}.token-actions{flex-direction:column}}.invite-form{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.invite-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.invite-form .form-group{display:flex;flex-direction:column;gap:6px}.invite-form label{font-weight:600;font-size:14px;color:#1f2937}.invite-form input,.invite-form select{padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;width:100%;box-sizing:border-box;background:#fff}.invite-form input:focus,.invite-form select:focus{outline:none;border-color:var(--primary-color, #2563eb);box-shadow:0 0 0 3px #2563eb26}.invite-form small{color:#6b7280;font-size:12px}.invite-teams{display:flex;flex-wrap:wrap;gap:10px}.invite-team-checkbox{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;background:#f9fafb}.invite-team-checkbox input{width:auto;margin:0}@media(max-width:600px){.invite-form-row{grid-template-columns:1fr}}.invite-optional{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--border-color, #e5e7eb)}.invite-optional-title{margin:0 0 .25rem;font-weight:600;color:var(--text-primary, #1f2937)}.invite-optional-hint{margin:0 0 1rem;font-size:.85rem;color:var(--text-secondary, #6b7280);line-height:1.5}.inv-modal-overlay{position:fixed;inset:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:1000}.inv-modal{width:100%;max-width:760px;max-height:min(80vh,760px);display:flex;flex-direction:column;background:var(--surface);border-radius:16px;box-shadow:var(--shadow-lg);overflow:hidden}.inv-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.25rem .75rem}.inv-modal-header h2{margin:0;font-size:1.1rem;color:var(--text-primary)}.inv-modal-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;padding:0 1.25rem 1rem;border-bottom:1px solid var(--border-color)}.inv-search{flex:1 1 200px;max-width:260px}.inv-modal-body{overflow-y:auto;padding:.25rem 0}.inv-empty{text-align:center;color:var(--text-secondary);padding:2.5rem 1rem;margin:0}.inv-list{list-style:none;margin:0;padding:0}.inv-row{display:grid;grid-template-columns:minmax(0,1fr) auto 76px;align-items:center;gap:1rem;padding:.75rem 1.25rem;border-bottom:1px solid var(--border-color)}.inv-row:last-child{border-bottom:none}.inv-who{display:flex;flex-direction:column;min-width:0}.inv-who strong{color:var(--text-primary);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inv-who span{font-size:.85rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inv-state{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.inv-when{font-size:.78rem;color:var(--text-muted);white-space:nowrap}.inv-actions{display:flex;justify-content:flex-end;gap:.25rem}.inv-revoke:hover{color:var(--danger-color);background:var(--danger-soft);border-color:var(--danger-border)}@media(max-width:560px){.inv-modal-overlay{align-items:flex-end;padding:0}.inv-modal{max-height:88vh;border-radius:16px 16px 0 0}.inv-search{max-width:none}.inv-row{grid-template-columns:minmax(0,1fr) auto}.inv-state{grid-column:1;grid-row:2;align-items:flex-start;flex-direction:row;gap:.6rem}.inv-actions{grid-column:2;grid-row:1 / span 2}}.form-hint{display:block;margin-top:.5rem;font-size:.8rem;color:var(--text-secondary)}.kp2-legend{display:flex;flex-wrap:wrap;align-items:center;gap:1.25rem;padding:.7rem 1rem;background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius);margin-bottom:1.5rem;font-size:.82rem;color:var(--text-secondary)}.kp2-legend-item{display:inline-flex;align-items:center;gap:.45rem}.kp2-legend-hint{margin-left:auto;color:var(--text-muted);font-size:.78rem}.dot{width:10px;height:10px;border-radius:50%;display:inline-block}.dot-account{background:var(--primary-color)}.dot-hint{background:var(--warning-color)}.dot-none{background:#cbd5e1}.flow-headings{display:grid;grid-template-columns:minmax(190px,1fr) 44px minmax(170px,1fr) minmax(180px,1fr) 44px;gap:.75rem;padding:0 1.1rem .5rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-weight:700}.flow-headings span:nth-child(1){grid-column:1}.flow-headings span:nth-child(2){grid-column:3}.flow-headings span:nth-child(3){grid-column:4}.flow-list{display:flex;flex-direction:column;gap:.55rem}.flow-row{display:grid;grid-template-columns:minmax(190px,1fr) 44px minmax(170px,1fr) minmax(180px,1fr) 44px;align-items:center;gap:.75rem;background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:var(--shadow-xs);padding:.7rem 1.1rem}.flow-row-clickable{cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,transform .05s ease}.flow-row-clickable:hover{border-color:var(--primary-soft-border);box-shadow:var(--shadow-sm)}.flow-row-clickable:hover .flow-edit{color:var(--primary-color)}.flow-row-clickable:focus-visible{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-ring)}.flow-kp{display:flex;align-items:center;gap:.6rem;min-width:0}.flow-kp-code{display:inline-flex;align-items:center;justify-content:center;min-width:52px;padding:4px 8px;border-radius:7px;background:var(--primary-soft);border:1px solid var(--primary-soft-border);color:var(--primary-color);font-weight:700;font-size:.8rem;font-variant-numeric:tabular-nums;flex-shrink:0}.flow-kp-name{color:var(--text-primary);font-weight:600;font-size:.92rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flow-kp-leden{display:block;margin-top:1px;color:var(--text-muted);font-weight:500;font-size:.74rem;overflow:hidden;text-overflow:ellipsis}.flow-arrow{display:flex;align-items:center;color:#cbd2da;min-width:32px}.flow-line{flex:1;height:2px;background:var(--border-color);border-radius:2px}.flow-arrow svg{margin-left:-3px;color:#b6bec8}.flow-person,.flow-deputy{min-width:0}.flow-deputy{display:flex;align-items:center;gap:.75rem}.person-node{display:flex;align-items:center;gap:.55rem;min-width:0}.person-meta{min-width:0}.person-name{color:var(--text-primary);font-weight:600;font-size:.88rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.person-sub{color:var(--text-muted);font-size:.72rem}.avatar{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.78rem;color:#fff;flex-shrink:0}.avatar-account{background:var(--primary-color)}.avatar-hint{background:var(--warning-color)}.avatar-none{background:#94a3b8}.person-node-sm .avatar{width:28px;height:28px;font-size:.7rem}.person-node-sm .person-name{font-size:.82rem;font-weight:500}.person-none-node{color:var(--text-muted);font-size:.85rem;font-style:italic}.flow-deputy-empty{color:#cbd5e1;padding-left:.25rem}.flow-edit{display:flex;align-items:center;justify-content:flex-end;color:#cbd5e1;transition:color .15s ease}.kp2-empty{text-align:center;padding:3rem 1rem;background:var(--surface);border:1px dashed var(--border-strong);border-radius:var(--radius-lg);color:var(--text-secondary)}.kp2-empty-actions{display:flex;gap:.6rem;justify-content:center;margin-top:1rem}.kp2-modal-overlay{position:fixed;inset:0;background:#0f172a73;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:1rem;z-index:1000;animation:kp2fade .15s ease}@keyframes kp2fade{0%{opacity:0}to{opacity:1}}.kp2-modal{background:var(--surface);border-radius:var(--radius-lg);width:100%;max-width:480px;box-shadow:var(--shadow-xl);animation:kp2slide .2s ease}@keyframes kp2slide{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.kp2-modal-head{display:flex;align-items:center;justify-content:space-between;padding:1.15rem 1.35rem;border-bottom:1px solid var(--border-color)}.kp2-modal-head h2{font-size:1.1rem;margin:0}.kp2-modal-close{width:34px;height:34px;border-radius:9px;background:transparent;color:var(--text-muted);display:flex;align-items:center;justify-content:center}.kp2-modal-close:hover{background:var(--surface-2);color:var(--text-primary)}.kp2-modal-body{padding:1.35rem;display:flex;flex-direction:column;gap:1rem}.kp2-field-row{display:grid;grid-template-columns:120px 1fr;gap:.85rem}.kp2-field{display:flex;flex-direction:column;gap:5px}.kp2-field label{font-size:.78rem;font-weight:600;color:var(--text-secondary)}.kp2-field small{color:var(--text-muted);font-size:.76rem;line-height:1.45}.kp2-field small.kp2-leden{display:block;margin-top:.35rem;color:var(--text-secondary)}.kp2-modal-foot{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.35rem;border-top:1px solid var(--border-color)}.kp2-foot-right{display:flex;gap:.6rem}@media(max-width:720px){.flow-headings{display:none}.flow-row{grid-template-columns:1fr auto;grid-template-areas:"kp edit" "person person" "deputy deputy";gap:.5rem .75rem;padding:1rem 1.1rem}.flow-kp{grid-area:kp}.flow-edit{grid-area:edit}.flow-person{grid-area:person}.flow-deputy{grid-area:deputy}.flow-arrow{display:none}.flow-deputy:before{content:"↳";color:var(--text-muted)}.kp2-field-row{grid-template-columns:1fr}}.users-page{min-height:100vh;background:#f5f6f8}.users-content{max-width:1200px;margin:0 auto;padding:2rem 1.5rem 4rem}.users-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1rem;color:#6b7280}.users-page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.users-page-header h1{margin:0 0 .25rem;font-size:1.6rem;color:#111827}.users-subtitle{margin:0;color:#6b7280;font-size:.95rem}.users-table-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000000f;overflow:hidden}.users-table-scroll{overflow-x:auto}.users-table{width:100%;border-collapse:collapse}.users-table thead th{text-align:left;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:#6b7280;font-weight:600;background:#f9fafb;padding:12px 14px;border-bottom:1px solid #e5e7eb;white-space:nowrap}.users-table tbody td{padding:13px 14px;border-bottom:1px solid #f0f0f2;vertical-align:middle;color:#374151;font-size:.92rem}.users-table tbody tr:last-child td{border-bottom:none}.users-table tbody tr:hover{background:#f9fafb}.td-name{white-space:nowrap}.td-name-main{display:block;font-weight:600;color:#111827}.td-name-sub{display:block;margin-top:1px;font-size:.8rem;color:#6b7280}.th-actions,.td-actions{text-align:right;white-space:nowrap;width:1%}.kp-tags{display:flex;flex-wrap:nowrap;gap:4px;width:262px}.kp-tag{display:inline-block;flex-shrink:1;min-width:0;max-width:140px;padding:2px 9px;border-radius:999px;background:#f3f4f6;color:#374151;font-size:.78rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kp-tag-more{flex-shrink:0;background:var(--primary-soft);color:var(--primary-color);font-weight:600}.kp-empty{color:#9ca3af}.users-empty{text-align:center;color:#6b7280;padding:2rem 1rem}.role-pill{display:inline-block;padding:3px 10px;border-radius:999px;font-size:.75rem;font-weight:600;white-space:nowrap}.role-pill.role-superadmin{background:#ede9fe;color:#6d28d9}.role-pill.role-admin{background:#dbeafe;color:#1d4ed8}.role-pill.role-member{background:#f3f4f6;color:#4b5563}.users-btn{display:inline-flex;align-items:center;justify-content:center;padding:9px 16px;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;border:1px solid transparent;transition:background .15s,filter .15s,opacity .15s}.users-btn:disabled{opacity:.6;cursor:not-allowed}.users-btn-sm{padding:6px 12px;font-size:.83rem}.users-btn-primary{background:var(--primary-color);color:#fff}.users-btn-primary:hover:not(:disabled){filter:brightness(.93)}.users-btn-ghost{background:#fff;color:#374151;border:1px solid #d1d5db}.users-btn-ghost:hover:not(:disabled){background:#f9fafb}.users-btn-danger{background:#fff;color:#dc2626;border:1px solid #fca5a5}.users-btn-danger:hover:not(:disabled){background:#dc2626;color:#fff;border-color:#dc2626}.users-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.users-modal{background:#fff;border-radius:12px;width:100%;max-width:560px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.users-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb}.users-modal-header h2{margin:0;font-size:1.2rem;color:#111827}.users-modal-close{background:none;border:none;font-size:1.6rem;line-height:1;color:#9ca3af;cursor:pointer;padding:0 .25rem}.users-modal-close:hover{color:#374151}.users-modal-body{padding:1.5rem;display:flex;flex-direction:column;gap:1.1rem}.users-field-row{display:flex;gap:1rem}.users-field-row .users-field{flex:1}.users-field{display:flex;flex-direction:column;gap:.35rem}.users-field label{font-size:.85rem;font-weight:600;color:#374151}.users-field small{color:#6b7280;font-size:.78rem}.users-input{width:100%;padding:9px 10px;border:1px solid #d1d5db;border-radius:8px;font-size:.92rem;color:#111827;background:#fff;box-sizing:border-box;transition:border-color .15s,box-shadow .15s}.users-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb26}.users-readonly{margin:0;padding:9px 10px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;font-size:.9rem}.users-checkboxes{display:flex;flex-wrap:wrap;gap:.5rem 1rem}.users-checkbox{display:flex;align-items:center;gap:.4rem;font-size:.9rem;color:#374151;cursor:pointer}.users-modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1.25rem 1.5rem;border-top:1px solid #e5e7eb}@media(max-width:560px){.users-field-row{flex-direction:column}}.td-actions{text-align:right}.row-menu{position:relative;display:inline-flex}@media(max-width:640px){.users-table thead{display:none}.users-table,.users-table tbody,.users-table tr,.users-table td{display:block}.users-table tbody tr{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px 8px;padding:14px 16px;border-bottom:1px solid #f0f0f2}.users-table tbody tr:last-child{border-bottom:none}.users-table tbody td{padding:0;border-bottom:none}.td-name{grid-column:1 / 3;grid-row:1;white-space:normal;min-width:0}.td-name-sub{overflow-wrap:anywhere}.td-actions{grid-column:3;grid-row:1;width:auto}.td-role{grid-column:1;grid-row:2}.td-kp{grid-column:2 / 4;grid-row:2;min-width:0}.td-fallback{grid-column:1 / -1;grid-row:3;font-size:.82rem;color:#6b7280}.td-fallback:before{content:"Plaatsvervanger: "}.td-fallback.is-empty{display:none}.users-empty{grid-column:1 / -1}.kp-tags{width:auto;flex-wrap:wrap}}.email-templates-container{min-height:100vh;background:var(--bg-secondary)}.templates-content{max-width:1200px;margin:0 auto;padding:2rem}.templates-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.templates-header h1{font-size:2rem;color:var(--text-dark);margin-bottom:.5rem}.templates-header .subtitle{color:var(--text-secondary);font-size:1rem}.header-actions{display:flex;gap:.75rem;align-items:center}.templates-main{display:flex;flex-direction:column;gap:1.5rem}.template-tabs{display:flex;margin-bottom:1.5rem}.template-editor{background:#fff;border-radius:.75rem;border:1px solid var(--border-color)}.editor-card{padding:2rem;display:flex;flex-direction:column;gap:1.5rem}.editor-fields{display:flex;flex-direction:column;gap:1.25rem}.editor-section{display:flex;flex-direction:column;gap:.5rem}.editor-section label{font-weight:500;color:var(--text-dark);font-size:.95rem}.editor-section input,.editor-section textarea{padding:.75rem .875rem;border:1px solid var(--border-color);border-radius:.5rem;font-size:.95rem;font-family:inherit;transition:all .2s ease}.editor-section input:focus,.editor-section textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #6a5acd14}.editor-section textarea{resize:vertical;min-height:80px;line-height:1.6}.variables-info{background:var(--bg-secondary);padding:1.25rem;border-radius:.5rem;border:1px solid var(--border-color)}.variables-info h4{font-size:.95rem;color:var(--text-dark);margin-bottom:.5rem;font-weight:600}.variables-description{font-size:.875rem;color:var(--text-secondary);margin-bottom:.75rem}.variables-grid{display:flex;flex-wrap:wrap;gap:.5rem}.variables-grid code{display:inline-flex;align-items:center;width:auto;white-space:nowrap;padding:.375rem .625rem;background:#fff;border:1px solid var(--border-color);border-radius:.375rem;font-size:.85rem;color:var(--primary-color);font-weight:500}.editor-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:.5rem;border-top:1px solid var(--border-color)}.btn-reset,.btn-save{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:.5rem;font-weight:500;font-size:.95rem;cursor:pointer;transition:all .2s ease}.btn-reset{background:#fff;color:var(--text-secondary);border:1px solid var(--border-color)}.btn-reset:hover{background:var(--bg-secondary);border-color:var(--text-secondary);color:var(--text-dark)}.btn-save{background:var(--primary-color);color:#fff;border:none}.btn-save:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.btn-save:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.templates-content{padding:1rem}.templates-header{flex-direction:column;gap:1rem}.header-actions{width:100%;flex-direction:column;gap:.5rem}.btn-back,.template-tabs{flex-direction:column}.editor-card{padding:1.5rem}.editor-actions{flex-direction:column-reverse}.btn-reset,.btn-save{width:100%;justify-content:center}}.template-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.5rem;align-items:start}.template-preview{position:sticky;top:1rem;background:#fff;border:1px solid var(--border-color);border-radius:.75rem;overflow:hidden}.preview-head{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;flex-wrap:wrap;padding:1rem 1.25rem .5rem}.preview-label{font-weight:700;color:var(--text-primary)}.preview-hint{font-size:.78rem;color:var(--text-muted)}.preview-subject{display:flex;align-items:center;gap:.6rem;padding:.5rem 1.25rem 1rem;border-bottom:1px solid var(--border-color);font-size:.88rem;color:var(--text-secondary)}.preview-subject strong{color:var(--text-primary);font-weight:600}.preview-frame{background:#f3f4f6;transition:opacity .15s ease}.preview-frame.is-loading{opacity:.6}.preview-frame iframe{display:block;width:100%;height:720px;border:0;background:#f3f4f6}.preview-skel{padding:24px}@media(max-width:1100px){.template-workspace{grid-template-columns:1fr}.template-preview{position:static}.preview-frame iframe{height:600px}}.activity-log-container{min-height:100vh;background:var(--bg-secondary)}.activity-content{max-width:1000px;margin:0 auto;padding:2rem}.activity-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.activity-header h1{font-size:2rem;color:var(--text-dark);margin-bottom:.5rem}.activity-header .subtitle{color:var(--text-secondary);font-size:1rem}.btn-back{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:#fff;color:var(--text-primary);border:1px solid var(--border-color);border-radius:.5rem;font-weight:500;font-size:.9rem;cursor:pointer;transition:all .2s ease}.btn-back:hover{background:var(--bg-secondary);border-color:var(--text-secondary)}.activity-tabs{display:flex;margin-bottom:2rem}.activity-timeline{position:relative}.activity-item{display:flex;gap:1.5rem;position:relative}.activity-item:last-child .activity-line{display:none}.activity-icon-wrapper{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.activity-icon{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;border:3px solid var(--border-color);z-index:1;flex-shrink:0}.activity-submission .activity-icon{border-color:var(--primary-color);background:#6a5acd1a;color:var(--primary-color)}.activity-approval .activity-icon{border-color:#10b981;background:#10b9811a;color:#10b981}.activity-rejection .activity-icon{border-color:#ef4444;background:#ef44441a;color:#ef4444}.activity-deletion .activity-icon{border-color:#f59e0b;background:#f59e0b1a;color:#f59e0b}.activity-line{width:2px;flex:1;background:var(--border-color);margin-top:.5rem;min-height:40px}.activity-content-wrapper{flex:1;background:#fff;border-radius:.75rem;border:1px solid var(--border-color);padding:1.25rem;margin-bottom:1.5rem;transition:all .2s ease}.activity-content-wrapper:hover{box-shadow:0 2px 8px #00000014}.activity-main{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem}.activity-info{flex:1}.activity-actor{font-weight:600;color:var(--text-dark);margin-bottom:.25rem;font-size:.95rem}.activity-action{color:var(--text-secondary);font-size:.9rem;line-height:1.5}.activity-time{font-size:.85rem;color:var(--text-secondary);white-space:nowrap;flex-shrink:0}.activity-note{background:var(--bg-secondary);padding:.875rem;border-radius:.5rem;font-size:.875rem;line-height:1.6;margin-bottom:.75rem}.activity-note strong{color:var(--text-dark);font-weight:600}.activity-meta{display:flex;gap:1.5rem;flex-wrap:wrap}.activity-meta-item{display:inline-flex;align-items:center;gap:.375rem;font-size:.85rem;color:var(--text-secondary)}.activity-meta-item svg{flex-shrink:0}.empty-state{text-align:center;padding:4rem 2rem;background:#fff;border-radius:.75rem;border:1px solid var(--border-color);color:var(--text-secondary)}.empty-state svg{margin-bottom:1rem;opacity:.5}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1rem}.spinner{width:48px;height:48px;border:4px solid var(--bg-secondary);border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){.activity-content{padding:1rem}.activity-header{flex-direction:column;gap:1rem}.btn-back{width:100%;justify-content:center}.activity-filters{flex-direction:column}.activity-filter{min-width:100%}.activity-item{gap:1rem}.activity-icon{width:36px;height:36px}.activity-content-wrapper{padding:1rem}.activity-main{flex-direction:column;align-items:flex-start}.activity-time{white-space:normal}.activity-meta{flex-direction:column;gap:.5rem}}.app{min-height:100vh}