*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}input::placeholder,select::placeholder,textarea::placeholder{color:#ddd!important;opacity:1}input::-moz-placeholder,select::-moz-placeholder,textarea::-moz-placeholder{color:#ddd!important;opacity:1}input:-ms-input-placeholder,select:-ms-input-placeholder,textarea:-ms-ms-input-placeholder{color:#ddd!important}input::-webkit-input-placeholder,select::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#ddd!important}.btn-lg,.form-actions button,.page-header .btn-primary,.page-header .btn-secondary{border:none;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.btn-lg:hover:not(:disabled),.form-actions button:hover:not(:disabled){transform:translateY(-2px)}.btn-lg:disabled,.form-actions button:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.btn-sm,.btn-small{border:none;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:500;padding:.375rem .875rem;transition:background-color .2s}.btn-sm:disabled,.btn-small:disabled{cursor:not-allowed;opacity:.5}.btn-lg.btn-primary,.form-actions .btn-primary,.page-header .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-lg.btn-primary:hover:not(:disabled),.form-actions .btn-primary:hover:not(:disabled),.page-header .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#5a6fd6,#6a4190);box-shadow:0 4px 12px #667eea66}.btn-lg.btn-secondary,.form-actions .btn-secondary,.page-header .btn-secondary{background-color:#64748b;color:#fff}.btn-lg.btn-secondary:hover:not(:disabled),.form-actions .btn-secondary:hover:not(:disabled),.page-header .btn-secondary:hover:not(:disabled){background-color:#475569;box-shadow:0 4px 12px #47556966}.btn-lg.btn-success,.form-actions .btn-success,.page-header .btn-success{background-color:#059669;color:#fff}.btn-lg.btn-success:hover:not(:disabled),.form-actions .btn-success:hover:not(:disabled),.page-header .btn-success:hover:not(:disabled){background-color:#047857;box-shadow:0 4px 12px #05966966}.btn.btn-purple{background-color:#9333ea;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:.5rem 1rem}.btn.btn-purple:hover:not(:disabled){background-color:#7e22ce;box-shadow:0 4px 12px #9333ea66}.btn-lg.btn-danger,.form-actions .btn-danger,.page-header .btn-danger{background-color:#dc2626;color:#fff}.btn-lg.btn-danger:hover:not(:disabled),.form-actions .btn-danger:hover:not(:disabled),.page-header .btn-danger:hover:not(:disabled){background-color:#b91c1c;box-shadow:0 4px 12px #dc262666}.btn-lg.btn-warning,.form-actions .btn-warning,.page-header .btn-warning{background-color:#f59e0b;color:#fff}.btn-lg.btn-warning:hover:not(:disabled),.form-actions .btn-warning:hover:not(:disabled),.page-header .btn-warning:hover:not(:disabled){background-color:#d97706;box-shadow:0 4px 12px #f59e0b66}.btn-sm.btn-secondary,.btn-small.btn-secondary{background-color:#f1f5f9;color:#475569}.btn-sm.btn-secondary:hover:not(:disabled),.btn-small.btn-secondary:hover:not(:disabled){background-color:#e2e8f0}.btn-sm.btn-primary,.btn-small.btn-primary{background-color:#dbeafe;color:#2563eb}.btn-sm.btn-primary:hover:not(:disabled),.btn-small.btn-primary:hover:not(:disabled){background-color:#bfdbfe}.btn-sm.btn-success,.btn-small.btn-success{background-color:#dcfce7;color:#16a34a}.btn-sm.btn-success:hover:not(:disabled),.btn-small.btn-success:hover:not(:disabled){background-color:#bbf7d0}.btn-sm.btn-danger,.btn-small.btn-danger{background-color:#fee2e2;color:#dc2626}.btn-sm.btn-danger:hover:not(:disabled),.btn-small.btn-danger:hover:not(:disabled){background-color:#fecaca}.btn-sm.btn-warning,.btn-small.btn-warning{background-color:#fef3c7;color:#d97706}.btn-sm.btn-warning:hover:not(:disabled),.btn-small.btn-warning:hover:not(:disabled){background-color:#fde68a}.boot-detail,.boot-model-form,.boot-modellen-list,.boten-form,.boten-list,.offertes-container,.page-container,.relation-detail,.relation-form,.relations-list,.werkorder-form{margin:0 auto;max-width:1400px;padding:0 2rem 2rem}.page-container.narrow{max-width:900px}.page-container.compact{padding:0 1.5rem 1.5rem}.page-header{background:#f5f6fa;margin-bottom:0;margin-left:-2rem;margin-right:-2rem;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:calc(48px + env(safe-area-inset-top));z-index:900}.page-header h1{font-size:2rem}.page-header .subtitle{color:#6c757d;font-size:.95rem;margin:.5rem 0 0}.page-header .header-actions,.search-bar{display:flex;gap:1rem}.search-bar{align-items:center;background:#f5f6fa;margin-bottom:0;margin-left:-2rem;margin-right:-2rem;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:calc(114px + env(safe-area-inset-top));z-index:800}.search-bar input{border:1px solid #ced4da;border-radius:6px;flex:1 1;font-size:1rem;max-width:500px;padding:.75rem 1rem}.search-bar input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.search-results{color:#666;white-space:nowrap}.form-section{padding:2rem}.form-section h2{border-bottom:2px solid #dee2e6;color:#495057;margin:0 0 1.5rem;padding-bottom:.75rem}.form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.form-grid-2{display:grid;grid-template-columns:1fr 1fr}.form-grid-2,.form-grid-3{grid-gap:1.5rem;gap:1.5rem}.form-group.span-3{grid-column:span 3}.form-group .required{color:#dc3545}.form-group input,.form-group select,.form-group textarea{padding:.75rem 1rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group textarea{font-family:inherit;min-height:100px}.form-row{grid-column:1/-1}.table-container{box-shadow:0 1px 3px #0000001a;margin-top:1rem;position:relative}.table-container table{border-collapse:collapse;width:100%}.table-container thead{background:#f8f9fa}.table-container th{background:#f8f9fa;border-bottom:2px solid #dee2e6;color:#495057;font-weight:600;padding:1rem;text-align:left}.table-container td{border-bottom:1px solid #dee2e6;padding:1rem}.table-container tbody tr:hover{background:#f8f9fa}.table-container tbody tr:last-child td{border-bottom:none}.table-container .no-data{color:#6c757d;padding:2rem;text-align:center}.table-container .actions{display:flex;gap:.5rem}.table-container .actions .btn-small{font-size:.8125rem;padding:.25rem .625rem}.loading{font-size:1.125rem}.error-message{padding:.75rem 1rem}.success-message{border:1px solid #c3e6cb}.info-message,.success-message{margin-bottom:1.5rem;padding:.75rem 1rem}.info-message{background:#d1ecf1;border:1px solid #bee5eb;border-radius:6px;color:#0c5460}.badge{border-radius:12px;display:inline-block;font-size:.875rem;font-weight:500;padding:.25rem .75rem}.badge-primary{background:#e7f0ff;color:#2563eb}.badge-secondary{background:#f1f3f5;color:#495057}.badge-success{background:#d4edda;color:#155724}.badge-danger{background:#f8d7da;color:#721c24}.badge-warning{background:#fff3cd;color:#856404}.badge-info{background:#d1ecf1;color:#0c5460}.status-badge{border-radius:10px;font-size:.8rem;line-height:1;padding:5px 10px 1px}.status-active,.status-ok{background:#d1fae5;color:#065f46!important}.status-inactive{background:#fee2e2;color:#991b1b}.status-waarschuwing,.status-warning{background:#fef3c7;color:#92400e}.status-danger,.status-kritiek{background:#fee2e2!important;color:#991b1b!important;font-weight:600!important}.layout{display:flex;flex-direction:column;min-height:100vh}.status-bar-spacer{background:#1a1a1a;display:none;height:env(safe-area-inset-top);position:-webkit-sticky;position:sticky;top:0;z-index:2001}@supports (padding-top:env(safe-area-inset-top)){.status-bar-spacer{display:block}}.navbar{align-items:center;background:#1a1a1a;box-shadow:0 2px 4px #0000001a;color:#fff;display:flex;height:48px;padding:0 2rem;position:-webkit-sticky;position:sticky;top:env(safe-area-inset-top);z-index:2000}.navbar-brand{color:inherit;cursor:pointer;text-decoration:none;-webkit-user-select:none;user-select:none}.navbar-brand h1{color:#fff;font-size:1.5rem;font-weight:700;margin:0}.navbar-menu{align-items:center;display:flex;flex:1 1;gap:.5rem;margin-left:3rem}.navbar-item{align-items:center;border-radius:4px;color:#fffc;display:inline-flex;font-weight:500;line-height:1.5;padding:.5rem 1rem;text-decoration:none;transition:background .2s,color .2s;vertical-align:middle}.navbar-item:hover:not(.disabled){background:#ffffff1a;color:#fff}.navbar-item.disabled{cursor:not-allowed;opacity:.4}.navbar-dropdown{align-items:center;display:inline-flex;position:relative;vertical-align:middle}.navbar-dropdown .navbar-item{cursor:pointer;vertical-align:middle}.navbar-dropdown:before{content:"";display:none;height:8px;left:0;position:absolute;right:0;top:100%}.navbar-dropdown:hover:before{display:block}.navbar-dropdown .dropdown-content{background:#2a2a2a;border-radius:4px;box-shadow:0 4px 8px #0000004d;display:none;left:0;max-width:90vw;min-width:-webkit-max-content;min-width:max-content;padding:.5rem 0;position:absolute;top:calc(100% + 8px);width:auto;z-index:1000}.navbar-dropdown .dropdown-content:hover,.navbar-dropdown:hover .dropdown-content{display:block}.navbar-dropdown .dropdown-content a{color:#fffc;display:block;padding:.75rem 1rem;text-decoration:none;transition:background .2s}.navbar-dropdown .dropdown-content a:hover{background:#ffffff1a;color:#fff}.navbar-dropdown .dropdown-content .dropdown-divider{background:#fff3;display:block;height:1px;margin:.5rem 0}.navbar-dropdown .dropdown-content .dropdown-header{color:#ffffff80;display:block;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.5rem 1rem;text-transform:uppercase}.navbar-dropdown .dropdown-content .dropdown-section-title{color:#fff9;display:block;font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-top:.25rem;padding:.5rem 1rem;text-transform:uppercase}.navbar-dropdown .dropdown-content .disabled{color:#fff6;cursor:not-allowed;display:block;padding:.75rem 1rem}.navbar-dropdown:has(a[href*="/voorraad"]) .dropdown-content{min-width:-webkit-max-content;min-width:max-content}.submenu-item{position:relative}.submenu-item>span{color:#fffc;cursor:pointer;display:block;padding:.75rem 1rem;transition:background .2s}.submenu-item>span:hover{background:#ffffff1a;color:#fff}.submenu-item>span:after{content:" ▸";float:right}.submenu-content{background:#2a2a2a;border-radius:4px;box-shadow:0 4px 8px #0000004d;display:none;left:100%;max-width:80vw;min-width:-webkit-max-content;min-width:max-content;padding:.5rem 0;position:absolute;top:0;width:auto}.submenu-item:hover .submenu-content{display:block}.submenu-content a{color:#fffc;display:block;padding:.75rem 1rem;text-decoration:none;transition:background .2s}.submenu-content a:hover{background:#ffffff1a;color:#fff}.submenu-content .submenu-item{position:relative}.submenu-content .submenu-item>span{color:#fffc;cursor:pointer;display:block;padding:.75rem 1rem;transition:background .2s}.submenu-content .submenu-item>span:hover{background:#ffffff1a;color:#fff}.submenu-content .submenu-item>span:after{content:" ▸";float:right}.submenu-content .submenu-item .submenu-content{background:#2a2a2a;border-radius:4px;box-shadow:0 4px 8px #0000004d;display:none;left:100%;max-width:80vw;min-width:-webkit-max-content;min-width:max-content;padding:.5rem 0;position:absolute;top:0;width:auto}.submenu-content .submenu-item:hover>.submenu-content{display:block}.navbar-end{align-items:center;display:flex}.btn-logout{background:#ffffff1a;border:1px solid #fff3;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:background .2s}.btn-logout:hover{background:#fff3}.hamburger-menu{background:#0000;border:none;cursor:pointer;display:none;flex-direction:column;height:24px;justify-content:space-around;margin-left:auto;margin-right:1rem;padding:0;width:28px;z-index:1001}.hamburger-line{background:#fff;border-radius:2px;height:3px;transform-origin:center;transition:all .3s ease;width:100%}.hamburger-line.open:first-child{transform:rotate(45deg) translate(6px,6px)}.hamburger-line.open:nth-child(2){opacity:0}.hamburger-line.open:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.mobile-menu-overlay{display:none}.main-content{background:#f5f6fa;flex:1 1;margin-top:0;min-height:calc(100vh - 48px - env(safe-area-inset-top));padding-top:0}@media (max-width:1024px){.navbar-menu{gap:.25rem;margin-left:1rem}.navbar-item{font-size:.875rem;padding:.5rem .75rem}}@media (max-width:768px){.navbar{padding:0 1rem}.hamburger-menu{display:flex}.navbar-menu{align-items:stretch;background:#1a1a1a;box-shadow:2px 0 10px #0000004d;flex-direction:column;height:calc(100vh - 48px - env(safe-area-inset-top));left:-100%;margin-left:0;max-width:90vw;min-width:200px;overflow-x:visible;overflow-y:auto;padding:1rem 0;position:fixed;top:calc(48px + env(safe-area-inset-top));transition:left .3s ease;width:auto;z-index:999}.navbar-menu.mobile-open{left:0}.mobile-menu-overlay{background:#00000080;bottom:0;display:block;left:0;position:fixed;right:0;top:calc(48px + env(safe-area-inset-top));z-index:998}.navbar-dropdown{display:block}.navbar-dropdown .navbar-item,.navbar-menu>a.navbar-item{display:block;padding:.75rem 1rem}.navbar-menu>a.navbar-item{overflow:visible;white-space:nowrap}.navbar-dropdown .dropdown-content{background:#ffffff0d;border-radius:0;box-shadow:none;display:none;margin:0;padding:0;position:static}.navbar-dropdown .dropdown-content:hover,.navbar-dropdown:hover .dropdown-content{display:none}.navbar-dropdown.active .dropdown-content{display:block}.navbar-dropdown .dropdown-content .disabled,.navbar-dropdown .dropdown-content a{font-size:.9rem;overflow:visible;padding:.6rem 1rem;white-space:nowrap}.submenu-item>span{overflow:visible;padding:.6rem 1rem;white-space:nowrap}.submenu-content{background:#ffffff08;border-radius:0;box-shadow:none;display:none;max-width:none;min-width:auto;padding:0;position:static;width:auto}.submenu-item:hover .submenu-content{display:none}.submenu-item.active .submenu-content{display:block}.submenu-content a{font-size:.85rem;overflow:visible;padding:.5rem 1.5rem;white-space:nowrap}.navbar-end{margin-right:0}.btn-logout{font-size:.85rem;padding:.4rem .8rem}}.auth-container{align-items:center;background:linear-gradient(135deg,#1a3a5c,#2d5a87 50%,#4a9eff);display:flex;justify-content:center;min-height:100vh;padding:1rem}.auth-box{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:400px;padding:2.5rem;width:100%}.auth-header{margin-bottom:2rem;text-align:center}.auth-header h1{color:#1a1a1a;font-size:2.5rem;font-weight:700;margin:0 0 .5rem}.auth-header p{color:#666;font-size:1rem;margin:0}.auth-form,.auth-form .form-group{margin-bottom:1.5rem}.auth-form label{color:#495057;display:block;font-weight:500;margin-bottom:.5rem}.auth-form input{border:1px solid #ced4da;border-radius:6px;box-sizing:border-box;font-size:1rem;padding:.75rem 1rem;transition:border-color .2s;width:100%}.auth-form input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.auth-form input:disabled{background-color:#f5f5f5;cursor:not-allowed}.btn-login{background:linear-gradient(135deg,#1a3a5c,#2d5a87 50%,#4a9eff);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.875rem;transition:transform .2s,box-shadow .2s;width:100%}.btn-login:hover:not(:disabled){box-shadow:0 4px 12px #4a9eff66;transform:translateY(-2px)}.btn-login:disabled{cursor:not-allowed;opacity:.6;transform:none}.auth-footer{border-top:1px solid #eee;padding-top:1.5rem;text-align:center}.auth-footer p{color:#999;font-size:.875rem;margin:0}.error-message{font-size:.875rem;margin-bottom:1.5rem;padding:.75rem}.ocr-scanner-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.ocr-scanner-modal{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;width:95%}.ocr-scanner-header{align-items:center;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;padding:1rem 1.5rem}.ocr-scanner-header h2{color:#2c3e50;font-size:1.25rem;margin:0}.ocr-scanner-header .close-btn{background:none;border:none;color:#6c757d;cursor:pointer;font-size:1.5rem;line-height:1;padding:0}.ocr-scanner-body{padding:1.5rem}.camera-container{align-items:center;background:#000;border-radius:8px;display:flex;justify-content:center;margin-bottom:1rem;min-height:200px;overflow:hidden}.camera-container video{max-height:300px;object-fit:cover;width:100%}.preview-container{background:#f8f9fa;border-radius:8px;margin-bottom:1rem;overflow:hidden}.preview-container img{max-height:250px;object-fit:contain;width:100%}.scanner-controls{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-top:1rem}.scanner-controls .divider{color:#6c757d;font-size:.9rem}.ocr-scanner-modal .btn{border:none;border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:500;padding:.6rem 1.2rem;transition:all .2s}.ocr-scanner-modal .btn-primary{background:#007bff;color:#fff}.ocr-scanner-modal .btn-primary:hover{background:#0056b3}.ocr-scanner-modal .btn-secondary{background:#6c757d;color:#fff}.ocr-scanner-modal .btn-secondary:hover{background:#5a6268}.ocr-scanner-modal .btn-info{background:#17a2b8;color:#fff}.ocr-scanner-modal .btn-info:hover{background:#138496}.ocr-scanner-modal .btn-success{background:#28a745;color:#fff}.ocr-scanner-modal .btn-success:hover{background:#218838}.ocr-scanner-modal .btn-sm{font-size:.8rem;padding:.25rem .5rem}.scanning-progress{margin:1rem 0;text-align:center}.progress-bar{background:#e9ecef;border-radius:4px;height:8px;margin-bottom:.5rem;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#007bff,#28a745);height:100%;transition:width .3s ease}.scanning-progress span{color:#6c757d;font-size:.9rem}.scanned-results{margin-top:1rem}.scanned-results h3{color:#495057;font-size:1rem;margin:0 0 .75rem}.text-results{border:1px solid #dee2e6;border-radius:6px;max-height:200px;overflow-y:auto}.text-line{align-items:center;border-bottom:1px solid #eee;cursor:pointer;display:flex;justify-content:space-between;padding:.5rem .75rem;transition:background .2s}.text-line:last-child{border-bottom:none}.text-line:hover{background:#f8f9fa}.text-line span{flex:1 1;font-size:.9rem;margin-right:.5rem;word-break:break-word}.use-all-btn{margin-top:1rem;width:100%}.ocr-scanner-modal .error-message{background:#f8d7da;border-radius:6px;color:#721c24;font-size:.9rem;margin-top:1rem;padding:.75rem 1rem}@media (max-width:480px){.ocr-scanner-modal{border-radius:0;height:100%;max-height:100vh;width:100%}.scanner-controls{flex-direction:column}.scanner-controls .btn{width:100%}.scanner-controls .divider{margin:.25rem 0}}.confirm-dialog-overlay{align-items:center;animation:fadeIn .2s ease-in-out;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10001}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.confirm-dialog{animation:slideIn .2s ease-in-out;background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;max-width:500px;min-width:400px}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.confirm-dialog-header{border-bottom:1px solid #e0e0e0;padding:1.5rem}.confirm-dialog-header h3{color:#333;font-size:1.25rem;font-weight:600;margin:0}.confirm-dialog-body{padding:1.5rem}.confirm-dialog-body p{color:#666;font-size:.95rem;line-height:1.5;margin:0}.confirm-dialog-footer{border-top:1px solid #e0e0e0;display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem}.confirm-dialog-footer button{border:none;border-radius:4px;cursor:pointer;font-size:.95rem;font-weight:500;padding:.5rem 1.25rem;transition:all .2s}.confirm-dialog-footer .btn-secondary{background:#f5f5f5;color:#333}.confirm-dialog-footer .btn-secondary:hover{background:#e0e0e0}.confirm-dialog-footer .btn-primary{background:#007bff;color:#fff}.confirm-dialog-footer .btn-primary:hover{background:#0056b3}.confirm-dialog-footer .btn-danger{background:#dc3545;color:#fff}.confirm-dialog-footer .btn-danger:hover{background:#c82333}@media (max-width:600px){.confirm-dialog{margin:1rem;min-width:90%}}.search-input{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.75rem 1rem}.relations-table{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-top:1rem;overflow-x:auto;position:relative}.relations-table table{border-collapse:collapse;width:100%}.relations-table thead{background:#f8f9fa}.relations-table th{background:#f8f9fa;border-bottom:2px solid #dee2e6;color:#495057;font-weight:600;padding:1rem;text-align:left}.relations-table th:nth-child(3){min-width:180px}.relations-table th:nth-child(5){min-width:140px}.relations-table td{border-bottom:1px solid #dee2e6;padding:1rem}.relations-table tr:last-child td{border-bottom:none}.relations-table tbody tr:hover{background:#f8f9fa}.actions{gap:.5rem}.font-bold{font-weight:600}.no-results{color:#666;padding:3rem 1rem;text-align:center}.badge-klant{background:#d4edda;color:#155724}.badge-leverancier{background:#d1ecf1;color:#0c5460}.badge-beide{background:#fff3cd;color:#856404}.status{border-radius:12px;display:inline-block;font-size:.875rem;padding:.25rem .75rem}.status.active{background:#d4edda;color:#155724}.status.inactive{background:#f8d7da;color:#721c24}.form-section h2{border-bottom:2px solid #007bff}.form-grid-3{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr 1fr}.form-group.span-2{grid-column:span 2}.form-group.narrow{max-width:150px}.form-row{align-items:flex-end;gap:.5rem}.narrow-group{align-items:flex-end;display:flex;gap:1.75rem}.detail-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.detail-section.span-full{grid-column:1/-1}.detail-section a{color:#007bff;text-decoration:none}.detail-section a:hover{text-decoration:underline}.notities{color:#212529}.metadata dt{display:inline;margin-right:.5rem}.metadata dd{display:inline;margin-right:2rem}.error-page{padding:3rem;text-align:center}.error-page button{margin-top:1rem}.toggle-switch{display:inline-block;height:34px;position:relative;width:60px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:26px;left:4px;position:absolute;transition:.4s;width:26px}.toggle-switch input:checked+.toggle-slider{background-color:#28a745}.toggle-switch input:focus+.toggle-slider{box-shadow:0 0 1px #28a745}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(26px)}.clickable-status{transition:opacity .2s,transform .1s;-webkit-user-select:none;user-select:none}.clickable-status:hover{opacity:.8;transform:scale(1.05)}.clickable-status:active{transform:scale(.95)}@media (max-width:900px){.desktop-table{display:none}.mobile-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr;margin-top:1rem}.page-header .btn-lg,.page-header .btn-primary,.table-header{display:none!important}}.relation-card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.relation-card-header{align-items:center;background:#007bff;color:#fff;display:flex;justify-content:space-between;padding:.75rem 1rem}.relation-card-header .relation-name{font-size:1rem;font-weight:600}.relation-card-header .badge{background:#fff3;color:#fff;font-size:.7rem}.relation-card-body{padding:1rem}.relation-card-body .relation-info{color:#495057;font-size:.9rem;padding:.25rem 0}.relation-card-body .relation-info .label{color:#6c757d;font-size:.8rem}.relation-card-actions{background:#f8f9fa;border-top:1px solid #dee2e6;display:flex;gap:.5rem;padding:.75rem 1rem}.relation-card-actions .btn-small{flex:1 1;text-align:center}.toast-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.toast-popup{background:#fff;border-radius:8px;box-shadow:0 4px 20px #0003;max-width:450px;min-width:300px;width:90%}.toast-header{padding:20px 20px 10px}.toast-header h3{font-size:18px;font-weight:600;margin:0}.toast-popup.success .toast-header h3{color:#28a745}.toast-popup.error .toast-header h3{color:#dc3545}.toast-popup.warning .toast-header h3{color:#e6a800}.toast-popup.info .toast-header h3{color:#17a2b8}.toast-close-x{align-items:center;background:none;border:none;color:#999;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;transition:color .2s;width:30px}.toast-close-x:hover{color:#333}.toast-body{padding:20px}.toast-message{color:#333;font-size:15px;line-height:1.5;margin:0}.toast-footer{display:flex;justify-content:flex-end;padding:10px 20px 20px}.toast-close-btn{background-color:#4a9eff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 20px;transition:background-color .2s}.toast-close-btn:hover{background-color:#3b8de8}.mobile-werknemers-cards{display:none}@media (max-width:768px){.werknemers-table-container{display:none!important}.mobile-werknemers-cards{display:flex!important;flex-direction:column;gap:1rem;margin-top:1rem}.mobile-werknemer-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.mobile-werknemer-header{background:#4a9eff;color:#fff;font-size:1.1rem;font-weight:600;padding:1rem}.mobile-werknemer-content{padding:1rem}.mobile-werknemer-row{border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:.75rem;padding-bottom:.75rem}.mobile-werknemer-row:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.mobile-werknemer-label{color:#64748b;font-size:.875rem;font-weight:600}.mobile-werknemer-value{color:#1e293b;flex:1 1;margin-left:1rem;text-align:right;word-break:break-word}.mobile-werknemer-actions{border-top:1px solid #f1f5f9;display:flex;gap:.5rem;justify-content:center;margin-top:1rem;padding-top:1rem}.mobile-werknemer-actions button{flex:1 1;font-size:.875rem;max-width:120px;padding:.5rem .75rem}.mobile-status-badge{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.025em;padding:.25rem .75rem;text-transform:uppercase}.mobile-status-actief{background-color:#10b981;color:#fff}.mobile-status-inactief{background-color:#ef4444;color:#fff}}.boot-modellen-table{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-top:1rem;overflow-x:auto;position:relative}.boot-modellen-table table{border-collapse:collapse;width:100%}.boot-modellen-table thead{background:#f8f9fa}.boot-modellen-table th{background:#f8f9fa;border-bottom:2px solid #dee2e6;color:#495057;font-weight:600;padding:1rem;text-align:left}.boot-modellen-table td{border-bottom:1px solid #dee2e6;padding:1rem}.boot-modellen-table tbody tr:hover{background:#f8f9fa}.boot-modellen-table .no-data{color:#6c757d;padding:2rem;text-align:center}.boot-modellen-table .actions{display:flex;gap:.5rem}.required{color:#dc3545}.boot-card-header .boot-type{background:#fff3;border-radius:4px;font-size:.75rem;padding:.25rem .5rem}.boot-card-actions{background:#f8f9fa;border-top:1px solid #dee2e6;display:flex;gap:.5rem;padding:.75rem 1rem}.boot-card-actions .btn-small{flex:1 1;text-align:center}.table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow-x:auto}.data-table{border-collapse:collapse;width:100%}.data-table thead{background:#f8f9fa;border-bottom:2px solid #dee2e6}.data-table th{background:#f8f9fa;color:#495057;font-weight:600;padding:1rem;text-align:left}.data-table td{border-bottom:1px solid #dee2e6;padding:1rem}.data-table tbody tr:hover{background:#f8f9fa}.data-table .no-data{color:#6c757d;padding:2rem;text-align:center}.form-section .section-description{color:#6c757d;font-size:.9rem;margin-bottom:1.5rem}.autocomplete-container{position:relative}.autocomplete-dropdown{background:#fff;border:1px solid #ced4da;border-radius:0 0 6px 6px;border-top:none;box-shadow:0 4px 6px #0000001a;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.autocomplete-item{cursor:pointer;padding:.75rem 1rem;transition:background-color .15s}.autocomplete-item:hover{background:#f8f9fa}.autocomplete-item.selected{background:#e9ecef}.autocomplete-item strong{color:#667eea;font-weight:600}.form-hint{color:#6c757d;font-size:.875rem;margin-top:.25rem}.detail-section{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:1.5rem;padding:1.5rem}.detail-section h2{border-bottom:2px solid #007bff;color:#1a1a1a;font-size:1.25rem;margin:0 0 1rem;padding-bottom:.5rem}.detail-section dl{margin:0}.detail-section dt{color:#495057;font-weight:600;margin-bottom:.25rem;margin-top:.75rem}.detail-section dt:first-child{margin-top:0}.detail-section dd{color:#212529;margin:0}.notities{line-height:1.6;white-space:pre-wrap}.boot-card{border-radius:8px;box-shadow:0 1px 3px #0000001a;cursor:pointer;transition:box-shadow .2s}.boot-card:hover{box-shadow:0 2px 8px #00000026}.boot-card-header{align-items:center;background:#007bff;color:#fff;display:flex;justify-content:space-between;padding:.75rem 1rem}.boot-card-header .boot-name{font-size:1rem;font-weight:600}.boot-card-body{padding:1rem}.boot-card-body .boot-info{color:#495057;font-size:.9rem;padding:.25rem 0}.boot-card-body .boot-info .label{color:#6c757d;font-size:.8rem}.page-container{padding:0 2rem 2rem}.users-table{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow-x:auto}.users-table table{border-collapse:collapse;width:100%}.users-table th,.users-table thead{background:#f8f9fa}.users-table th{border-bottom:2px solid #dee2e6;color:#495057;font-weight:600;padding:1rem;text-align:left}.users-table td{border-bottom:1px solid #dee2e6;padding:1rem}.users-table tbody tr:hover{background:#f8f9fa}.users-table .actions{display:flex;gap:.5rem}.role-badge{border-radius:12px;display:inline-block;font-size:.875rem;font-weight:500;padding:.25rem .75rem}.role-badge.admin{background:#fee2e2;color:#991b1b}.role-badge.user{background:#dbeafe;color:#1e40af}.bedrijfsgegevens-container{max-width:800px}.info-section{background:#f8f9fa;border-left:4px solid #4a9eff;border-radius:6px;margin-bottom:1.5rem;padding:1rem}.info-section p{color:#495057;margin:0}.email-instellingen-container{margin:0 auto;max-width:800px;padding:20px}.page-header h1{color:#333;margin:0 0 8px}.subtitle{color:#666;margin:0}.info-box{background:#e3f2fd;border-left:4px solid #2196f3;border-radius:4px;margin-bottom:30px;padding:15px}.info-box h3{color:#1976d2;margin-top:0}.info-box ol{margin:10px 0 0 20px;padding:0}.info-box li{margin:5px 0}.email-form{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.form-section{border-bottom:1px solid #e0e0e0;margin-bottom:30px;padding-bottom:30px}.form-section:last-of-type{border-bottom:none}.form-section h2{color:#333;margin:0 0 20px}.form-group{margin-bottom:20px}.form-group label{color:#333}.form-group input[type=email],.form-group input[type=number],.form-group input[type=password],.form-group input[type=text]{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:14px;padding:10px;width:100%}.form-group input:focus{border-color:#4a9eff;box-shadow:0 0 0 3px #4a9eff1a;outline:none}.form-group small{color:#666;display:block;font-size:12px;margin-top:5px}.checkbox-group label{align-items:center;cursor:pointer;display:flex}.checkbox-group input[type=checkbox]{cursor:pointer;margin-right:8px}.checkbox-group span{font-weight:400}.password-input-wrapper{position:relative}.password-input-wrapper input{padding-right:45px}.toggle-password{background:none;border:none;cursor:pointer;font-size:18px;padding:5px;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.form-actions{border-top:1px solid #e0e0e0;margin-top:30px;padding-top:20px}.btn{padding:10px 20px;transition:background-color .2s}.btn-primary:hover:not(:disabled){background-color:#3b8de8}.loading{color:#666}.rollen-permissies-container{max-width:1200px}.rollen-tabs{background:#f8f9fa;border-radius:8px;flex-wrap:wrap;margin-bottom:1.5rem;padding:.5rem}.rol-tab,.rollen-tabs{display:flex;gap:.5rem}.rol-tab{align-items:center;background:#fff;border:2px solid #0000;border-radius:6px;cursor:pointer;font-size:.95rem;padding:.75rem 1.25rem;transition:all .2s ease}.rol-tab.active,.rol-tab:hover{border-color:#4a9eff}.rol-tab.active{background:#4a9eff;color:#fff}.rol-tab.admin-tab{background:#fee2e2;color:#991b1b}.rol-tab.admin-tab.active{background:#dc3545;border-color:#dc3545;color:#fff}.rol-naam{font-weight:600}.rol-count{align-items:center;background:#0000001a;border-radius:12px;display:inline-flex;font-size:.8rem;font-weight:500;height:24px;justify-content:center;min-width:24px;padding:0 6px}.rol-tab.active .rol-count{background:#ffffff4d}.rol-info{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:1.5rem;padding:1rem 1.5rem}.rol-info h2{color:#1a1a1a;margin:0 0 .5rem}.rol-omschrijving{color:#666;margin:0}.admin-warning{background:#fef3cd;border:1px solid #ffc107;border-radius:6px;color:#856404;font-size:.9rem;margin-top:1rem;padding:.75rem 1rem}.permissies-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:2rem}.permissie-categorie{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.categorie-header{background:#f8f9fa;border-bottom:1px solid #dee2e6;padding:1rem}.categorie-checkbox{align-items:center;color:#495057;cursor:pointer;display:flex;font-weight:600;gap:.75rem}.categorie-checkbox input[type=checkbox]{accent-color:#4a9eff;cursor:pointer;height:18px;width:18px}.categorie-naam{flex:1 1}.categorie-count{color:#6c757d;font-size:.85rem;font-weight:400}.permissie-lijst{padding:.5rem}.permissie-item{align-items:flex-start;border-radius:6px;cursor:pointer;display:flex;gap:.75rem;margin:.25rem 0;padding:.75rem;transition:background-color .15s ease}.permissie-item:hover{background:#f8f9fa}.permissie-item.selected{background:#e8f4ff}.permissie-item input[type=checkbox]{accent-color:#4a9eff;cursor:pointer;height:16px;margin-top:2px;width:16px}.permissie-item input[type=checkbox]:disabled{cursor:not-allowed;opacity:.6}.permissie-info{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.permissie-naam{color:#1a1a1a;font-size:.9rem}.permissie-code{color:#6c757d;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.75rem}.form-actions{align-items:center;border-top:1px solid #dee2e6;padding-top:1rem}.unsaved-changes{color:#ff8c00;font-size:.9rem;font-weight:500}.modal-content{box-shadow:0 4px 20px #0000004d;max-width:450px;padding:2rem}.modal-content h3{color:#1a1a1a;margin:0 0 1rem}.modal-content p{color:#495057;margin-bottom:1rem}.modal-warning{color:#dc3545;font-size:.9rem;font-weight:500}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.btn-secondary{border:none;border-radius:4px;cursor:pointer;font-size:.95rem;font-weight:500;padding:.6rem 1.25rem}.btn-secondary:hover{background:#5a6268}.btn-secondary:disabled{cursor:not-allowed;opacity:.6}.btn-danger{border-radius:4px;font-size:.95rem;font-weight:500;padding:.6rem 1.25rem}.btn-danger:disabled{cursor:not-allowed;opacity:.6}.btn-lg.btn-secondary{background:#6c757d;color:#fff}.btn-lg.btn-secondary:hover:not(:disabled){background:#5a6268}.btn-lg.btn-secondary:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.rollen-tabs{flex-direction:column}.rol-tab{justify-content:space-between}.permissies-grid{grid-template-columns:1fr}.form-actions{align-items:stretch;flex-direction:column}.unsaved-changes{text-align:center}.modal-actions{flex-direction:column}.modal-actions button{width:100%}}.portaal-container{background-color:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;margin:0 auto;max-width:1200px;min-height:100vh;padding:2rem}.portaal-header{border-bottom:3px solid #e2e8f0;margin-bottom:2rem;padding-bottom:1rem;text-align:center}.portaal-header h1{font-size:2.5rem;margin:0}.portaal-welcome{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;margin-bottom:2rem;padding:2rem;text-align:center}.portaal-welcome h2{font-size:1.8rem;margin:0 0 .5rem}.portaal-welcome p{margin:0;opacity:.9}.portaal-error{background-color:#fee2e2;color:#991b1b}.portaal-empty,.portaal-error{border-radius:12px;padding:2rem;text-align:center}.portaal-empty{background-color:#fef3c7;color:#92400e}.portaal-boten{display:flex;flex-direction:column;gap:1.5rem}.boot-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;overflow:hidden}.boot-header{align-items:center;background:#1e40af;color:#fff;cursor:pointer;display:flex;justify-content:space-between;padding:1rem 1.5rem;transition:background-color .2s}.boot-header:hover{background:#1e3a8a}.boot-title h3{font-size:1.3rem;margin:0 0 .25rem}.boot-model{font-size:.9rem;opacity:.85}.boot-meta{align-items:center;display:flex;gap:1rem}.meta-item{background:#fff3;border-radius:4px;font-size:.85rem;padding:.25rem .5rem}.expand-icon{font-size:1rem;margin-left:.5rem}.boot-content{padding:1.5rem}.boot-specs{margin-bottom:1.5rem}.boot-specs h4{color:#1e40af;font-size:1.1rem;margin:0 0 1rem}.specs-grid{grid-gap:.75rem;background:#f1f5f9;border-radius:8px;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));padding:1rem}.boot-motoren{margin-bottom:1.5rem}.boot-motoren h4{color:#1e40af;font-size:1.1rem;margin:0 0 1rem}.motor-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:1rem;overflow:hidden}.motor-header{align-items:center;background:#475569;color:#fff;cursor:pointer;display:flex;justify-content:space-between;padding:.75rem 1rem}.motor-header:hover{background:#334155}.motor-info{align-items:center;display:flex;gap:.5rem}.motor-position{font-size:.85rem;opacity:.8}.motor-stats{align-items:center;display:flex;font-size:.9rem;gap:1rem}.motor-content{padding:1rem}.motor-details{grid-gap:.5rem;background:#fff;border-radius:6px;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));padding:.75rem}.motor-details,.motor-onderdelen{margin-bottom:1rem}.motor-onderdelen h5{color:#475569;margin:0 0 .75rem}.motor-onderdelen table{background:#fff;border-collapse:collapse;border-radius:6px;overflow:hidden;width:100%}.motor-onderdelen td,.motor-onderdelen th{border-bottom:1px solid #e2e8f0;padding:.5rem;text-align:left}.motor-onderdelen th{background:#f1f5f9;font-size:.85rem;font-weight:600}.motor-onderdelen td{font-size:.85rem}.motor-handboeken h5{color:#475569;margin:0 0 .75rem}.handboeken-list{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.handboek-item{align-items:flex-start;background:#fff;border:1px solid #e2e8f0;border-radius:6px;display:flex;gap:.75rem;padding:.75rem}.handboek-icon{font-size:1.5rem}.handboek-info{flex:1 1}.handboek-titel{color:#64748b;font-size:.85rem;margin-top:.25rem}.handboek-taal{background:#e2e8f0;border-radius:3px;display:inline-block;font-size:.75rem;margin-top:.25rem;padding:.15rem .5rem}.boot-onderdelen h4{color:#1e40af;font-size:1.1rem;margin:0 0 1rem}.onderdelen-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.onderdeel-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1rem}.onderdeel-header{align-items:center;display:flex;gap:.75rem;margin-bottom:.75rem}.onderdeel-status{border-radius:50%;height:12px;width:12px}.onderdeel-header h5{color:#1f2937;margin:0}.onderdeel-details{font-size:.9rem;line-height:1.6}.onderdeel-details div{margin-bottom:.25rem}.dagen-indicator,.uren-indicator{border-radius:4px;display:inline-block;font-size:.8rem;font-weight:600;margin-left:.5rem;padding:.15rem .5rem}.dagen-indicator.ok,.uren-indicator.ok{background:#dcfce7;color:#166534}.dagen-indicator.bijna,.uren-indicator.bijna{background:#fef3c7;color:#92400e}.dagen-indicator.verlopen,.uren-indicator.verlopen{background:#fee2e2;color:#991b1b}.onderdeel-handleiding{margin-top:.5rem}.onderdeel-handleiding a{color:#2563eb;font-weight:500;text-decoration:none}.onderdeel-handleiding a:hover{text-decoration:underline}.onderdeel-notities{background:#f1f5f9;border-radius:4px;font-size:.85rem;margin-top:.5rem;padding:.5rem}.portaal-offertes{margin-top:2rem}.portaal-offertes h3{color:#1e40af;font-size:1.5rem;margin-bottom:1rem}.offertes-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.offerte-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;overflow:hidden}.offerte-header{align-items:center;background:#4f46e5;color:#fff;display:flex;justify-content:space-between;padding:1rem 1.5rem}.offerte-header h4{font-size:1.2rem;margin:0}.offerte-status{border-radius:12px;font-size:.85rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase}.offerte-status-verstuurd{background:#fef3c7;color:#92400e}.offerte-status-goedgekeurd{background:#dcfce7;color:#166534}.offerte-details{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;padding:1.5rem}.offerte-bedragen div,.offerte-info div{font-size:.9rem;margin-bottom:.5rem}.offerte-totaal{border-top:2px solid #e2e8f0;color:#1e40af;font-size:1.1rem!important;margin-top:.5rem;padding-top:.5rem}.offerte-actions{display:flex;gap:.75rem;padding:0 1.5rem 1.5rem}.btn-view-pdf{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;flex:1 1;font-family:inherit;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;text-align:center;text-decoration:none;transition:background-color .2s}.btn-view-pdf:hover{background:#2563eb}.btn-download-pdf{background:#16a34a;border-radius:8px;color:#fff;display:inline-block;flex:1 1;font-weight:600;padding:.75rem 1.5rem;text-align:center;text-decoration:none;transition:background-color .2s}.btn-download-pdf:hover{background:#15803d}.pdf-niet-beschikbaar{background:#e2e8f0;border-radius:8px;color:#64748b;display:inline-block;flex:1 1;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;text-align:center}.offerte-no-pdf{color:#64748b;font-size:.9rem;padding:0 1.5rem 1.5rem;text-align:center}.portaal-facturen{margin-top:2rem}.portaal-facturen h3{color:#059669;font-size:1.5rem;margin-bottom:1rem}.facturen-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.factuur-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;overflow:hidden}.factuur-header{align-items:center;background:#059669;color:#fff;display:flex;justify-content:space-between;padding:1rem 1.5rem}.factuur-header h4{font-size:1.2rem;margin:0}.factuur-status{border-radius:12px;font-size:.85rem;font-weight:600;padding:.25rem .75rem}.factuur-details{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;padding:1.5rem}.factuur-bedragen div,.factuur-info div{font-size:.9rem;margin-bottom:.5rem}.factuur-totaal{border-top:2px solid #e2e8f0;color:#059669;font-size:1.1rem!important;margin-top:.5rem;padding-top:.5rem}.factuur-openstaand{color:#dc2626;font-weight:600}.factuur-actions{display:flex;gap:.75rem;padding:0 1.5rem 1.5rem}.portaal-footer{color:#64748b;font-size:.9rem;margin-top:3rem;text-align:center}.portaal-footer p{margin:.25rem 0}@media (max-width:768px){.portaal-container{padding:1rem}.boot-header{align-items:flex-start;flex-direction:column;gap:.5rem}.boot-meta{flex-wrap:wrap}.onderdelen-list,.specs-grid{grid-template-columns:1fr}}.calculatie-section{border-bottom:2px solid #e0e0e0;margin-bottom:40px;padding-bottom:20px;page-break-inside:avoid}.calculatie-section:last-of-type{border-bottom:none}.calculatie-title{color:#000;font-size:16pt;font-weight:700;margin:0 0 10px}.calculatie-description{word-wrap:break-word;color:#333;font-size:11pt;font-style:italic;margin-bottom:20px;max-width:120mm;overflow-wrap:break-word}.calculatie-subtotal{display:flex;font-size:12pt;font-weight:700;gap:40px;justify-content:flex-end;margin-top:15px;padding-top:10px;position:relative}.calculatie-subtotal:before{background-color:#000;content:"";height:2px;position:absolute;right:0;top:0;width:27mm}.calculatie-subtotal span{text-align:right;white-space:nowrap}.calculatie-subtotal strong{font-weight:700;text-align:right;width:27mm}.offerte-section{margin-bottom:30px}.offerte-section h2{color:#000;font-size:13pt;font-weight:700;margin:0 0 15px}.offerte-section h3{color:#000;font-size:12pt;font-weight:700;margin:0 0 2px}.regels-list{margin-bottom:10px}.regel-item{align-items:flex-start;display:flex;margin-bottom:0}.regel-details{display:flex;font-size:10pt;gap:8px;width:100%}.regel-aantal{flex-shrink:0;min-width:40px;text-align:right}.regel-eenheid{flex-shrink:0;min-width:25px}.regel-omschrijving{flex:1 1;min-width:0}.regel-prijs,.regel-totaal{flex-shrink:0;min-width:60px;text-align:right}.regel-totaal{font-weight:700}.offerte-totals{margin-top:40px;padding-bottom:0;padding-top:0;page-break-inside:avoid}.total-label{margin-bottom:8px}.total-final{background-color:#f0f0f0}.offerte-table{border-collapse:collapse;font-size:10pt;margin:10px 0;width:100%}.offerte-table th{background-color:#f8f9fa;font-weight:700;text-align:left}.offerte-table td,.offerte-table th{border:1px solid #ddd;font-size:9pt;padding:6px}.offerte-table td{vertical-align:top}.offerte-table .col-aantal{text-align:right;width:50px}.offerte-table .col-eenheid{text-align:center;width:40px}.offerte-table .col-prijs,.offerte-table .col-totaal{text-align:right;width:70px}.offerte-table .col-totaal,.section-total{font-weight:700}.section-total{display:flex;font-size:12pt;gap:40px;justify-content:flex-end;margin-top:10px;padding-top:10px;position:relative}.section-total:before{background-color:#000;content:"";height:1px;position:absolute;right:0;top:0;width:27mm}.section-total span{text-align:right;white-space:nowrap}.section-total strong{font-weight:700;text-align:right;width:27mm}.offerte-title-section{text-align:right}.offerte-title-section h1{font-size:28pt;font-weight:700}.offerte-info div{display:flex}.offerte-info div strong{display:inline-block;flex-shrink:0;font-weight:400;min-width:90px}@media (max-width:768px){.calculatie-section{margin-bottom:30px}.calculatie-title{font-size:14pt}.calculatie-description{max-width:100%}.regel-details{flex-direction:column;gap:2px}.offerte-totals{flex-direction:column;gap:10px}.offerte-table{font-size:9pt}.offerte-table td,.offerte-table th{padding:4px}}.offerte-pages-container{align-items:center;background-color:#f5f5f5;display:flex;flex-direction:column;gap:20px;padding:20px}.offerte-document{padding:20mm;position:relative}.offerte-document .offerte-header{flex-shrink:0;margin-bottom:15mm}.offerte-content{flex:1 1;overflow:hidden}.offerte-header-compact{border-bottom:1px solid #ccc;flex-shrink:0;justify-content:space-between;margin-bottom:10mm;padding-bottom:5mm}.header-left-compact,.offerte-header-compact{align-items:center;display:flex}.company-logo-compact{height:60px;object-fit:contain;width:150px}.offerte-header-compact .company-name-small{font-size:18pt;font-weight:900;letter-spacing:-1px}.offerte-header-compact .company-name-small .werf{color:#ff8c00}.offerte-header-compact .company-name-small .pro{color:#4a9eff}.offerte-header-compact .page-info{font-size:11pt;text-align:right}.offerte-totals{display:flex;gap:20px;left:20mm;position:absolute;right:20mm;top:260mm}.totalen-wrapper{padding-top:20px}.totalen-wrapper .offerte-totals{bottom:20mm;left:20mm;position:absolute;right:20mm}@media print{.offerte-pages-container{background-color:#fff;gap:0;padding:0}.offerte-document{box-shadow:none;margin:0;page-break-after:always}.offerte-document:last-child{page-break-after:auto}.calculatie-section,.offerte-section,.offerte-totals{page-break-inside:avoid}}.filter-chip{background-color:#f1f5f9;border:1px solid #cbd5e1;border-radius:20px;color:#475569;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.filter-chip:hover{background-color:#e2e8f0;border-color:#94a3b8}.filter-chip.active{background-color:#4a9eff;border-color:#4a9eff;color:#fff}.dropdown-menu{background:#fff;border:1px solid #cbd5e1;border-radius:6px;box-shadow:0 4px 6px #0000001a;min-width:200px;padding:.5rem 0;z-index:1000}.dropdown-item{padding:.5rem 1rem;transition:background-color .15s}.dropdown-item:hover{background:#f1f5f9}.documenten-lijst{margin-top:1rem}.document-item{align-items:center;background:#f8f9fa;border-radius:4px;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.75rem}.document-item a{color:#007bff;font-weight:500;text-decoration:none}.document-item a:hover{text-decoration:underline}.file-input-wrapper{display:inline-block;overflow:hidden;position:relative}.file-input-wrapper input[type=file]{left:-9999px;position:absolute}.file-input-label{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:4px;cursor:pointer;display:inline-block;font-size:.875rem;padding:.5rem 1rem}.file-input-label:hover{background:#e2e8f0}@media (max-width:900px){.desktop-table{display:none}.mobile-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr;margin-top:1rem}.page-header .btn-primary,.table-header{display:none!important}}.document-card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;cursor:pointer;overflow:hidden;transition:box-shadow .2s}.document-card:hover{box-shadow:0 2px 8px #00000026}.document-card-header{align-items:center;background:#28a745;color:#fff;display:flex;justify-content:space-between;padding:.75rem 1rem}.document-card-header .document-type{font-size:1rem;font-weight:600}.document-card-header .document-taal{background:#fff3;border-radius:4px;font-size:.75rem;padding:.25rem .5rem}.document-card-body{padding:1rem}.document-card-body .document-info{color:#495057;font-size:.9rem;padding:.25rem 0}.document-card-body .document-info .label{color:#6c757d;font-size:.8rem}.searchable-select{position:relative;width:100%}.searchable-select input{width:100%}.searchable-select .dropdown-list{background:#fff;border:1px solid #ced4da;border-radius:5px;box-shadow:0 4px 8px #0000001a;left:0;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.searchable-select .dropdown-list .dropdown-item{border-bottom:1px solid #e9ecef;cursor:pointer;padding:10px 12px}.searchable-select .dropdown-list .dropdown-item:hover{background-color:#f8f9fa}.searchable-select .dropdown-list .dropdown-item.selected{background-color:#e7f3ff;color:#1e40af}.searchable-select .dropdown-list .no-results{color:#6c757d;font-style:italic;padding:10px 12px}.page-container{padding:0 1.5rem 1.5rem}.page-header,.search-bar{margin-left:-1.5rem;margin-right:-1.5rem;padding-left:1.5rem;padding-right:1.5rem}.page-container .table-container thead th{font-size:.875rem;letter-spacing:.05em;text-transform:uppercase}.table-container tbody td{font-size:.9375rem}.breadcrumb{align-items:center;color:#64748b;display:flex;font-size:.875rem;gap:.5rem;margin-bottom:1.5rem}.breadcrumb-item{color:#4a9eff;cursor:pointer;text-decoration:none}.breadcrumb-item:hover{text-decoration:underline}.breadcrumb-separator{color:#94a3b8}.breadcrumb-current{color:#1e293b;font-weight:500}.groep-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;margin-bottom:1rem;padding:1.5rem;transition:all .2s}.groep-card:hover{border-color:#4a9eff;box-shadow:0 4px 6px #4a9eff1a}.groep-card h3{color:#1e293b;font-size:1.125rem;margin:0 0 .5rem}.groep-card-info{color:#64748b;display:flex;font-size:.875rem;gap:1.5rem}.groep-card-info span{align-items:center;display:flex;gap:.25rem}.voorraad-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:1.5rem}.desktop-table{display:block}.mobile-cards{display:none}@media (max-width:900px){.desktop-table{display:none}.mobile-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr;margin-top:1rem}.page-header .btn-primary,.search-bar select,.table-header{display:none!important}}.product-card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.product-card-header{align-items:center;background:#007bff;color:#fff;display:flex;justify-content:space-between;padding:.75rem 1rem}.product-card-header .product-type{font-size:1rem;font-weight:600}.product-card-header .status-badge{font-size:.7rem}.status-badge.status-kritiek,.status-badge.status-ok,.status-badge.status-waarschuwing{line-height:1.2;padding:4px 10px}.product-card-body{padding:1rem}.product-card-body .product-info{color:#495057;font-size:.9rem;padding:.25rem 0}.product-card-body .product-info .label{color:#6c757d;font-size:.8rem}.product-card-body .product-info strong{color:#28a745}.product-card-actions{background:#f8f9fa;border-top:1px solid #dee2e6;display:flex;gap:.5rem;padding:.75rem 1rem}.product-card-actions .btn-small{flex:1 1;text-align:center}.btn-info,.btn-small.btn-info{background-color:#17a2b8;color:#fff}.btn-info:hover,.btn-small.btn-info:hover{background-color:#138496}.filter-select{min-width:200px}.offertes-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow-x:auto}.offertes-table{border-collapse:collapse;color:#212529;width:100%}.offertes-table thead{background-color:#f8f9fa;border-bottom:2px solid #dee2e6}.offertes-table th{color:#495057;font-size:14px;font-weight:600;letter-spacing:.5px;padding:15px;text-align:left;text-transform:uppercase}.offertes-table tbody tr{border-bottom:1px solid #dee2e6;cursor:pointer;transition:background-color .2s}.offertes-table tbody tr:hover{background-color:#f8f9fa}.offertes-table td{color:#212529;font-size:14px;padding:15px}.offertes-table td.amount{font-weight:600;text-align:right}.offertes-table td.actions{text-align:right}.status-badge{color:#fff;font-size:12px;letter-spacing:.5px;padding:4px 12px}.btn-success{background-color:#28a745}.btn-success:hover{background-color:#218838}.offerte-form-container{margin:0 auto;max-width:1200px;padding:20px}.form-section{border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:25px}.form-section h2{border-bottom:2px solid #e9ecef;color:#2c3e50;font-size:18px;margin-bottom:20px;margin-top:0;padding-bottom:10px}.form-row{grid-gap:20px;gap:20px;margin-bottom:20px}.form-group.flex-2{grid-column:span 2}.form-group label{font-size:14px;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ced4da;border-radius:5px;font-size:14px;padding:10px 12px;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background-color:#e9ecef;cursor:not-allowed}.searchable-dropdown{z-index:10000}.searchable-dropdown.full-width,.searchable-dropdown.full-width input{width:100%}.dropdown-list{box-shadow:0 4px 8px #0000001a;z-index:99999}.dropdown-item{padding:10px 12px}.dropdown-item:hover{background-color:#f8f9fa}.dropdown-item.disabled{color:#6c757d}.dropdown-item.disabled:hover{background-color:#fff}.regel-form{background:#f8f9fa;border-radius:5px;margin-bottom:20px;padding:20px}.offerte-edit-container .regels-list{margin-top:20px}.regels-table th{background:#f8f9fa;color:#495057;font-size:13px}.regels-table td,.regels-table th{border:1px solid #dee2e6;padding:12px}.regels-table td{font-size:14px;overflow:visible;position:relative}.regel-actions{gap:8px}.move-buttons{border:1px solid #6c757d;border-radius:3px;gap:0;overflow:hidden}.btn-move-down,.btn-move-up{background:#6c757d;border:none;color:#fff;font-size:10px;line-height:1;min-width:20px;padding:1px 6px;transition:background-color .2s}.btn-move-up{border-bottom:1px solid #5a6268}.btn-move-down:hover:not(:disabled),.btn-move-up:hover:not(:disabled){background:#5a6268}.btn-move-down:disabled,.btn-move-up:disabled{opacity:.4}.totaal-field{background:#e9ecef!important;font-weight:600}.totalen-section{background:#f8f9fa}.totaal-row{border-bottom:1px solid #dee2e6;padding:10px 0}.totaal-row.totaal-final{border-bottom:none;border-top:2px solid #495057;font-size:18px;margin-top:10px;padding-top:15px}.winstmarge-section{background:#fff;margin-top:20px;padding:20px}.winstmarge-section h3{color:#2c3e50;font-size:18px;margin:0 0 15px}.winstmarge-boxes{display:flex;gap:20px;max-width:100%}.winstmarge-box{background-color:#f0f7ff;border:2px solid #4a9eff;border-radius:8px;flex:1 1;padding:15px;text-align:center}.winstmarge-label{color:#495057;font-size:14px;font-weight:500;margin-bottom:10px}.winstmarge-amount{color:#4a9eff;font-size:20px;font-weight:700}.form-actions{gap:15px;margin-top:20px}.btn-danger{background-color:#dc3545}.btn-danger:hover{background-color:#c82333}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.calculatie-tabs{border-bottom:2px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.calculatie-tab{align-items:center;background-color:#f8f9fa;border:1px solid #e2e8f0;border-bottom:none;border-radius:5px 5px 0 0;cursor:pointer;display:flex;gap:10px;padding:12px 35px 12px 15px;position:relative;transition:all .2s}.calculatie-tab:hover{background-color:#e9ecef}.calculatie-tab.active{background-color:#fff;border-bottom:2px solid #fff;font-weight:700;margin-bottom:-2px}.calculatie-tab-naam{font-size:14px;-webkit-user-select:none;user-select:none}.calculatie-naam-input{background:#0000;border:none;cursor:pointer;font-size:14px;font-weight:inherit;min-width:100px;outline:none;padding:0}.calculatie-naam-input:focus{border-bottom:1px solid #3498db;cursor:text}.delete-calculatie-btn{background:none;border:none;color:#dc3545;cursor:pointer;font-size:20px;line-height:1;opacity:.6;padding:0 5px;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:opacity .2s}.delete-calculatie-btn:hover{opacity:1}.calculatie-content{background:#fff;border:1px solid #e2e8f0;border-radius:0 5px 5px 5px;padding:20px}.calculatie-content h3{color:#2c3e50;font-size:18px;margin-bottom:20px;margin-top:0}.calculatie-header-form{background-color:#f8f9fa;border:1px solid #e2e8f0;border-radius:5px;margin-bottom:25px;padding:20px}.calculatie-header-form .form-group{margin-bottom:15px}.calculatie-header-form .form-group:last-child{margin-bottom:0}.calculatie-naam-field{font-size:16px;font-weight:600;padding:10px 15px}.calculatie-subtotaal{background-color:#f8f9fa;border-top:2px solid #2c3e50;display:flex;font-size:16px;gap:40px;justify-content:flex-end;margin-top:10px;padding:15px 20px;position:relative;z-index:1}.item-spec{color:#666;font-size:12px;margin-top:2px}.status-select option{font-weight:500;padding:8px}.status-select option[value=CONCEPT]{background-color:#64748b;color:#fff}.status-select option[value=VERSTUURD]{background-color:#2563eb;color:#fff}.status-select option[value=GOEDGEKEURD]{background-color:#059669;color:#fff}.status-select option[value=AFGEWEZEN]{background-color:#dc2626;color:#fff}.status-select option[value=VERLOPEN]{background-color:#f59e0b;color:#fff}.status-select option[value=INGETROKKEN]{background-color:#64748b;color:#fff}.mobile-offertes-cards{display:none}@media (max-width:768px){.offertes-table-container{display:none!important}.mobile-offertes-cards{display:flex!important;flex-direction:column;gap:1rem;margin-top:1rem}.mobile-offerte-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.mobile-offerte-header{background:#4a9eff;color:#fff;font-size:1.1rem;font-weight:600;padding:1rem}.mobile-offerte-content{padding:1rem}.mobile-offerte-row{border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:.75rem;padding-bottom:.75rem}.mobile-offerte-row:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.mobile-offerte-label{color:#64748b;font-size:.875rem;font-weight:600}.mobile-offerte-value{color:#1e293b;flex:1 1;margin-left:1rem;text-align:right;word-break:break-word}.mobile-offerte-status{border-radius:12px;color:#fff;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.025em;padding:.25rem .75rem;text-transform:uppercase}.mobile-offerte-status.concept{background-color:#64748b}.mobile-offerte-status.verstuurd{background-color:#2563eb}.mobile-offerte-status.goedgekeurd{background-color:#059669}.mobile-offerte-status.afgewezen{background-color:#dc2626}.mobile-offerte-status.verlopen{background-color:#f59e0b}.mobile-offerte-status.ingetrokken{background-color:#64748b}.mobile-offerte-actions{border-top:1px solid #f1f5f9;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:1rem;padding-top:1rem}.mobile-offerte-actions-row{display:flex;gap:.5rem;justify-content:center;width:100%}.mobile-offerte-actions button{flex:1 1;font-size:.875rem;max-width:100px;min-width:80px;padding:.5rem .75rem}}.modal-overlay{background-color:#00000080}.modal-content{box-shadow:0 4px 20px #0003;overflow:auto;width:90%}.modal-header{border-bottom:1px solid #e0e0e0;padding:20px}.modal-header h2{font-size:20px;font-weight:600}.modal-close{align-items:center;color:#999;display:flex;font-size:28px;height:30px;justify-content:center;padding:0;transition:color .2s;width:30px}.modal-close:hover{color:#333}.modal-body{padding:20px}.modal-body p{line-height:1.5;margin-bottom:20px}.form-group{margin-bottom:15px}.form-group label{margin-bottom:5px}.form-control{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:14px;padding:8px 12px;width:100%}.form-control:focus{border-color:#4a9eff;box-shadow:0 0 0 3px #4a9eff1a;outline:none}.error-message{color:#dc3545;font-size:13px;margin-top:5px}.modal-footer{border-top:1px solid #e0e0e0;gap:10px;padding:15px 20px}.btn{border-radius:4px;transition:background-color .2s,transform .1s}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background-color:#4a9eff}.btn-primary:hover{background-color:#3b8de8}.btn-secondary{background-color:#6c757d}.btn-secondary:hover{background-color:#5a6268}.offerte-detail-container{background:#f5f5f5;max-width:1000px}.action-buttons{gap:10px;justify-content:flex-end;margin-bottom:20px}.alert{border-radius:4px;font-size:14px;margin-bottom:20px;padding:12px 16px}.alert-success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.alert-error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.offerte-document{box-shadow:0 2px 8px #0000001a;color:#000;display:flex;flex-direction:column;font-family:Arial,sans-serif;font-size:11pt;line-height:1.4;padding:5mm 10mm 10mm}.totalen-wrapper{margin-top:auto;padding-top:80px}.offerte-document .offerte-header{background:#0000!important;color:#000!important;display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:10px;padding:0!important}.header-left{flex:1 1;min-height:100px;position:relative}.company-logo{left:0;max-height:200px;max-width:400px;object-fit:contain;position:absolute;top:-50px}.company-name-large{font-size:64pt;font-weight:900;letter-spacing:-3px;line-height:.8;margin-top:-40px}.company-name-large .werf{color:#ff8c00}.company-name-large .pro{color:#4a9eff}.header-right{flex:1 1;margin-top:60px;text-align:right}.company-details{font-size:10pt;line-height:1.3}.company-details strong{display:block;font-weight:700;margin-bottom:3px}.company-details .spacer{margin:8px 0}.customer-details{font-size:10pt;line-height:1.4;margin:-100px 0 20px;max-width:200px}.customer-details strong{display:block;margin-bottom:5px}.offerte-title-section{margin-bottom:20px;text-align:left}.offerte-title-section h1{font-size:20pt;font-weight:400;margin:0 0 10px}.offerte-title{color:#000}.offerte-info{line-height:1.4}.offerte-info div{margin:3px 0}.offerte-omschrijving{font-size:11pt;line-height:1.4;margin:20px 0}@media print{.print-hide{display:none!important}.offerte-detail-container{background:#fff;box-shadow:none;padding:0}.offerte-document{box-shadow:none;margin:0;padding:5mm 10mm}@page{size:A4;margin:10mm}}@media (max-width:768px){.offerte-detail-container{padding:10px}.offerte-document{min-height:auto;padding:15px;width:100%}.offerte-header{flex-direction:column}.header-right{margin-top:20px;text-align:left}.company-logo{max-height:100px;max-width:200px;position:static}.company-name-large{font-size:32pt;margin-top:0}.offerte-title-section{text-align:left}.action-buttons{flex-wrap:wrap}}.offerte-detail-container{margin:0 auto;max-width:1400px;padding:20px}.offerte-document{background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;box-sizing:border-box;margin:0 auto 20px;max-height:297mm;min-height:297mm;overflow:hidden;padding:40px;page-break-after:always;width:210mm}.document-info{font-size:11pt;line-height:1}.document-info div{align-items:baseline;display:flex}.document-info div strong{display:inline-block;flex-shrink:0;font-weight:400;text-align:left;width:95px}.offerte-info{font-size:11pt;line-height:1}.offerte-info div{align-items:baseline!important;display:flex!important}.offerte-info div strong{display:inline-block!important;flex-shrink:0!important;font-weight:400!important;text-align:left!important;width:95px!important}.factuur-info div{align-items:baseline!important;display:flex!important}.factuur-info div strong{display:inline-block!important;flex-shrink:0!important;font-weight:400!important;text-align:left!important;width:130px!important}.factuur-title-section,.offerte-title-section{margin-bottom:20px;margin-top:20px;text-align:left}.factuur-title-section h1,.offerte-title-section h1{font-size:20pt;font-weight:400;margin:0 0 5px}.offerte-title{color:#c41e3a}.offerte-onderwerp{color:#333;font-size:16pt;margin-left:20px}.factuur-totals,.offerte-totals{display:flex!important;gap:20px!important;margin-top:40px!important;padding-bottom:0!important;padding-top:0!important;page-break-inside:avoid!important}.total-box{border:2px solid #000!important;flex:1 1!important;padding:5px!important;text-align:center!important}.total-label{font-size:10pt!important;margin-bottom:8px!important}.total-amount{font-size:12pt!important;font-weight:700!important}@media print{.offerte-document{border-radius:0;box-shadow:none;margin-bottom:0}.factuur-totals,.offerte-totals,.werkzaamheden-tabel{page-break-inside:avoid}.print-hide{display:none!important}}@media (max-width:768px){.offerte-document{padding:20px}.werkzaamheden-tabel{font-size:10pt}.werkzaamheden-tabel td,.werkzaamheden-tabel th{padding:6px}.factuur-totals,.offerte-totals{flex-direction:column;gap:10px}}.werkorders-container{margin:0 auto;max-width:1400px;padding:20px}.page-header{margin-bottom:30px}.filters-bar{gap:15px;margin-bottom:20px}.filter-select,.search-input{border:1px solid #ddd;border-radius:5px;font-size:14px;padding:10px 15px}.search-input{flex:1 1;min-width:250px}.filter-select{min-width:150px}.werkorders-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow-x:auto}.werkorders-table{border-collapse:collapse;width:100%}.werkorders-table thead{background-color:#f8f9fa;border-bottom:2px solid #dee2e6}.werkorders-table th{color:#495057;font-size:14px;font-weight:600;letter-spacing:.5px;padding:15px;text-align:left;text-transform:uppercase}.werkorders-table tbody tr{border-bottom:1px solid #dee2e6;cursor:pointer;transition:background-color .2s}.werkorders-table tbody tr:hover{background-color:#f8f9fa}.werkorders-table td{color:#212529;font-size:14px;padding:15px}.werkorders-table td.amount{font-weight:600;text-align:right}.werkorders-table td.actions{text-align:right}.priority-badge,.status-badge{align-items:center;border-radius:12px;color:#fff;display:inline-flex;font-size:12px;font-weight:600;height:24px;justify-content:center;letter-spacing:.5px;min-width:80px;padding:4px 12px;text-align:center;text-transform:uppercase}.no-data{color:#6c757d;font-style:italic;padding:40px!important;text-align:center}.table-footer{background:#fff;border-radius:0 0 8px 8px;border-top:1px solid #dee2e6;color:#6c757d;font-size:14px;padding:15px;text-align:right}.table-footer p{margin:0}.btn{border-radius:5px;font-size:14px;padding:8px 16px}.btn-primary{background-color:#007bff}.btn-primary:hover{background-color:#0056b3}.btn-info{background-color:#17a2b8;color:#fff}.btn-info:hover{background-color:#138496}.btn-sm{font-size:12px;margin-left:5px;padding:5px 10px}.actions{display:flex;gap:5px;justify-content:flex-end}.loading{font-size:16px;padding:40px}.error-message{border:1px solid #f5c6cb}@media (max-width:1024px){.werkorders-container{padding:15px}.page-header{align-items:flex-start;flex-direction:column;gap:15px}.filters-bar{flex-direction:column;gap:10px}.search-input{min-width:auto}}@media (max-width:768px){.werkorders-container{padding:10px}.page-header h1{font-size:1.5rem}.filters-bar{margin-bottom:15px}.desktop-header,.werkorders-table-container,[style*="position: fixed"][style*="top: 185px"]{display:none!important}.mobile-werkorder-cards{display:flex!important}}.mobile-werkorder-cards{display:none;flex-direction:column;gap:12px;margin-top:1rem}.mobile-werkorder-card{background:#fff;border:1px solid #0000000a;border-radius:12px;box-shadow:0 2px 8px #00000014;cursor:pointer;overflow:hidden;padding:16px;position:relative;transition:all .2s ease}.mobile-werkorder-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-1px)}.mobile-card-header{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:12px 12px 0 0;display:flex;gap:12px;justify-content:space-between;margin:-16px -16px 12px;padding:12px 16px}.mobile-card-title{color:#fff;flex:1 1;font-size:18px;font-weight:700;line-height:1.3;margin:0}.mobile-card-number{background:#ffffffe6;border-radius:6px;color:#1d4ed8;font-size:11px;font-weight:600;letter-spacing:.5px;margin:0;padding:4px 8px;white-space:nowrap}.mobile-card-onderwerp{color:#475569;font-size:14px;font-weight:500;line-height:1.4;margin-bottom:16px}.mobile-card-details{grid-gap:12px 16px;display:grid;gap:12px 16px;grid-template-columns:1fr 1fr;margin-bottom:16px}.mobile-card-detail-item{display:flex;flex-direction:column;gap:2px}.mobile-card-detail-label{color:#64748b;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.mobile-card-detail-value{color:#1e293b;font-size:14px;font-weight:500}.mobile-card-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.mobile-card-footer{align-items:center;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;padding-top:12px}.mobile-card-total{color:#059669;font-size:16px;font-weight:700}.mobile-card-actions{display:flex;gap:6px}.mobile-card-actions .btn-sm{border-radius:6px;font-size:11px;font-weight:600;margin-left:0;padding:6px 10px;white-space:nowrap}.mobile-card-actions .btn-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;color:#fff!important}.mobile-card-actions .btn-primary:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);color:#fff!important}.mobile-card-actions .btn-info{background:linear-gradient(135deg,#06b6d4,#0891b2);border:none;color:#fff!important}.mobile-card-actions .btn-info:hover{background:linear-gradient(135deg,#0891b2,#0e7490);color:#fff!important}@media (max-width:768px){.priority-badge,.status-badge{font-size:10px;height:20px;min-width:60px;padding:3px 8px}}.werkorder-detail-container{background:#f5f5f5;margin:0 auto;max-width:1000px;padding:20px}.action-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.action-buttons .btn{border:none;border-radius:5px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px}.action-buttons .btn-secondary{background-color:#6c757d;color:#fff}.action-buttons .btn-primary{background-color:#007bff;color:#fff}.action-buttons .btn-info{background-color:#17a2b8;color:#fff}.uren-toggle{align-items:center;background:#f8f9fa;border-radius:5px;display:flex;gap:.5rem;padding:8px 12px}.uren-toggle,.uren-toggle input{cursor:pointer}.status-control{align-items:center;display:flex;gap:.5rem;margin-left:auto}.status-control select{border:none;border-radius:5px;cursor:pointer;font-weight:600;padding:8px 12px}.werkorder-document{background:#fff;box-shadow:0 2px 8px #0000001a;box-sizing:border-box;color:#000;display:flex;flex-direction:column;font-family:Arial,sans-serif;font-size:11pt;line-height:1.4;margin:0 auto 20px;min-height:297mm;padding:5mm 10mm 10mm;width:210mm}.footer-wrapper{margin-top:auto;padding-top:20px}.werkorder-header{align-items:flex-start;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.werkorder-document .header-left{flex:1 1}.werkorder-document .company-logo{display:block;margin-top:70px;max-height:80px;max-width:300px;object-fit:contain}.werkorder-document .company-name-large{font-size:64pt;font-weight:900;letter-spacing:-3px;line-height:.8;margin-top:25px}.werkorder-document .company-name-large .werf{color:#ff8c00}.werkorder-document .company-name-large .pro{color:#4a9eff}.werkorder-document .header-right{flex:1 1;margin-top:20px;text-align:right}.werkorder-document .company-details{font-size:10pt;line-height:1.5}.werkorder-titel-regel{border-bottom:2px solid #007bff;margin-bottom:30px;padding-bottom:15px}.werkorder-info-small,.werkorder-titel-regel{align-items:center;display:flex;justify-content:space-between}.werkorder-info-small{border-bottom:1px solid #e0e0e0;font-size:10pt;margin-bottom:20px;padding-bottom:10px}.werkorder-info-small .klant-naam{color:#2c3e50;font-weight:600}.werkorder-info-small .pagina-info{color:#666}.werkorder-titel-regel .klant-naam,.werkorder-titel-regel .werkorder-onderwerp{color:#2c3e50;font-size:20px;font-weight:600}.werkorder-titel-regel .werkorder-onderwerp{text-align:right}.werkorder-omschrijving{background:#f8f9fa;border-radius:5px;line-height:1.6;margin-bottom:30px;padding:15px;white-space:pre-wrap}.werkorder-section{border-bottom:1px solid #e0e0e0;margin-bottom:30px;padding-bottom:20px}.werkorder-section:last-of-type{border-bottom:none}.sectie-titel{border-bottom:2px solid #007bff;color:#2c3e50;font-size:16px;font-weight:700;letter-spacing:1px;margin:0 0 15px;padding-bottom:8px;text-transform:uppercase}.sectie-omschrijving{color:#666;font-style:italic;margin:0 0 15px}.regels-groep{margin-bottom:20px}.regels-groep h3{color:#495057;font-size:13px;font-weight:600;letter-spacing:.5px;margin:0 0 10px;text-transform:uppercase}.regels-lijst{display:flex;flex-direction:column}.werkorder-document .regel-item{align-items:flex-start;border-bottom:1px solid #eee;display:flex;gap:10px;padding:10px 0}.werkorder-document .regel-item:last-child{border-bottom:none}.werkorder-document .regel-checkbox{color:#999;flex-shrink:0;font-size:18px;line-height:1}.werkorder-document .regel-omschrijving{flex:1 1;line-height:1.4}.werkorder-document .regel-aantal,.werkorder-document .regel-uren{color:#666;flex-shrink:0;font-size:13px;min-width:80px;text-align:right;white-space:nowrap}.notities-sectie .notities-ruimte{background:#fafafa;border:1px dashed #ccc;border-radius:5px;height:120px}.handtekening-sectie{border-top:2px solid #e0e0e0;display:flex;gap:60px;margin-top:40px;padding-top:30px}.handtekening-blok{flex:1 1}.handtekening-label{color:#666;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:40px;text-transform:uppercase}.handtekening-lijn{border-bottom:1px solid #333;height:30px;margin-bottom:10px}.handtekening-datum{color:#666;font-size:12px}.loading{padding:60px}.error-message{background-color:#f8d7da;border-radius:5px;margin-bottom:20px;padding:12px 20px}.materiaal-sectie,.uren-sectie{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-top:2rem;padding:1.5rem}.uren-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.uren-header h2{color:#2c3e50;font-size:1.5rem;margin:0}.uren-summary{background:#f8f9fa;border-radius:6px;display:flex;gap:2rem;margin-bottom:1.5rem;padding:1rem}.uren-summary .summary-item{align-items:center;display:flex;gap:.5rem}.uren-summary .label{color:#6c757d;font-weight:500}.uren-summary .value{color:#28a745;font-size:1.1rem;font-weight:700}.uren-tabel{border-collapse:collapse;font-size:.9rem;width:100%}.uren-tabel th{background:#f8f9fa;border-bottom:2px solid #dee2e6;color:#495057;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.75rem 1rem;text-align:left;text-transform:uppercase}.uren-tabel td{border-bottom:1px solid #dee2e6;padding:.75rem 1rem;vertical-align:middle}.uren-tabel tbody tr:hover{background:#f8f9fa}.uren-tabel tbody tr.goedgekeurd{background:#d4edda}.uren-tabel .uren-cel{color:#28a745;font-weight:600;white-space:nowrap}.uren-tabel .omschrijving-cel{color:#6c757d;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.geen-uren{background:#f8f9fa;border-radius:6px;color:#6c757d;padding:2rem;text-align:center}.form-group input,.form-group select,.form-group textarea{box-sizing:border-box}.btn-danger{border:none;border-radius:5px;cursor:pointer;padding:.5rem 1rem}@media print{.action-buttons,.materiaal-sectie,.modal-overlay,.navbar,.print-hide,.uren-sectie{display:none!important}.werkorder-detail-container{background:#fff;margin:0;max-width:none;padding:0}.werkorder-document{box-shadow:none;height:297mm;margin-bottom:0;min-height:297mm;page-break-after:always;position:relative}.werkorder-document:last-child{page-break-after:auto}.footer-wrapper{bottom:10mm;left:10mm;position:absolute;right:10mm}body{margin:0!important;padding:0!important}.handtekening-sectie,.werkorder-section{page-break-inside:avoid}@page{size:A4;margin:0}}.searchable-dropdown{width:100%}.searchable-dropdown input{border:1px solid #ced4da;border-radius:5px;font-size:1rem;padding:.75rem}.searchable-dropdown input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.dropdown-list{border:1px solid #ced4da;border-radius:5px;box-shadow:0 4px 12px #00000026;margin-top:2px;max-height:300px}.dropdown-item{border-bottom:1px solid #e9ecef;padding:.75rem 1rem;transition:background .15s}.dropdown-item:hover{background-color:#e9ecef}.dropdown-item-sub{color:#6c757d;font-size:.85rem}@media (max-width:768px){.werkorder-form{padding:0 1rem 2rem}.page-header{margin-left:-1rem;margin-right:-1rem;padding-left:1rem;padding-right:1rem}.form-section{margin-bottom:1rem;padding:1.5rem 1rem}.form-section h2{font-size:1.1rem;margin-bottom:1rem}.form-grid{display:flex;flex-direction:column;gap:1rem}.form-grid .form-group{width:100%}.form-grid .form-group.span-2,.form-grid .form-group.span-3{grid-column:unset}.form-group input,.form-group select,.form-group textarea{box-sizing:border-box;font-size:16px;padding:.75rem;width:100%}.form-actions{flex-direction:column-reverse;gap:.75rem;margin-top:1.5rem}.form-actions button{font-size:1rem;padding:1rem;width:100%}.searchable-dropdown input{font-size:16px;padding:.75rem}.dropdown-list{margin-top:1px;max-height:200px}.dropdown-item{padding:.75rem}.form-help{color:#6c757d;font-size:.8rem;margin-top:.25rem}}@media (max-width:480px){.werkorder-form{padding:0 .75rem 1.5rem}.page-header{margin-left:-.75rem;margin-right:-.75rem;padding:.75rem}.page-header h1{font-size:1.5rem}.form-section{border-radius:6px;padding:1rem .75rem}.form-section h2{font-size:1rem}.form-grid{gap:.75rem}.form-group input,.form-group select,.form-group textarea{padding:.625rem}.form-actions{margin-top:1rem}}.urenregistratie-container{margin:0 auto;max-width:1400px;padding:20px}.page-header h1{color:#2c3e50}.filters-bar,.header-actions{align-items:center;display:flex;gap:1rem}.filters-bar{flex-wrap:wrap;margin-bottom:1.5rem}.filter-group{display:flex;flex-direction:column;gap:.25rem}.filter-group label{color:#6c757d;font-size:.75rem;font-weight:600;text-transform:uppercase}.filter-input,.filter-select{border:1px solid #dee2e6;border-radius:6px;font-size:.875rem;min-width:150px;padding:.5rem 1rem}.week-navigation{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem}.week-navigation button{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:.5rem 1rem}.week-navigation button:hover{background:#0056b3}.week-navigation .week-label{color:#2c3e50;flex:1 1;font-size:1.25rem;font-weight:600;text-align:center}.week-navigation .totaal-uren{color:#28a745;font-size:1rem;font-weight:600}.week-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(7,1fr);margin-bottom:2rem}.dag-card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.dag-card.weekend{background:#f8f9fa}.dag-header{align-items:center;background:#007bff;color:#fff;display:flex;justify-content:space-between;padding:.75rem 1rem}.dag-header.weekend{background:#6c757d}.dag-header .dag-naam{font-size:.875rem;font-weight:600}.dag-header .dag-datum{font-size:.75rem;opacity:.9}.dag-header .dag-totaal{font-size:1rem;font-weight:700}.dag-body{min-height:150px;padding:.75rem}.dag-registratie{background:#e9ecef;border-radius:4px;cursor:pointer;font-size:.8rem;margin-bottom:.5rem;padding:.5rem;transition:background .2s}.dag-registratie:hover{background:#dee2e6}.dag-registratie:last-child{margin-bottom:0}.dag-registratie .werkorder{color:#007bff;font-weight:600;margin-bottom:.25rem}.dag-registratie .uren{color:#28a745;font-weight:500}.dag-registratie .omschrijving{color:#6c757d;font-size:.75rem;margin-top:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dag-registratie.goedgekeurd{border-left:3px solid #28a745}.add-uren-btn{background:#0000;border:2px dashed #dee2e6;border-radius:4px;color:#6c757d;cursor:pointer;font-size:.8rem;padding:.5rem;transition:all .2s;width:100%}.add-uren-btn:hover{border-color:#007bff;color:#007bff}.registraties-lijst{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.registraties-header{background:#f8f9fa;border-bottom:2px solid #dee2e6;color:#495057;display:flex;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.75rem 1rem;text-transform:uppercase}.registratie-row{align-items:center;border-bottom:1px solid #dee2e6;display:flex;padding:.75rem 1rem;transition:background .2s}.registratie-row:hover{background:#f8f9fa}.registratie-row:last-child{border-bottom:none}.col-datum{flex-shrink:0;width:100px}.col-werknemer{flex-shrink:0;width:150px}.col-werkorder{flex:1 1;min-width:0;padding-right:1rem}.col-werkorder .werkordernummer{color:#007bff;font-weight:600}.col-werkorder .onderwerp{color:#6c757d;font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.col-uren{color:#28a745;font-weight:600;width:80px}.col-kosten,.col-uren{flex-shrink:0;text-align:right}.col-kosten{width:100px}.col-status{flex-shrink:0;text-align:center;width:100px}.col-acties{flex-shrink:0;text-align:right;width:120px}.status-badge{border-radius:12px;display:inline-block;font-size:.7rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase}.status-badge.goedgekeurd{background:#d4edda;color:#155724}.status-badge.pending{background:#fff3cd;color:#856404}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;padding:1rem 1.5rem}.modal-header h2{color:#2c3e50;font-size:1.25rem;margin:0}.modal-close{background:none;border:none;color:#6c757d;cursor:pointer;font-size:1.5rem;line-height:1}.modal-body{padding:1.5rem}.form-group{margin-bottom:1rem}.form-group label{color:#495057;display:block;font-weight:600}.form-group input,.form-group select,.form-group textarea{border:1px solid #dee2e6;font-size:1rem;padding:.5rem .75rem;width:100%}.form-group textarea{min-height:80px;resize:vertical}.form-row{display:flex}.form-row .form-group{flex:1 1}.modal-footer{border-top:1px solid #dee2e6;display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem}.btn{border:none;font-size:.875rem;padding:.5rem 1rem;transition:all .2s}.btn-primary{background:#007bff}.btn-primary:hover{background:#0056b3}.btn-secondary{background:#6c757d}.btn-secondary:hover{background:#545b62}.btn-success{background:#28a745}.btn-success:hover{background:#1e7e34}.btn-danger{background:#dc3545}.btn-danger:hover{background:#c82333}.btn-sm{font-size:.75rem;padding:.25rem .5rem}@media (max-width:1200px){.week-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:900px){.week-grid{grid-template-columns:1fr}.filters-bar{align-items:stretch;flex-direction:column}.filter-input,.filter-select{width:100%}.week-navigation{flex-wrap:wrap;gap:.5rem;justify-content:center}.week-navigation .week-label{display:none}.week-navigation .totaal-uren{margin-bottom:.5rem;order:-1;text-align:center;width:100%}.week-navigation button{flex:1 1}.week-summary{flex-direction:column}}.loading{color:#6c757d}.error-message{background:#f8d7da;border-radius:6px;color:#721c24}.success-message{background:#d4edda;border-radius:6px;color:#155724;margin-bottom:1rem;padding:1rem}.week-summary{display:flex;gap:1rem;margin-bottom:1.5rem}.summary-card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;flex:1 1;padding:1rem 1.5rem}.summary-card .label{color:#6c757d;font-size:.75rem;font-weight:600;text-transform:uppercase}.summary-card .value{color:#2c3e50;font-size:1.5rem;font-weight:700;margin-top:.25rem}.summary-card.uren .value{color:#28a745}.summary-card.kosten .value{color:#007bff}.factuur-form-container{background:#f8fafc;margin:0 auto;max-width:1400px;min-height:100vh;padding:1rem}.page-header{align-items:center;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:1rem 1.5rem}.page-header h1{color:#1a1a1a;font-size:1.75rem;font-weight:600;margin:0}.error-message{background:#fee2e2;border-left:4px solid #dc2626;border-radius:8px;color:#dc2626;margin-bottom:1rem;padding:1rem}.form-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:1.5rem;padding:1.5rem}.form-section h2{border-bottom:1px solid #e5e7eb;color:#374151;font-size:1.25rem;font-weight:600;margin:0 0 1rem;padding-bottom:.5rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:1rem}.form-group{display:flex;flex-direction:column}.form-group label{color:#374151;font-size:.95rem;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{border:1px solid #d1d5db;border-radius:6px;font-size:.95rem;padding:.625rem;transition:border-color .15s ease,box-shadow .15s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.searchable-dropdown{position:relative}.searchable-dropdown input{width:100%}.dropdown-list{background:#fff;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 4px 6px #0000001a;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.dropdown-item{border-bottom:1px solid #f3f4f6;cursor:pointer;padding:.75rem;transition:background-color .15s ease}.dropdown-item:hover{background-color:#f9fafb}.dropdown-item:last-child{border-bottom:none}.dropdown-item.disabled{color:#9ca3af;cursor:not-allowed}.dropdown-item.disabled:hover{background-color:initial}.regels-list{margin-top:1rem}.regels-table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:visible;width:100%}.regels-table th{background:#f9fafb;border-bottom:2px solid #e5e7eb;color:#374151;font-size:.9rem;font-weight:600;padding:1rem;text-align:left}.regels-table td{border-bottom:1px solid #e5e7eb;padding:.75rem;vertical-align:middle}.regels-table tr:last-child td{border-bottom:none}.regels-table tr:hover{background:#f9fafb}.form-control-inline{background:#0000;border:1px solid #0000;border-radius:4px;font-size:.9rem;padding:.5rem;transition:all .15s ease}.form-control-inline:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-control-inline:hover{background:#ffffff80;border-color:#d1d5db}.regel-actions{align-items:center;display:flex;gap:.5rem}.move-buttons{display:flex;flex-direction:column;gap:2px}.btn-move-down,.btn-move-up{align-items:center;background:#f3f4f6;border:1px solid #d1d5db;border-radius:3px;cursor:pointer;display:flex;font-size:12px;height:20px;justify-content:center;transition:all .15s ease;width:24px}.btn-move-down:hover,.btn-move-up:hover{background:#e5e7eb;border-color:#9ca3af}.btn-move-down:disabled,.btn-move-up:disabled{cursor:not-allowed;opacity:.5}.totalen-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:1.5rem}.totalen{border:1px solid #e5e7eb;border-radius:8px;margin-left:auto;max-width:400px;overflow:hidden}.totaal-row{background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:.75rem 1rem}.totaal-row:last-child{border-bottom:none}.totaal-row.totaal-final{background:#f0fdf4;border-top:2px solid #10b981;color:#065f46;font-size:1.1rem;font-weight:600}.form-actions{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding:1.5rem}.btn{align-items:center;border:1px solid #0000;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:500;gap:.5rem;justify-content:center;padding:.625rem 1.25rem;text-decoration:none;transition:all .15s ease}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:#3b82f6;border-color:#3b82f6;color:#fff}.btn-primary:hover:not(:disabled){background:#2563eb;border-color:#2563eb}.btn-secondary{background:#6b7280;border-color:#6b7280;color:#fff}.btn-secondary:hover:not(:disabled){background:#4b5563;border-color:#4b5563}.btn-success{background:#10b981;border-color:#10b981;color:#fff}.btn-success:hover:not(:disabled){background:#059669;border-color:#059669}.btn-danger{background:#ef4444;border-color:#ef4444;color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626;border-color:#dc2626}.btn-sm{font-size:.85rem;padding:.375rem .75rem}.loading{color:#6b7280;font-size:1.1rem;padding:3rem;text-align:center}@media (max-width:768px){.factuur-form-container{padding:.5rem}.form-row{grid-template-columns:1fr}.regels-table{font-size:.8rem}.regels-table td,.regels-table th{padding:.5rem}.form-actions{flex-direction:column}.btn{width:100%}}.werkzaamheden{margin:50px 0}.werkzaamheden h3{font-size:10pt;font-weight:700;line-height:1;margin-bottom:0;position:relative;top:45px}.werkzaamheden-tabel{border-collapse:collapse;font-size:10pt;line-height:1;margin-top:30px;width:100%}.werkzaamheden-tabel th{background-color:initial;border:none;font-weight:700;padding:1px;text-align:left}.werkzaamheden-tabel td{border:none;line-height:1.2;max-height:40px;overflow:hidden;padding:1px;vertical-align:top}.werkzaamheden-tabel td:nth-child(4){word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:300px;overflow-wrap:break-word}.werkzaamheden-tabel td.prijs-col,.werkzaamheden-tabel th.prijs-col{padding:1px;text-align:right}.werkzaamheden-tabel td:first-child,.werkzaamheden-tabel td:nth-child(2),.werkzaamheden-tabel th:first-child,.werkzaamheden-tabel th:nth-child(2){width:35px}.werkzaamheden-tabel td:nth-child(3),.werkzaamheden-tabel th:nth-child(3){width:5px}.werkzaamheden-tabel td:nth-child(5),.werkzaamheden-tabel th:nth-child(5){width:80px}.werkzaamheden-tabel td.bedrag-col,.werkzaamheden-tabel th.bedrag-col{font-weight:700;padding:1px;text-align:right;width:90px}.factuur-totals{display:flex;gap:20px;padding-bottom:0;padding-top:0;page-break-inside:avoid}.total-box{border:2px solid #000;flex:1 1;padding:5px;text-align:center}.total-label{font-size:10pt;margin-bottom:2px}.total-amount{font-size:12pt;font-weight:700}.betalingsvoorwaarden{font-size:10pt;line-height:1;margin:10px auto 80px;max-width:700px;padding:12px 20px;text-align:center}.totalen-wrapper{margin-bottom:-15px!important;margin-top:auto!important;padding-top:0!important}.factuur-title-section{margin-bottom:20px;margin-top:20px;text-align:left}.factuur-title-section h1{font-size:20pt;font-weight:400;margin:0 0 5px}.factuur-title{color:#000}.factuur-info{font-size:10pt;line-height:1}.factuur-info div{display:flex}.factuur-info div strong{display:inline-block;flex-shrink:0;font-weight:400;min-width:90px}@media (max-width:768px){.werkzaamheden-tabel{font-size:10pt}.werkzaamheden-tabel td,.werkzaamheden-tabel th{padding:6px}.offerte-totals{flex-direction:column;gap:10px}}@media print{.offerte-totals,.werkzaamheden-tabel{page-break-inside:avoid}}@keyframes Boekhouding_spin__ljnYV{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.Boekhouding_boekhouding__Bse81{background:var(--gray-100);color:var(--gray-800);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:calc(100vh - 48px)}.Boekhouding_sidebar__hac-n{background:#1a1a1a;color:#fff;display:flex;flex-direction:column;height:calc(100vh - 48px);padding:1.5rem 0;position:fixed;top:48px;width:var(--sidebar-width);z-index:100}.Boekhouding_logo__vAs0U{border-bottom:1px solid var(--gray-700);padding:0 1.5rem 1.5rem;position:relative}.Boekhouding_logo__vAs0U h2{font-size:1.5rem;font-weight:700;margin:0}.Boekhouding_logo__vAs0U span{color:var(--gray-400);font-size:.875rem}.Boekhouding_jaarKiezer__WV3Pz{cursor:pointer;display:inline-block;font-size:.9rem;opacity:.8}.Boekhouding_jaarKiezer__WV3Pz:hover{opacity:1}.Boekhouding_jaarMenu__KxvC2{background:var(--gray-800);border-radius:4px;box-shadow:0 4px 12px #0000004d;left:1rem;min-width:120px;padding:.5rem 0;position:absolute;top:100%;z-index:100}.Boekhouding_jaarMenu__KxvC2 a,.Boekhouding_jaarMenu__KxvC2 button{background:none;border:none;color:inherit;cursor:pointer;display:block;font-size:.9rem;padding:.5rem 1rem;text-align:left;text-decoration:none;width:100%}.Boekhouding_jaarMenu__KxvC2 a:hover,.Boekhouding_jaarMenu__KxvC2 button:hover{background:#ffffff1a}.Boekhouding_jaarMenuActief__0pNd-{background:var(--primary)!important}.Boekhouding_navLinks__36M6J{flex:1 1;list-style:none;margin:0;padding:1rem 0}.Boekhouding_navLinks__36M6J li a{color:var(--gray-300);display:block;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s}.Boekhouding_navLinks__36M6J li a:hover{background:var(--gray-700);color:#fff}.Boekhouding_navLinkActive__IMxeX{background:var(--primary);color:#fff}.Boekhouding_navBottom__BLHyZ{border-top:1px solid var(--gray-700);padding:1rem 1.5rem}.Boekhouding_btnExport__pGp8m{background:var(--success);border-radius:6px;color:#fff;display:block;padding:.75rem;text-align:center;text-decoration:none;transition:background .2s}.Boekhouding_btnExport__pGp8m:hover{background:#15803d}.Boekhouding_btnSettings__u3gzf{background:#0000;border:none;border-radius:6px;color:var(--gray-400);cursor:pointer;display:block;font-size:.875rem;margin-top:.5rem;padding:.625rem 1rem;text-align:center;text-decoration:none;transition:all .2s ease;width:100%}.Boekhouding_btnSettings__u3gzf:hover{background:#2563eb1a;color:var(--primary)}.Boekhouding_btnHelp__2xUyh{background:#0000;border:none;border-radius:6px;color:var(--gray-400);cursor:pointer;display:block;font-size:.875rem;margin-bottom:.5rem;padding:.625rem 1rem;text-align:center;text-decoration:none;transition:all .2s ease;width:100%}.Boekhouding_btnHelp__2xUyh:hover{background:#3b82f61a;color:#3b82f6}.Boekhouding_btnLogout__sVaE4{background:#0000;border:none;border-radius:6px;color:var(--gray-400);cursor:pointer;display:block;font-size:.875rem;margin-top:.5rem;padding:.625rem 1rem;text-align:center;text-decoration:none;transition:all .2s ease;width:100%}.Boekhouding_btnLogout__sVaE4:hover{background:#dc26261a;color:#dc2626}.Boekhouding_content__v7uGc{flex:1 1;margin-left:var(--sidebar-width);min-height:100vh}.Boekhouding_topBar__zZiwY{align-items:center;background:#fff;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:1.5rem 2rem}.Boekhouding_topBar__zZiwY h1{font-size:1.5rem;font-weight:600;margin:0}.Boekhouding_headerActions__evNMU{display:flex;gap:.5rem}.Boekhouding_mainContent__Pr66T{padding:2rem}.Boekhouding_card__oPE0x{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:1.5rem;padding:1.5rem}.Boekhouding_card__oPE0x h3{color:var(--gray-700);font-size:1.125rem;margin:0 0 1rem}.Boekhouding_cardForm__9QPg3{max-width:700px}.Boekhouding_dashboardGrid__yFoLu{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}.Boekhouding_cardFull__aT55f,.Boekhouding_cardLarge__R2fsK{grid-column:span 2}.Boekhouding_statsRow__ZbFno{display:flex;gap:2rem}.Boekhouding_stat__MPc-l{flex:1 1;padding:1rem}.Boekhouding_statLabel__KeEzk{color:var(--gray-500);display:block;font-size:.875rem;margin-bottom:.25rem}.Boekhouding_statValue__qzRyE{display:block;font-size:1.75rem;font-weight:600}.Boekhouding_statHighlight__Ey3kt{background:var(--gray-50);border-radius:6px}.Boekhouding_positive__7TdjM{color:var(--success)}.Boekhouding_negative__fFqLW{color:var(--danger)}.Boekhouding_btwSummary__iET6a{display:flex;flex-direction:column;gap:.5rem}.Boekhouding_btwRow__XfkgD{display:flex;justify-content:space-between;padding:.5rem 0}.Boekhouding_btwTotal__Ea3Mm{border-top:2px solid var(--gray-200);font-weight:600;padding-top:.75rem}.Boekhouding_btwTable__AYrNJ{border-collapse:collapse;width:100%}.Boekhouding_btwTable__AYrNJ th{border-bottom:2px solid var(--gray-200);color:var(--gray-600);font-size:.85rem;font-weight:600;padding:.4rem .5rem}.Boekhouding_btwTable__AYrNJ td{padding:.4rem .5rem}.Boekhouding_btwTable__AYrNJ td.Boekhouding_alignRight__sA-gR,.Boekhouding_btwTable__AYrNJ th.Boekhouding_alignRight__sA-gR{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.Boekhouding_btwTable__AYrNJ tbody tr:nth-child(odd){background:var(--gray-50)}.Boekhouding_btwTable__AYrNJ tbody td:nth-child(2){color:var(--danger)}.Boekhouding_btwTable__AYrNJ tbody td:nth-child(3){color:var(--success)}.Boekhouding_btwTable__AYrNJ tr.Boekhouding_btwTotal__Ea3Mm td{background:#fef2f2;border-top:2px solid var(--gray-300);padding-top:.75rem}.Boekhouding_btwTable__AYrNJ tr.Boekhouding_btwTotal__Ea3Mm td:nth-child(2){color:var(--danger)}.Boekhouding_btnLink__CKgh2{background:none;border:none;color:var(--primary);cursor:pointer;display:inline-block;font-size:.875rem;margin-top:1rem;padding:0;text-decoration:none}.Boekhouding_btnLink__CKgh2:hover{text-decoration:underline}.Boekhouding_quickActions__64DFe{display:flex;flex-direction:column;gap:.75rem}.Boekhouding_tableContainer__z2zYn{border-radius:8px;max-height:70vh;overflow-y:auto}.Boekhouding_dataTable__6vCFv{border-collapse:collapse;width:100%}.Boekhouding_dataTable__6vCFv td,.Boekhouding_dataTable__6vCFv th{border-bottom:1px solid var(--gray-200);padding:.75rem 1rem;text-align:left;white-space:nowrap}.Boekhouding_dataTable__6vCFv td:nth-child(3){white-space:normal}.Boekhouding_dataTable__6vCFv th{background:var(--gray-50);color:var(--gray-600);font-size:.875rem;font-weight:600;position:-webkit-sticky;position:sticky;top:0;z-index:10}.Boekhouding_dataTable__6vCFv th.Boekhouding_sortable__93CPz{cursor:pointer;-webkit-user-select:none;user-select:none}.Boekhouding_dataTable__6vCFv th.Boekhouding_sortable__93CPz a{color:var(--gray-600);display:block;text-decoration:none;white-space:nowrap}.Boekhouding_dataTable__6vCFv th.Boekhouding_sortable__93CPz a:hover{color:var(--primary)}.Boekhouding_dataTable__6vCFv td.Boekhouding_alignRight__sA-gR,.Boekhouding_dataTable__6vCFv th.Boekhouding_alignRight__sA-gR{text-align:right}.Boekhouding_dataTable__6vCFv tbody tr:hover{background:var(--gray-50)}.Boekhouding_dataTable__6vCFv tbody tr.Boekhouding_clickable__9Zd03{cursor:pointer}.Boekhouding_dataTable__6vCFv tbody tr.Boekhouding_clickable__9Zd03:hover{background:var(--gray-100)}.Boekhouding_dataTable__6vCFv tfoot td{background:var(--gray-50);font-weight:600}.Boekhouding_alignRight__sA-gR{text-align:right}.Boekhouding_textMuted__YpvnZ{color:var(--gray-400)}.Boekhouding_emptyState__YaOto{color:var(--gray-400);padding:2rem!important;text-align:center}.Boekhouding_totalRow__DTKqe td{background:var(--gray-100)!important}.Boekhouding_btn__N0tpL{border:none;border-radius:6px;cursor:pointer;display:inline-block;font-size:.875rem;font-weight:500;padding:.625rem 1.25rem;text-decoration:none;transition:all .2s}.Boekhouding_btnPrimary__wHA8d{background:var(--primary);color:#fff}.Boekhouding_btnPrimary__wHA8d:hover{background:var(--primary-dark)}.Boekhouding_btnSecondary__9CqXa{background:var(--gray-200);color:var(--gray-700)}.Boekhouding_btnSecondary__9CqXa:hover{background:var(--gray-300)}.Boekhouding_btnSuccess__nefML{background:var(--success);color:#fff}.Boekhouding_btnSuccess__nefML:hover{background:#15803d}.Boekhouding_btnWarning__Lw\+bc{background:var(--warning);color:#fff}.Boekhouding_btnWarning__Lw\+bc:hover{background:#a16207}.Boekhouding_btnDanger__WkOQr{background:var(--danger);color:#fff}.Boekhouding_btnDanger__WkOQr:hover{background:#b91c1c}.Boekhouding_btnLg__E5CZg{font-size:1rem;padding:.75rem 1.5rem}.Boekhouding_btnSm__id1Ub{font-size:.875rem;padding:.375rem .75rem}.Boekhouding_btnSmall__hfBbL{font-size:.75rem;padding:.25rem .5rem}.Boekhouding_btnIcon__SkAq4{align-items:center;display:flex;flex-shrink:0;font-size:1.5rem;font-weight:700;height:44px;justify-content:center;padding:0;width:44px}.Boekhouding_badge__RISpQ{border-radius:9999px;display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .625rem}.Boekhouding_badgeBank__xiy61{background:#dbeafe;color:#1e40af}.Boekhouding_badgeKas__l1v-s{background:#dcfce7;color:#166534}.Boekhouding_badgeVerkoop__mJgYJ{background:#fef3c7;color:#92400e}.Boekhouding_badgeInkoop__Piu-X{background:#fee2e2;color:#991b1b}.Boekhouding_badgeDebiteur__0vt7k{background:#dbeafe;color:#1e40af}.Boekhouding_badgeCrediteur__VJpYl{background:#fee2e2;color:#991b1b}.Boekhouding_badgeBeide__xDKKo{background:#f3e8ff;color:#6b21a8}.Boekhouding_badgeWarning__oDgLN{background:#fef3c7;color:#92400e}.Boekhouding_badgeSuccess__dW3ua{background:#dcfce7;color:#166534}.Boekhouding_badgeInfo__txfmS{background:#dbeafe;color:#1e40af}.Boekhouding_badgeSecondary__\+OyNi{background:#9ca3af;color:#fff}.Boekhouding_filters__sChXm{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;gap:2rem;margin-bottom:1.5rem;padding:1rem 1.5rem}.Boekhouding_filterGroup__f7zYW{align-items:center;display:flex;gap:.75rem}.Boekhouding_filterGroup__f7zYW label{color:var(--gray-600);font-weight:500}.Boekhouding_filterButtons__kRbKh{display:flex;gap:.25rem}.Boekhouding_filterBtn__sQBHY{background:var(--gray-100);border:none;border-radius:6px;color:var(--gray-600);cursor:pointer;font-size:.875rem;padding:.5rem .875rem;text-decoration:none;transition:all .2s}.Boekhouding_filterBtn__sQBHY:hover{background:var(--gray-200)}.Boekhouding_filterBtnActive__KNZAy{background:var(--primary);color:#fff}.Boekhouding_form__GzvY4{display:flex;flex-direction:column;gap:1.25rem}.Boekhouding_form__GzvY4 h3{border-top:1px solid var(--gray-200);margin-top:1rem;padding-top:1rem}.Boekhouding_form__GzvY4 h3:first-child{border-top:none;margin-top:0;padding-top:0}.Boekhouding_formRow__XwKgJ{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.Boekhouding_formGroup__phKxY{display:flex;flex-direction:column;gap:.375rem}.Boekhouding_formGroupLarge__hrjnM{flex:2 1;grid-column:span 1}.Boekhouding_checkboxLabel__fa5R-{font-weight:400}.Boekhouding_checkboxLabel__fa5R- input[type=checkbox]{height:18px;width:18px}.Boekhouding_saveIndicator__zz3US{animation:Boekhouding_slideUp__nbEiH .3s ease;background:var(--success);border-radius:4px;color:#fff;padding:.5rem 1rem;position:fixed;right:1rem;top:60px;z-index:1000}.Boekhouding_formGroup__phKxY label{color:var(--gray-700);font-size:.875rem;font-weight:500}.Boekhouding_formGroup__phKxY input,.Boekhouding_formGroup__phKxY select,.Boekhouding_formGroup__phKxY textarea{border:1px solid var(--gray-300);border-radius:6px;font-size:.9375rem;padding:.625rem .875rem;transition:border-color .2s,box-shadow .2s}.Boekhouding_formGroup__phKxY input:focus,.Boekhouding_formGroup__phKxY select:focus,.Boekhouding_formGroup__phKxY textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a;outline:none}.Boekhouding_formGroup__phKxY textarea{min-height:80px;resize:vertical}.Boekhouding_formActions__HxbVj{border-top:1px solid var(--gray-200);display:flex;gap:.75rem;justify-content:flex-end;margin-top:.5rem;padding-top:1rem}.Boekhouding_infoList__QixTJ{display:flex;flex-direction:column;gap:.5rem}.Boekhouding_infoItem__8aCLn{border-bottom:1px solid var(--gray-100);display:flex;justify-content:space-between;padding:.5rem 0}.Boekhouding_infoItem__8aCLn:last-child{border-bottom:none}.Boekhouding_infoLabel__CRdSS{color:var(--gray-600);font-size:.875rem}.Boekhouding_infoValue__xuRpd{font-weight:500}.Boekhouding_infoTotal__vkpQp{background:var(--gray-50);border-radius:0 0 6px 6px;margin:.5rem -.5rem -.5rem;padding:.75rem}.Boekhouding_infoTotal__vkpQp .Boekhouding_infoLabel__CRdSS{color:var(--gray-700);font-weight:600}.Boekhouding_exportOptions__Zo9M0 p{color:var(--gray-600);margin-bottom:1rem}.Boekhouding_exportButtons__K5L1U{display:flex;flex-wrap:wrap;gap:.5rem}.Boekhouding_verdichtingTable__U3FJg{width:100%}.Boekhouding_verdichtingTable__U3FJg td:first-child,.Boekhouding_verdichtingTable__U3FJg th:first-child{width:58%}.Boekhouding_verdichtingTable__U3FJg td:nth-child(2),.Boekhouding_verdichtingTable__U3FJg td:nth-child(3),.Boekhouding_verdichtingTable__U3FJg td:nth-child(4),.Boekhouding_verdichtingTable__U3FJg th:nth-child(2),.Boekhouding_verdichtingTable__U3FJg th:nth-child(3),.Boekhouding_verdichtingTable__U3FJg th:nth-child(4){width:12%}.Boekhouding_mobileMenuToggle__\+qO7L{align-items:center;background:var(--gray-800);border:none;border-radius:8px;box-shadow:0 2px 8px #0003;cursor:pointer;display:none;flex-direction:column;gap:5px;height:44px;justify-content:center;left:1rem;padding:10px;position:fixed;top:calc(48px + 1rem);width:44px;z-index:1001}.Boekhouding_hamburgerLine__wcdkU{background:#fff;border-radius:2px;display:block;height:2px;transition:all .3s ease;width:22px}.Boekhouding_hamburgerLineOpen__1ZEA1:first-child{transform:rotate(45deg) translate(5px,5px)}.Boekhouding_hamburgerLineOpen__1ZEA1:nth-child(2){opacity:0}.Boekhouding_hamburgerLineOpen__1ZEA1:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.Boekhouding_mobileOverlay__UejEL{background:#00000080;bottom:0;display:none;left:0;opacity:0;position:fixed;right:0;top:48px;transition:opacity .3s ease;z-index:998}.Boekhouding_mobileOverlayOpen__ipgqb{opacity:1}.Boekhouding_desktopOnly__3AqH9{display:block!important}.Boekhouding_mobileOnly__qmay6{display:none!important}.Boekhouding_mobileQuickActions__e5pol{display:none;gap:.75rem;grid-template-columns:repeat(2,1fr);padding:0 0 1rem}.Boekhouding_quickActionCard__N09\+V{align-items:center;background:#fff;border:none;border-radius:12px;box-shadow:0 2px 8px #00000014;color:var(--gray-700);cursor:pointer;display:flex;flex-direction:column;gap:.5rem;justify-content:center;padding:1.25rem 1rem;text-decoration:none;transition:transform .2s,box-shadow .2s}.Boekhouding_quickActionCard__N09\+V:active{transform:scale(.98)}.Boekhouding_quickActionCardPrimary__Xth2B{background:var(--primary);color:#fff;grid-column:span 2;padding:1.5rem 1rem}.Boekhouding_quickActionCard__N09\+V span{font-size:.9rem;font-weight:500}.Boekhouding_quickStatCard__CqVtG{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;gap:.75rem;padding:1rem}.Boekhouding_statIcon__\+pWll{align-items:center;border-radius:10px;display:flex;font-size:1.1rem;font-weight:700;height:40px;justify-content:center;width:40px}.Boekhouding_statIconBank__I5ea4{background:#dbeafe;color:#1e40af}.Boekhouding_statIconKas__vBF4W{background:#dcfce7;color:#166534}.Boekhouding_statContent__XSE\+l{display:flex;flex-direction:column}.Boekhouding_scanCard__BrQ3d{max-width:800px}.Boekhouding_scanUploadArea__i1KJj{padding:2rem;text-align:center}.Boekhouding_scanButtons__mUwRw{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:1rem}.Boekhouding_scanBtn__jw24P{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:.75rem;justify-content:center;min-width:140px;padding:1.5rem 2rem;transition:all .2s ease}.Boekhouding_scanBtnPrimary__xCF\+h{background:var(--primary);color:#fff}.Boekhouding_scanBtnPrimary__xCF\+h:hover{background:var(--primary-dark);transform:translateY(-2px)}.Boekhouding_scanBtnSecondary__X2j8A{background:var(--gray-100);border:2px dashed var(--gray-300);color:var(--gray-700)}.Boekhouding_scanBtnSecondary__X2j8A:hover{background:var(--gray-200);border-color:var(--gray-400)}.Boekhouding_scanBtn__jw24P span{font-size:.95rem;font-weight:600}.Boekhouding_scanHint__Ps8is{color:var(--gray-500);font-size:.85rem}.Boekhouding_scanPreview__DUTuh{margin:0 auto 1rem;max-width:100%;position:relative}.Boekhouding_scanPreview__DUTuh img{border-radius:8px;box-shadow:0 2px 8px #0000001a;height:auto;max-width:100%;object-fit:contain}.Boekhouding_scanPreviewRemove__MSEvP{align-items:center;background:var(--danger);border:none;border-radius:50%;box-shadow:0 2px 4px #0003;color:#fff;cursor:pointer;display:flex;font-size:1.25rem;height:32px;justify-content:center;position:absolute;right:-10px;top:-10px;width:32px}.Boekhouding_scanStatus__CIZfz{align-items:center;background:var(--gray-50);border-radius:8px;display:flex;gap:.75rem;justify-content:center;margin:1rem 0;padding:1rem}.Boekhouding_scanStatusSpinner__ud9d0{animation:Boekhouding_spin__ljnYV 1s linear infinite;border:2px solid var(--gray-300);border-radius:50%;border-top-color:var(--primary);height:20px;width:20px}.Boekhouding_scanSuccess__vkeOK{color:var(--success)}.Boekhouding_scanError__BjGYQ{color:var(--danger)}.Boekhouding_scanWarning__IAfg7{color:var(--warning)}.Boekhouding_scanPreviewActions__S3dIL{margin-top:.75rem;text-align:center}.Boekhouding_cropStatus__q5\+UT{font-size:.9rem;margin-bottom:.5rem;padding:.5rem;text-align:center}.Boekhouding_cropModal__Huy4G{align-items:center;background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:2000}.Boekhouding_cropModalContent__SlWPh{background:#fff;border-radius:12px;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:100%}.Boekhouding_cropModalHeader__4ZZi3{align-items:center;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:1rem}.Boekhouding_cropModalHeader__4ZZi3 h3{margin:0}.Boekhouding_cropModalClose__TJ19J{background:none;border:none;color:var(--gray-500);cursor:pointer;font-size:1.5rem;line-height:1;padding:0}.Boekhouding_cropContainer__UOHx0{flex:1 1;max-height:60vh;min-height:300px;overflow:hidden;position:relative}.Boekhouding_cropContainer__UOHx0 img{display:block;max-height:60vh;max-width:100%;object-fit:contain}.Boekhouding_cornerHandle__ctUIt{background:#2563eb;border:3px solid #fff;border-radius:50%;box-shadow:0 2px 8px #0000004d;cursor:grab;height:32px;position:absolute;touch-action:none;transform:translate(-50%,-50%);width:32px;z-index:10}.Boekhouding_cornerHandle__ctUIt:active{background:#1d4ed8;cursor:grabbing;transform:translate(-50%,-50%) scale(1.1)}.Boekhouding_cropModalActions__Udrt8{border-top:1px solid var(--gray-200);display:flex;gap:.75rem;justify-content:flex-end;padding:1rem}.Boekhouding_boekingenCards__wOJBk{display:none}.Boekhouding_boekingCard__jUj8m{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;color:inherit;display:block;margin-bottom:.75rem;padding:1rem;text-decoration:none;transition:box-shadow .2s ease}.Boekhouding_boekingCard__jUj8m:active{box-shadow:0 1px 2px #0000000d}.Boekhouding_boekingCardHeader__-MOOn{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.Boekhouding_boekingDate__HA3dc{color:var(--gray-500);font-size:.85rem}.Boekhouding_boekingCardBody__YRYEx{margin-bottom:.75rem}.Boekhouding_boekingOmschrijving__T7a78{color:var(--gray-800);font-weight:600;margin-bottom:.25rem}.Boekhouding_boekingCategorie__gXrwN,.Boekhouding_boekingGrootboek__099LY{color:var(--gray-500);font-size:.85rem}.Boekhouding_boekingCardFooterRow__R\+Zr6{align-items:center;display:flex;justify-content:space-between}.Boekhouding_totaalRow__zE9Tj{display:table-row}.Boekhouding_totaalRow__zE9Tj strong{font-size:1.1rem}.Boekhouding_boekingCardFooter__BjW7R{align-items:center;display:flex;justify-content:space-between}.Boekhouding_boekingBedrag__sDEQB{font-size:1.1rem;font-weight:700}.Boekhouding_emptyStateCard__odjJ9{background:#fff;border-radius:12px;color:var(--gray-500);padding:2rem;text-align:center}.Boekhouding_boekingenTotaalCard__Qyz9S{background:var(--gray-100);border-radius:12px;margin-top:.5rem;padding:1rem}.Boekhouding_alert__8xLBM{border-radius:8px;font-size:.875rem;margin-bottom:1rem;padding:.875rem 1rem}.Boekhouding_alertInfo__SX9qs{background:#eff6ff;border:1px solid #bfdbfe}.Boekhouding_alertSuccess__y1\+uR{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.Boekhouding_alertError__FMAOX{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.Boekhouding_inputWithButton__F4ekG{align-items:center;display:flex;gap:.5rem}.Boekhouding_inputWithButton__F4ekG input,.Boekhouding_inputWithButton__F4ekG select{flex:1 1}.Boekhouding_searchableSelect__56xld{position:relative;width:100%}.Boekhouding_searchableSelect__56xld input[type=text]{border:1px solid var(--gray-300);border-radius:6px;box-sizing:border-box;font-size:.875rem;padding:.5rem .75rem;width:100%}.Boekhouding_searchDropdown__OThKV{background:#fff;border:1px solid var(--gray-300);border-radius:6px;box-shadow:0 4px 12px #00000026;left:0;margin-top:2px;max-height:250px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.Boekhouding_searchOption__bMgMJ{cursor:pointer;font-size:.875rem;padding:.5rem .75rem}.Boekhouding_searchOption__bMgMJ:hover{background:var(--gray-100)}.Boekhouding_modalOverlay__iHoeI{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.Boekhouding_modal__NED0a{background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000004d;max-width:400px;padding:2rem;width:90%}.Boekhouding_modal__NED0a h3{color:var(--gray-900);margin:0 0 1rem}.Boekhouding_modal__NED0a p{color:var(--gray-600);margin-bottom:1.5rem}.Boekhouding_modalActions__G7TVG{display:flex;gap:1rem;justify-content:flex-end}.Boekhouding_activaModal__xIEKq{background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000004d;max-width:500px;padding:0;width:90%}.Boekhouding_activaModalHeader__J3A1K{align-items:center;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:1rem 1.5rem}.Boekhouding_activaModalHeader__J3A1K h3{color:var(--gray-900);font-size:1.1rem;margin:0}.Boekhouding_activaModalClose__n2Rvq{background:none;border:none;color:var(--gray-500);cursor:pointer;font-size:1.5rem;line-height:1;padding:0}.Boekhouding_activaModalClose__n2Rvq:hover{color:var(--gray-900)}.Boekhouding_activaDetailTable__sDtD9{padding:1rem 1.5rem;width:100%}.Boekhouding_activaDetailTable__sDtD9 td{padding:.5rem 0}.Boekhouding_activaDetailTable__sDtD9 td:first-child{color:var(--gray-600);width:45%}.Boekhouding_activaDetailTable__sDtD9 td:last-child{font-weight:500;text-align:right}.Boekhouding_activaModalActions__mq40o{border-top:1px solid var(--gray-200);display:flex;gap:1rem;justify-content:flex-end;padding:1rem 1.5rem}.Boekhouding_editActivaModal__WmXcL{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:700px;overflow-y:auto;width:100%}.Boekhouding_editModalHeader__0YXts{align-items:center;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.Boekhouding_editModalHeader__0YXts h3{font-size:1.25rem;margin:0}.Boekhouding_modalCloseBtn__DjyqW{background:none;border:none;color:var(--gray-500);cursor:pointer;font-size:1.5rem;line-height:1;padding:0}.Boekhouding_modalCloseBtn__DjyqW:hover{color:var(--gray-900)}.Boekhouding_editModalBody__gwSEA{padding:1.5rem}.Boekhouding_editModalFooter__Z97Uk{background:var(--gray-50);border-top:1px solid var(--gray-200);display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem}.Boekhouding_formSection__aAeo8{margin-bottom:1.5rem}.Boekhouding_formSection__aAeo8 h4{color:var(--gray-700);font-size:.9rem;margin:0 0 1rem}.Boekhouding_hint__RFYxg{color:var(--gray-500);font-size:.8rem;font-weight:400}.Boekhouding_checkboxLabel__fa5R-{align-items:center;cursor:pointer;display:flex;gap:.5rem;margin-top:.75rem}.Boekhouding_checkboxLabel__fa5R- input[type=checkbox]{height:16px;width:16px}.Boekhouding_loading__J0-uL{align-items:center;color:var(--gray-500);display:flex;justify-content:center;padding:3rem}@media (max-width:1024px){.Boekhouding_dashboardGrid__yFoLu{grid-template-columns:1fr}.Boekhouding_cardFull__aT55f,.Boekhouding_cardLarge__R2fsK{grid-column:span 1}}@media (max-width:768px){.Boekhouding_mobileMenuToggle__\+qO7L{display:flex!important}.Boekhouding_mobileOverlay__UejEL{display:block!important;pointer-events:none}.Boekhouding_mobileOverlayOpen__ipgqb{pointer-events:auto}.Boekhouding_desktopOnly__3AqH9{display:none!important}.Boekhouding_mobileOnly__qmay6{display:block!important}.Boekhouding_mobileQuickActions__e5pol{display:grid!important}.Boekhouding_boekingenCards__wOJBk{display:block!important}.Boekhouding_sidebar__hac-n{height:calc(100vh - 48px);left:0;overflow-y:auto;position:fixed;top:48px;transform:translateX(-100%);transition:transform .3s ease;width:280px;z-index:999}.Boekhouding_sidebarOpen__QKYi3{transform:translateX(0)}.Boekhouding_content__v7uGc{margin-left:0;max-width:100vw;overflow-x:hidden}.Boekhouding_topBar__zZiwY{max-width:100vw;padding-left:4.5rem}.Boekhouding_topBar__zZiwY h1{font-size:1.25rem}.Boekhouding_mainContent__Pr66T{max-width:100vw;overflow-x:hidden;padding:1rem}.Boekhouding_card__oPE0x{margin-bottom:1rem;max-width:100%;overflow-x:auto;padding:1rem}.Boekhouding_statsRow__ZbFno{flex-direction:column;gap:1rem}.Boekhouding_filters__sChXm{background:#0000;box-shadow:none;flex-direction:column;gap:.75rem;padding:.75rem 1rem}.Boekhouding_filterGroup__f7zYW{width:100%}.Boekhouding_filterGroup__f7zYW label{display:none}.Boekhouding_filterButtons__kRbKh{-webkit-overflow-scrolling:touch;display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.25rem;scrollbar-width:none}.Boekhouding_filterButtons__kRbKh::-webkit-scrollbar{display:none}.Boekhouding_filterBtn__sQBHY{flex-shrink:0;padding:.5rem 1rem;white-space:nowrap}.Boekhouding_formRow__XwKgJ{grid-template-columns:1fr}.Boekhouding_scanButtons__mUwRw{flex-direction:column}.Boekhouding_scanBtn__jw24P{flex-direction:row;gap:1rem;justify-content:flex-start;padding:1.25rem;width:100%}.Boekhouding_scanPreview__DUTuh{max-width:100%}.Boekhouding_tableContainer__z2zYn{-webkit-overflow-scrolling:touch;overflow-x:auto}.Boekhouding_btn__N0tpL,.Boekhouding_filterBtn__sQBHY{align-items:center;display:inline-flex;justify-content:center;min-height:44px}.Boekhouding_navLinks__36M6J li a{align-items:center;display:flex;font-size:1rem;min-height:44px;padding:1rem 1.5rem}input,select,textarea{font-size:16px!important}input[type=date],input[type=email],input[type=number],input[type=password],input[type=text],select,textarea{border-radius:8px;min-height:48px;padding:.75rem 1rem}.Boekhouding_boekingCard__jUj8m:active,.Boekhouding_btn__N0tpL:active,.Boekhouding_filterBtn__sQBHY:active{opacity:.9;transform:scale(.98)}.Boekhouding_formActions__HxbVj{background:#fff;border-top:1px solid var(--gray-200);bottom:0;display:flex;flex-wrap:wrap;gap:.75rem;margin:1rem -1rem -1rem;padding:1rem;position:-webkit-sticky;position:sticky}.Boekhouding_formActions__HxbVj .Boekhouding_btn__N0tpL{flex:1 1;min-width:120px}.Boekhouding_headerActions__evNMU{display:flex;flex-wrap:wrap;gap:.5rem}.Boekhouding_headerActions__evNMU .Boekhouding_btn__N0tpL{font-size:.85rem;padding:.5rem .75rem}}.Boekhouding_btwAangifteHeader__RJhFM{border-bottom:2px solid var(--gray-200);margin-bottom:1.5rem;padding-bottom:1rem}.Boekhouding_btwAangifteHeader__RJhFM h3{color:var(--gray-800);margin:0}.Boekhouding_btwAangifteTable__vNtHO{border-collapse:collapse;font-size:.9rem;width:100%}.Boekhouding_btwAangifteTable__vNtHO td,.Boekhouding_btwAangifteTable__vNtHO th{border-bottom:1px solid var(--gray-200);padding:.5rem .75rem}.Boekhouding_btwAangifteTable__vNtHO thead th{background:var(--gray-50);font-weight:600;text-align:center}.Boekhouding_headerIngediend__XE4y-{background:#fef3c7!important;color:#92400e}.Boekhouding_headerWerkelijk__0vybC{background:#dbeafe!important;color:#1e40af}.Boekhouding_btwAangifteTable__vNtHO .Boekhouding_colBtw__NZWkA,.Boekhouding_btwAangifteTable__vNtHO .Boekhouding_colOmzet__dGeZP{width:100px}.Boekhouding_inputBedrag__JjjQh{-moz-appearance:textfield;border:1px solid var(--gray-300);border-radius:4px;font-size:.875rem;padding:.25rem .5rem;text-align:right;width:90px}.Boekhouding_inputBedrag__JjjQh::-webkit-inner-spin-button,.Boekhouding_inputBedrag__JjjQh::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.Boekhouding_inputBedrag__JjjQh:focus{border-color:var(--primary);box-shadow:0 0 0 2px #2563eb1a;outline:none}.Boekhouding_inputBedrag__JjjQh:disabled{background:var(--gray-100);cursor:not-allowed}.Boekhouding_werkelijk__BXxvx{background:#f8fafc;color:var(--gray-500)}.Boekhouding_rubriekHeader__BNPlV td{background:var(--gray-100);padding-bottom:.5rem!important;padding-top:1rem!important}.Boekhouding_rubriekNr__yY9ba{color:var(--gray-500);font-weight:500;width:30px}.Boekhouding_berekend__cRW4L{background:#fefce8}.Boekhouding_emptyCell__wu9Bt{background:var(--gray-50)}.Boekhouding_totaalRow__zE9Tj td{background:var(--gray-100);border-top:2px solid var(--gray-400)}.Boekhouding_betaaldRow__V1Hjh td{background:var(--gray-50)}.Boekhouding_highlighted__4bkaQ{background:#eff6ff}.Boekhouding_textDanger__C8Xqe{color:#dc2626}.Boekhouding_textSuccess__bsWGJ{color:#16a34a}.Boekhouding_suppletieForm__cJs7l .Boekhouding_formRow__XwKgJ{display:flex;flex-wrap:wrap;gap:1rem}.Boekhouding_suppletieForm__cJs7l .Boekhouding_formGroup__phKxY{display:flex;flex-direction:column;gap:.25rem}.Boekhouding_suppletieForm__cJs7l label{color:var(--gray-700);font-size:.875rem;font-weight:500}.Boekhouding_suppletieForm__cJs7l input,.Boekhouding_suppletieForm__cJs7l select{border:1px solid var(--gray-300);border-radius:4px;font-size:.9rem;padding:.5rem}.Boekhouding_suppletieForm__cJs7l input:focus,.Boekhouding_suppletieForm__cJs7l select:focus{border-color:var(--primary);outline:none}.Boekhouding_explContainer__Ahxpm{max-width:900px}.Boekhouding_explTable__u2cOF{border-collapse:collapse;font-size:.9rem;width:100%}.Boekhouding_explTable__u2cOF td,.Boekhouding_explTable__u2cOF th{border-bottom:1px solid var(--gray-200);padding:.4rem .75rem}.Boekhouding_explTable__u2cOF thead th{background:var(--gray-50);font-weight:600;text-align:left}.Boekhouding_omzetRow__RIknc td{background:#ecfdf5}.Boekhouding_kosten__ahdPq{color:#dc2626}.Boekhouding_kostenLight__x42Al{color:#f87171;font-size:.85rem}.Boekhouding_kostenTotaalRow__KZ6AP td{background:#fef2f2}.Boekhouding_separatorRow__J4SLd td{border-bottom:none;color:var(--gray-400);padding:.2rem .75rem}.Boekhouding_winstRow__F-zlB td{background:#f0fdf4}.Boekhouding_winst__-nhFW{color:#059669;font-size:1.1rem}.Boekhouding_winstLight__vtL6w{color:#34d399;font-size:.85rem}.Boekhouding_controleRow__iUfL- td{background:var(--gray-50);color:var(--gray-500);font-size:.85rem}.Boekhouding_balansContainer__VbNek{max-width:600px}.Boekhouding_balansHeader__kgH6h{border-bottom:2px solid var(--gray-200);color:var(--gray-800);margin:0 0 1rem;padding-bottom:.75rem;text-align:center}.Boekhouding_balansTable__vtyXa{border-collapse:collapse;font-size:.9rem;width:100%}.Boekhouding_balansTable__vtyXa th{background:var(--gray-50);border-bottom:1px solid var(--gray-200);font-weight:600;padding:.5rem;text-align:left}.Boekhouding_balansTable__vtyXa th.Boekhouding_alignRight__sA-gR{text-align:right}.Boekhouding_balansTable__vtyXa td{padding:.3rem .5rem}.Boekhouding_balansTable__vtyXa .Boekhouding_spacerRow__LrxsV td{border-bottom:none;padding:.5rem}.Boekhouding_balansTable__vtyXa .Boekhouding_separatorRow__J4SLd td{border-bottom:none;color:var(--gray-400);padding:.2rem .5rem}.Boekhouding_balansTable__vtyXa .Boekhouding_totaalRow__zE9Tj{display:table-row!important}.Boekhouding_balansTable__vtyXa .Boekhouding_totaalRow__zE9Tj td{font-size:1rem;padding:.5rem}.Boekhouding_balansTable__vtyXa .Boekhouding_verschilRow__tAtVG td{padding-top:1rem}.Boekhouding_verschilFout__quOAr{color:#dc2626;font-weight:700}.Boekhouding_afschrijvingenContainer__l7vMb{display:flex;flex-direction:column;gap:1.5rem}.Boekhouding_afschrHeader__Fr46Z{border-bottom:2px solid var(--gray-200);color:var(--gray-800);margin:0 0 1rem;padding-bottom:.75rem}.Boekhouding_afschrTable__TGmEP{border-collapse:collapse;font-size:.85rem;width:100%}.Boekhouding_afschrTable__TGmEP td,.Boekhouding_afschrTable__TGmEP th{border-bottom:1px solid var(--gray-200);padding:.5rem}.Boekhouding_afschrTable__TGmEP thead th{background:var(--gray-50);font-size:.8rem;font-weight:600;text-align:left}.Boekhouding_afschrTable__TGmEP .Boekhouding_alignRight__sA-gR{text-align:right}.Boekhouding_afschrTable__TGmEP .Boekhouding_negatief__2dnXs{color:#dc2626}.Boekhouding_subtotaalRow__sAePc td{background:var(--gray-50);border-top:2px solid var(--gray-300)}.Boekhouding_afschrTable__TGmEP .Boekhouding_totaalRow__zE9Tj td{background:var(--gray-100);border-top:2px solid var(--gray-400)}.Boekhouding_totaalTable__MqiGU{max-width:600px}.Boekhouding_clickableRow__v9Mbe{cursor:pointer;transition:background .15s}.Boekhouding_clickableRow__v9Mbe:hover{background:var(--gray-50)}.Boekhouding_vastRow__ioAtI{background:#fef3c7}.Boekhouding_vastRow__ioAtI:hover{background:#fde68a}.Boekhouding_badgeVast__9wwN4{background:#f59e0b;border-radius:3px;color:#fff;font-size:.65rem;margin-left:.25rem;padding:.1rem .3rem}.Boekhouding_beginbalansGrid__3I8uq{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}@media (max-width:900px){.Boekhouding_beginbalansGrid__3I8uq{grid-template-columns:1fr}}.Boekhouding_sectionHeader__Mfra-{border-bottom:1px solid var(--gray-200);color:var(--gray-600);font-size:.875rem;font-weight:600;margin:1rem 0 .5rem;padding-bottom:.25rem}.Boekhouding_sectionHeader__Mfra-:first-of-type{margin-top:0}.Boekhouding_dataTable__6vCFv.Boekhouding_compact__sbYFc td{padding:.5rem}.Boekhouding_totaalRegel__2CKRa{background:var(--gray-50);border-top:2px solid var(--gray-300);display:flex;justify-content:space-between;margin-top:1rem;padding:1rem}.Boekhouding_negative__fFqLW{color:#dc2626}.Boekhouding_alertInfo__SX9qs{background:#dbeafe;border:1px solid #93c5fd;border-radius:6px;color:#1e40af;padding:.75rem 1rem}.Boekhouding_kapitaalContainer__SS-co{max-width:400px}.Boekhouding_kapitaalHeader__XT16h{border-bottom:2px solid var(--gray-200);color:var(--gray-800);margin:0 0 1rem;padding-bottom:.75rem}.Boekhouding_kapitaalTable__DuQ9V{border-collapse:collapse;font-size:1rem;width:100%}.Boekhouding_kapitaalTable__DuQ9V td{padding:.5rem .75rem}.Boekhouding_kapitaalTable__DuQ9V .Boekhouding_alignRight__sA-gR{text-align:right;width:150px}.Boekhouding_positief__h5If-{color:#059669}.Boekhouding_negatief__2dnXs{color:#dc2626}.Boekhouding_kapitaalTable__DuQ9V .Boekhouding_totaalRow__zE9Tj td{padding-top:.75rem}.Boekhouding_eindtotaalRow__kgs8y td{background:var(--gray-100);border-radius:4px;padding:.75rem}.Boekhouding_helpContent__YK9aC{line-height:1.7;max-width:900px}.Boekhouding_helpContent__YK9aC h2{border-bottom:2px solid var(--primary);color:var(--primary);margin-top:2rem;padding-bottom:.5rem}.Boekhouding_helpContent__YK9aC h3{color:var(--gray-700);margin-top:1.5rem}.Boekhouding_helpContent__YK9aC table{border-collapse:collapse;margin:1rem 0;width:100%}.Boekhouding_helpContent__YK9aC td,.Boekhouding_helpContent__YK9aC th{border:1px solid var(--gray-200);padding:.75rem;text-align:left}.Boekhouding_helpContent__YK9aC th{background:var(--gray-100);font-weight:600}.Boekhouding_helpContent__YK9aC code{background:var(--gray-100);border-radius:4px;font-size:.9em;padding:.2rem .4rem}.Boekhouding_helpContent__YK9aC ol,.Boekhouding_helpContent__YK9aC ul{margin:1rem 0;padding-left:1.5rem}.Boekhouding_helpContent__YK9aC li{margin:.5rem 0}.Boekhouding_helpContent__YK9aC hr{border:none;border-top:1px solid var(--gray-200);margin:2rem 0}.Boekhouding_helpSection__uLR-\+{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:1rem;padding:2rem}.Boekhouding_tipBox__GXh3n{background:#f0fdf4;border-left:4px solid #22c55e;border-radius:0 8px 8px 0;margin:1rem 0;padding:1rem}.Boekhouding_navQuick__Wlsfy{background:var(--gray-50);border-radius:8px;margin-bottom:2rem;padding:1rem}.Boekhouding_navQuick__Wlsfy a{background:#fff;border:1px solid var(--gray-200);border-radius:4px;color:var(--primary);display:inline-block;margin:.25rem .5rem .25rem 0;padding:.25rem .75rem;text-decoration:none}.Boekhouding_navQuick__Wlsfy a:hover{background:var(--primary);color:#fff}.Boekhouding_dcContainer__twys3{display:flex;flex-direction:column;gap:1.5rem}.Boekhouding_dcHeader__lQX-3{border-bottom:2px solid var(--gray-200);margin:0 0 1rem;padding-bottom:.75rem}.Boekhouding_dcDebiteuren__l5pFA{color:#059669!important}.Boekhouding_dcCrediteuren__HuFtx{color:#dc2626!important}.Boekhouding_dcTable__UZInn{border-collapse:collapse;font-size:.9rem;width:100%}.Boekhouding_dcTable__UZInn td,.Boekhouding_dcTable__UZInn th{border-bottom:1px solid var(--gray-200);padding:.5rem .75rem}.Boekhouding_dcTable__UZInn thead th{background:var(--gray-50);font-weight:600;text-align:left}.Boekhouding_dcTable__UZInn tbody td.Boekhouding_alignRight__sA-gR,.Boekhouding_dcTable__UZInn tfoot td.Boekhouding_alignRight__sA-gR,.Boekhouding_dcTable__UZInn thead th.Boekhouding_alignRight__sA-gR{text-align:right!important}.Boekhouding_dcTable__UZInn .Boekhouding_beginSaldoRow__DjMs7 td{background:var(--gray-50);font-style:italic}.Boekhouding_dcTable__UZInn .Boekhouding_totaalRow__zE9Tj td{background:var(--gray-100);border-top:2px solid var(--gray-300)}.Boekhouding_dcTable__UZInn td.Boekhouding_totaalCol__4zlh9,.Boekhouding_dcTable__UZInn th.Boekhouding_totaalCol__4zlh9{background:var(--gray-50);font-weight:500;text-align:right}.Boekhouding_facturenTable__uJRt1{max-width:100%}.Boekhouding_facturenTable__uJRt1 td:first-child,.Boekhouding_facturenTable__uJRt1 th:first-child{width:120px}.Boekhouding_facturenTable__uJRt1 td:nth-child(2),.Boekhouding_facturenTable__uJRt1 th:nth-child(2){width:140px}.Boekhouding_facturenTable__uJRt1 td:nth-child(3),.Boekhouding_facturenTable__uJRt1 th:nth-child(3){width:auto}.Boekhouding_facturenTable__uJRt1 td:nth-child(4),.Boekhouding_facturenTable__uJRt1 th:nth-child(4){width:120px}.Boekhouding_facturenTable__uJRt1 td:nth-child(5),.Boekhouding_facturenTable__uJRt1 th:nth-child(5){width:100px}.Boekhouding_facturenTable__uJRt1 td:nth-child(6),.Boekhouding_facturenTable__uJRt1 th:nth-child(6){width:120px}.Boekhouding_jaarrekening__3O0Aj{background:#e5e7eb;min-height:calc(100vh - 100px);padding:2rem}.Boekhouding_printButtons__KjKjc{display:flex;gap:.5rem;justify-content:flex-end;margin-bottom:1rem;position:-webkit-sticky;position:sticky;top:1rem;z-index:100}.Boekhouding_btnPrint__jVq3t{background:#1e40af;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem}.Boekhouding_btnPrint__jVq3t:hover{background:#1e3a8a}.Boekhouding_btnBack__kGxxw{background:#6b7280;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;text-decoration:none}.Boekhouding_btnBack__kGxxw:hover{background:#4b5563}.Boekhouding_page__ob4FI{background:#fff;box-shadow:0 2px 8px #0000001a;box-sizing:border-box;color:#1f2937;font-family:FreeSans,Nimbus Sans,Liberation Sans,sans-serif;font-size:10pt;line-height:1.4;margin:0 auto 20px;min-height:297mm;padding:15mm 20mm 20mm;position:relative;width:210mm}.Boekhouding_pageFooter__\+Shap{border-top:1px solid #999;bottom:10mm;color:#666;display:flex;font-size:9pt;justify-content:space-between;left:20mm;padding-top:3mm;position:absolute;right:20mm}.Boekhouding_voorblad__-O1Gl{align-items:flex-start;display:flex;flex-direction:column;font-family:FreeSans,Nimbus Sans,Liberation Sans,sans-serif;justify-content:flex-start;min-height:297mm;padding-top:5cm;text-align:left}.Boekhouding_voorblad__-O1Gl h1{color:#cce0f5;font-size:24pt;font-weight:700;line-height:1.1;margin:0}.Boekhouding_voorblad__-O1Gl h2{color:#cce0f5;font-size:24pt;font-weight:400;line-height:1.1;margin:0 0 2rem}.Boekhouding_jaarrekeningTitel__CBRUt{color:#000;font-size:60pt;font-weight:700;margin:1.5rem 0 0}.Boekhouding_jaarNummer__6yQBf{align-self:flex-end;color:#cce0f5;font-size:24pt;font-weight:700;margin:.5rem 0 1.5rem}.Boekhouding_adresBalk__4-RL5{align-items:center;background:#cce0f5;bottom:100mm;display:flex;justify-content:space-between;left:15mm;padding:10mm 20mm;position:absolute;right:15mm}.Boekhouding_adresTekst__7lSFh{color:#000;font-size:12pt;line-height:1.4;margin-left:-5mm;margin-top:5mm}.Boekhouding_cirkel__hnFG9{background:#fff;border-radius:50%;height:100px;width:100px}.Boekhouding_sectionHeaderBar__5m9nG{background:#cce0f5;border:.75pt solid #000;font-size:10pt;font-weight:700;height:5mm;line-height:5mm;margin:1rem 0 .5rem;padding:0 8px;text-align:center}.Boekhouding_tocTable__JFzk1{border-collapse:collapse;margin-top:20mm;width:100%}.Boekhouding_tocTable__JFzk1 td{padding:4px 0}.Boekhouding_tocTable__JFzk1 td:last-child{text-align:right;width:40px}.Boekhouding_jaarrekening__3O0Aj .Boekhouding_balansTable__vtyXa{border-collapse:collapse;width:100%}.Boekhouding_jaarrekening__3O0Aj .Boekhouding_balansTable__vtyXa td,.Boekhouding_jaarrekening__3O0Aj .Boekhouding_balansTable__vtyXa th{font-size:10pt;padding:2px 5px}.Boekhouding_colLabel__KRwB7{width:50%}.Boekhouding_colLabel__KRwB7.Boekhouding_indent__yyR6L{padding-left:2rem}.Boekhouding_colValue__yaQQ-{text-align:right;width:25%}.Boekhouding_indent__yyR6L{padding-left:1.5rem}.Boekhouding_jrTable__pNTrK{border-collapse:collapse;font-size:10pt;margin-bottom:1rem;width:100%}.Boekhouding_jrTable__pNTrK th{border-bottom:1px solid #333;font-weight:700;padding:3px 5px;text-align:left}.Boekhouding_jrTable__pNTrK td{padding:2px 5px}.Boekhouding_jrTable__pNTrK .Boekhouding_alignRight__sA-gR{text-align:right}.Boekhouding_jrTable__pNTrK .Boekhouding_indent__yyR6L{padding-left:1.5rem}.Boekhouding_jrTable__pNTrK .Boekhouding_subtotal__ylhAC td,.Boekhouding_jrTable__pNTrK .Boekhouding_total__dHtrW td{font-weight:700}.Boekhouding_jrTable__pNTrK .Boekhouding_rowSeparator__0PRgI td{border-top:1px solid #333}.Boekhouding_controleFout__iVvly{background-color:#fef2f2;color:#dc2626!important}.Boekhouding_controleWaarschuwing__5DgzR{background-color:#fef2f2;border:1px solid #dc2626;border-radius:4px;color:#dc2626;font-weight:700;margin-top:.5rem;padding:.5rem 1rem}.Boekhouding_controleOk__GZdnY{color:#059669}@media print{.Boekhouding_headerActions__evNMU,.Boekhouding_mobileMenuToggle__\+qO7L,.Boekhouding_mobileOverlay__UejEL,.Boekhouding_navBottom__BLHyZ,.Boekhouding_printButtons__KjKjc,.Boekhouding_sidebar__hac-n,.Boekhouding_topBar__zZiwY{display:none!important}.Boekhouding_boekhouding__Bse81,.Boekhouding_content__v7uGc,.Boekhouding_jaarrekening__3O0Aj,.Boekhouding_mainContent__Pr66T,body{background:#fff!important;margin:0!important;max-width:none!important;padding:0!important;width:100%!important}.Boekhouding_content__v7uGc{margin-left:0!important}.Boekhouding_page__ob4FI{box-shadow:none;height:297mm;margin:0;min-height:297mm;page-break-after:always;position:relative;width:210mm}.Boekhouding_page__ob4FI:last-child{page-break-after:auto}@page{size:A4;margin:0}.Boekhouding_adresBalk__4-RL5,.Boekhouding_jaarNummer__6yQBf,.Boekhouding_sectionHeaderBar__5m9nG,.Boekhouding_voorblad__-O1Gl,.Boekhouding_voorblad__-O1Gl h1,.Boekhouding_voorblad__-O1Gl h2{-webkit-print-color-adjust:exact;print-color-adjust:exact}}:root{--primary:#2563eb;--primary-dark:#1d4ed8;--success:#16a34a;--warning:#ca8a04;--danger:#dc2626;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--sidebar-width:170px}@keyframes spin{to{transform:rotate(1turn)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.help-page{min-height:100vh}.help-header-fixed,.help-page{background:#f5f5f5;max-width:100%}.help-header-fixed{padding:1.5rem 2rem 1rem;position:-webkit-sticky;position:sticky;top:-34px;z-index:100}.help-page h1{color:#1a1a1a;font-size:1.6rem;margin:0 auto .25rem;max-width:900px}.help-subtitle{color:#666;font-size:.95rem;margin:0 auto 1rem;max-width:900px}.help-content{margin:0 auto;max-width:900px;padding:.75rem 2rem 2rem}.help-quick-buttons{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(6,1fr);margin:0 auto;max-width:900px}.help-quick-btn{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 1px 3px #0000000d;color:#333;display:flex;flex-direction:column;justify-content:center;padding:.6rem .5rem;text-decoration:none;transition:all .2s}.help-quick-btn:hover{background:#4a9eff;border-color:#4a9eff;box-shadow:0 4px 8px #4a9eff4d;color:#fff;transform:translateY(-2px)}.help-quick-icon{font-size:1.75rem;margin-bottom:.4rem}.help-quick-btn span:last-child{font-size:.9rem;font-weight:500}.help-section{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 1px 3px #0000000d;margin-bottom:1.5rem;padding:1.5rem 2rem}.help-section h2{border-bottom:2px solid #4a9eff;color:#4a9eff;font-size:1.4rem;margin:0 0 .5rem;padding-bottom:.5rem;scroll-margin-top:255px}.help-section h3{color:#4a9eff;font-size:1.1rem;margin:1.5rem 0 .75rem}.help-section h3:first-of-type{margin-top:1rem}.help-section p{color:#444;line-height:1.6;margin:.5rem 0}.help-section ol,.help-section ul{color:#444;margin:.5rem 0;padding-left:1.5rem}.help-section li{line-height:1.5;margin:.4rem 0}.help-section li strong{color:#1a1a1a}.help-section ol ul,.help-section ul ul{margin:.25rem 0}.help-section table{border-collapse:collapse;font-size:.95rem;margin:1rem 0;width:100%}.help-section td,.help-section th{border:1px solid #e0e0e0;padding:.75rem 1rem;text-align:left}.help-section th{background:#f8f9fa;color:#1a1a1a;font-weight:600}.help-section tr:nth-child(2n){background:#fafafa}.help-section td strong{color:#1a1a1a}.help-tip-box{background:#f0f7ff;border:1px solid #b3d4ff;border-radius:6px;margin:1rem 0;padding:1rem 1.25rem}.help-tip-box h3{color:#1a1a1a;font-size:1rem;margin:0 0 .75rem}.help-tip-box p{margin:.5rem 0}.help-tip-box ol,.help-tip-box ul{margin:.5rem 0;padding-left:1.25rem}.help-tip-box li{margin:.3rem 0}.help-button{background:#4a9eff;border-radius:6px;color:#fff;display:inline-block;font-weight:500;margin-top:.5rem;padding:.6rem 1.25rem;text-decoration:none;transition:background .2s}.help-button:hover{background:#3a8eef;color:#fff}.help-footer{color:#999;font-size:.85rem;padding:2rem 0 1rem;text-align:center}.help-footer p{margin:0}@media (max-width:768px){.help-content,.help-header-fixed{padding:1rem}.help-quick-buttons{gap:.5rem;grid-template-columns:repeat(3,1fr)}.help-quick-btn{padding:.75rem .5rem}.help-quick-icon{font-size:1.4rem}.help-quick-btn span:last-child{font-size:.75rem}.help-section{padding:1rem 1.25rem}.help-section table{font-size:.85rem}.help-section td,.help-section th{padding:.5rem}}@media (max-width:480px){.help-quick-buttons{grid-template-columns:repeat(2,1fr)}}.App{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;text-align:center}.App-header{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:20px}.App-header h1{font-size:3rem;margin-bottom:.5rem}.App-header>p{font-size:1.2rem;margin-bottom:2rem;opacity:.9}.health-status{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:15px;margin:2rem 0;min-width:500px;padding:2rem}.health-status h2{font-size:1.8rem;margin-bottom:1.5rem}.status-item{background:#ffffff1a;border:2px solid #fff3;border-radius:10px;margin:1rem 0;padding:1.5rem;transition:all .3s ease}.status-item.healthy{background:#4caf5033;border-color:#4caf50}.status-item.unhealthy{background:#f4433633;border-color:#f44336}.status-item h3{font-size:1.3rem;margin-bottom:1rem;margin-top:0}.status-item p{font-size:1.1rem;margin:.5rem 0}.timestamp{opacity:.7}.error,.timestamp{font-size:.9rem!important}.error{color:#ff6b6b;margin-top:.5rem}.info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:15px;margin-top:2rem;max-width:600px;padding:2rem}.info p{font-size:1.1rem;margin-bottom:1rem}.info ul{list-style:none;padding:0}.info li{font-size:1rem;margin:.8rem 0}.info a{color:#90caf9;text-decoration:none;transition:color .3s ease}.info a:hover{color:#fff;text-decoration:underline}
/*# sourceMappingURL=main.9ba825e3.css.map*/