*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.loading-screen{color:#666;font-size:18px}button,input,select,textarea{font-family:inherit}.app-layout{display:flex;min-height:100vh}.main-content{background:#f3f4f6;flex:1 1;min-height:100vh}.main-content.with-sidebar{margin-left:240px;transition:margin-left .3s ease}@media (max-width:1024px){.main-content.with-sidebar{margin-left:70px}}@media (max-width:768px){.main-content.with-sidebar{margin-left:0}}.loading-screen{background:#f3f4f6;font-size:1.2rem;min-height:100vh}.btn-primary{background:#f8fafc!important;border:1px solid #d1d5db!important;border-radius:8px!important;color:#374151!important;padding:.6rem 1.25rem!important}.btn-primary:hover{background:#e5e7eb!important;border-color:#9ca3af!important}@media print{.sidebar{display:none!important;width:0!important}.main-content,.main-content.with-sidebar{margin-left:0!important;max-width:100%!important;padding:0!important;width:100%!important}}.sidebar{background:linear-gradient(180deg,#1e293b,#0f172a);bottom:0;display:flex;flex-direction:column;left:0;position:fixed;top:0;transition:width .3s ease;width:240px;z-index:1000}.sidebar.collapsed{width:70px}.sidebar-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:1.25rem 1rem}.logo{font-size:1.25rem;font-weight:700;overflow:hidden;white-space:nowrap}.collapse-btn,.logo{color:#fff;cursor:pointer}.collapse-btn{align-items:center;background:#ffffff1a;border:none;border-radius:6px;display:flex;height:28px;justify-content:center;transition:background .2s;width:28px}.collapse-btn:hover{background:#fff3}.sidebar.collapsed .collapse-btn{margin:0 auto}.sidebar-menu{flex:1 1;overflow-y:auto;padding:1rem .75rem}.menu-item{align-items:center;border-radius:8px;color:#ffffffb3;cursor:pointer;display:flex;gap:.75rem;margin-bottom:.25rem;padding:.75rem 1rem;position:relative;transition:all .2s}.menu-item:hover{background:#ffffff1a;color:#fff}.menu-item.active{background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff;font-weight:500}.menu-icon{flex-shrink:0;font-size:1.1rem;text-align:center;width:24px}.menu-label{font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-badge{background:#ef4444;border-radius:10px;color:#fff;font-size:.7rem;font-weight:600;margin-left:auto;padding:.15rem .5rem}.sidebar.collapsed .menu-badge{font-size:.6rem;padding:.1rem .35rem;position:absolute;right:4px;top:4px}.sidebar.collapsed .menu-label{display:none}.sidebar.collapsed .menu-item{justify-content:center;padding:.75rem}.menu-divider{background:#ffffff1a;height:1px;margin:1rem 0}.sidebar-footer{border-top:1px solid #ffffff1a;padding:.75rem}.sidebar-footer .menu-item.logout{color:#ffffff80}.sidebar-footer .menu-item.logout:hover{background:#ef444433;color:#fca5a5}.sidebar-menu::-webkit-scrollbar{width:4px}.sidebar-menu::-webkit-scrollbar-track{background:#0000}.sidebar-menu::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.main-content{margin-left:240px;transition:margin-left .3s ease}.main-content.sidebar-collapsed{margin-left:70px}@media (max-width:1024px){.sidebar{width:70px}.sidebar .logo,.sidebar .menu-label{display:none}.sidebar .menu-item{padding:.75rem}.sidebar .menu-item,.sidebar-header{justify-content:center}.collapse-btn{display:none}.main-content{margin-left:70px}}@media (max-width:768px){.sidebar{display:none}.main-content{margin-left:0}}@media print{.sidebar{display:none!important}}.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-box{background:#fff;border-radius:10px;box-shadow:0 10px 40px #0003;max-width:400px;padding:40px;width:100%}.login-header{margin-bottom:30px;text-align:center}.login-header h1{color:#333;font-size:28px;margin:0 0 10px}.login-header p{color:#666;font-size:14px;margin:0}.login-form{display:flex;flex-direction:column;gap:20px}.form-group input{font-size:14px;padding:12px;transition:border-color .3s}.btn-primary{font-size:16px;padding:14px;transition:transform .2s,box-shadow .2s}.btn-primary:hover:not(:disabled){box-shadow:0 5px 20px #667eea66;transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.error-message{border-radius:6px;padding:12px}.login-footer{border-top:1px solid #e0e0e0;margin-top:20px;padding-top:20px;text-align:center}.test-accounts{color:#666;font-size:12px;line-height:1.6;margin:0}.test-accounts strong{color:#333}.registratie-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:40px 20px}.registratie-box{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:600px;padding:40px;width:100%}.registratie-header{margin-bottom:30px;text-align:center}.registratie-header h1{color:#333;font-size:28px;margin:0 0 10px}.registratie-header p{color:#666;font-size:16px;margin:0}.registratie-form{display:flex;flex-direction:column;gap:30px}.form-section{border-bottom:2px solid #f0f0f0;padding-bottom:20px}.form-section:last-of-type{border-bottom:none}.form-section h3{color:#333;font-size:18px;font-weight:600;margin:0 0 20px}.form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:15px}.form-group label{color:#333}.form-group input{border:2px solid #e0e0e0;border-radius:6px;font-size:15px;padding:12px 15px;transition:all .3s}.form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group input:disabled{background-color:#f5f5f5;cursor:not-allowed}.btn-registreer{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:16px;transition:all .3s}.btn-registreer:hover:not(:disabled){box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}.btn-registreer:disabled{cursor:not-allowed;opacity:.6;transform:none}.error-message{background-color:#fee;border-left:4px solid #c33;border-radius:8px;color:#c33;font-size:14px;margin-bottom:20px;padding:15px}.login-link{color:#666;font-size:14px;margin-top:20px;text-align:center}.login-link a{color:#667eea;font-weight:600;text-decoration:none}.login-link a:hover{text-decoration:underline}.trial-info{background:#f8f9fa;border-left:4px solid #667eea;margin-top:30px;padding:20px}.trial-info h4{color:#667eea;font-size:16px;margin:0 0 15px}.trial-info ul{list-style:none;margin:0;padding:0}.trial-info li{color:#666;font-size:14px;padding:5px 0 5px 20px;position:relative}.trial-info li:before{color:#667eea;content:"✓";font-weight:700;left:0;position:absolute}@media (max-width:768px){.registratie-box{padding:30px 20px}.form-row{grid-template-columns:1fr}.registratie-header h1{font-size:24px}}.trial-warning{align-items:center;animation:slideDown .3s ease-out;background:linear-gradient(135deg,#fef5e7,#f9e79f);border-bottom:3px solid #f39c12;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:center;padding:16px 24px}.trial-warning.expired{background:linear-gradient(135deg,#fadbd8,#f1948a);border-bottom:3px solid #e74c3c}.trial-content{align-items:center;display:flex;gap:16px}.trial-icon{animation:pulse 2s infinite;font-size:28px}.trial-text{color:#2d3748;font-size:16px}.btn-upgrade,.trial-text strong{font-weight:700}.btn-upgrade{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 12px #667eea66;color:#fff;cursor:pointer;font-size:15px;padding:12px 28px;transition:all .3s}.btn-upgrade:hover{box-shadow:0 6px 20px #667eea99;transform:translateY(-2px)}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.wo-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.wo-modal{animation:woSlideIn .25s ease-out;background:#fff;border-radius:16px;box-shadow:0 25px 60px #0000004d;max-height:90vh;max-width:900px;overflow-y:auto;width:100%}@keyframes woSlideIn{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.wo-modal-header{align-items:center;background:linear-gradient(135deg,#1e3a5f,#2563eb);border-bottom:1px solid #e5e7eb;border-radius:16px 16px 0 0;color:#fff;display:flex;justify-content:space-between;padding:20px 28px}.wo-modal-header-left{align-items:center;display:flex;gap:12px}.wo-modal-header-left h2{font-size:1.25rem;font-weight:700;margin:0}.wo-id-badge{background:#fff3;border-radius:20px;font-size:13px;font-weight:600;padding:2px 10px}.wo-modal-header-right{align-items:center;display:flex;gap:8px}.wo-btn-close{align-items:center;background:#ffffff26;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:36px;justify-content:center;transition:background .2s;width:36px}.wo-btn-close:hover{background:#ffffff4d}.wo-form{padding:0}.wo-section{border-bottom:1px solid #f3f4f6;padding:20px 28px}.wo-section:last-of-type{border-bottom:none}.wo-section-title{color:#3b82f6;font-size:14px;font-weight:700;letter-spacing:.5px;margin-bottom:16px;text-transform:uppercase}.wo-grid-2{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.wo-field,.wo-grid-2{margin-bottom:12px}.wo-field label{color:#374151;display:block;font-size:13px;font-weight:600;margin-bottom:6px}.wo-field .required{color:#ef4444}.wo-field input,.wo-field select,.wo-field textarea{background:#fff;border:2px solid #e5e7eb;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:14px;padding:10px 14px;transition:all .2s;width:100%}.wo-field input:focus,.wo-field select:focus,.wo-field textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.wo-field textarea{min-height:70px;resize:vertical}.wo-monteur-grid{grid-gap:6px;background:#fafafa;border:2px solid #e5e7eb;border-radius:8px;display:grid;gap:6px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));max-height:180px;overflow-y:auto;padding:8px}.wo-monteur-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;display:flex;gap:8px;padding:8px 10px;transition:all .15s}.wo-monteur-item:hover{background:#eff6ff;border-color:#bfdbfe}.wo-monteur-item.selected{background:#eff6ff;border-color:#3b82f6}.wo-monteur-item input{accent-color:#3b82f6}.wo-monteur-name{color:#1f2937;flex:1 1;font-size:13px;font-weight:500}.wo-monteur-rol{background:#f3f4f6;border-radius:4px;color:#9ca3af;font-size:11px;padding:1px 6px}.wo-hint{color:#9ca3af;font-size:13px;grid-column:1/-1;padding:12px;text-align:center}.wo-badge-green{background:#dcfce7;border-radius:10px;color:#166534;font-size:11px;font-weight:600;margin-left:8px;padding:2px 8px}.wo-fotos-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));margin-bottom:12px}.wo-foto-item{aspect-ratio:1;border:2px solid #e5e7eb;border-radius:8px;overflow:hidden;position:relative}.wo-foto-item img{height:100%;object-fit:cover;width:100%}.wo-foto-new{border-color:#3b82f6}.wo-foto-remove{align-items:center;background:#ef4444e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:24px;justify-content:center;position:absolute;right:4px;top:4px;width:24px}.wo-foto-new-badge{background:#3b82f6;border-radius:3px;bottom:4px;color:#fff;font-size:9px;font-weight:700;left:4px;padding:1px 5px;position:absolute}.wo-foto-upload{display:flex;gap:10px}.wo-checklist-add{display:flex;gap:8px;margin-bottom:12px}.wo-checklist-add input{border:2px solid #e5e7eb;border-radius:8px;flex:1 1;font-family:inherit;font-size:14px;padding:10px 14px}.wo-checklist-add input:focus{border-color:#3b82f6;outline:none}.wo-type-select{background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:16px;padding:8px 4px;width:56px}.wo-checklist-items{display:flex;flex-direction:column;gap:4px}.wo-checklist-item{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;display:flex;gap:8px;padding:8px 12px}.wo-cl-icon{font-size:16px}.wo-cl-text{color:#374151;flex:1 1;font-size:13px}.wo-cl-remove{align-items:center;background:#fee2e2;border:none;border-radius:50%;color:#dc2626;cursor:pointer;display:flex;font-size:14px;height:22px;justify-content:center;width:22px}.wo-cl-remove:hover{background:#fca5a5}.wo-btn{border:none;border-radius:8px;cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;padding:8px 18px;transition:all .2s}.wo-btn-print{background:#ffffff26;color:#fff}.wo-btn-print:hover{background:#ffffff40}.wo-btn-upload{background:#eff6ff;border:2px solid #bfdbfe;border-radius:8px;color:#2563eb;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .2s}.wo-btn-upload:hover{background:#dbeafe}.wo-btn-green{background:#10b981;color:#fff;white-space:nowrap}.wo-btn-green:hover{background:#059669}.wo-modal-footer{background:#f9fafb;border-radius:0 0 16px 16px;border-top:1px solid #e5e7eb;bottom:0;display:flex;gap:10px;justify-content:flex-end;padding:16px 28px;position:-webkit-sticky;position:sticky}.wo-btn-cancel{background:#fff;border:2px solid #d1d5db;color:#4b5563;padding:10px 24px}.wo-btn-cancel:hover{background:#f3f4f6}.wo-btn-save{background:linear-gradient(135deg,#2563eb,#3b82f6);box-shadow:0 2px 8px #2563eb4d;color:#fff;font-size:14px;padding:10px 28px}.wo-btn-save:hover{box-shadow:0 4px 12px #2563eb66;transform:translateY(-1px)}.wo-btn-save:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:768px){.wo-modal{border-radius:12px;margin:10px;max-width:100%}.wo-modal-header{border-radius:12px 12px 0 0;padding:16px 20px}.wo-grid-2{grid-template-columns:1fr}.wo-section{padding:16px 20px}.wo-modal-footer{border-radius:0 0 12px 12px;padding:12px 20px}.wo-monteur-grid{grid-template-columns:1fr}.wo-checklist-add,.wo-foto-upload{flex-direction:column}}.dashboard{background-color:#f5f5f5;min-height:100vh}.navbar{align-items:center;background:#fff;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;padding:15px 30px}.navbar-brand h2{color:#333;font-size:24px;margin:0}.navbar-user{align-items:center;display:flex;gap:20px}.user-info{color:#333;font-weight:500}.user-role{color:#666;font-weight:400;margin-left:5px}.btn-logout{background-color:#e74c3c;border-radius:4px;color:#fff;font-size:14px;padding:8px 16px;transition:background-color .2s}.btn-logout:hover{background-color:#c0392b}.dashboard-content{margin:0 auto;max-width:1200px;padding:30px 20px}.dashboard-header h1{color:#333;margin:0}.btn-primary{border-radius:6px;transition:transform .2s}.stats-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.stat-card{border-left:4px solid #667eea;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:24px}.stat-card h3{color:#666;font-size:14px;font-weight:500;margin:0 0 10px;text-transform:uppercase}.stat-number{color:#333;font-size:32px;margin:0}.stat-nieuw{border-left-color:#3498db}.stat-behandeling{border-left-color:#f39c12}.stat-afgerond{border-left-color:#2ecc71}.werkorders-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:30px;padding:24px}.werkorders-section h2{color:#333;margin:0 0 20px}.werkorders-table{overflow-x:auto}.werkorders-table table{border-collapse:collapse;width:100%}.werkorders-table th{background-color:#f8f9fa;border-bottom:2px solid #e0e0e0;color:#333;font-weight:600;padding:12px;text-align:left}.werkorders-table td{border-bottom:1px solid #e0e0e0;padding:12px}.werkorders-table tr:hover{background-color:#f8f9fa}.badge-nieuw{background-color:#e3f2fd;color:#1976d2}.badge-behandeling{background-color:#fff3e0;color:#f57c00}.badge-afgerond{background-color:#e8f5e9;color:#388e3c}.btn-small{background-color:#667eea;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px;transition:background-color .2s}.btn-small:hover{background-color:#5568d3}.no-data{color:#999;font-style:italic;padding:40px}.quick-links{margin-top:30px}.quick-links h2{color:#333;margin-bottom:20px}.link-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.link-card{background:#fff;border:2px solid #0000;border-radius:8px;box-shadow:0 2px 4px #0000001a;cursor:pointer;padding:24px;text-align:left;transition:all .2s}.link-card:hover{border-color:#667eea;box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.link-card h3{color:#333;font-size:18px;margin:0 0 10px}.link-card p{color:#666;font-size:14px;margin:0}.dashboard-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px}.header-actions{flex-wrap:wrap}.afdeling-filter{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;gap:10px;padding:8px 16px}.afdeling-filter label{color:#4a5568;font-size:14px;font-weight:600;white-space:nowrap}.afdeling-select{background:#fff;border:2px solid #e2e8f0;border-radius:6px;cursor:pointer;font-family:inherit;font-size:14px;min-width:200px;padding:8px 12px;transition:all .2s}.afdeling-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}@media (max-width:768px){.dashboard-header{align-items:flex-start;flex-direction:column}.header-actions{flex-direction:column;width:100%}.afdeling-filter,.afdeling-select{width:100%}}.werkorder-title-row{margin-bottom:12px}.werkorder-meta span{align-items:center;display:flex;gap:4px}.no-werkorders{background:#fff;border-radius:12px;padding:60px 20px;text-align:center}.no-werkorders p{color:#718096;font-size:18px;margin-bottom:20px}.badge-nieuw{background:#bee3f8;color:#2c5282}.badge-behandeling{background:#fef5e7;color:#d68910}.btn-restwerk{align-items:center;background:#fed7d7;border:none;border-radius:6px;color:#c53030;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:10px 20px;position:relative;transition:all .2s}.btn-restwerk:hover{background:#fc8181;color:#fff}.restwerk-badge{animation:pulse 2s infinite;background:#c53030}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.btn-afgerond{background:#c6f6d5;border:none;border-radius:6px;color:#22543d;cursor:pointer;font-weight:600;padding:10px 20px;position:relative;transition:all .2s}.btn-afgerond:hover{background:#9ae6b4}.afdeling-filter{display:inline-block;position:relative}.filter-dropdown-button{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s}.filter-dropdown-button:hover{background-color:#f9fafb;border-color:#6366f1}.filter-dropdown-button.active{background-color:#eef2ff;border-color:#6366f1;color:#6366f1}.filter-dropdown-content{animation:dropdownFadeIn .15s ease-out;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 10px 25px #0000001a;left:0;margin-top:4px;max-height:400px;min-width:250px;overflow-y:auto;padding:8px;position:absolute;top:100%;z-index:1000}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.afdeling-checkboxes{display:flex;flex-direction:column;gap:4px}.checkbox-label{border-radius:6px;padding:8px 12px;transition:background-color .2s;-webkit-user-select:none;user-select:none}.checkbox-label:hover{background-color:#f3f4f6}.checkbox-label input[type=checkbox]{accent-color:#6366f1;cursor:pointer;height:18px;margin-right:10px;width:18px}.checkbox-label span{color:#374151;flex:1 1;font-size:14px}.filter-actions{border-top:1px solid #e5e7eb;display:flex;gap:8px;margin-top:8px;padding-top:8px}.btn-clear-filter{background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-size:13px;padding:6px 12px;transition:background-color .2s}.btn-clear-filter:hover{background:#dc2626}.btn-close-dropdown{background:#6b7280;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;padding:6px 12px;transition:background-color .2s}.btn-close-dropdown:hover{background:#4b5563}.filter-count-badge{background:#6366f1;border-radius:10px;color:#fff;font-size:12px;font-weight:600;padding:2px 8px}.btn-urgent{background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s}.btn-urgent:hover{background:#dc2626;box-shadow:0 4px 12px #ef44444d;transform:translateY(-1px)}.btn-storingen{background:#f59e0b;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s}.btn-storingen:hover{background:#d97706;box-shadow:0 4px 12px #f59e0b4d;transform:translateY(-1px)}.btn-logout,.btn-restwerk,.btn-storingen{position:relative}.restwerk-badge{align-items:center;background:#dc2626;border-radius:50%;display:flex;height:24px;justify-content:center;right:-8px;top:-8px;width:24px;z-index:10}.quick-stats{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.stat-mini{align-items:center;background:#fff;border-left:4px solid #3b82f6;border-radius:12px;box-shadow:0 2px 8px #00000014;cursor:pointer;display:flex;flex-direction:column;min-width:100px;padding:1rem 1.5rem;transition:transform .2s,box-shadow .2s}.stat-mini:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.stat-mini.stat-nieuw{border-left-color:#f59e0b}.stat-mini.stat-behandeling{border-left-color:#8b5cf6}.stat-mini.stat-afgerond{border-left-color:#10b981}.stat-mini.stat-storing{border-left-color:#ef4444}.stat-mini.stat-restwerk{border-left-color:#f97316}.stat-num{color:#1f2937;font-size:1.75rem;font-weight:700}.stat-lbl{color:#6b7280;font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.widgets-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(3,1fr);margin-bottom:2rem}.widget{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;overflow:hidden;transition:box-shadow .2s}.widget:hover{box-shadow:0 4px 16px #0000001f}.widget-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1rem 1.25rem}.widget-header h3{color:#374151;font-size:.95rem;font-weight:600;margin:0}.widget-count{background:#3b82f6;border-radius:12px;color:#fff;font-size:.8rem;font-weight:600;padding:.25rem .6rem}.widget-urgent .widget-header{background:#fef2f2}.widget-urgent .widget-count{background:#ef4444}.widget-warning .widget-header{background:#fffbeb}.widget-warning .widget-count{background:#f97316}.widget-success .widget-header{background:#f0fdf4}.widget-success .widget-count{background:#10b981}.widget-project .widget-header{background:#f5f3ff}.widget-project .widget-count{background:#8b5cf6}.widget-content{flex:1 1;max-height:280px;overflow-y:auto;padding:.5rem}.widget-item{border-bottom:1px solid #f3f4f6;border-radius:8px;cursor:pointer;padding:.75rem;transition:background .15s}.widget-item:last-child{border-bottom:none}.widget-item:hover{background:#f8fafc}.widget-item-title{color:#1f2937;font-size:.9rem;font-weight:500;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.widget-item-meta{color:#6b7280;font-size:.75rem}.widget-empty{color:#9ca3af;font-size:.875rem;padding:2rem;text-align:center}.widget-footer{background:#f8fafc;border-top:1px solid #e5e7eb;color:#3b82f6;cursor:pointer;font-size:.8rem;font-weight:500;padding:.75rem 1.25rem;text-align:center;transition:background .15s}.widget-footer:hover{background:#eff6ff}.progress-bar-mini{background:#e5e7eb;border-radius:2px;height:4px;margin-top:.5rem;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#8b5cf6,#6366f1);border-radius:2px}.project-progress{background:#ede9fe;border-radius:4px;color:#7c3aed;font-size:.7rem;font-weight:600;padding:.1rem .4rem}.quick-links{border-top:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:.75rem;padding:1rem 0}.quick-link{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-size:.875rem;padding:.6rem 1.25rem;transition:all .15s}.quick-link:hover{background:#f8fafc;border-color:#3b82f6;color:#3b82f6}@media (max-width:1200px){.widgets-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.widgets-grid{grid-template-columns:1fr}.quick-stats{justify-content:center}.stat-mini{min-width:80px;padding:.75rem 1rem}.stat-num{font-size:1.5rem}}.page-header{background:#fff;border-bottom:1px solid #e5e7eb;margin-bottom:1.5rem;padding:1.5rem 2rem}.page-header-left h1{color:#1f2937;font-size:1.5rem;margin:0}.page-header-left .welcome-text{color:#6b7280;font-size:.9rem}.page-header-right{align-items:center;display:flex;gap:.75rem}.btn-primary{background:linear-gradient(135deg,#3b82f6,#6366f1)}.btn-primary:hover{box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.btn-filter{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-size:.875rem;padding:.6rem 1rem}.btn-filter:hover{background:#f9fafb}.dashboard{padding:0}.dashboard-container{padding:0 2rem 2rem}.btn-primary{background:#f8fafc;border:1px solid #d1d5db;color:#374151;font-size:.9rem;padding:.6rem 1.25rem}.btn-primary:hover{background:#e5e7eb;border-color:#9ca3af}.super-admin-panel{background:#f5f7fa;min-height:100vh}.admin-container{margin:0 auto;max-width:1400px;padding:30px 20px}.admin-header{margin-bottom:40px}.admin-header h1{color:#2d3748;font-size:32px;margin-bottom:30px}.admin-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.stat-card{padding:25px;text-align:center}.stat-number{font-size:36px;margin-bottom:8px}.bedrijven-table{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.bedrijven-table table{border-collapse:collapse;width:100%}.bedrijven-table thead{background:#f7fafc;border-bottom:2px solid #e2e8f0}.bedrijven-table th{color:#4a5568;font-size:13px;font-weight:600;letter-spacing:.5px;padding:16px;text-align:left;text-transform:uppercase}.bedrijven-table td{border-bottom:1px solid #e2e8f0;color:#2d3748;padding:16px}.bedrijven-table tbody tr:hover{background:#f7fafc}.bedrijf-naam{color:#2d3748;font-weight:600}.badge{padding:6px 12px;text-transform:capitalize}.badge-trial{background:#fef5e7;color:#d68910}.badge-basic{background:#e8f4fd;color:#1e88e5}.badge-pro{background:#f3e5f5;color:#8e24aa}.badge-premium{background:#fff3e0;color:#f57c00}.trial-status{color:#4a5568;font-size:13px}.trial-warning{color:#e53e3e;font-weight:600}.status-badge{display:inline-block}.status-active{background:#c6f6d5;color:#22543d}.status-inactive{background:#fed7d7;color:#742a2a}.status-blocked{background:#feb2b2;color:#742a2a}@media (max-width:1200px){.bedrijven-table{overflow-x:auto}.bedrijven-table table{min-width:900px}}@media (max-width:768px){.admin-stats{grid-template-columns:1fr}.admin-header h1{font-size:24px}}.import-page{background:#f9fafb;min-height:100vh}.import-content{padding:20px}.tabs{border-bottom:2px solid #e5e7eb;display:flex;gap:10px;margin-bottom:30px}.tab{background:none;border:none;border-bottom:3px solid #0000;color:#6b7280;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .2s}.tab:hover{background:#f3f4f6;color:#374151}.tab.active{border-bottom-color:#3b82f6;color:#3b82f6}.import-instructions{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:30px;padding:20px}.import-instructions h3{color:#374151;font-size:18px;margin-top:0}.import-instructions p{color:#6b7280;margin:10px 0}.import-instructions ul{margin:15px 0;padding-left:20px}.import-instructions li{color:#4b5563;line-height:1.6;margin:8px 0}.import-instructions strong{background:#f3f4f6;border-radius:3px;color:#1f2937;font-family:Courier New,monospace;padding:2px 6px}.upload-section{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:30px;padding:30px}.upload-section input[type=file]{background:#f9fafb;border:2px dashed #d1d5db;border-radius:8px;cursor:pointer;padding:15px;transition:all .2s;width:100%}.upload-section input[type=file]:hover{background:#eff6ff;border-color:#3b82f6}.validation-errors{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:30px;padding:20px}.validation-errors h4{color:#dc2626;font-size:16px;margin:0 0 15px}.validation-errors ul{list-style:none;margin:0;padding:0}.validation-errors li{background:#fee2e2;border-left:4px solid #dc2626;border-radius:6px;color:#991b1b;margin:8px 0;padding:10px 15px}.success-message{background:#d1fae5;border-left:4px solid #10b981;color:#065f46;font-weight:600;margin-bottom:30px;padding:15px 20px}.preview-section,.success-message{border-radius:8px;box-shadow:0 1px 3px #0000001a}.preview-section{background:#fff;padding:20px}.preview-section h3{color:#374151;font-size:18px;margin-bottom:15px;margin-top:0}.table-wrapper{margin-bottom:20px;overflow-x:auto}.preview-section table{border-collapse:collapse;min-width:800px;width:100%}.preview-section td,.preview-section th{border-bottom:1px solid #e5e7eb;font-size:14px;padding:12px;text-align:left}.preview-section th{background:#f9fafb;color:#374151;font-weight:600;position:-webkit-sticky;position:sticky;top:0}.preview-section tr:hover{background:#f9fafb}.preview-section td{color:#4b5563}.import-actions{align-items:center;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;padding-top:20px}.import-actions p{color:#374151;font-size:16px;margin:0}.import-actions strong{color:#1f2937}.btn-import{background:#10b981;border:none;border-radius:8px;box-shadow:0 1px 3px #0000001a;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 32px;transition:all .2s}.btn-import:hover:not(:disabled){background:#059669;box-shadow:0 4px 6px #0000001a;transform:translateY(-1px)}.btn-import:disabled{background:#9ca3af;cursor:not-allowed;transform:none}@media (max-width:768px){.import-actions{align-items:stretch;flex-direction:column;gap:15px}.btn-import{width:100%}}.btn-download-template{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:15px;padding:10px 20px;transition:all .2s}.btn-download-template:hover{background:#2563eb;transform:translateY(-1px)}.werkorder-detail{background:#f5f7fa;min-height:100vh}.detail-container{margin:0 auto;max-width:1400px;padding:30px 20px}.detail-header{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:30px;padding:30px}.header-main{align-items:flex-start;display:flex;gap:20px;justify-content:space-between;margin-bottom:30px}.header-main h1{color:#2d3748;flex:1 1;font-size:28px;margin:0}.status-actions{border-top:2px solid #e2e8f0;margin-top:20px;padding-top:20px}.status-actions label{color:#4a5568;display:block;font-weight:600;margin-bottom:12px}.btn-status{font-weight:600}.btn-status:hover:not(:disabled){box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.btn-status:disabled{cursor:not-allowed;opacity:.6}.detail-grid{grid-gap:30px;gap:30px;grid-template-columns:1fr 400px}.detail-main,.detail-sidebar{display:flex;flex-direction:column;gap:20px}.info-card{border:1px solid #e2e8f0;box-shadow:0 2px 8px #00000014}.info-card h3{font-size:16px;font-weight:600}.info-card p{color:#475569;font-size:14px;line-height:1.6;margin:0}.info-card .info-rows{grid-gap:0!important;display:grid!important;gap:0!important;grid-template-columns:repeat(3,1fr)!important}.info-card .info-row{border-bottom:1px solid #f1f5f9!important;border-right:1px solid #f1f5f9!important;display:flex!important;flex-direction:column!important;font-size:14px!important;padding:12px 16px!important;text-align:center!important}.info-card .info-row:nth-child(3n){border-right:none!important}.info-card .info-label{color:#64748b!important;font-size:12px!important;margin-bottom:4px!important}.info-card .info-row span:last-child{color:#1e293b!important;font-weight:600!important}ordernummer-value{color:#2d3748;font-size:15px;font-weight:700}border-radius:6px;margin-bottom:8px;border-bottom:none;.ordernummer-value{color:#92400e;font-size:15px;font-weight:700}.btn-maps{background:#48bb78;font-weight:600;margin-top:16px;padding:12px 24px;transition:all .2s}.btn-maps:hover{background:#38a169;transform:translateY(-2px)}.checklist-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.checklist-progress{background:#edf2f7;border-radius:20px;color:#4a5568;font-size:14px;font-weight:600;padding:6px 12px}.progress-bar{background:#e2e8f0;border-radius:4px;height:8px;margin-bottom:20px}.progress-fill{background:linear-gradient(90deg,#48bb78,#38a169);transition:width .3s ease}.checklist-items{display:flex;flex-direction:column;gap:8px}.checklist-item{align-items:flex-start;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;display:flex;gap:12px;padding:14px 16px;transition:all .2s}.checklist-item:hover{background:#f1f5f9;border-color:#cbd5e1}.checklist-item input[type=checkbox]{accent-color:#22c55e;cursor:pointer;height:20px;margin-top:2px;width:20px}.checklist-item span{color:#334155;flex:1 1;font-size:14px;line-height:1.5}.checklist-item span.completed{color:#94a3b8;text-decoration:line-through}.checklist-item small{color:#22c55e;font-size:12px;font-weight:600}.foto-upload-buttons{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:20px}.btn-foto-upload{background:#667eea;border-radius:8px;color:#fff;cursor:pointer;display:block;font-weight:600;padding:12px;text-align:center;transition:all .2s}.btn-foto-upload:hover{background:#5568d3;transform:translateY(-2px)}.uploading{color:#667eea;font-weight:600;margin:10px 0;text-align:center}.foto-gallery{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.foto-thumb{border:2px solid #e2e8f0;overflow:hidden}.foto-thumb:hover{border-color:#667eea}.foto-thumb img{height:100%;object-fit:cover;width:100%}.no-fotos{color:#718096;padding:40px 20px;text-align:center}.foto-lightbox{align-items:center;background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.lightbox-content{max-height:90vh;max-width:90vw;position:relative}.lightbox-content img{border-radius:8px;max-height:80vh;max-width:100%}.btn-close-lightbox{background:#fff;border:none;border-radius:50%;cursor:pointer;font-size:24px;height:40px;position:absolute;right:0;top:-40px;transition:all .2s;width:40px}.btn-close-lightbox:hover{background:#fc8181;color:#fff;transform:scale(1.1)}.foto-info{background:#fffffff2;border-radius:8px;margin-top:16px;padding:12px;text-align:center}.foto-info p{color:#2d3748;margin:4px 0}.btn-back{background:#e2e8f0;border:none;border-radius:6px;color:#2d3748;font-weight:600;margin-right:16px;padding:10px 20px}.btn-back:hover{background:#cbd5e0}@media (max-width:1024px){.detail-grid{grid-template-columns:1fr}.foto-gallery{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.header-main,.status-buttons{flex-direction:column}.btn-status{width:100%}.foto-gallery{grid-template-columns:repeat(2,1fr)}.foto-upload-buttons{grid-template-columns:1fr}}.text-item{align-items:flex-start;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;display:flex;gap:12px;padding:14px 16px}.text-item-icon{font-size:18px;margin-top:2px}.text-item-content{display:flex;flex:1 1;flex-direction:column;gap:8px}.text-item-content span{color:#334155;font-size:14px;font-weight:500}.text-item-value{background:#e2e8f0;border-radius:8px;color:#1e293b;font-size:14px;padding:10px 14px}.text-item-value strong{color:#64748b;font-weight:500;margin-right:8px}.text-item small{color:#22c55e;font-size:12px;font-weight:600}.btn-edit-text{background:#0000;border:none;cursor:pointer;font-size:16px;padding:4px}.btn-fill-text{align-self:flex-start;background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s}.btn-fill-text:hover{background:#5568d3}.checkbox-item{gap:12px;-webkit-user-select:none;user-select:none;width:100%}@media print{.app-layout>.sidebar,.sidebar,nav{display:none!important;width:0!important}.main-content,.main-content.with-sidebar{margin-left:0!important;padding:0!important;width:100%!important}.btn-maps,.detail-header,.navbar,.status-actions{display:none!important}.detail-container,.detail-grid,.detail-main,.werkorder-detail{margin:0!important;max-width:100%!important;padding:10px!important;width:100%!important}.info-card{border:1px solid #ddd!important;box-shadow:none!important;break-inside:avoid;margin-bottom:10px!important;page-break-inside:avoid}}.werkorder-comments{background:#f7fafc;border-radius:12px;margin-top:30px;padding:24px}.werkorder-comments h3{color:#2d3748;font-size:20px;margin:0 0 20px}.comment-form{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;margin-bottom:24px;padding:16px}.comment-form textarea{border:2px solid #e2e8f0;border-radius:8px;font-family:inherit;font-size:14px;margin-bottom:12px;padding:12px;resize:vertical;width:100%}.comment-form textarea:focus{border-color:#667eea;outline:none}.btn-add-comment{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s}.btn-add-comment:hover:not(:disabled){background:#5a67d8;transform:translateY(-2px)}.btn-add-comment:disabled{background:#cbd5e0;cursor:not-allowed}.comments-list{display:flex;flex-direction:column;gap:12px}.comment-item{background:#fff;border-left:4px solid #667eea;border-radius:8px;box-shadow:0 2px 4px #0000000d;padding:16px}.comment-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.comment-author{align-items:center;display:flex;gap:8px}.author-name{color:#2d3748;font-weight:600}.author-role{color:#718096;font-size:13px}.comment-meta{align-items:center;display:flex;gap:12px}.comment-time{color:#a0aec0;font-size:13px}.btn-delete-comment{background:none;border:none;color:#e53e3e;cursor:pointer;font-size:24px;height:24px;line-height:1;padding:0;transition:all .2s;width:24px}.btn-delete-comment:hover{color:#c53030;transform:scale(1.2)}.comment-body{word-wrap:break-word;color:#4a5568;line-height:1.6;white-space:pre-wrap}.no-comments{color:#a0aec0;padding:40px 20px;text-align:center}.comments-loading{color:#718096;padding:20px;text-align:center}@media (max-width:768px){.comment-header{align-items:flex-start;flex-direction:column;gap:8px}}.afdelingen-beheer{background:#f5f7fa;min-height:100vh}.afdelingen-container{margin:0 auto;max-width:1200px;padding:30px 20px}.afdelingen-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.afdelingen-header h1{color:#2d3748;font-size:32px;margin:0}.afdelingen-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.afdeling-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px;transition:all .2s}.afdeling-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.afdeling-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.afdeling-header h3{color:#2d3748;font-size:20px;margin:0}.btn-delete{background:#fed7d7;border-radius:50%;color:#c53030;font-size:24px;height:32px;line-height:1;width:32px}.btn-delete:hover{background:#fc8181;color:#fff}.afdeling-beschrijving{color:#718096;font-size:14px;margin:0 0 16px}.afdeling-stats{border-top:2px solid #e2e8f0;display:flex;gap:24px;padding-top:16px}.stat{display:flex;flex-direction:column;gap:4px}.stat-number{color:#667eea;font-size:24px}.stat-label{color:#718096;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.modal-content{max-width:500px}.form-group input,.form-group textarea{border:2px solid #e2e8f0;border-radius:6px;font-family:inherit;font-size:15px;padding:12px;transition:border-color .2s;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#667eea;outline:none}.form-group textarea{resize:vertical}@media (max-width:768px){.afdelingen-header{align-items:flex-start;flex-direction:column;gap:16px}.afdelingen-grid{grid-template-columns:1fr}}.gebruikers-beheer{background:#f5f7fa;min-height:100vh}.gebruikers-container{margin:0 auto;max-width:1400px;padding:30px 20px}.gebruikers-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.gebruikers-header h1{color:#2d3748;font-size:32px;margin:0}.gebruikers-table{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:visible}.gebruikers-table table{border-collapse:collapse;width:100%}.gebruikers-table thead{background:#f7fafc;border-bottom:2px solid #e2e8f0}.gebruikers-table th{color:#4a5568;font-size:13px;font-weight:600;letter-spacing:.5px;padding:16px;text-align:left;text-transform:uppercase}.gebruikers-table td{border-bottom:1px solid #e2e8f0;color:#2d3748;padding:16px}.gebruikers-table tbody tr:hover{background:#f7fafc}.badge-rol{background:#e8f4fd;border-radius:12px;color:#1e88e5;font-size:12px;font-weight:600;padding:4px 12px;text-transform:capitalize}.form-group select{cursor:pointer}.modal-overlay{z-index:2000}.modal-content{box-shadow:0 20px 60px #0000004d;max-width:1100px}.modal-header{border-bottom:2px solid #e2e8f0;padding:24px}.modal-header h2{color:#2d3748;font-size:24px}.btn-close{color:#718096;font-size:32px;height:32px;padding:0;width:32px}.btn-close:hover{color:#2d3748}.modal-content form{padding:24px}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);font-size:15px;font-weight:600;padding:12px 24px;transition:all .2s}.btn-primary:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.btn-secondary{background:#e2e8f0;border:none;border-radius:6px;color:#2d3748;font-weight:600;margin-right:10px;padding:10px 20px;transition:all .2s}.btn-secondary:hover{background:#cbd5e0}.btn-logout{background:#fed7d7;border:none;border-radius:6px;color:#c53030;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .2s}.btn-logout:hover{background:#fc8181;color:#fff}.no-data{color:#718096}@media (max-width:768px){.gebruikers-header{align-items:flex-start;flex-direction:column;gap:16px}.gebruikers-table{overflow-x:auto}.gebruikers-table table{min-width:700px}.form-row{grid-template-columns:1fr}}.btn-delete-small{background:#fed7d7;border-radius:50%;color:#c53030;font-size:20px;height:28px;line-height:1;width:28px}.btn-delete-small:hover{background:#fc8181;color:#fff}.action-buttons{gap:8px;justify-content:center}.btn-deactivate{align-items:center;background:#fff3cd;border:none;border-radius:50%;color:#856404;cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;line-height:1;transition:all .2s;width:32px}.btn-deactivate:hover{background:#ffc107;color:#fff;transform:scale(1.15)}.btn-delete-permanent{align-items:center;background:#f8d7da;border:none;border-radius:50%;color:#721c24;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;line-height:1;transition:all .2s;width:32px}.btn-delete-permanent:hover{background:#dc3545;color:#fff;transform:scale(1.15)}.text-muted{color:#6c757d;font-size:13px;font-style:italic}.klantenboek{background:#f5f7fa;min-height:100vh}.klanten-container{margin:0 auto;max-width:1400px;padding:30px 20px}.klanten-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px}.klanten-header h1{color:#2d3748;font-size:32px;margin:0}.header-actions{align-items:center;display:flex;gap:12px}.search-input{border:2px solid #e2e8f0;font-size:15px;padding:12px 20px;transition:all .2s;width:300px}.search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.klanten-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.klanten-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.klant-card{background:#fff;border-left:4px solid #667eea;border-radius:12px;box-shadow:0 2px 8px #0000001a;cursor:pointer;padding:24px;transition:all .2s}.klant-card:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-4px)}.klant-header{gap:12px;margin-bottom:16px}.klant-header h3{color:#2d3748;flex:1 1;font-size:20px;margin:0}.badge-restwerk{background:#fed7d7;border-radius:12px;color:#c53030;font-size:12px;font-weight:600;padding:4px 12px;white-space:nowrap}.klant-contact{color:#4a5568;font-size:15px;margin:8px 0}.klant-adres{color:#718096;font-size:14px;line-height:1.5;margin:8px 0}.klant-meta{border-top:1px solid #e2e8f0;color:#718096;display:flex;flex-wrap:wrap;font-size:13px;gap:16px;margin-top:16px;padding-top:16px}.log-count{color:#667eea;font-weight:600}.klant-modal{max-width:700px}@media (max-width:768px){.klanten-header{align-items:flex-start;flex-direction:column}.header-actions{flex-direction:column;width:100%}.search-input{width:100%}.klanten-grid{grid-template-columns:1fr}}.btn-delete-small{background:none;border:none;border-radius:4px;cursor:pointer;font-size:1.2rem;opacity:.6;padding:4px 8px;transition:all .2s}.btn-delete-small:hover{background-color:#ef44441a;opacity:1;transform:scale(1.1)}.klant-header{align-items:flex-start;display:flex;gap:8px;justify-content:space-between}.klant-actions{display:flex;gap:4px}.klant-detail-page{padding:0}.page-header h1{color:#1e293b;font-size:24px;font-weight:700}.klant-content{display:flex;flex-direction:column;gap:20px}.info-card{border:1px solid #e5e7eb;border-radius:8px;padding:20px}.info-item{align-items:flex-start;display:flex;font-size:14px;padding:8px 0}.info-item.notities{flex-direction:column;gap:4px}.info-label{color:#6b7280;min-width:140px}.info-value{color:#111827}.info-link{color:#3b82f6;text-decoration:none}.info-link:hover{text-decoration:underline}.action-buttons{display:flex;flex-direction:row!important;flex-wrap:wrap;gap:10px;margin-top:16px}.btn-action{align-items:center;display:inline-flex;gap:6px;padding:8px 16px;white-space:nowrap}.btn-blue{background:#3b82f6;border:none;color:#fff}.btn-blue:hover{background:#2563eb}.btn-light{background:#fff;border:1px solid #d1d5db;color:#374151}.btn-light:hover{background:#f9fafb;border-color:#9ca3af}.history-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:20px}.history-card h3{color:#111827;font-size:16px;font-weight:600;margin:0 0 16px}.no-logs{color:#6b7280;padding:32px 16px;text-align:center}.logs-list{display:flex;flex-direction:column;gap:12px}.log-item{background:#f9fafb;border-left:3px solid #3b82f6;border-radius:8px;padding:16px}.log-item.has-restwerk{background:#fffbeb;border-left-color:#f59e0b}.log-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:8px}.log-type{align-items:center;display:flex;gap:8px}.type-icon{font-size:16px}.type-label{color:#111827;font-size:14px;font-weight:600}.badge-new{background:#10b981;border-radius:10px;color:#fff;font-size:11px;font-weight:500;padding:2px 8px}.log-meta{align-items:flex-end;color:#6b7280;display:flex;flex-direction:column;font-size:13px;gap:2px}.log-date{color:#9ca3af;font-size:12px}.log-content{color:#374151;font-size:14px;line-height:1.5;margin:0}.log-werkorder{color:#3b82f6;font-size:13px;margin:8px 0 0}.log-fotos{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.log-foto{border-radius:4px;cursor:pointer;height:60px;object-fit:cover;width:60px}.modal-overlay{padding:20px}.modal-box{background:#fff;border-radius:8px;max-height:90vh;max-width:400px;overflow-y:auto;width:100%}.modal-box.modal-large{max-width:480px}.modal-header{border-bottom:1px solid #e5e7eb;padding:16px 20px}.modal-header h2{color:#111827;font-size:16px;font-weight:600}.btn-close{color:#6b7280;line-height:1}.btn-close:hover{color:#111827}.modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:10px;justify-content:flex-end;padding:16px 20px}.qr-content{padding:24px;text-align:center}.qr-code-box{display:inline-block;margin-bottom:16px}.qr-name{color:#111827;font-size:16px;font-weight:600;margin:0 0 4px}.qr-address{color:#6b7280;font-size:14px;margin:0 0 12px}.qr-hint{background:#f9fafb;border-radius:6px;color:#9ca3af;font-size:13px;margin:0;padding:10px}.log-form{padding:20px}.form-group label{color:#374151}.form-group select,.form-group textarea{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:10px 12px;width:100%}.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6;outline:none}.checkbox-label{align-items:center;cursor:pointer;display:flex;font-size:14px;font-weight:400!important;gap:8px}.checkbox-label input[type=checkbox]{height:16px;width:16px}.foto-buttons{display:flex;gap:10px}.btn-foto{background:#f9fafb;border:1px dashed #d1d5db;border-radius:6px;color:#6b7280;flex:1 1;padding:10px;text-align:center}.btn-foto:hover{background:#f3f4f6}.foto-previews{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.foto-preview{height:60px;width:60px}.foto-preview img{border-radius:4px}.btn-remove{align-items:center;background:#ef4444;display:flex;font-size:14px;height:20px;justify-content:center;right:-6px;top:-6px;width:20px}.btn-primary{background:#3b82f6;font-size:14px;padding:8px 16px}.btn-primary:hover{background:#2563eb}.btn-secondary{background:#fff;font-size:14px;padding:8px 16px}.btn-secondary:hover{background:#f9fafb}.loading-screen{align-items:center;color:#6b7280;display:flex;font-size:14px;justify-content:center;min-height:200px}.restwerk-dashboard{background:#f5f7fa;min-height:100vh}.restwerk-container{margin:0 auto;max-width:1200px;padding:30px 20px}.restwerk-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.restwerk-header h1{color:#2d3748;font-size:32px;margin:0}.restwerk-count{background:#fed7d7;border-radius:20px;color:#c53030;font-size:18px;font-weight:600;padding:12px 24px}.no-restwerk{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:80px 40px;text-align:center}.success-icon{font-size:64px;margin-bottom:20px}.no-restwerk h2{color:#48bb78;font-size:28px;margin:0 0 12px}.no-restwerk p{color:#718096;font-size:16px}.restwerk-list{display:flex;flex-direction:column;gap:20px}.restwerk-card{background:#fff;border-left:4px solid #f56565;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px;position:relative;transition:all .2s}.restwerk-card:hover{box-shadow:0 4px 16px #00000026;transform:translateX(4px)}.restwerk-badge{background:#f56565;border-radius:12px;color:#fff;font-size:12px;font-weight:700;letter-spacing:.5px;padding:6px 16px;position:absolute;right:16px;top:16px}.restwerk-header-row{align-items:flex-start;display:flex;gap:20px;justify-content:space-between;margin-bottom:16px}.restwerk-klant h3{color:#2d3748;font-size:22px;margin:0 0 8px}.restwerk-klant h3.clickable{color:#667eea;cursor:pointer;transition:all .2s}.restwerk-klant h3.clickable:hover{text-decoration:underline}.restwerk-locatie{color:#718096;font-size:14px;margin:0}.restwerk-type{font-size:32px}.restwerk-beschrijving{background:#f7fafc;border-left:3px solid #667eea;border-radius:8px;margin:16px 0;padding:16px}.restwerk-beschrijving p{color:#2d3748;line-height:1.6;margin:0;white-space:pre-wrap}.restwerk-meta{border-top:1px solid #e2e8f0;color:#718096;display:flex;flex-wrap:wrap;font-size:14px;gap:20px;margin:16px 0;padding-top:16px}.restwerk-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.btn-view{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-weight:600;min-width:140px;padding:10px 20px;transition:all .2s}.btn-view:hover{background:#5568d3;transform:translateY(-2px)}.btn-create-wo{background:#48bb78;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-weight:600;min-width:160px;padding:10px 20px;transition:all .2s}.btn-create-wo:hover{background:#38a169;transform:translateY(-2px)}.btn-mark-seen{background:#e2e8f0;border:none;border-radius:8px;color:#2d3748;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .2s}.btn-mark-seen:hover{background:#cbd5e0}@media (max-width:768px){.restwerk-header{align-items:flex-start;flex-direction:column;gap:16px}.restwerk-badge{display:inline-block;margin-bottom:12px;position:static}.restwerk-actions{flex-direction:column}.btn-create-wo,.btn-mark-seen,.btn-view{width:100%}}.werkorder-modal{max-width:600px}.restwerk-info{background:#fff5f5;border-left:4px solid #f56565;margin-bottom:24px;padding:16px}.restwerk-info h3{color:#c53030;font-size:18px;margin:0 0 8px}.restwerk-info p{color:#2d3748;line-height:1.6;margin:0}.form-group{margin-bottom:20px}.form-group label{color:#2d3748}.form-group input,.form-group select{background:#fff;border:2px solid #e2e8f0;border-radius:6px;font-family:inherit;font-size:15px;padding:12px 15px;transition:all .2s}.form-group input:focus,.form-group select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.modal-actions{gap:12px;margin-top:24px}.modal-content{max-height:90vh;max-width:600px;overflow-y:auto}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.modal-header h2{margin:0}.btn-close{background:none;border:none;cursor:pointer;font-size:24px;padding:4px 8px}.restwerk-info{background:#f9fafb;border-radius:8px;margin-bottom:16px;padding:12px}.form-group{margin-bottom:14px}.form-group label{margin-bottom:4px}.form-group input,.form-group select,.form-group textarea{border:1px solid #d1d5db;padding:10px}.form-row{display:flex;gap:12px}.form-row .form-group{flex:1 1}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.afgeronde-werkorders{background:#f5f7fa;min-height:100vh}.afgerond-container{margin:0 auto;max-width:1400px;padding:30px 20px}.afgerond-header{margin-bottom:30px}.afgerond-header h1{color:#2d3748;font-size:32px;margin:0 0 20px}.filter-row{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.filter-select{background:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;min-width:180px;padding:12px 20px;transition:all .2s}.filter-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.afgerond-count{background:#c6f6d5;border-radius:20px;color:#22543d;font-size:16px;font-weight:600;margin-left:auto;padding:12px 24px}.werkorders-list{grid-gap:16px;display:grid;gap:16px}.werkorder-card{border-left:4px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000001a;cursor:pointer;padding:20px}.werkorder-card:hover{box-shadow:0 4px 16px #00000026}.werkorder-card.afgerond{border-left-color:#48bb78;opacity:.9}.werkorder-card.afgerond:hover{opacity:1}.werkorder-header{margin-bottom:12px}.werkorder-title-row{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.werkorder-title-row h3{color:#2d3748;flex:1 1;font-size:18px;margin:0}.badge{border-radius:20px;padding:6px 14px;white-space:nowrap}.badge-afgerond{background:#c6f6d5;color:#22543d}.werkorder-beschrijving{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#4a5568;display:-webkit-box;font-size:14px;line-height:1.6;margin:12px 0;overflow:hidden}.werkorder-meta{border-top:1px solid #e2e8f0;color:#718096;flex-wrap:wrap;font-size:13px;gap:16px;margin-top:16px;padding-top:16px}.afgerond-datum{color:#48bb78;font-weight:600}@media (max-width:768px){.filter-row{align-items:stretch;flex-direction:column}.filter-select{width:100%}.afgerond-count{margin-left:0}}.checklist-templates{background:#f5f7fa;min-height:100vh}.templates-container{margin:0 auto;max-width:1400px;padding:30px 20px}.templates-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.templates-header h1{color:#2d3748;font-size:32px;margin:0}.templates-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.template-card{background:#fff;border-left:4px solid #667eea;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px;transition:all .2s}.template-card:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-4px)}.template-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.template-header h3{color:#2d3748;flex:1 1;font-size:20px;margin:0}.item-count{background:#edf2f7;border-radius:12px;color:#4a5568;font-size:13px;font-weight:600;padding:6px 12px}.template-beschrijving{color:#718096;font-size:14px;line-height:1.5;margin:12px 0}.template-actions{border-top:1px solid #e2e8f0;display:flex;gap:12px;margin-top:20px;padding-top:20px}.btn-edit{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-weight:600;padding:10px 20px;transition:all .2s}.btn-edit:hover{background:#5568d3}.btn-delete{background:#fc8181;border-radius:8px;color:#fff;font-weight:600;padding:10px 20px;transition:all .2s}.btn-delete:hover{background:#f56565}.template-modal{max-height:90vh;max-width:700px;overflow-y:auto}.item-builder{background:#f7fafc;border:2px solid #e2e8f0;border-radius:8px;padding:16px}.item-input-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr auto auto;margin-bottom:16px}.item-input-row input,.type-select{border:2px solid #e2e8f0;border-radius:6px;font-size:15px;padding:12px 15px}.type-select{background:#fff;cursor:pointer;min-width:150px}.btn-add-item{background:#48bb78;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .2s;white-space:nowrap}.btn-add-item:hover{background:#38a169}.items-preview{display:flex;flex-direction:column;gap:12px}.item-preview{grid-gap:12px;align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:8px;display:grid;gap:12px;grid-template-columns:auto 1fr auto auto;padding:12px 16px}.item-type-icon{font-size:20px}.item-beschrijving{color:#2d3748;font-weight:500}.item-type-label{background:#edf2f7;border-radius:6px;color:#718096;font-size:13px;font-weight:600;padding:4px 10px}.btn-remove-item{align-items:center;background:#fc8181;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;transition:all .2s;width:32px}.btn-remove-item:hover{background:#f56565}.no-data{background:#fff;border-radius:12px;padding:60px 20px;text-align:center}.no-data p{color:#718096;font-size:18px;margin-bottom:20px}@media (max-width:768px){.item-input-row,.templates-grid{grid-template-columns:1fr}.item-preview{grid-template-columns:auto 1fr auto}.item-type-label{grid-column:2;justify-self:start}}.abonnementen-page{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}.abonnementen-container{margin:0 auto;max-width:1200px;padding:60px 20px}.abonnementen-header{margin-bottom:60px;text-align:center}.abonnementen-header h1{color:#fff;font-size:48px;margin:0 0 16px;text-shadow:0 2px 10px #0003}.abonnementen-header p{color:#ffffffe6;font-size:20px;margin:0}.abonnementen-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:60px}.abo-card{background:#fff;border-radius:16px;box-shadow:0 10px 40px #0003;padding:40px 32px;position:relative;transition:all .3s}.abo-card:hover{box-shadow:0 20px 60px #0000004d;transform:translateY(-8px)}.abo-card.popular{border:3px solid #f39c12;transform:scale(1.05)}.abo-card.popular:hover{transform:scale(1.05) translateY(-8px)}.popular-badge{box-shadow:0 4px 12px #f39c1266;font-size:14px}.abo-card h2{color:#2d3748;font-size:32px;margin:0 0 20px;text-align:center}.prijs{margin-bottom:32px;text-align:center}.bedrag{color:#667eea;font-size:56px;font-weight:700}.periode{color:#718096}.features{list-style:none;margin:0 0 32px;padding:0}.features li{border-bottom:1px solid #e2e8f0;color:#4a5568;font-size:16px;padding:12px 0}.features li:last-child{border-bottom:none}.btn-kies{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 4px 12px #667eea66;color:#fff;cursor:pointer;font-size:18px;font-weight:700;padding:16px 32px;transition:all .3s;width:100%}.btn-kies:hover{box-shadow:0 6px 20px #667eea99;transform:translateY(-2px)}.btn-kies:disabled{cursor:not-allowed;opacity:.6}.info-footer{color:#fff;font-size:15px;line-height:2;text-align:center}.info-footer p{margin:8px 0;opacity:.9}@media (max-width:768px){.abonnementen-grid{grid-template-columns:1fr}.abo-card.popular{transform:scale(1)}.abonnementen-header h1{font-size:36px}}.btw-note{color:#718096;display:block;font-size:13px;margin-top:4px}.current-info{color:#fff;font-size:18px;margin:8px 0}.current-info strong{color:#f39c12;font-size:20px}.abo-card.current{border:3px solid #48bb78;position:relative}.current-badge{background:linear-gradient(135deg,#48bb78,#38a169);border-radius:20px;box-shadow:0 4px 12px #48bb7866;color:#fff;font-size:14px;font-weight:700;left:50%;padding:8px 20px;position:absolute;top:-15px;transform:translateX(-50%)}.btn-kies.current{background:#e2e8f0;color:#718096;cursor:not-allowed}.btn-kies.current:hover{box-shadow:none;transform:none}.mijn-account{background:#f5f7fa;min-height:100vh}.account-container{margin:0 auto;max-width:1200px;padding:40px 20px}.account-container h1{color:#2d3748;font-size:36px;margin:0 0 40px}.account-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.account-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:32px}.account-card h2{border-bottom:2px solid #e2e8f0;color:#2d3748;font-size:22px;margin:0 0 24px;padding-bottom:16px}.info-rows{gap:16px}.info-row .label{color:#4a5568;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.info-row span:last-child{color:#2d3748;font-size:16px}.abonnement-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.abonnement-card h2{border-bottom-color:#ffffff4d;color:#fff}.current-plan{margin:24px 0;text-align:center}.plan-name{font-size:32px;font-weight:700;gap:12px;justify-content:center;margin-bottom:12px}.trial-badge{background:#f39c12;border-radius:20px;color:#fff;font-size:14px;font-weight:700;padding:6px 16px}.plan-prijs{font-size:48px}.periode{font-size:18px;margin-left:4px;opacity:.8}.trial-info{background:#fff3;margin:24px 0;padding:16px;text-align:center}.trial-info p{font-size:15px;margin:8px 0}.trial-date{font-size:13px;opacity:.9}.btn-wijzig-abonnement{background:#fff;border-radius:10px;color:#667eea;font-size:16px;font-weight:700;margin-top:24px;padding:16px 32px;transition:all .3s}.btn-wijzig-abonnement:hover{box-shadow:0 8px 24px #0003;transform:translateY(-2px)}@media (max-width:768px){.account-grid{grid-template-columns:1fr}}.instellingen-page{background:#f3f4f6;min-height:100vh}.instellingen-page .page-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem 2rem}.instellingen-page .page-header h1{color:#1f2937;font-size:1.5rem;margin:0}.instellingen-container{margin:0 auto;max-width:1000px;padding:2rem}.tabs-nav{background:#fff;border-radius:10px;box-shadow:0 1px 3px #0000001a;display:flex;gap:.5rem;margin-bottom:1.5rem;padding:.5rem}.tab-btn{background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:500;padding:.75rem 1rem;transition:all .2s}.tab-btn:hover{background:#f3f4f6;color:#374151}.tab-btn.active{background:#3b82f6;color:#fff}.settings-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.settings-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:1.5rem}.settings-card.full-width{grid-column:1/-1}.settings-card h2{border-bottom:1px solid #e5e7eb;color:#1f2937;font-size:1.1rem;margin:0 0 1rem;padding-bottom:.75rem}.card-description{color:#6b7280;font-size:.9rem;margin-bottom:1.5rem}.info-rows{gap:.75rem}.info-row{align-items:center;padding:.5rem 0}.info-row .label{color:#6b7280;font-size:.875rem}.info-row span:last-child{color:#1f2937;font-weight:500}.rol-badge{background:#dbeafe;border-radius:20px;color:#1d4ed8;font-size:.8rem;padding:.25rem .75rem;text-transform:capitalize}.current-plan{justify-content:space-between;margin-bottom:1rem}.current-plan,.plan-name{align-items:center;display:flex}.plan-name{color:#1f2937;font-size:1.25rem;font-weight:600;gap:.5rem}.trial-badge{background:#fef3c7;border-radius:4px;color:#92400e;font-size:.7rem;font-weight:600;padding:.2rem .5rem}.plan-prijs{color:#059669;font-size:1.5rem;font-weight:700}.plan-prijs .periode{color:#6b7280;font-size:.875rem;font-weight:400}.trial-info{background:#fef3c7;border-radius:8px;margin-bottom:1rem;padding:.75rem}.trial-info p{color:#92400e;font-size:.875rem;margin:0}.btn-wijzig-abonnement{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem;transition:all .2s;width:100%}.btn-wijzig-abonnement:hover{box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.checkbox-group{display:flex;flex-direction:column;gap:1rem}.checkbox-item{align-items:center;background:#f9fafb;border:2px solid #0000;border-radius:8px;cursor:pointer;display:flex;gap:.75rem;padding:1rem;transition:all .2s}.checkbox-item:hover{background:#f3f4f6}.checkbox-item input[type=checkbox],.checkbox-item input[type=radio]{accent-color:#3b82f6;cursor:pointer;height:20px;width:20px}.checkbox-label-text{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.checkbox-label-text strong{color:#1f2937;font-size:.95rem}.checkbox-label-text small{color:#6b7280;font-size:.8rem}.widgets-group{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.widget-item{border:2px solid #e5e7eb}.widget-item:has(input:checked){background:#eff6ff;border-color:#3b82f6}.aantal-select{background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:.8rem;margin-left:auto;padding:.4rem .75rem}.herplanning-options{background:#f9fafb;border-radius:8px;margin-top:1.5rem;padding:1rem}.herplanning-options h4{color:#374151;font-size:.9rem;margin:0 0 1rem}.radio-group{display:flex;flex-direction:column;gap:.75rem}.radio-item{align-items:center;background:#fff;border:2px solid #0000;border-radius:6px;cursor:pointer;display:flex;gap:.75rem;padding:.75rem}.radio-item:hover{background:#f3f4f6}.radio-item:has(input:checked){background:#eff6ff;border-color:#3b82f6}.save-section{align-items:center;border-top:1px solid #e5e7eb;display:flex;gap:1rem;margin-top:2rem;padding-top:1.5rem}.btn-save{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:500;padding:.75rem 2rem;transition:all .2s}.btn-save:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.btn-save:disabled{background:#9ca3af;cursor:not-allowed}.save-message{font-size:.9rem;font-weight:500}@media (max-width:768px){.instellingen-container{padding:1rem}.tabs-nav{flex-wrap:wrap}.tab-btn{flex:1 1 45%;font-size:.8rem;padding:.6rem .5rem}.settings-grid,.widgets-group{grid-template-columns:1fr}}.landing-page{background:#fff;min-height:100vh}.hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;overflow:hidden;padding:120px 20px 100px;position:relative;text-align:center}.hero:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z' fill='%23fff' fill-opacity='.05' fill-rule='evenodd'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.1;position:absolute;right:0;top:0}.hero-content{margin:0 auto;max-width:900px;position:relative;z-index:1}.hero-title{font-size:64px;font-weight:900;line-height:1.1;margin:0 0 24px}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#f0f0f0);-webkit-background-clip:text;background-clip:text}.hero-subtitle{font-size:22px;line-height:1.6;margin:0 0 40px;opacity:.95}.hero-buttons{display:flex;gap:16px;justify-content:center;margin-bottom:24px}.btn-primary-large{background:#fff;border:none;border-radius:12px;box-shadow:0 10px 30px #0003;color:#667eea;cursor:pointer;font-size:18px;font-weight:700;padding:20px 48px;transition:all .3s}.btn-primary-large:hover{box-shadow:0 15px 40px #0000004d;transform:translateY(-4px)}.btn-secondary-large{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #fff;border-radius:12px;color:#fff;cursor:pointer;font-size:18px;font-weight:700;padding:18px 48px;transition:all .3s}.btn-secondary-large:hover{background:#ffffff4d;transform:translateY(-4px)}.hero-note{font-size:14px;opacity:.9}.container{margin:0 auto;max-width:1200px;padding:0 20px}.features-section,.pricing-section{padding:100px 20px}.section-title{color:#2d3748;font-size:48px;font-weight:800;margin:0 0 16px;text-align:center}.section-subtitle{color:#718096;font-size:20px;margin:0 0 60px;text-align:center}.features-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.feature-card{background:#fff;border:2px solid #0000;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:32px;transition:all .3s}.feature-card:hover{border-color:#667eea;box-shadow:0 12px 40px #667eea33;transform:translateY(-8px)}.feature-icon{font-size:48px;margin-bottom:16px}.feature-card h3{color:#2d3748;font-size:22px;margin:0 0 12px}.feature-card p{color:#718096;line-height:1.6;margin:0}.pricing-section{background:#f7fafc}.pricing-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1000px}.pricing-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:40px 32px;position:relative;text-align:center;transition:all .3s}.pricing-card:hover{box-shadow:0 12px 40px #00000026;transform:translateY(-8px)}.pricing-card.popular{border:3px solid #f39c12;transform:scale(1.05)}.pricing-card.popular:hover{transform:scale(1.05) translateY(-8px)}.popular-badge{background:linear-gradient(135deg,#f39c12,#e67e22);border-radius:20px;color:#fff;font-size:13px;font-weight:700;left:50%;padding:8px 20px;position:absolute;top:-15px;transform:translateX(-50%)}.pricing-card h3{color:#2d3748;font-size:28px;margin:0 0 16px}.price{margin:24px 0 8px}.amount{color:#667eea;font-size:56px;font-weight:800}.period{color:#718096;font-size:18px}.price-note{color:#a0aec0;font-size:14px;margin:0 0 32px}.features-list{list-style:none;margin:0 0 32px;padding:0;text-align:left}.features-list li{border-bottom:1px solid #e2e8f0;color:#4a5568;padding:12px 0}.features-list li:last-child{border-bottom:none}.btn-select{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:16px 32px;transition:all .3s;width:100%}.btn-select:hover{box-shadow:0 8px 24px #667eea66;transform:translateY(-2px)}.cta-section{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:100px 20px;text-align:center}.cta-section h2{font-size:48px;margin:0 0 16px}.cta-section p{font-size:20px;margin:0 0 40px;opacity:.95}.btn-cta{background:#fff;border:none;border-radius:12px;box-shadow:0 10px 30px #0003;color:#667eea;cursor:pointer;font-size:20px;font-weight:700;padding:20px 60px;transition:all .3s}.btn-cta:hover{box-shadow:0 15px 40px #0000004d;transform:translateY(-4px)}.footer{background:#2d3748;color:#fff;padding:60px 20px 30px}.footer-content{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:40px}.footer-section h4{font-size:18px;margin:0 0 20px}.footer-section p{color:#cbd5e0;line-height:1.6}.footer-section ul{list-style:none;margin:0;padding:0}.footer-section ul li{margin:12px 0}.footer-section ul li a{color:#cbd5e0;cursor:pointer;text-decoration:none;transition:color .3s}.footer-section ul li a:hover{color:#fff}.made-by{margin-top:12px}.made-by a{color:#667eea;font-weight:600;text-decoration:none}.made-by a:hover{text-decoration:underline}.footer-bottom{border-top:1px solid #4a5568;color:#cbd5e0;padding-top:30px;text-align:center}.footer-bottom p{font-size:14px;margin:8px 0}.footer-bottom a{color:#667eea;font-weight:600;text-decoration:none}.footer-bottom a:hover{text-decoration:underline}@media (max-width:768px){.hero-title{font-size:42px}.hero-subtitle{font-size:18px}.hero-buttons{flex-direction:column}.section-title{font-size:36px}.features-grid,.pricing-grid{grid-template-columns:1fr}.pricing-card.popular{transform:scale(1)}}.storing-melden{background:#f8fafc;min-height:100vh}.storing-melden .container{margin:0 auto;max-width:800px;padding:24px}.storing-melden .header{align-items:center;display:flex;gap:16px;margin-bottom:24px}.storing-melden .header h1{color:#1e293b;font-size:28px;margin:0}.btn-back{background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.btn-back:hover{background:#f1f5f9}.storing-form{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:32px}.form-group{margin-bottom:24px}.form-group label{color:#334155;font-size:14px;font-weight:600;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{border:1px solid #e2e8f0;border-radius:8px;font-size:14px;padding:12px;transition:all .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.locatie-input{display:flex;gap:12px}.btn-gps{background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:12px 20px;transition:all .2s;white-space:nowrap}.btn-gps:hover:not(:disabled){background:#059669}.btn-gps:disabled{cursor:not-allowed;opacity:.6}.gps-info{color:#10b981;display:block;font-size:13px;margin-top:8px}.foto-upload{display:flex;gap:12px;margin-bottom:16px}.btn-foto{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:12px 20px;transition:all .2s}.btn-foto:hover{background:#5568d3}.foto-previews{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.foto-preview{aspect-ratio:1;border:2px solid #e2e8f0;border-radius:8px;overflow:hidden;position:relative}.foto-preview img{height:100%;object-fit:cover;width:100%}.btn-remove{background:#ef4444e6;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:20px;height:28px;line-height:1;position:absolute;right:4px;top:4px;transition:all .2s;width:28px}.btn-remove:hover{background:#dc2626;transform:scale(1.1)}.form-actions{border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;margin-top:32px;padding-top:24px}.btn-cancel{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s}.btn-cancel:hover{background:#f1f5f9}.btn-submit{background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 32px;transition:all .2s}.btn-submit:hover:not(:disabled){background:#dc2626;box-shadow:0 4px 12px #ef44444d;transform:translateY(-1px)}.btn-submit:disabled{cursor:not-allowed;opacity:.6}.werkvoorbereider-planning{display:flex;flex-direction:column;height:calc(100vh - 100px);max-width:100%;padding:20px}.planning-header{margin-bottom:20px}.planning-header h1{margin:0 0 15px}.week-navigation{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.week-navigation h2{flex:1 1;margin:0;min-width:250px}.planning-container{grid-gap:20px;display:grid;flex:1 1;gap:20px;grid-template-columns:300px 1fr;overflow:hidden}.ongepland-sidebar{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow-y:auto;padding:15px}.ongepland-sidebar h3{background:#fff;border-bottom:2px solid #e5e7eb;color:#1f2937;margin:0 0 15px;padding-bottom:10px;position:-webkit-sticky;position:sticky;top:0}.ongepland-lijst{display:flex;flex-direction:column;gap:10px}.werkorder-card{border:2px solid #e5e7eb;border-radius:6px;cursor:move;padding:10px}.werkorder-card:hover{box-shadow:0 4px 6px #0000001a}.werkorder-card.ongepland{background:#fffbeb;border-color:#fbbf24}.werkorder-card.actief{background:#eff6ff;border-color:#3b82f6}.werkorder-card.afgerond{background:#f0fdf4;border-color:#10b981;opacity:.7}.werkorder-title{color:#1f2937;font-size:13px;font-weight:600;margin-bottom:5px}.werkorder-meta{align-items:center;display:flex;gap:8px;margin-bottom:5px}.status-badge{background:#e5e7eb;border-radius:3px;font-size:10px;padding:2px 6px}.werkorder-locatie{color:#6b7280;font-size:11px;margin-top:5px}.werkorder-status{font-size:16px;text-align:right}.empty-state{font-style:italic;padding:20px}.kalender-grid{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:auto;padding:15px}.grid-header{grid-gap:10px;background:#fff;border-bottom:2px solid #e5e7eb;display:grid;gap:10px;grid-template-columns:150px repeat(7,1fr);margin-bottom:15px;padding-bottom:10px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.monteur-col{font-weight:700;padding:10px}.day-col{border-radius:4px;padding:10px;text-align:center}.day-col.today{background:#dbeafe;border:2px solid #3b82f6}.day-name{color:#6b7280;font-size:12px;font-weight:700;text-transform:uppercase}.day-date{color:#1f2937;font-size:18px;font-weight:700}.monteur-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:150px repeat(7,1fr);margin-bottom:10px;min-height:40px}.monteur-info{align-items:center;border-radius:4px;color:#1f2937;font-weight:600;padding:10px}.day-cell,.monteur-info{background:#f9fafb;display:flex}.day-cell{border:2px dashed #e5e7eb;border-radius:4px;flex-direction:column;gap:8px;min-height:40px;padding:8px;transition:all .2s}.day-cell:hover{background:#eff6ff;border-color:#3b82f6}.legenda{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-top:20px;padding:15px}.legenda h4{margin:0 0 10px}.legenda-items{display:flex;flex-wrap:wrap;gap:20px}.legenda-items div{align-items:center;display:flex;gap:8px}.legenda-box{border:2px solid;border-radius:4px;height:20px;width:20px}.legenda-box.actief{background:#eff6ff;border-color:#3b82f6}.legenda-box.afgerond{background:#f0fdf4;border-color:#10b981}.legenda-box.ongepland{background:#fffbeb;border-color:#fbbf24}.loading{align-items:center;display:flex;font-size:24px;justify-content:center;min-height:400px}.werkorder-card.herplan-oranje{background:#fef3c7!important;border-color:#f59e0b!important}.werkorder-card.herplan-rood{background:#fee2e2!important;border-color:#dc2626!important}.herplan-badge{background:#f59e0b;border-radius:4px;color:#fff;font-size:10px;margin-left:8px;padding:2px 6px}.herplan-rood .herplan-badge{background:#dc2626}.werkorder-detail-modal{max-height:80vh;max-width:600px;overflow-y:auto}.detail-section{border-bottom:1px solid #e5e7eb;margin-bottom:20px;padding-bottom:20px}.detail-section:last-child{border-bottom:none}.detail-section h3{color:#1f2937;margin:0 0 10px}.status-badges{display:flex;gap:10px;margin-top:10px}.badge{font-weight:600;padding:4px 12px}.status-nieuw{background:#dbeafe;color:#1e40af}.status-toegewezen{background:#fef3c7;color:#92400e}.status-in_behandeling{background:#fed7aa;color:#9a3412}.status-afgerond{background:#d1fae5;color:#065f46}.prioriteit-hoog{background:#fee2e2;color:#991b1b}.prioriteit-normaal{background:#fef3c7;color:#92400e}.prioriteit-laag{background:#d1fae5;color:#065f46}.detail-section label{color:#4b5563;display:block;font-weight:600;margin-bottom:5px}.detail-section p{color:#1f2937;margin:0}.detail-grid{grid-gap:15px;gap:15px;grid-template-columns:repeat(2,1fr)}.detail-item label{color:#6b7280;font-size:12px;font-weight:600;margin-bottom:3px}.status-buttons{gap:10px;margin-top:10px}.btn-success{background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:8px 16px}.btn-success:hover{background:#059669}.error,.loading{color:#6b7280;padding:40px;text-align:center}.monteur-planning{margin:0 auto;max-width:1200px;padding:20px}.planning-header{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:24px;padding:24px}.planning-header h1{color:#2c3e50;font-size:28px;margin:0 0 8px}.planning-header .datum{color:#7f8c8d;font-size:16px;font-weight:500;margin:0}.loading{color:#7f8c8d;font-size:18px;padding:60px 20px}.empty-state{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:80px 40px}.empty-icon{font-size:64px;margin-bottom:16px}.empty-state h2{color:#27ae60;font-size:24px;margin:0 0 8px}.empty-state p{color:#7f8c8d;font-size:16px;margin:0}.werkorders-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.werkorder-card{background:#fff;border-left:4px solid #3498db;border-radius:8px;box-shadow:0 2px 8px #00000014;overflow:hidden;transition:all .2s}.werkorder-card:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}.card-header{align-items:flex-start;border-bottom:1px solid #ecf0f1;display:flex;gap:12px;justify-content:space-between;padding:16px}.card-header h3{color:#2c3e50;flex:1 1;font-size:18px;margin:0}.status-badge{border-radius:12px;color:#fff;font-weight:600;padding:4px 12px;text-transform:uppercase;white-space:nowrap}.card-body{padding:16px}.info-row{flex-direction:column;gap:4px;margin-bottom:12px}.info-row:last-child{margin-bottom:0}.info-row .label{color:#7f8c8d;font-size:13px;font-weight:500}.info-row .description,.info-row .value{color:#2c3e50;font-size:14px}.info-row .description{line-height:1.5;margin:4px 0 0}.priority-badge{border-radius:12px;color:#fff;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px;text-transform:uppercase}.card-footer{background:#f8f9fa;border-top:1px solid #ecf0f1;padding:16px}.btn-details{background:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px;transition:background .2s;width:100%}.btn-details:hover{background:#2980b9}@media (max-width:768px){.monteur-planning{padding:12px}.werkorders-grid{gap:16px;grid-template-columns:1fr}.planning-header{padding:16px}.planning-header h1{font-size:24px}}.storingen-overzicht{background:#f8fafc;min-height:100vh}.storingen-overzicht .container{margin:0 auto;max-width:1200px;padding:24px}.storingen-overzicht .header{align-items:center;display:flex;gap:16px;margin-bottom:24px}.storingen-overzicht .header h1{color:#1e293b;font-size:28px;margin:0}.storingen-list{grid-gap:16px;display:grid;gap:16px}.storing-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;cursor:pointer;padding:20px;transition:all .2s}.storing-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.storing-header{justify-content:space-between;margin-bottom:12px}.storing-header,.storing-title{align-items:center;display:flex}.storing-title{gap:12px}.prioriteit-dot{border-radius:50%;height:12px;width:12px}.storing-title h3{color:#1e293b;font-size:18px;margin:0}.storing-beschrijving{color:#64748b;line-height:1.5;margin:12px 0}.storing-meta{border-top:1px solid #e2e8f0;color:#64748b;display:flex;flex-wrap:wrap;font-size:13px;gap:16px;margin-top:16px;padding-top:16px}.no-storingen{background:#fff;border-radius:12px;color:#64748b;padding:60px 20px;text-align:center}.storing-detail{background:#f8fafc;min-height:100vh}.storing-detail .container{margin:0 auto;max-width:1400px;padding:24px}.storing-detail .header{align-items:center;display:flex;gap:16px;margin-bottom:24px}.storing-detail .header h1{color:#1e293b;font-size:28px;margin:0}.detail-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 350px}.info-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:16px;padding:24px}.info-card h3{color:#1e293b;font-size:18px;margin:0 0 16px}.status-buttons{display:flex;flex-wrap:wrap;gap:12px}.btn-status{background:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;font-size:14px;padding:10px 20px;transition:all .2s}.btn-status:hover{background:#f8fafc;border-color:#667eea}.btn-status.active{background:#667eea;border-color:#667eea;color:#fff}.info-rows{display:flex;flex-direction:column;gap:12px}.info-row{border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:8px 0}.info-label{color:#64748b;font-weight:600}.btn-maps{background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;margin-top:12px;padding:10px 20px;width:100%}.btn-maps:hover{background:#059669}.foto-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.foto-thumb{aspect-ratio:1;border-radius:8px;cursor:pointer;object-fit:cover;transition:all .2s;width:100%}.foto-thumb:hover{box-shadow:0 4px 12px #00000026;transform:scale(1.05)}.detail-sidebar .info-card{position:-webkit-sticky;position:sticky;top:24px}.btn-action{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-bottom:12px;padding:12px;transition:all .2s;width:100%}.btn-action:hover{background:#5568d3;transform:translateY(-1px)}@media (max-width:968px){.detail-grid{grid-template-columns:1fr}}.materiaal-bestellingen{max-width:1400px;padding:20px}.page-header h1{margin:0 0 5px}.page-header p{color:#6b7280;margin:0}.filters{flex-wrap:wrap}.filters input,.filters select{border:1px solid #e5e7eb}.filters .search-input{min-width:250px}th{color:#374151}tr.besteld{background:#f0fdf4}.status-badge{border-radius:20px;font-size:12px;font-weight:500;padding:4px 10px}.status-badge.te_bestellen{background:#fef3c7;color:#92400e}.status-badge.besteld{background:#d1fae5;color:#065f46}.btn-besteld{background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;margin-right:6px;padding:6px 12px}.btn-besteld:hover{background:#059669}.btn-ongedaan{background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:12px;margin-right:6px;padding:6px 12px}.btn-delete{font-size:14px;padding:4px 8px}.modal-content h3{margin:0 0 12px}.modal-buttons button.primary{background:#10b981}.btn-besteld{position:relative;z-index:999}.btn-verwijder{background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;cursor:pointer;font-size:12px;padding:6px 12px}.materialen-beheer{max-width:1400px;padding:20px}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.page-header h1{margin:0}.header-buttons{display:flex;gap:10px}.btn-primary{background:#1e40af;border:none;border-radius:8px;color:#fff}.btn-primary,.btn-secondary{cursor:pointer;font-weight:500;padding:10px 16px}.btn-secondary{background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;color:#374151}.stats-row{display:flex;gap:16px;margin-bottom:20px}.stat-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:16px 24px}.stat-number{color:#1e40af;font-size:28px;font-weight:700}.stat-label{color:#6b7280;font-size:14px}.filters{margin-bottom:20px}.search-input{border:1px solid #e5e7eb;border-radius:8px;font-size:14px;min-width:300px;padding:10px 14px}.table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow-x:auto}table{border-collapse:collapse;width:100%}td,th{border-bottom:1px solid #e5e7eb;padding:12px 16px;text-align:left}th{background:#f9fafb;font-weight:600}.btn-delete{background:none;border:none;cursor:pointer;opacity:.5}.btn-delete:hover{opacity:1}.empty-state{color:#9ca3af;padding:40px!important;text-align:center}.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:12px;max-width:400px;padding:24px;width:90%}.modal-content.large{max-width:600px}.modal-content h2{margin:0 0 16px}.form-group{margin-bottom:16px}.form-group label{display:block;font-weight:500;margin-bottom:6px}.form-group input,.form-group select{border:1px solid #e5e7eb;border-radius:8px;font-size:14px;padding:10px;width:100%}.modal-buttons{display:flex;gap:10px;margin-top:20px}.modal-buttons button{border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;padding:10px}.modal-buttons button:first-child{background:#f3f4f6;border:1px solid #d1d5db}.modal-buttons button.primary{background:#1e40af;border:none;color:#fff}.loading{color:#6b7280;padding:40px;text-align:center}.kennisbank-beheer{margin:0 auto;max-width:1200px;padding:20px}.kennisbank-beheer h1{color:#1e293b;margin-bottom:24px}.sectie{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px;padding:20px}.sectie h2{color:#1e40af;font-size:18px;margin:0 0 16px}.hint{color:#64748b;font-size:14px;margin-bottom:12px}.loading{color:#1e40af;font-weight:500}.error{color:#dc2626}.upload-result{background:#f0fdf4;border-radius:8px;margin-top:16px;padding:16px}.import-form{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin:12px 0}.import-form input{border:2px solid #e2e8f0;border-radius:8px;font-size:14px;padding:10px 14px}.import-form button{background:#1e40af;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px}.preview{margin-top:16px;max-height:200px;overflow-y:auto}.preview-item{background:#fff;border-radius:4px;font-size:13px;margin-bottom:4px;padding:8px}.form-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.form-grid input,.form-grid textarea{border:2px solid #e2e8f0;border-radius:8px;font-size:14px;padding:12px}.form-grid textarea{grid-column:span 2;min-height:80px;resize:vertical}.form-grid button{background:#1e40af;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;grid-column:span 2;padding:12px}.filters{display:flex;gap:12px;margin-bottom:16px}.filters input,.filters select{border:2px solid #e2e8f0;border-radius:8px;font-size:14px;padding:10px 14px}.filters input{flex:1 1}.artikelen-lijst{max-height:500px;overflow-y:auto}.artikel-item{border:1px solid #e2e8f0;border-radius:8px;margin-bottom:10px;padding:14px}.artikel-header{align-items:center;display:flex;gap:12px;margin-bottom:8px}.artikel-header .code{background:#1e40af;border-radius:6px;color:#fff;font-size:13px;font-weight:600;padding:4px 10px}.artikel-header .merk{color:#64748b;font-size:12px}.artikel-header .delete-btn{background:none;border:none;cursor:pointer;font-size:16px;margin-left:auto}.artikel-item h4{color:#1e293b;font-size:14px;margin:0 0 6px}.artikel-item p{color:#64748b;font-size:13px;margin:0}.analyse-container{font-family:Segoe UI,sans-serif;margin:0 auto;max-width:1400px;padding:24px}.analyse-loading{align-items:center;color:#666;display:flex;flex-direction:column;gap:16px;height:300px;justify-content:center}.spinner{animation:spin .8s linear infinite;border:4px solid #e0e0e0;border-radius:50%;border-top-color:#3b82f6;height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.analyse-toolbar{flex-wrap:wrap;justify-content:space-between;margin-bottom:24px}.analyse-title,.analyse-toolbar{align-items:center;display:flex;gap:12px}.analyse-title h1{color:#1e293b;font-size:24px;margin:0}.jaar-badge{background:#3b82f6;border-radius:20px;color:#fff;font-size:14px;font-weight:700;padding:4px 12px}.analyse-filters{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.analyse-filters select{background:#fff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;font-size:14px;padding:8px 14px}.print-btn{background:#1e293b;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px}.print-btn:hover{background:#334155}.voortgang-banner{align-items:center;border-radius:12px;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;margin-bottom:24px;padding:20px 24px}.voortgang-banner.op-schema{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:1px solid #86efac}.voortgang-banner.achter{background:linear-gradient(135deg,#fef9c3,#fde68a);border:1px solid #fbbf24}.voortgang-tekst{align-items:center;display:flex;gap:14px}.voortgang-icon{font-size:32px}.voortgang-tekst strong{color:#1e293b;display:block;font-size:18px}.voortgang-tekst p{color:#475569;font-size:14px;margin:4px 0 0}.voortgang-balken{display:flex;flex:1 1;flex-direction:column;gap:10px;min-width:250px}.balk-rij{align-items:center;color:#475569;display:flex;font-size:13px;gap:10px}.balk-rij span:first-child{min-width:160px}.balk-rij span:last-child{font-weight:700;min-width:36px}.progress-bar{background:#fff9;border-radius:6px;flex:1 1;height:12px;overflow:hidden}.progress-fill{border-radius:6px;height:100%;transition:width .5s ease}.progress-fill.groen{background:#16a34a}.progress-fill.blauw{background:#3b82f6}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:24px}.stat-kaart{border-radius:12px;color:#fff;padding:20px;text-align:center}.stat-kaart.blauw{background:linear-gradient(135deg,#3b82f6,#2563eb)}.stat-kaart.groen{background:linear-gradient(135deg,#22c55e,#16a34a)}.stat-kaart.oranje{background:linear-gradient(135deg,#f97316,#ea580c)}.stat-kaart.rood{background:linear-gradient(135deg,#ef4444,#dc2626)}.stat-kaart.grijs{background:linear-gradient(135deg,#64748b,#475569)}.stat-getal{font-size:42px;font-weight:800;line-height:1;margin-bottom:6px}.stat-label{font-size:13px;opacity:.9}.kaart{background:#fff;border:1px solid #f1f5f9;border-radius:12px;box-shadow:0 1px 3px #00000014;margin-bottom:20px;padding:20px 24px}.kaart h2{color:#1e293b;font-size:16px;font-weight:600;margin:0 0 18px}.twee-kolommen{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:0}@media (max-width:768px){.twee-kolommen{grid-template-columns:1fr}}.staaf-grafiek{align-items:flex-end;display:flex;gap:6px;height:140px;padding-bottom:24px;position:relative}.staaf-kolom{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:4px}.staaf-kolom.huidig .staaf-label{color:#3b82f6;font-weight:700}.staaf-wrapper{align-items:flex-end;display:flex;height:100px;position:relative;width:100%}.staaf{border-radius:4px 4px 0 0;bottom:0;min-height:2px;position:absolute;transition:height .4s ease;width:100%}.staaf.blauw{background:#93c5fd}.staaf.groen.overlay{background:#4ade80;left:20%;width:60%}.staaf-label{color:#94a3b8;font-size:11px;margin-top:2px}.staaf-getal{color:#475569;font-size:10px;font-weight:700}.grafiek-legenda{color:#64748b;display:flex;font-size:12px;gap:16px;margin-top:8px}.dot{border-radius:50%;display:inline-block;height:10px;margin-right:4px;width:10px}.dot.blauw{background:#93c5fd}.dot.groen{background:#4ade80}.aandacht-lijst{display:flex;flex-direction:column;gap:8px}.aandacht-item{align-items:center;border-radius:8px;display:flex;justify-content:space-between;padding:10px 14px}.aandacht-item.kritiek{background:#fef2f2;border-left:3px solid #ef4444}.aandacht-item.waarschuwing{background:#fffbeb;border-left:3px solid #f59e0b}.aandacht-info strong{color:#1e293b;display:block;font-size:14px}.aandacht-info span{color:#64748b;font-size:12px}.analyse-tabel{border-collapse:collapse;font-size:14px;width:100%}.analyse-tabel th{background:#f8fafc;border-bottom:2px solid #e2e8f0;color:#475569;font-size:12px;font-weight:600;letter-spacing:.5px;padding:10px 12px;text-align:left;text-transform:uppercase}.analyse-tabel td{border-bottom:1px solid #f1f5f9;color:#334155;padding:10px 12px}.analyse-tabel tr:last-child td{border-bottom:none}.analyse-tabel tr:hover td{background:#f8fafc}.score-balk{background:#e2e8f0;border-radius:4px;display:inline-block;height:8px;margin-right:6px;overflow:hidden;vertical-align:middle;width:80px}.score-fill{border-radius:4px;height:100%}.score-fill.groen{background:#22c55e}.score-fill.oranje{background:#f97316}.score-fill.rood{background:#ef4444}.score-getal{color:#475569}.badge,.score-getal{font-size:12px;font-weight:700}.badge{border-radius:12px;display:inline-block;padding:2px 10px}.badge.groen{background:#dcfce7;color:#16a34a}.badge.oranje{background:#fef3c7;color:#d97706}.badge.rood{background:#fee2e2;color:#dc2626}.geen-items{color:#94a3b8;font-size:14px;padding:24px;text-align:center}.print-footer,.print-header{display:none}@media print{.no-print{display:none!important}.print-header{border-bottom:2px solid #1e293b;display:block;margin-bottom:20px;padding-bottom:12px;text-align:center}.print-header h1{font-size:20px;margin:0 0 4px}.print-footer{border-top:1px solid #ccc;color:#666;display:block;font-size:11px;margin-top:20px;padding-top:12px;text-align:center}.kaart{border:1px solid #ddd;box-shadow:none;break-inside:avoid;page-break-inside:avoid}.stat-kaart,.voortgang-banner{-webkit-print-color-adjust:exact;print-color-adjust:exact}}
/*# sourceMappingURL=main.97f9f941.css.map*/