@font-face{font-family:Transducer;src:url(/fonts/transducer.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--sidebar-w:240px;--color-sidebar:#0d1547;--color-sidebar-hover:#1a2463;--color-accent:#e8385a;--color-accent-hover:#c42e4a;--color-bg:#f0f2f8;--color-surface:#fff;--color-border:#e2e8f0;--color-text:#1e293b;--color-text-muted:#64748b;--color-text-on-dark:#f1f5f9;--color-text-muted-on-dark:#94a3b8;--radius:10px;--radius-sm:6px;--shadow:0 1px 3px #00000014, 0 4px 12px #0000000f;color:var(--color-text);background:var(--color-bg);font-family:system-ui,Segoe UI,sans-serif;font-size:15px;line-height:1.5}h1,h2,h3,h4,h5,h6,.page-title,.nav-card-title,.modal-title,.stat-value,.detail-rij-titel{font-family:Transducer,system-ui,sans-serif}html{max-width:100vw;overflow-x:hidden}body{max-width:100%;min-height:100vh;overflow-x:hidden}.app-shell{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-w);background:var(--color-sidebar);z-index:10;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.mobile-topbar,.menu-hamburger,.sidebar-sluit{display:none}.menu-overlay{z-index:199;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#00000080;position:fixed;inset:0}.sidebar-logo{border-bottom:1px solid #ffffff0f;padding:28px 20px 24px}.logo-mark{align-items:center;text-decoration:none;display:flex}.sidebar-logo-img{width:100%;max-width:168px;height:auto}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:16px 12px;display:flex}.nav-section-label{letter-spacing:1px;text-transform:uppercase;color:var(--color-text-muted-on-dark);padding:12px 8px 6px;font-size:10px;font-weight:600}.nav-link{border-radius:var(--radius-sm);color:var(--color-text-muted-on-dark);align-items:center;gap:10px;padding:9px 12px;font-size:14px;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex}.nav-link:hover{background:var(--color-sidebar-hover);color:var(--color-text-on-dark)}.nav-link.active{color:#fff;background:#e8385a}.nav-link svg{flex-shrink:0;width:18px;height:18px}.sidebar-footer{border-top:1px solid #ffffff0f;padding:16px 12px}.user-card{border-radius:var(--radius-sm);align-items:center;gap:10px;padding:8px;display:flex}.user-avatar{background:var(--color-accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex;overflow:hidden}.user-avatar img{object-fit:cover;width:100%;height:100%}.user-info{flex:1;min-width:0}.user-name{color:var(--color-text-on-dark);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.user-email{color:var(--color-text-muted-on-dark);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.sign-out-btn{cursor:pointer;color:var(--color-text-muted-on-dark);background:0 0;border:none;border-radius:4px;flex-shrink:0;align-items:center;padding:4px;transition:color .15s;display:flex}.sign-out-btn:hover{color:#e8385a}.sign-out-btn svg{width:16px;height:16px}.main-content{margin-left:var(--sidebar-w);flex:1;min-height:100vh}.page-header{padding:36px 40px 0}.page-header-sub{justify-content:space-between;align-items:center;gap:12px;margin-top:6px;display:flex}.page-title{color:var(--color-text);letter-spacing:-.4px;font-size:24px;font-weight:700}.page-subtitle{color:var(--color-text-muted);margin-top:4px;font-size:14px}.page-body{padding:28px 40px 48px}.card-grid{gap:20px;display:grid}.card-grid-3{grid-template-columns:repeat(3,1fr)}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px 24px}.stat-icon{background:#fef0f3;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:14px;display:flex}.stat-icon svg{width:20px;height:20px;color:var(--color-accent)}.stat-label{text-transform:uppercase;letter-spacing:.6px;color:var(--color-text-muted);font-size:12px;font-weight:600}.stat-value{color:var(--color-text);letter-spacing:-1px;margin-top:4px;font-size:34px;font-weight:800}.stat-sub{color:var(--color-text-muted);margin-top:4px;font-size:12px}.nav-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);color:inherit;flex-direction:column;gap:10px;padding:28px;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.nav-card:hover{border-color:var(--color-accent);transform:translateY(-2px);box-shadow:0 6px 24px #e8385a1f}.nav-card-icon{background:#fef0f3;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:4px;display:flex}.nav-card-icon svg{width:24px;height:24px;color:var(--color-accent)}.nav-card-title{color:var(--color-text);font-size:17px;font-weight:700}.nav-card-desc{color:var(--color-text-muted);flex:1;font-size:13px;line-height:1.6}.nav-card-arrow{color:var(--color-accent);align-items:center;gap:4px;margin-top:8px;font-size:13px;font-weight:600;display:flex}.section-title{text-transform:uppercase;letter-spacing:.6px;color:var(--color-text-muted);margin-bottom:16px;font-size:13px;font-weight:600}.divider{background:var(--color-border);height:1px;margin:32px 0}.login-page{background-color:#0d1547;background-image:linear-gradient(#0d1547d9,#0d1547d9),url(/background.png);background-position:50%;background-size:cover;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:var(--color-surface);text-align:center;border-radius:16px;width:100%;max-width:400px;padding:48px 40px;box-shadow:0 24px 64px #0000004d}.login-logo{flex-direction:column;align-items:center;gap:10px;margin-bottom:36px;display:flex}.login-logo img{width:auto;height:80px}.login-logo-tagline{letter-spacing:2.5px;text-transform:uppercase;color:var(--color-text-muted);font-family:Transducer,system-ui,sans-serif;font-size:9px;font-weight:600}.login-title{color:var(--color-text);margin-bottom:8px;font-size:19px;font-weight:700}.login-desc{color:var(--color-text-muted);margin-bottom:32px;font-size:14px;line-height:1.6}.btn-google{border:1.5px solid var(--color-border);border-radius:var(--radius-sm);width:100%;color:var(--color-text);cursor:pointer;background:#fff;justify-content:center;align-items:center;gap:12px;padding:13px 20px;font-family:inherit;font-size:15px;font-weight:600;transition:background .15s,border-color .15s,box-shadow .15s;display:flex}.btn-google:hover{background:#f8fafc;border-color:#cbd5e1;box-shadow:0 2px 8px #00000014}.btn-google svg{flex-shrink:0;width:20px;height:20px}.login-footer{color:var(--color-text-muted);margin-top:24px;font-size:12px}.login-email-toggle{color:var(--color-text-muted);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;margin:18px auto 0;font-family:inherit;font-size:13px;text-decoration:underline;transition:color .15s;display:block}.login-email-toggle:hover{color:var(--color-text)}.login-email-form{margin-top:4px}.login-divider{color:var(--color-text-muted);align-items:center;gap:10px;margin:20px 0 16px;font-size:12px;display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--color-border);flex:1;height:1px}.login-field{margin-bottom:10px}.login-input{border:1.5px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);width:100%;color:var(--color-text);box-sizing:border-box;outline:none;padding:10px 13px;font-family:inherit;font-size:14px;transition:border-color .15s}.login-input:focus{border-color:#4f46e5}.login-submit{color:#fff;border-radius:var(--radius-sm);cursor:pointer;background:#0d1547;border:none;width:100%;margin-top:2px;padding:11px;font-family:inherit;font-size:14px;font-weight:600;transition:opacity .15s}.login-submit:hover{opacity:.88}.login-submit:disabled{opacity:.5;cursor:default}.login-error{color:#dc2626;border-radius:var(--radius-sm);text-align:left;background:#fee2e2;margin-bottom:10px;padding:8px 12px;font-size:13px}.login-success{color:#15803d;border-radius:var(--radius-sm);text-align:left;background:#dcfce7;padding:10px 12px;font-size:13px;line-height:1.5}.login-vergeten{color:var(--color-text-muted);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;margin:10px auto 0;font-family:inherit;font-size:12px;text-decoration:underline;transition:color .15s;display:block}.login-vergeten:hover{color:var(--color-text)}.login-vergeten:disabled{opacity:.5;cursor:default}.empty-state{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);text-align:center;color:var(--color-text-muted);box-shadow:var(--shadow);padding:64px 24px}.empty-icon{background:#fef0f3;border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 16px;display:flex}.empty-icon svg{width:28px;height:28px;color:var(--color-accent);opacity:.6}.empty-state h3{color:var(--color-text);margin-bottom:8px;font-size:16px;font-weight:600}.empty-state p{font-size:14px}.spinner-page{background:var(--color-sidebar);justify-content:center;align-items:center;min-height:100vh;display:flex}.spinner{border:3px solid #ffffff1a;border-top-color:var(--color-accent);border-radius:50%;width:32px;height:32px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.status-badge{white-space:nowrap;border-radius:999px;align-items:center;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.project-list{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.project-list-header{background:var(--color-bg);border-bottom:1px solid var(--color-border);text-transform:uppercase;letter-spacing:.6px;color:var(--color-text-muted);grid-template-columns:1fr 150px 160px;padding:10px 20px;font-size:11px;font-weight:700;display:grid}.project-row{border-bottom:1px solid var(--color-border);grid-template-columns:1fr 150px 160px 160px;align-items:center;padding:16px 20px;transition:background .1s;display:grid}.project-row:last-child{border-bottom:none}.project-row:hover{background:#fafafa}.project-naam{color:var(--color-text);font-size:14px;font-weight:600}.project-klant{color:var(--color-text-muted);margin-top:2px;font-size:12px}.datum-cell{color:var(--color-text-muted);align-items:center;gap:5px;font-size:13px;display:inline-flex}.datum-overdue{color:#dc2626}.overdue-pill{color:#dc2626;text-transform:uppercase;letter-spacing:.4px;background:#fee2e2;border-radius:999px;padding:1px 6px;font-size:10px;font-weight:700}.list-loading{flex-direction:column;gap:0;display:flex}.skeleton-row{border-bottom:1px solid var(--color-border);background:linear-gradient(90deg,#f1f5f9 25%,#e8edf2 50%,#f1f5f9 75%) 0 0/400% 100%;border-radius:0;height:64px;animation:1.4s infinite shimmer}.skeleton-row:first-child{border-radius:var(--radius) var(--radius) 0 0}.skeleton-row:last-child{border-radius:0 0 var(--radius) var(--radius);border-bottom:none}@keyframes shimmer{to{background-position:-400% 0}}.alert-error{color:#dc2626;border-radius:var(--radius-sm);background:#fee2e2;border:1px solid #fecaca;margin-bottom:20px;padding:12px 16px;font-size:14px}.alert-info{color:#1d4ed8;border-radius:var(--radius-sm);background:#eff6ff;border:1px solid #bfdbfe;padding:10px 14px;font-size:13px}.btn-primary{background:var(--color-accent);color:#fff;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:7px;padding:9px 18px;font-family:inherit;font-size:14px;font-weight:600;transition:background .15s,opacity .15s;display:inline-flex}.btn-primary:hover{background:var(--color-accent-hover)}.btn-primary:disabled{opacity:.55;cursor:not-allowed}.btn-secondary{color:var(--color-text);border:1.5px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;background:0 0;align-items:center;gap:7px;padding:9px 18px;font-family:inherit;font-size:14px;font-weight:600;transition:background .15s;display:inline-flex}.btn-secondary:hover{background:var(--color-bg)}.btn-secondary:disabled{opacity:.55;cursor:not-allowed}.btn-danger{cursor:pointer;color:#fff;white-space:nowrap;background:#dc2626;border:none;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:background .15s;display:inline-flex}.btn-danger:hover{background:#b91c1c}.btn-danger:disabled{opacity:.55;cursor:not-allowed}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-panel{background:var(--color-surface);border-radius:14px;width:100%;max-height:90vh;animation:.18s modal-in;overflow-y:auto;box-shadow:0 24px 64px #00000040}@keyframes modal-in{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:none}}.modal-header{border-bottom:1px solid var(--color-border);background:var(--color-surface);z-index:1;justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex;position:sticky;top:0}.modal-title{color:var(--color-text);font-size:17px;font-weight:700}.modal-close{cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;border-radius:6px;align-items:center;padding:4px;transition:background .15s,color .15s;display:flex}.modal-close:hover{background:var(--color-bg);color:var(--color-text)}.modal-close svg{width:18px;height:18px}.modal-body{padding:24px}.project-form{flex-direction:column;gap:12px;display:flex}.form-section-label{text-transform:uppercase;letter-spacing:.7px;color:var(--color-text-muted);margin-bottom:-4px;font-size:11px;font-weight:700}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-field{flex-direction:column;gap:5px;display:flex}.form-field-full{grid-column:1/-1}.form-field label{color:var(--color-text);font-size:13px;font-weight:600}.required{color:var(--color-accent)}.form-field input,.form-field select,.form-field textarea{border:1.5px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);background:var(--color-surface);outline:none;width:100%;padding:9px 12px;font-family:inherit;font-size:14px;transition:border-color .15s}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--color-accent)}.form-field textarea{resize:vertical}.form-error{color:#dc2626;border-radius:var(--radius-sm);background:#fee2e2;padding:10px 14px;font-size:13px}.form-actions{border-top:1px solid var(--color-border);justify-content:flex-end;gap:10px;margin-top:8px;padding-top:16px;display:flex}.toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.search-wrap{flex:1;min-width:220px;position:relative}.search-wrap svg{color:var(--color-text-muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-input{border:1.5px solid var(--color-border);border-radius:var(--radius-sm);width:100%;color:var(--color-text);background:var(--color-surface);outline:none;padding:9px 12px 9px 36px;font-family:inherit;font-size:14px;transition:border-color .15s}.search-input:focus{border-color:var(--color-accent)}.filter-tabs{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-sm);gap:2px;padding:3px;display:flex}.filter-tab{color:var(--color-text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:4px;padding:6px 14px;font-family:inherit;font-size:13px;font-weight:500;transition:background .15s,color .15s}.filter-tab:hover{color:var(--color-text)}.filter-tab--actief{background:var(--color-bg);color:var(--color-text);font-weight:600}.crew-functie-filter{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.crew-functie-pill{border:1px solid var(--color-border);background:var(--color-card);color:var(--color-text-muted);cursor:pointer;white-space:nowrap;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:500;transition:border-color .12s,background .12s,color .12s}.crew-functie-pill:hover{border-color:var(--color-accent);color:var(--color-accent)}.crew-functie-pill--actief{background:color-mix(in srgb, var(--color-accent) 10%, transparent);border-color:var(--color-accent);color:var(--color-accent);font-weight:600}.crew-tabel{width:100%;overflow-x:auto}.crew-tabel-header,.crew-tabel-rij{grid-template-columns:180px 170px 170px 130px 100px 120px 20px;align-items:center;gap:0 8px;min-width:910px;display:grid}.crew-tabel-header{background:var(--color-bg);border-bottom:1px solid var(--color-border);border-top:1px solid var(--color-border);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);padding:10px 20px;font-size:11px;font-weight:700}.crew-tabel-rij{border-bottom:1px solid var(--color-border);cursor:pointer;padding:12px 20px;transition:background .12s}.crew-tabel-rij:hover{background:var(--color-surface)}.crew-tabel-rij--inactief{opacity:.55}.crew-col-naam,.crew-col-functies{min-width:0;overflow:hidden}.crew-col-contact{min-width:0;font-size:13px;overflow:hidden}.crew-col-fee{white-space:nowrap;font-size:13px}.crew-naam-cel{align-items:center;gap:10px;min-width:0;display:flex}.crew-tabel-naam{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.crew-inactief-label{color:var(--color-text-muted);margin-top:1px;font-size:11px}.crew-tabel-muted{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.crew-functies-cel{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.crew-functie-tag{color:#475569;white-space:nowrap;background:#f1f5f9;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-block}.crew-functie-tag--lg{padding:4px 12px;font-size:13px}.crew-functie-meer{color:var(--color-text-muted);padding:2px 4px;font-size:11px}.crew-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:flex}.crew-avatar--sm{width:36px;height:36px;font-size:13px}.crew-avatar--lg{width:64px;height:64px;font-size:22px}.beheer-sectie{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden}.beheer-sectie-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;display:flex}.beheer-sectie-titel{color:var(--color-text);font-size:15px;font-weight:600}.beheer-tabel-header,.beheer-tabel-rij{grid-template-columns:1fr 1fr 80px;align-items:center;gap:0 12px;padding:10px 20px;display:grid}.beheer-tabel-header--4,.beheer-tabel-rij--4{grid-template-columns:1fr 1fr 1fr 100px}.beheer-tabel-header--team,.beheer-tabel-rij--team{grid-template-columns:2fr 120px 130px 130px 60px}.team-rol-badge{border-radius:10px;padding:2px 9px;font-size:12px;font-weight:500;display:inline-block}.team-rol-badge--admin{color:#3730a3;background:#e0e7ff}.team-rol-badge--extern{color:#166534;background:#dcfce7}.team-rol-badge--geen{color:#64748b;background:#f1f5f9}.beheer-tabel-header{letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted);background:var(--color-bg);border-bottom:1px solid var(--color-border);font-size:11px;font-weight:600}.beheer-tabel-rij{border-bottom:1px solid var(--color-border);font-size:14px}.beheer-tabel-rij:last-child{border-bottom:none}.beheer-tabel-rij:hover{background:var(--color-bg)}.beheer-naam-cel{align-items:center;gap:10px;min-width:0;display:flex;overflow:hidden}.beheer-naam-cel span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.beheer-muted{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.beheer-acties{justify-content:flex-end;align-items:center;gap:4px;display:flex}.beheer-btn-icon{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:30px;height:30px;color:var(--color-text-muted);cursor:pointer;background:0 0;justify-content:center;align-items:center;transition:background .15s,color .15s,border-color .15s;display:flex}.beheer-btn-icon:hover{background:var(--color-surface);color:var(--color-text)}.beheer-btn-icon--danger:hover{color:#dc2626;background:#fee2e2;border-color:#fca5a5}.beheer-project-checkboxen{border:1.5px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);flex-direction:column;gap:6px;max-height:180px;padding:8px 12px;display:flex;overflow-y:auto}.beheer-project-check{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:14px;display:flex}.beheer-project-check input[type=checkbox]{cursor:pointer;flex-shrink:0;width:15px;height:15px}.beheer-leeg{color:var(--color-text-muted);padding:24px 20px;font-size:14px}.btn-sm{gap:5px;padding:6px 12px;font-size:13px}.crew-detail-header{align-items:center;gap:20px;display:flex}.crew-detail-header-info{flex:1;min-width:0}.crew-detail-functies{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.crew-actief-badge{color:#15803d;background:#dcfce7;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-block}.crew-actief-badge--inactief{color:#64748b;background:#f1f5f9}.tag{color:#475569;background:#f1f5f9;border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:12px;font-weight:500;display:inline-flex}.tag button{cursor:pointer;color:#94a3b8;background:0 0;border:none;align-items:center;padding:0;line-height:1;transition:color .1s;display:flex}.tag button:hover{color:#dc2626}.tag--small{padding:2px 8px;font-size:11px}.tag-input{border:1.5px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);cursor:text;flex-wrap:wrap;gap:5px;min-height:42px;padding:7px 10px;transition:border-color .15s;display:flex}.tag-input:focus-within{border-color:var(--color-accent)}.tag-input input{color:var(--color-text);background:0 0;border:none;outline:none;flex:1;min-width:120px;padding:0;font-family:inherit;font-size:14px}.skeleton-card{border-radius:var(--radius);background:linear-gradient(90deg,#f1f5f9 25%,#e8edf2 50%,#f1f5f9 75%) 0 0/400% 100%;height:180px;animation:1.4s infinite shimmer}.form-hint{color:var(--color-text-muted);font-size:11px;font-weight:400}.checkbox-label{cursor:pointer;align-items:center;gap:8px;font-size:14px;display:flex}.checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-accent);cursor:pointer}.project-row--klikbaar{cursor:pointer}.project-row--gearchiveerd{opacity:.55}.archief-badge{color:#64748b;vertical-align:middle;background:#e2e8f0;border-radius:10px;margin-left:8px;padding:1px 7px;font-size:11px;font-weight:500;display:inline-block}.archief-toggle{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;margin:20px auto 0;padding:6px 12px;font-size:13px;transition:color .15s,background .15s;display:block}.archief-toggle:hover{background:var(--color-bg-alt,#f1f5f9);color:var(--color-text)}.project-list-header,.project-row{grid-template-columns:1fr 150px 160px 24px}.detail-topbar{justify-content:space-between;align-items:center;padding:20px 40px 0;display:flex}.detail-back{color:var(--color-text-muted);align-items:center;gap:6px;font-size:13px;font-weight:600;text-decoration:none;transition:color .15s;display:inline-flex}.detail-back:hover{color:var(--color-text)}.btn-sm{padding:7px 14px;font-size:13px}.detail-info-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px;display:grid}.detail-info-kaart{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:6px;padding:18px 20px;display:flex}.detail-info-kaart--klikbaar{cursor:pointer;transition:border-color .15s,box-shadow .15s}.detail-info-kaart--klikbaar:hover{border-color:var(--color-accent);box-shadow:0 0 0 3px #e8385a14}.detail-info-label{text-transform:uppercase;letter-spacing:.6px;color:var(--color-text-muted);align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.detail-info-hoofd{color:var(--color-text);font-size:16px;font-weight:700}.detail-info-sub{color:var(--color-text-muted);font-size:12px}.detail-info-overdue{color:var(--color-accent)!important}.detail-info-leeg{color:var(--color-text-muted);opacity:.6;font-size:13px}.detail-info-link{color:var(--color-text-muted);align-items:center;gap:5px;font-size:12px;text-decoration:none;transition:color .15s;display:inline-flex}.detail-info-link:hover{color:var(--color-accent)}.tab-bar{border-bottom:2px solid var(--color-border);gap:2px;margin-bottom:20px;display:flex}.tab-knop{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:7px;margin-bottom:-2px;padding:10px 18px;font-family:inherit;font-size:14px;font-weight:600;transition:color .15s;display:inline-flex}.tab-knop:hover{color:var(--color-text)}.tab-knop--actief{color:var(--color-accent);border-bottom-color:var(--color-accent)}.tab-count{background:var(--color-bg);color:var(--color-text-muted);text-align:center;border-radius:999px;min-width:20px;padding:1px 7px;font-size:11px;font-weight:700}.tab-knop--actief .tab-count{color:var(--color-accent);background:#fee2e2}.tab-content{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.tab-leeg{text-align:center;color:var(--color-text-muted);padding:48px 24px;font-size:14px}.abonneer-modal{flex-direction:column;display:flex}.abonneer-uitleg{color:var(--color-text-muted);margin:0 0 20px;font-size:14px;line-height:1.6}.abonneer-laden{text-align:center;color:var(--color-text-muted);padding:24px 0;font-size:14px}.abonneer-url-blok{background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;align-items:center;gap:8px;margin-bottom:20px;padding:10px 12px;display:flex}.abonneer-url{color:var(--color-text);word-break:break-all;-webkit-user-select:all;user-select:all;background:0 0;border:none;flex:1;padding:0;font-family:ui-monospace,SF Mono,monospace;font-size:12px}.abonneer-stappen{font-size:14px}.abonneer-stap-titel{color:var(--color-text);margin-bottom:6px;font-weight:600}.abonneer-stap-lijst{color:var(--color-text-muted);margin:0 0 8px;padding-left:20px;line-height:1.8}.abonneer-stap-lijst li{padding-left:4px}.abonneer-stap-opmerking{color:var(--color-text-muted);margin:8px 0;font-size:13px}.abonneer-stap-opmerking code,.abonneer-stap-lijst code{background:var(--color-bg);border:1px solid var(--color-border);border-radius:3px;padding:1px 4px;font-family:ui-monospace,SF Mono,monospace;font-size:11px}.gevaar-sectie{background:#fff8f8;border:1px solid #fca5a5;border-radius:10px;margin-top:48px;padding:20px 24px}.gevaar-sectie-titel{text-transform:uppercase;letter-spacing:.06em;color:#dc2626;margin-bottom:16px;font-size:12px;font-weight:700}.gevaar-sectie-rij{justify-content:space-between;align-items:center;gap:24px;display:flex}.gevaar-actie-naam{color:var(--color-text);margin-bottom:4px;font-size:14px;font-weight:600}.gevaar-actie-omschrijving{color:var(--color-text-muted);max-width:480px;font-size:13px}.detail-tabel{width:100%}.detail-tabel-header{background:var(--color-bg);border-bottom:1px solid var(--color-border);text-transform:uppercase;letter-spacing:.6px;color:var(--color-text-muted);align-items:center;gap:12px;padding:10px 20px;font-size:11px;font-weight:700;display:flex}.detail-tabel-rij{border-bottom:1px solid var(--color-border);align-items:center;gap:12px;padding:14px 20px;transition:background .1s;display:flex}.detail-tabel-rij:last-child{border-bottom:none}.detail-tabel-rij:hover{background:#fafafa}.detail-rij-titel{color:var(--color-text);font-size:14px;font-weight:600}.detail-rij-sub{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12px;overflow:hidden}.detail-rij-muted{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.detail-link{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--color-text-muted);background:var(--color-bg);justify-content:center;align-items:center;text-decoration:none;transition:background .15s,color .15s;display:inline-flex}.detail-link:hover{color:var(--color-accent);background:#fee2e2}.budget-sectie-kop{text-transform:uppercase;letter-spacing:.7px;color:var(--color-text-muted);margin-bottom:12px;font-size:11px;font-weight:700}.budget-input{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);width:100%;color:var(--color-text);text-align:right;padding:4px 6px;font-size:13px}.budget-input:focus{border-color:var(--color-accent);outline:none}.budget-nieuw-rij{background:var(--color-bg);border:1px dashed var(--color-border);border-radius:var(--radius);align-items:center;gap:8px;margin-bottom:10px;padding:10px 14px;display:flex}.budget-inline-input{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);padding:5px 8px;font-size:13px}.budget-inline-input:focus{border-color:var(--color-accent);outline:none}.budget-inline-select{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);padding:5px 8px;font-size:13px}.budget-inline-select:focus{border-color:var(--color-accent);outline:none}.budget-groep-kop{background:var(--color-bg);border-bottom:1px solid var(--color-border);text-transform:uppercase;letter-spacing:.7px;color:var(--color-text-muted);justify-content:space-between;align-items:center;padding:8px 20px;font-size:11px;display:flex}.budget-totalen{border:1px solid var(--color-border);border-radius:var(--radius);max-width:420px;margin-top:32px;margin-left:auto;overflow:hidden}.budget-totalen-rij{color:var(--color-text);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:10px 16px;font-size:13px;display:flex}.budget-totalen-rij:last-child{border-bottom:none}.budget-totalen-rij--totaal{background:var(--color-bg);font-size:14px;font-weight:700}.budget-totalen-rij--verschil.positief{color:#15803d;background:#dcfce7;font-weight:600}.budget-totalen-rij--verschil.negatief{color:#dc2626;background:#fee2e2;font-weight:600}.taken-tab{padding-bottom:8px}.taken-leeg{padding:32px 24px 24px}.taken-leeg-tekst{color:var(--color-text-muted);text-align:center;margin-bottom:16px;font-size:14px}.taken-leeg-acties{justify-content:center;margin-bottom:28px;display:flex}.taken-leeg-fases{flex-direction:column;gap:0;display:flex}.fase-lijst{flex-direction:column;display:flex}.fase-groep{border-bottom:1px solid var(--color-border);padding:0}.fase-groep:last-child{border-bottom:none}.fase-groep--leeg{opacity:.7}.fase-header{justify-content:space-between;align-items:center;gap:16px;padding:14px 20px 10px;display:flex}.fase-naam{text-transform:uppercase;letter-spacing:.7px;color:var(--color-text-muted);white-space:nowrap;min-width:120px;font-size:12px;font-weight:700}.fase-voortgang{flex:1;align-items:center;gap:8px;display:flex}.fase-voortgang-tekst{color:var(--color-text-muted);white-space:nowrap;font-size:12px;font-weight:600}.fase-voortgang-pct{color:var(--color-text-muted);white-space:nowrap;text-align:right;min-width:30px;font-size:11px}.progress-balk{background:var(--color-border);border-radius:999px;flex:1;height:5px;overflow:hidden}.progress-balk-vulling{border-radius:999px;height:100%;transition:width .4s}.fase-taken{padding:0 20px 4px}.taak-rij{border-bottom:1px solid #f1f5f9;align-items:flex-start;gap:10px;padding:8px 0;display:flex}.taak-rij:last-child{border-bottom:none}.taak-rij--gedaan{opacity:.55}.taak-check{border:2px solid var(--color-border);cursor:pointer;color:#fff;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-top:1px;transition:border-color .15s,background .15s;display:flex}.taak-check:hover:not(:disabled){border-color:var(--color-accent)}.taak-check--gedaan{background:#16a34a;border-color:#16a34a}.taak-check:disabled{cursor:not-allowed;opacity:.5}.taak-inhoud{flex:1;min-width:0}.taak-titel{color:var(--color-text);font-size:14px;line-height:1.4}.taak-titel--gedaan{color:var(--color-text-muted);text-decoration:line-through}.taak-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;display:flex}.taak-meta-item{color:var(--color-text-muted);font-size:12px}.taak-meta-crew{color:var(--color-text);font-weight:500}.taak-toevoegen-btn{width:100%;color:var(--color-text-muted);cursor:pointer;text-align:left;border:none;border-top:1px dashed var(--color-border);background:0 0;align-items:center;gap:6px;padding:9px 20px;font-family:inherit;font-size:13px;font-weight:500;transition:color .15s,background .15s;display:flex}.taak-toevoegen-btn:hover{color:var(--color-accent);background:#fef0f3}.inline-form{background:var(--color-bg);border-top:1px solid var(--color-border);padding:12px 20px 16px}.inline-form-rij{flex-wrap:wrap;gap:8px;display:flex}.inline-input{border:1.5px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);background:var(--color-surface);outline:none;padding:7px 10px;font-family:inherit;font-size:13px;transition:border-color .15s}.inline-input:focus{border-color:var(--color-accent)}.inline-input--flex{flex:1;min-width:160px}.inline-form-acties{gap:8px;margin-top:10px;display:flex}.inline-form-fout{color:var(--color-accent);margin-bottom:8px;font-size:12px}.spinner-inline{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite spin;display:inline-block}.draaidag-toevoeg-rij{align-items:center;gap:8px;margin-bottom:10px;display:flex}.draaidag-lijst{flex-direction:column;gap:4px;margin-bottom:4px;display:flex}.draaidag-item{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);border-radius:7px;justify-content:space-between;align-items:center;padding:7px 12px;font-size:14px;display:flex}.draaidag-datum{font-weight:500}.draaidag-verwijder{cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;padding:0 2px;font-size:18px;line-height:1;transition:color .12s}.draaidag-verwijder:hover{color:var(--color-error,#dc2626)}.draaidag-leeg{color:var(--color-text-muted);margin:4px 0 8px;font-size:13px;font-style:italic}.draaidag-info-lijst{flex-direction:column;gap:4px;display:flex}.kalender-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.kalender-nav{align-items:center;gap:8px;display:flex}.kalender-nav-pijl{border:1px solid var(--color-border);cursor:pointer;color:var(--color-text);background:0 0;border-radius:6px;align-items:center;padding:5px 8px;transition:background .15s;display:flex}.kalender-nav-pijl:hover{background:var(--color-surface)}.kalender-nav-titel{text-align:center;min-width:160px;color:var(--color-text);font-size:16px;font-weight:600}.type-filter-tabs{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.filter-tab--type{padding:4px 10px;font-size:12px}.kalender-wrapper{background:var(--color-card);border:1px solid var(--color-border);border-radius:12px;margin-bottom:24px;overflow:hidden}.kalender-weekdagen{border-bottom:1px solid var(--color-border);grid-template-columns:repeat(7,1fr);display:grid}.kalender-weekdag{color:var(--color-text-muted);text-align:center;padding:8px 10px;font-size:12px;font-weight:600}.kalender-grid,.kalender-skeleton{grid-template-columns:repeat(7,1fr);display:grid}.dag-cel-skeleton{border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background:linear-gradient(90deg, var(--color-surface) 25%, var(--color-border) 50%, var(--color-surface) 75%);background-size:200% 100%;height:120px;animation:1.4s infinite shimmer}.dag-cel{border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);cursor:pointer;flex-direction:column;height:120px;padding:6px 8px;transition:background .12s;display:flex;position:relative;overflow:hidden}.dag-cel:nth-child(7n){border-right:none}.dag-cel:hover{background:var(--color-surface)}.dag-cel--buiten{opacity:.35}.dag-cel--vandaag .dag-nummer{background:var(--color-accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.dag-cel--geselecteerd{background:color-mix(in srgb, var(--color-accent) 8%, transparent)}.dag-cel--geselecteerd:hover{background:color-mix(in srgb, var(--color-accent) 12%, transparent)}.dag-nummer{color:var(--color-text);margin-bottom:4px;font-size:13px;font-weight:500;line-height:1}.dag-cel--buiten .dag-nummer{color:var(--color-text-muted)}.dag-events{flex-direction:column;flex:1;gap:2px;display:flex;overflow:hidden}.event-pill{white-space:nowrap;border-radius:4px;align-items:center;height:18px;padding:0 5px;font-size:11px;font-weight:500;display:flex;overflow:hidden}.event-pill-titel{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.meer-pill{color:var(--color-text-muted);cursor:default;padding:1px 4px;font-size:11px}.agenda-wrapper{background:var(--color-card);border:1px solid var(--color-border);border-radius:12px;overflow:hidden}.agenda-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.agenda-header-titel{color:var(--color-text);text-transform:capitalize;font-size:15px;font-weight:600}.agenda-leeg{color:var(--color-text-muted);text-align:center;padding:32px 20px;font-size:14px}.agenda-dag{border-bottom:1px solid var(--color-border);align-items:flex-start;gap:0;display:flex}.agenda-dag:last-child{border-bottom:none}.agenda-dag-datum{border-right:1px solid var(--color-border);flex-direction:column;flex-shrink:0;align-items:center;width:72px;padding:16px 12px;display:flex}.agenda-dag-getal{color:var(--color-text);font-size:22px;font-weight:700;line-height:1}.agenda-dag-weekdag{color:var(--color-text-muted);text-transform:capitalize;margin-top:2px;font-size:12px;font-weight:500}.agenda-dag-maand{color:var(--color-text-muted);text-transform:capitalize;font-size:11px}.agenda-dag-events{flex-direction:column;flex:1;gap:8px;padding:10px 16px;display:flex}.agenda-event{background:var(--color-surface);border-radius:8px;align-items:flex-start;gap:10px;padding:8px 10px;display:flex}.agenda-event-kleur{border-radius:2px;flex-shrink:0;width:3px;min-height:36px;margin-top:2px}.agenda-event-inhoud{flex:1;min-width:0}.agenda-event-top{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:4px;display:flex}.agenda-event-titel{color:var(--color-text);font-size:14px;font-weight:600}.agenda-event-meta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.agenda-meta-item{color:var(--color-text-muted);align-items:center;gap:4px;font-size:12px;display:flex}.agenda-project-link{border-radius:4px;padding:2px 8px;font-size:11px;font-weight:500;text-decoration:none}.agenda-event-beschrijving{color:var(--color-text-muted);margin-top:4px;margin-bottom:0;font-size:13px}.plan-edit-btn{cursor:pointer;color:var(--color-text-muted);opacity:0;background:0 0;border:none;border-radius:5px;align-items:center;padding:4px;transition:opacity .15s,background .15s,color .15s;display:flex}.detail-tabel-rij:hover .plan-edit-btn,.callsheet-tabel tr:hover .plan-edit-btn{opacity:1}.plan-edit-btn:hover{background:var(--color-surface);color:var(--color-text)}.event-edit-rij{background:color-mix(in srgb, var(--color-accent) 4%, var(--color-card));flex-wrap:wrap;align-items:center;gap:8px;display:flex}.planning-tab-toolbar{border-bottom:1px solid var(--color-border);flex-wrap:wrap;align-items:center;gap:8px;padding:16px 20px;display:flex}.planning-tab-toolbar-sep{background:var(--color-border);width:1px;height:20px;margin:0 4px}.planning-quick-form{border-bottom:1px solid var(--color-border);background:var(--color-surface);flex-wrap:wrap;align-items:flex-end;gap:10px;padding:14px 20px;display:flex}.planning-quick-form label{color:var(--color-text-muted);margin-bottom:4px;font-size:12px;font-weight:500;display:block}.planning-quick-form .inline-input{font-size:13px}.snel-instellen-panel{border-bottom:1px solid var(--color-border);background:color-mix(in srgb, var(--color-accent) 4%, var(--color-surface));padding:20px}.snel-instellen-titel{color:var(--color-text);margin-bottom:4px;font-size:14px;font-weight:600}.snel-instellen-sub{color:var(--color-text-muted);margin-bottom:14px;font-size:13px}.snel-instellen-velden{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.snel-instellen-veld label{color:var(--color-text-muted);margin-bottom:4px;font-size:12px;font-weight:500;display:block}.snel-instellen-resultaat{background:var(--color-card);border:1px solid var(--color-border);border-radius:8px;margin-top:16px;padding:12px}.snel-instellen-resultaat-titel{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:12px;font-weight:600}.mijlpaal-preview{border-bottom:1px solid var(--color-border);align-items:center;gap:10px;padding:5px 0;font-size:13px;display:flex}.mijlpaal-preview:last-child{border-bottom:none}.mijlpaal-preview-datum{width:110px;color:var(--color-text-muted);flex-shrink:0;font-size:12px}.mijlpaal-preview-titel{color:var(--color-text)}.snel-editdagen{margin-top:16px}.snel-editdagen-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px;font-size:12px;font-weight:600}.plan-delete-btn{cursor:pointer;color:var(--color-text-muted);opacity:0;background:0 0;border:none;border-radius:6px;align-items:center;padding:4px 6px;transition:opacity .15s,color .15s,background .15s;display:flex}.detail-tabel-rij:hover .plan-delete-btn{opacity:1}.plan-delete-btn:hover{background:var(--color-danger-bg,#fff0f0);color:var(--color-danger,#c0392b)}.callsheet-document{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;margin-top:24px;overflow:hidden}.callsheet-kop{color:#fff;-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#0d1547;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:18px 28px;display:grid}.callsheet-kop-links{flex-direction:column;gap:4px;display:flex}.callsheet-kop-midden{flex-direction:column;align-items:center;gap:5px;display:flex}.callsheet-kop-rechts{text-align:right;flex-direction:column;gap:3px;display:flex}.callsheet-kop-logo{width:auto;height:40px;display:block}.callsheet-kop-sub{opacity:.4;letter-spacing:.15em;text-transform:uppercase;text-align:center;font-size:7px;font-weight:700}.callsheet-kop-project{font-size:15px;font-weight:700}.callsheet-kop-meta{font-size:14px;font-weight:600}.callsheet-kop-producer-label{text-transform:uppercase;letter-spacing:.08em;opacity:.5;font-size:9px}.callsheet-kop-producer-naam{font-size:13px;font-weight:700}.callsheet-kop-producer-tel{opacity:.7;font-size:11px}.callsheet-sectie{margin-top:28px}.callsheet-sectie-kop{justify-content:space-between;align-items:center;padding:0 0 10px;display:flex}.callsheet-sectie-titel{text-transform:uppercase;letter-spacing:2px;color:#0d1547;border-bottom:2px solid #e8385a;margin-bottom:8px;padding-bottom:6px;font-size:9px;font-weight:700;display:inline-block}.callsheet-sectie-inhoud{padding:0}.callsheet-locatie-grid{background:var(--color-surface);border:none;border-radius:6px;grid-template-columns:1fr 1fr;gap:8px 16px;padding:12px 14px;display:grid}.callsheet-locatie-veld label{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-bottom:2px;font-size:9px;font-weight:700;display:block}.callsheet-locatie-veld p{color:var(--color-text);margin:0;font-size:10px;line-height:1.4}.callsheet-tabel{border-collapse:collapse;width:100%;font-size:10px}.callsheet-tabel th{color:#fff;text-transform:uppercase;letter-spacing:.07em;text-align:left;-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#0d1547;border-bottom:none;padding:6px 10px;font-size:9px;font-weight:700}.callsheet-tabel td{border-bottom:.5px solid var(--color-border);color:var(--color-text);vertical-align:top;padding:4px 10px;font-size:10px}.callsheet-tabel tr:last-child td{border-bottom:none}.callsheet-tabel tr:hover td{background:var(--color-bg)}.callsheet-add-rij{background:var(--color-bg);border-top:1px solid var(--color-border);flex-wrap:wrap;align-items:flex-end;gap:8px;padding:12px 24px;display:flex}.callsheet-add-rij .form-field{margin:0}.callsheet-add-rij label{color:var(--color-text-muted);margin-bottom:4px;font-size:11px;font-weight:600;display:block}.callsheet-contact-grid{grid-template-columns:1fr 1fr;gap:16px 24px;padding:16px 24px;display:grid}.callsheet-contact-blok{flex-direction:column;gap:3px;display:flex}.callsheet-contact-rol{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);font-size:11px;font-weight:700}.callsheet-contact-naam{color:var(--color-text);font-size:15px;font-weight:600}.callsheet-contact-tel{color:var(--color-text-muted);font-size:13px}.callsheet-leeg{color:var(--color-text-muted);padding:20px 24px;font-size:13px;font-style:italic}.crew-bevestigd{color:#15803d;background:#dcfce7;border-radius:999px;padding:2px 7px;font-size:11px;font-weight:600;display:inline-block}.crew-niet-bevestigd{background:var(--color-bg);color:var(--color-text-muted);border-radius:999px;padding:2px 7px;font-size:11px;font-weight:600;display:inline-block}@media (width<=1200px){.crew-tabel-header,.crew-tabel-rij{grid-template-columns:1fr 1fr 150px 100px 100px 20px}.crew-col-contact:first-of-type{display:none}}@media (width<=1024px){.card-grid-3,.detail-info-grid{grid-template-columns:repeat(2,1fr)}.project-list-header,.project-row{grid-template-columns:1fr 130px 145px 24px}}@media (width<=640px){:root{--sidebar-w:0px}.main-content{width:100%;margin-left:0;padding-top:52px}.crew-tabel-header,.crew-tabel-rij{min-width:0}.budget-nieuw-rij{flex-wrap:wrap}.mobile-topbar{z-index:150;background:#0d1547;justify-content:space-between;align-items:center;height:52px;padding:0 16px;display:flex;position:fixed;top:0;left:0;right:0}.mobile-topbar-titel{color:#fff;font-family:Transducer,system-ui,sans-serif;font-size:16px;font-weight:600}.menu-hamburger{border-radius:var(--radius-sm);cursor:pointer;color:#fff;background:0 0;border:none;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.sidebar{z-index:200;width:260px;box-shadow:none;transition:transform .25s;display:flex;transform:translate(-100%)}.sidebar--open{transform:translate(0);box-shadow:4px 0 24px #0006}.sidebar-sluit{border-radius:var(--radius-sm);cursor:pointer;color:#ffffffb3;background:#ffffff14;border:none;justify-content:center;align-items:center;width:32px;height:32px;transition:background .15s,color .15s;display:flex;position:absolute;top:12px;right:12px}.sidebar-sluit:hover{color:#fff;background:#ffffff26}.page-header{padding:20px 20px 0}.page-header-sub{flex-wrap:wrap;gap:8px}.detail-topbar{padding:16px 16px 0}.page-body{padding:16px 0 40px}.toolbar,.crew-functie-filter,.kalender-controls,.detail-info-grid{padding:0 16px}.empty-state{padding:40px 16px}[class*=grid],.card-grid,.card-grid-3,.detail-info-grid,.form-row,.form-grid,.callsheet-contact-grid,.callsheet-locatie-grid,.wizard-grid-2{grid-template-columns:1fr!important}.kalender-grid,.kalender-weekdagen,.kalender-skeleton{grid-template-columns:repeat(7,1fr)!important}.crew-tabel-rij{grid-template-columns:1fr 20px!important}.project-row{gap:8px;grid-template-columns:1fr 1fr!important}.search-wrap{flex-basis:100%;min-width:0}.project-list-header,.crew-tabel-header{display:none}.crew-tabel-rij{grid-template-rows:auto auto;align-items:start;gap:0 10px;padding:12px 16px}.crew-col-naam{grid-area:1/1;align-self:center}.crew-col-functies{flex-wrap:wrap;grid-area:2/1;gap:4px;margin-top:5px;display:flex!important}.crew-col-contact,.crew-col-fee{display:none}.crew-tabel-rij>:last-child{grid-area:1/2/3;align-self:center}.tab-bar{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 36px),#0000 100%);mask-image:linear-gradient(90deg,#000 calc(100% - 36px),#0000 100%)}.tab-bar::-webkit-scrollbar{display:none}.tab-knop{white-space:nowrap;flex-shrink:0}.tab-content{border-left:none;border-right:none;border-radius:0;overflow:visible}.detail-tabel{-webkit-overflow-scrolling:touch;overflow-x:auto}.detail-tabel-header,.detail-tabel-rij{min-width:520px}.callsheet-document{overflow:visible}.callsheet-sectie{-webkit-overflow-scrolling:touch;overflow-x:auto}.kalender-wrapper{border-radius:0;margin:0;overflow-x:auto}.kalender-weekdagen,.kalender-grid,.kalender-skeleton{min-width:560px}.kalender-nav-titel{min-width:110px;font-size:15px}.type-filter-tabs{gap:4px}}@media print{@page{size:A4 portrait;margin:12mm 14mm 18mm}:root,[data-theme=dark]{--color-bg:#fff;--color-surface:#f8f9fa;--color-border:#e2e8f0;--color-text:#0f172a;--color-text-muted:#64748b;--color-sidebar:#0d1547;--color-accent:#e8385a}body{color:#0f172a!important;background:#fff!important}.sidebar,.no-print{display:none!important}.main-content{margin-left:0!important;padding:0!important}.callsheet-document{border:none!important;border-radius:0!important;margin:0!important}.page-body{padding:0!important;display:block!important}.callsheet-print-spacer{display:none!important}.callsheet-kop{page-break-after:avoid;break-after:avoid;gap:14pt;padding:10pt 12mm}.callsheet-kop-logo{width:auto;height:26pt}.callsheet-kop-project{font-size:11pt}.callsheet-kop-meta{opacity:1;font-size:9pt;font-weight:600}.callsheet-kop-sub{font-size:7pt}.callsheet-kop-producer-label{font-size:6.5pt}.callsheet-kop-producer-naam{font-size:9pt}.callsheet-kop-producer-tel{font-size:7pt}.callsheet-sectie{margin-top:16pt}.callsheet-sectie-kop{page-break-after:avoid;break-after:avoid;padding-bottom:0}.callsheet-sectie-titel{letter-spacing:1.5pt;margin-bottom:8px;font-size:7.5pt}.callsheet-locatie-grid{-webkit-print-color-adjust:exact;print-color-adjust:exact;grid-template-columns:1fr 1fr;gap:8px 20px;display:grid;background:#f8f9fc!important;border:none!important;border-radius:6px!important;padding:12px 14px!important}.callsheet-locatie-veld label{letter-spacing:1.5px;text-transform:uppercase;-webkit-print-color-adjust:exact;print-color-adjust:exact;font-size:9px;font-weight:700;color:#888!important}.callsheet-locatie-veld p{-webkit-print-color-adjust:exact;print-color-adjust:exact;font-size:10px;color:#111!important}.callsheet-tabel th{-webkit-print-color-adjust:exact;print-color-adjust:exact;padding:4pt 8pt;font-size:7.5pt;color:#fff!important;background:#0d1547!important}.callsheet-tabel td{-webkit-print-color-adjust:exact;print-color-adjust:exact;padding:3pt 8pt;font-size:8pt;color:#111!important}.cel-leeg{-webkit-print-color-adjust:exact;print-color-adjust:exact;color:#666!important}.callsheet-calltijd{-webkit-print-color-adjust:exact;print-color-adjust:exact;font-weight:700;color:#e8385a!important}.callsheet-add-rij,.callsheet-rij-acties,.callsheet-inline-edit,.callsheet-sectie--leeg-print,.weer-widget--fout{display:none!important}.weer-widget{background:#e0e0e0!important;border-radius:6px!important;grid-template-columns:repeat(4,1fr)!important;gap:1px!important;margin-top:10pt!important;display:grid!important;overflow:hidden!important}.weer-cel{background:#f8f9fc!important;padding:5pt 7pt!important}.weer-cel-label{color:#999!important;margin-bottom:2pt!important;font-size:6.5pt!important}.weer-cel-waarde{color:#0d1547!important;font-size:8pt!important}.callsheet-pdf-footer{-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#fff;border-top:2pt solid #0d1547;margin-top:40px;padding:8pt 0 6pt;display:block!important}.callsheet-pdf-footer-titel{text-transform:uppercase;letter-spacing:1.5pt;-webkit-print-color-adjust:exact;print-color-adjust:exact;margin-bottom:5pt;font-size:7.5pt;font-weight:800;color:#0d1547!important}.callsheet-pdf-footer ul{orphans:4;widows:4;margin:0;padding:0;list-style:none}.callsheet-pdf-footer li{-webkit-print-color-adjust:exact;print-color-adjust:exact;align-items:flex-start;gap:5px;font-size:10px;line-height:1;display:flex;color:#333!important}.callsheet-pdf-footer li:before{content:"·";-webkit-print-color-adjust:exact;print-color-adjust:exact;flex-shrink:0;font-weight:700;line-height:1;color:#e8385a!important}}.weer-widget{-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#e0e0e0;border-radius:6px;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:12px;display:grid;overflow:hidden}.weer-cel{-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#f8f9fc;padding:8px 12px}.weer-cel-label{text-transform:uppercase;letter-spacing:1px;color:#999;-webkit-print-color-adjust:exact;print-color-adjust:exact;margin-bottom:3px;font-size:8px}.weer-cel-waarde{color:#0d1547;-webkit-print-color-adjust:exact;print-color-adjust:exact;font-size:12px;font-weight:600}.callsheet-pdf-footer,.callsheet-print-spacer{display:none}.callsheet-drag-over td{border-top:2px solid var(--color-accent)!important}.crew-handmatig-badge{color:var(--color-text-muted);background:var(--color-bg);border:1px solid var(--color-border);border-radius:4px;margin-left:6px;padding:1px 5px;font-size:10px;font-style:normal}.callsheet-kop-producer{opacity:.85;border-top:1px solid #ffffff40;margin-top:4px;padding-top:4px;font-size:12px;font-weight:600}[data-theme=dark]{--color-bg:#0a0f1e;--color-surface:#111827;--color-border:#1f2937;--color-text:#f9fafb;--color-text-muted:#9ca3af;--color-text-on-dark:#f9fafb;--color-text-muted-on-dark:#6b7280;--color-sidebar:#080d2e;--color-sidebar-hover:#0d1547;--shadow:0 1px 3px #0006, 0 4px 12px #0000004d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=dark] .stat-icon,[data-theme=dark] .nav-card-icon,[data-theme=dark] .empty-icon,[data-theme=dark] .taak-toevoegen-btn:hover{background:#e8385a1f}[data-theme=dark] .project-row:hover,[data-theme=dark] .crew-tabel-rij:hover{background:#161d30}[data-theme=dark] .skeleton-row,[data-theme=dark] .skeleton-card{background:linear-gradient(90deg,#111827 25%,#1a2235 50%,#111827 75%) 0 0/400% 100%}[data-theme=dark] .alert-error{color:#fca5a5;background:#dc262626;border-color:#dc26264d}[data-theme=dark] .form-error{color:#fca5a5;background:#dc262626}[data-theme=dark] .datum-overdue{color:#fca5a5}[data-theme=dark] .overdue-pill{color:#fca5a5;background:#dc262633}[data-theme=dark] .gevaar-sectie{background:#dc262612;border-color:#dc262640}[data-theme=dark] .callsheet-sectie-titel{color:var(--color-text-muted)}[data-theme=dark] .callsheet-tabel tr:hover td{background:#161d30}[data-theme=dark] .crew-bevestigd{color:#86efac;background:#16a34a26}.nav-theme-toggle{cursor:pointer;text-align:left;background:0 0;border:none;width:100%;margin-top:6px;font-family:inherit}.wizard-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.wizard-panel{background:var(--color-surface);border-radius:12px;flex-direction:column;width:100%;max-width:860px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #00000040}.wizard-stappen{border-bottom:1px solid var(--color-border);background:var(--color-surface);flex-shrink:0;align-items:center;gap:0;padding:24px 32px 20px;display:flex}.wizard-stap{cursor:default;flex:1;align-items:center;gap:8px;padding:6px 0;display:flex;position:relative}.wizard-stap--voltooid{cursor:pointer}.wizard-stap:after{content:"";background:var(--color-border);width:1px;height:20px;position:absolute;top:50%;right:0;transform:translateY(-50%)}.wizard-stap:last-child:after{display:none}.wizard-stap-nr{background:var(--color-border);width:24px;height:24px;color:var(--color-text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;transition:background .15s,color .15s;display:flex}.wizard-stap--actief .wizard-stap-nr{background:var(--color-accent);color:#fff}.wizard-stap--voltooid .wizard-stap-nr{color:#fff;background:#15803d}.wizard-stap-label{color:var(--color-text-muted);white-space:nowrap;font-size:12px;font-weight:600}.wizard-stap--actief .wizard-stap-label{color:var(--color-text)}.wizard-stap--voltooid .wizard-stap-label{color:#15803d}.wizard-inhoud{flex:1;padding:28px 32px;overflow-y:auto}.wizard-footer{border-top:1px solid var(--color-border);background:var(--color-surface);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 32px;display:flex}.wizard-body{max-width:600px;margin:0 auto}.wizard-section-title{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);border-bottom:1px solid var(--color-border);margin:24px 0 14px;padding-bottom:8px;font-size:11px;font-weight:700}.wizard-section-title:first-child{margin-top:0}.wizard-field{flex-direction:column;gap:5px;margin-bottom:12px;display:flex}.wizard-field:last-child{margin-bottom:0}.wizard-field label{color:var(--color-text);font-size:13px;font-weight:600}.wizard-field input,.wizard-field select,.wizard-field textarea{box-sizing:border-box;width:100%}.wizard-grid-2{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;display:grid}.wizard-add-row{align-items:flex-end;gap:8px;margin-bottom:10px;display:flex}.wizard-add-row .wizard-field{flex:1;margin-bottom:0}.wizard-add-row button{flex-shrink:0}.wizard-chips{flex-wrap:wrap;gap:8px;margin:4px 0 14px;display:flex}.wizard-chip{color:#3730a3;background:#e0e7ff;border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:13px;font-weight:500;display:flex}.wizard-chip-remove{cursor:pointer;color:#6366f1;background:0 0;border:none;padding:0;font-size:16px;line-height:1}.wizard-chip-remove:hover{color:#dc2626}.wizard-table{border-collapse:collapse;width:100%;margin-bottom:10px;font-size:13px}.wizard-table th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);border-bottom:2px solid var(--color-border);white-space:nowrap;padding:6px 8px;font-size:11px;font-weight:700}.wizard-table td{border-bottom:1px solid var(--color-border);vertical-align:middle;padding:5px 8px}.wizard-table tr:last-child td{border-bottom:none}.wizard-table input,.wizard-table select{border:1px solid var(--color-border);box-sizing:border-box;background:var(--color-surface);width:100%;color:var(--color-text);border-radius:5px;padding:4px 6px;font-size:13px}.wizard-table input:focus,.wizard-table select:focus{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 2px #e8385a1f}.wizard-table .col-num{width:64px}.wizard-table .col-money{width:88px}.wizard-table .col-cat{width:120px}.wizard-table .col-total{text-align:right;white-space:nowrap;width:90px;color:var(--color-text);font-weight:600}.wizard-table .col-action{text-align:center;width:32px}.wizard-remove-btn{cursor:pointer;color:#9ca3af;background:0 0;border:none;border-radius:4px;padding:2px 4px;font-size:18px;line-height:1;transition:color .1s,background .1s}.wizard-remove-btn:hover{color:#ef4444;background:#fee2e2}.wizard-toggles{margin-top:4px}.wizard-toggle{border-bottom:1px solid var(--color-border);cursor:pointer;align-items:center;gap:10px;padding:11px 0;display:flex}.wizard-toggle input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-accent);flex-shrink:0}.wizard-toggle-label{font-size:14px;font-weight:600}.wizard-toggle-content{padding:12px 0 4px 26px}.wizard-budget-box{border:1px solid var(--color-border);background:#f8fafc;border-radius:8px;margin-top:16px;padding:14px 16px;font-size:14px}.wizard-budget-row{color:var(--color-text-muted);justify-content:space-between;align-items:center;padding:3px 0;display:flex}.wizard-budget-row span:last-child{font-variant-numeric:tabular-nums}.wizard-budget-row--total{color:var(--color-text);border-top:1px solid var(--color-border);margin-top:4px;padding-top:8px;font-weight:700}.wizard-budget-row--positief{color:#16a34a;font-weight:600}.wizard-budget-row--negatief{color:#dc2626;font-weight:600}.wizard-summary-group{margin-bottom:24px}.wizard-summary-row{border-bottom:1px solid var(--color-border);gap:12px;padding:5px 0;font-size:14px;display:flex}.wizard-summary-row:last-child{border-bottom:none}.wizard-summary-label{min-width:150px;color:var(--color-text-muted);flex-shrink:0;font-size:13px}.wizard-summary-value{flex:1;font-weight:500}.wizard-summary-amount{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;margin-left:auto;font-weight:600}.wizard-confirm-box{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;margin-top:20px;padding:16px}.wizard-confirm-box p{margin:0}.wizard-confirm-box p+p{color:var(--color-text-muted);margin-top:4px;font-size:13px}.wizard-template-keuze{flex-direction:column;gap:8px;display:flex}.wizard-template-kaart{border:1.5px solid var(--color-border);cursor:pointer;border-radius:8px;align-items:flex-start;gap:10px;padding:12px 14px;transition:border-color .15s,background .15s;display:flex}.wizard-template-kaart:hover,.wizard-template-kaart--actief{border-color:var(--color-accent);background:#fff5f7}.wizard-template-kaart input[type=radio]{accent-color:var(--color-accent);flex-shrink:0;width:15px;height:15px;margin-top:2px}.wizard-template-naam{color:var(--color-text);font-size:14px;font-weight:600;line-height:1.3}.wizard-template-info{color:var(--color-text-muted);margin-top:1px;font-size:12px;display:block}.wizard-template-kaart{flex-direction:row}.wizard-template-kaart>div,.wizard-template-kaart span,.wizard-template-kaart .wizard-template-naam,.wizard-template-kaart .wizard-template-info{display:block}.picker-dialog-bg{z-index:9998!important;width:100vw!important;height:100vh!important;position:fixed!important;top:0!important;left:0!important}.picker-dialog{z-index:9999!important;margin:0!important;position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}