.body-scroll-lock-active{overflow:hidden}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#d6d1ea,#bcb1e0 50%,#a296d5);background-attachment:fixed;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}:root{--dashboard-agenda-row-height:64px;--dashboard-widget-base-height:120px;--dashboard-agenda-visible-rows:5;--dashboard-agenda-widget-height:calc(var(--dashboard-widget-base-height) + var(--dashboard-agenda-row-height)*var(--dashboard-agenda-visible-rows))}.App{background:linear-gradient(135deg,#d6d1ea,#bcb1e0 50%,#a296d5);background-attachment:fixed;min-height:100vh;padding-bottom:max(80px,calc(72px + env(safe-area-inset-bottom)))}.header{background-color:#fff;border-bottom:2px solid #6b46c1;box-shadow:0 2px 4px #0000000d;padding:12px 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{display:flex;flex-direction:column;gap:12px;margin:0 auto;max-width:1200px;padding:0 20px}.header-top-row{align-items:center;display:flex;gap:12px;justify-content:space-between}.header-logo{display:block;height:40px;width:auto}.header-top-right{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:flex-end;margin-left:auto}.header-week-controls{align-items:center;display:flex;gap:8px}.header-week-label{color:#4c1d95;font-size:14px;font-weight:600;white-space:nowrap}.header-actions{align-items:center;display:flex;gap:10px}.medewerker-button{background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:4px;color:#1f2937;cursor:pointer;font-size:12px;font-weight:500;padding:4px 10px;transition:all .2s ease;white-space:nowrap}.medewerker-button:hover{background-color:#e5e7eb;border-color:#6b46c1}.medewerker-button.active{background-color:#6b46c1;border-color:#6b46c1;color:#fff}.header-week-button{align-items:center;background-color:#6b46c1;border:none;border-radius:50%;color:#fff;cursor:pointer;display:inline-flex;font-size:18px;font-weight:600;height:34px;justify-content:center;line-height:1;transition:background-color .2s ease,transform .1s ease;width:34px}.header-week-button:hover{background-color:#553c9a}.header-week-button:active{transform:translateY(1px)}.filters-toggle,.logout-button,.refresh-button{align-items:center;background-color:#f4f1fb;border:1px solid #d9d6eb;border-radius:50%;color:#6b46c1;cursor:pointer;display:inline-flex;height:36px;justify-content:center;padding:8px;transition:all .2s ease;width:36px}.filters-toggle:focus-visible,.filters-toggle:hover,.logout-button:focus-visible,.logout-button:hover,.refresh-button:focus-visible:not(:disabled),.refresh-button:hover:not(:disabled){background-color:#ede7fb;border-color:#6b46c1;box-shadow:0 4px 10px #6b46c126;outline:none}.filters-toggle.active{background-color:#6b46c1;border-color:#6b46c1;box-shadow:0 4px 10px #6b46c14d;color:#fff}.refresh-button:disabled{background-color:#f0f0f5;border-color:#e3e1f0;box-shadow:none;color:#b5b3c6;cursor:not-allowed}.refresh-button:disabled .header-icon{fill:#b5b3c6}.header-icon{fill:currentColor;height:18px;width:18px}.filters-toggle .header-icon{transition:transform .2s ease}.filters-toggle.active .header-icon{fill:#fff;transform:rotate(180deg)}.medewerker-panel{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#f9f5ff99;border-top:1px solid #6b46c11f;max-height:0;opacity:0;overflow:hidden;pointer-events:none;transition:max-height .25s ease,opacity .2s ease}.medewerker-panel.open{max-height:220px;opacity:1;pointer-events:auto}.medewerker-panel-content{display:flex;flex-wrap:wrap;gap:8px;margin:0 auto;max-width:1200px;padding:14px 20px 18px}.medewerker-panel-empty{color:#6b7280;font-size:13px}.container{margin:0 auto;max-width:1200px;padding:30px 20px 80px}.message{border-radius:4px;font-size:14px;margin-bottom:20px;padding:12px 16px}.message.success{background-color:#d1fae5;border:1px solid #6ee7b7;color:#065f46}.message.error{background-color:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.loading{color:#6b46c1;font-size:18px;padding:40px;text-align:center}.dashboard-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.dashboard-widget.widget-morgen,.dashboard-widget.widget-vandaag,.dashboard-widget.widget-vandaag-vgk{max-height:440px;max-height:var(--dashboard-agenda-widget-height);min-height:440px;min-height:var(--dashboard-agenda-widget-height)}.dashboard-widget.widget-morgen .widget-content,.dashboard-widget.widget-vandaag .widget-content,.dashboard-widget.widget-vandaag-vgk .widget-content{overflow-y:auto}.dashboard-widget{animation:dashboardFadeIn .4s ease forwards;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;max-height:600px;min-height:300px;opacity:0;transform:translateY(16px)}.dashboard-widget:first-child{animation-delay:.05s}.dashboard-widget:nth-child(2){animation-delay:.1s}.dashboard-widget:nth-child(3){animation-delay:.15s}.dashboard-widget:nth-child(4){animation-delay:.2s}.dashboard-widget:nth-child(5){animation-delay:.25s}.dashboard-widget:nth-child(6){animation-delay:.3s}@keyframes dashboardFadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.widget-header{align-items:flex-start;background-color:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;gap:12px;justify-content:space-between;padding:16px 20px}.widget-header-text{display:flex;flex-direction:column;gap:2px}.widget-header h3{color:#6b46c1;font-size:16px;font-weight:600;margin-bottom:4px}.widget-subtitle{color:#6b7280;font-size:12px;margin:0}.widget-actions{align-items:center;display:flex;margin-left:auto}.vandaag-actions{display:flex;gap:6px}.vandaag-button{background-color:#fff;border:1px solid #d9d6eb;border-radius:4px;color:#6b46c1;cursor:pointer;font-size:11px;font-weight:500;line-height:1;min-width:28px;padding:4px 8px;text-transform:none;transition:all .2s ease}.vandaag-button:focus-visible,.vandaag-button:hover{background-color:#f3f0fc;border-color:#6b46c1;outline:none}.vandaag-button:active{transform:translateY(1px)}.vandaag-reset{padding:4px 10px}.widget-content{flex:1 1;overflow-y:auto;padding:12px 20px}.empty-widget{color:#9ca3af;font-size:14px;padding:40px 20px;text-align:center}.compact-agenda-item{border-radius:12px;cursor:pointer;padding:12px 0;transition:background-color .2s ease,box-shadow .2s ease,transform .2s ease}.compact-agenda-item+.compact-agenda-item{border-top:1px solid #6b46c11f}.compact-agenda-item:focus-visible,.compact-agenda-item:hover{background:#7e5af014;box-shadow:0 10px 24px #5f3cc429;outline:none}.compact-agenda-item:active{transform:translateY(1px)}.compact-date{color:#6b46c1;font-weight:600;min-width:50px}.compact-location-code{align-items:center;background:#6d4cd91f;border-radius:999px;color:#4c1d95;display:inline-flex;font-size:11px;font-weight:600;justify-content:center;letter-spacing:.02em;padding:2px 8px;text-transform:uppercase}.compact-location-code.is-ver{background:#f8717129;box-shadow:inset 0 0 0 1px #f8717159;color:#b91c1c}.compact-location-code.is-afw{background:#22c55e29;box-shadow:inset 0 0 0 1px #22c55e59;color:#15803d}.compact-time{color:#111;font-family:Courier New,monospace;font-weight:600}.compact-item-header{align-items:center;display:flex;font-size:12px;gap:10px;justify-content:space-between;margin-bottom:6px}.compact-location-indicator{align-items:center;display:inline-flex;font-size:16px;justify-content:center;line-height:1}.compact-item-body{display:flex;flex-direction:column;gap:4px}.compact-header-meta{align-items:center;display:inline-flex;gap:8px;margin-left:auto}.compact-omschrijving{color:#1f2937;font-size:13px;line-height:1.4}.compact-klant{color:#6b7280;font-size:12px;font-weight:500}.compact-medewerker{align-items:center;color:#4b5563;display:inline-flex;font-size:12px;font-weight:600;gap:4px}.compact-medewerker.has-active{color:#3f2f8c}.compact-medewerker-list{display:inline}.compact-medewerker-paren{font-weight:500;opacity:.65}.compact-medewerker-code{align-items:center;background-color:#6d4cd91f;border-radius:999px;color:currentColor;display:inline-flex;font-size:11px;font-weight:600;justify-content:center;letter-spacing:.02em;padding:2px 8px;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease}.compact-medewerker-code.is-current{background:linear-gradient(135deg,#7f5af0,#5d29c1);box-shadow:0 6px 16px #5f3cc440;color:#fff}.compact-medewerker-text{font-weight:600}.compact-medewerker-separator{color:inherit;opacity:.65}.agenda-detail-overlay{align-items:center;animation:agendaModalFadeIn .18s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1a202c8c;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:250}.agenda-detail-modal{animation:agendaModalSlideUp .2s ease-out;background:#fff;border:1px solid #4f46e53d;border-radius:16px;box-shadow:0 22px 45px #4f46e547;display:flex;flex-direction:column;max-height:calc(100vh - 48px);max-width:560px;overflow:hidden;width:100%}@keyframes agendaModalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes agendaModalSlideUp{0%{opacity:.2;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.klant-info-modal{max-width:960px}.agenda-detail-header{align-items:flex-start;background:linear-gradient(135deg,#7f5af026,#5d29c126);border-bottom:1px solid #4f46e52e;display:flex;gap:16px;justify-content:space-between;padding:24px}.agenda-detail-header-text{display:flex;flex-direction:column;gap:6px;min-width:0}.agenda-detail-date{color:#4c1d95;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.agenda-detail-title{color:#1f2937;font-size:18px;font-weight:600;margin:0;word-break:break-word}.agenda-detail-time{color:#312e81;font-family:Courier New,monospace;font-size:14px;font-weight:600;white-space:nowrap}.agenda-detail-content{overflow-y:auto;padding:24px}.klant-info-content{padding:24px 28px}.klant-info-sections{display:flex;flex-direction:column;gap:24px}.klant-info-contacts,.klant-info-details{min-width:0}.klant-info-contacts{transition:border-color .2s ease,padding .2s ease}.agenda-detail-list{display:flex;flex-direction:column;gap:18px}.agenda-detail-row{display:flex;flex-direction:column;gap:6px}.agenda-detail-row dt{color:#6b7280;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.agenda-detail-row dd{color:#1f2937;font-size:14px;line-height:1.6;margin:0}.agenda-detail-two-columns{grid-gap:24px;display:grid;flex-direction:row;gap:24px;grid-template-columns:1fr 1fr}.agenda-detail-column{display:flex;flex-direction:column;gap:6px}.agenda-detail-column dt{color:#6b7280;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.agenda-detail-column dd{color:#1f2937;font-size:14px;line-height:1.6;margin:0}@media (max-width:600px){.agenda-detail-two-columns{gap:18px;grid-template-columns:1fr}}.agenda-detail-medewerkers{align-items:center;display:flex;flex-wrap:wrap}.agenda-detail-medewerker-text{color:#4b5563;font-weight:600}.agenda-detail-contacts{margin-top:8px}.contacts-list{display:flex;flex-direction:column;gap:16px}.contact-item{background:#7f5af014;border:1px solid #4f46e526;border-radius:8px;padding:12px}.contact-name{color:#312e81;font-size:15px;font-weight:600;margin-bottom:8px}.contact-info{align-items:center;display:flex;font-size:13px;gap:8px;margin-top:4px}.contact-label{color:#6b7280;font-weight:600;min-width:70px}.contact-link{color:#5d29c1;text-decoration:none;word-break:break-all}.contact-link:hover{color:#4c1d95;text-decoration:underline}.contacts-pagination{align-items:center;border-top:1px solid #4f46e526;display:flex;gap:12px;justify-content:center;margin-top:16px;padding-top:16px}.contacts-pagination-button{background:linear-gradient(135deg,#7f5af0,#5d29c1);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.contacts-pagination-button:hover:not(:disabled){box-shadow:0 4px 12px #5f3cc44d;transform:translateY(-1px)}.contacts-pagination-button:active:not(:disabled){transform:translateY(0)}.contacts-pagination-button:disabled{cursor:not-allowed;opacity:.5}.contacts-pagination-info{color:#6b7280;font-size:13px;font-weight:500}.agenda-detail-contacts-section{border-top:1px solid #4f46e52e;margin-top:24px;padding-top:24px}.contacts-section-header{display:flex;flex-direction:column;gap:12px;margin-bottom:12px}.contacts-section-title{color:#312e81;font-size:16px;font-weight:600;margin:0}.contacts-search-input{background:#fffc;border:1px solid #4f46e533;border-radius:6px;color:#312e81;font-size:13px;padding:8px 12px;transition:border-color .2s ease,background .2s ease;width:100%}.contacts-search-input:focus{background:#fff;border-color:#7f5af0;box-shadow:0 0 0 3px #7f5af01a;outline:none}.contacts-search-input::placeholder{color:#9ca3af}.contacts-list-compact{display:flex;flex-direction:column;gap:8px}.contact-item-compact{background:#7f5af00f;border:1px solid #4f46e51f;border-radius:6px;padding:10px 12px}.contact-name-compact{color:#312e81;font-size:14px;font-weight:600;margin-bottom:6px}.contact-functie{color:#6b7280;font-size:13px;font-weight:400}.contact-details-compact{display:flex;flex-direction:column;font-size:12px;gap:4px}.contact-link-compact{color:#5d29c1;display:inline-block;text-decoration:none;word-break:break-all}.contact-link-compact:hover{color:#4c1d95;text-decoration:underline}.agenda-detail-footer{border-top:1px solid #4f46e52e;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px 24px}.agenda-detail-close{background:linear-gradient(135deg,#7f5af0,#5d29c1);border:none;border-radius:999px;box-shadow:0 12px 24px #5f3cc440;color:#fff;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.02em;padding:12px 28px;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.agenda-detail-close:focus-visible,.agenda-detail-close:hover{box-shadow:0 16px 30px #5f3cc452;outline:none;transform:translateY(-1px)}.agenda-detail-close:active{transform:translateY(1px)}@media (min-width:900px){.klant-info-modal{max-width:1100px}.klant-info-sections{grid-gap:32px;align-items:flex-start;display:grid;gap:32px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.klant-info-contacts{border-left:1px solid #4f46e52e;border-top:none;margin-top:0;padding-left:32px;padding-top:0}}.agenda-detail-klant-info{background:linear-gradient(135deg,#8b5cf6,#6d28d9);border:none;border-radius:999px;box-shadow:0 12px 24px #6b46c140;color:#fff;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.02em;padding:12px 28px;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.agenda-detail-klant-info:focus-visible,.agenda-detail-klant-info:hover{box-shadow:0 16px 30px #6b46c152;outline:none;transform:translateY(-1px)}.agenda-detail-klant-info:active{transform:translateY(1px)}.error-message{color:#dc2626;font-weight:500}.empty-message,.error-message{padding:20px;text-align:center}.empty-message{color:#6b7280;font-style:italic}@media (max-width:600px){.agenda-detail-overlay{padding:36px 16px}.agenda-detail-modal{border-radius:18px;margin:24px 0;max-height:calc(100vh - 120px)}.agenda-detail-content,.agenda-detail-footer,.agenda-detail-header{padding:18px}}.klant-item{align-items:center;display:flex;gap:6px;justify-content:space-between;padding:6px 0}.klant-naam{color:#1f2937;flex:1 1;font-size:12px;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.klant-aantal{background-color:#6d4cd91f;border-radius:10px;color:#6b46c1;font-size:13px;font-weight:600;min-width:30px;padding:2px 8px;text-align:center}.klanten-grid{grid-gap:4px 12px;display:grid;gap:4px 12px;grid-template-columns:repeat(2,minmax(0,1fr))}.klanten-grid .klant-item{background-color:#fff6;border:1px solid #6d4cd91a;border-radius:6px;cursor:pointer;padding:4px 6px;transition:background-color .2s ease,border-color .2s ease}.klanten-grid .klant-item:hover{background-color:#7f5af01f;border-color:#7f5af04d}.klanten-grid .klant-item:active{background-color:#7f5af02e}.klanten-grid .klant-item:focus-visible{outline:2px solid #7f5af0;outline-offset:2px}.afwezig-grid{grid-gap:6px 12px;display:grid;gap:6px 12px;grid-template-columns:repeat(2,minmax(0,1fr))}.afwezig-item{grid-gap:8px;align-items:center;background-color:#fff6;border:1px solid #6d4cd91a;border-radius:6px;display:grid;gap:8px;grid-template-columns:1fr auto auto;padding:8px 10px}.afwezig-medewerker{color:#1f2937;font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.afwezig-datum{color:#6b7280;font-size:12px}.afwezig-uren{color:#6b46c1;font-size:12px;font-weight:700}.theme-dark .afwezig-item{background-color:#11182780;border-color:#818cf840}.theme-dark .afwezig-medewerker{color:#e5e7ff}.theme-dark .afwezig-datum{color:#a5b4fc}.theme-dark .afwezig-uren{color:#a78bfa}.klanten-grid .klant-naam{font-size:12px}.klanten-grid .klant-aantal{font-size:12px;min-width:26px}.agenda-view{display:flex;flex-direction:column;gap:24px}.agenda-day{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffbf;border-radius:18px;box-shadow:0 15px 35px #5e588e1f;overflow:hidden}.agenda-day-header{align-items:center;background:linear-gradient(135deg,#7b61ff14,#5a44bd14);border-bottom:1px solid #5b3cc41a;display:flex;justify-content:space-between;padding:18px 24px}.agenda-day-label{color:#3f3d56;font-size:18px;font-weight:600;text-transform:capitalize}.agenda-day-count{color:#6b7280;font-size:14px;font-weight:500}.agenda-day-items{display:flex;flex-direction:column;gap:16px;padding:20px 24px 24px}.agenda-empty{background:#ffffffb3;border-radius:16px;box-shadow:0 10px 30px #5e588e1f;color:#4a5568;font-size:16px;padding:40px;text-align:center}.view-switcher-wrapper{bottom:0;left:0;padding:0 16px calc(12px + env(safe-area-inset-bottom));pointer-events:none;position:fixed;width:100%;z-index:60}.view-switcher{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;border:1px solid #4f46e524;border-radius:999px;box-shadow:0 12px 30px #5f3cc42e;display:flex;gap:10px;justify-content:center;margin:0 auto;max-width:520px;padding:8px 18px;pointer-events:auto;transform:translateY(-6px)}.view-switcher-status{background:#6d4cd91f;border-radius:999px;color:#4c1d95;font-size:11px;padding:2px 10px;transition:opacity .2s ease}.view-switcher-icon-button{align-items:center;background:#6d4cd914;border:1px solid #0000;border-radius:50%;color:#4c1d95;cursor:pointer;display:inline-flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.view-switcher-icon-button:focus-visible,.view-switcher-icon-button:hover{background:#6d4cd92e;border-color:#6d4cd933;box-shadow:0 6px 16px #5f3cc433;outline:none}.theme-toggle-button.active{background:linear-gradient(135deg,#7f5af0,#5d29c1);box-shadow:0 8px 18px #5f3cc440;color:#fff}.theme-toggle-icon{fill:currentColor;height:20px;width:20px}.view-switcher-button{background:#6d4cd914;border:1px solid #0000;border-radius:999px;color:#4c1d95;font-size:14px;font-weight:600;letter-spacing:.02em;min-width:110px;padding:8px 20px;transition:all .2s ease}.view-switcher-button:hover{background:#6d4cd924;border-color:#6d4cd933}.view-switcher-button.active{background:linear-gradient(135deg,#7f5af0,#5d29c1);box-shadow:0 8px 18px #5f3cc440;color:#fff}.view-switcher-button:focus-visible{outline:2px solid #7f9cf5;outline-offset:3px}@media (max-width:1024px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.dashboard-grid{grid-template-columns:1fr}.dashboard-widget.widget-morgen,.dashboard-widget.widget-vandaag,.dashboard-widget.widget-vandaag-vgk{max-height:none;min-height:auto}.dashboard-widget.widget-vandaag{order:1}.dashboard-widget.widget-morgen{order:2}.dashboard-widget.widget-vandaag-vgk{order:3}.dashboard-widget.widget-vandaag-dmg{order:4}.dashboard-widget.widget-week-ol{order:5}.dashboard-widget.widget-klanten-week{order:6}.dashboard-widget.widget-afwezig-week{order:7}.header-logo{height:32px}.header-top-row{flex-wrap:wrap;gap:12px}.header-top-right{gap:12px;justify-content:space-between;width:100%}.header-week-controls{flex:1 1 auto;justify-content:center}.header-actions{flex:none;gap:8px}.medewerker-button{font-size:11px;padding:4px 8px}.medewerker-panel-content{padding:12px 16px 16px}.container{padding:20px 15px 90px}.agenda-day-header{align-items:flex-start;flex-direction:column;gap:6px}.agenda-day-label{font-size:17px}.agenda-day-items{padding:18px 18px 22px}.view-switcher-wrapper{padding:0 12px calc(10px + env(safe-area-inset-bottom))}.view-switcher{gap:8px;max-width:none;padding:8px 12px;transform:translateY(-4px);width:100%}.view-switcher-button{flex:1 1;min-width:0}.view-switcher-icon-button{height:36px;width:36px}.view-switcher-status{font-size:10px;padding:2px 8px}}.login-screen{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:40px 16px;position:relative}.login-card{background-color:#fff;border:1px solid #6b46c126;border-radius:8px;box-shadow:0 8px 24px #6b46c126;max-width:420px;padding:32px;width:100%}.login-header{display:flex;justify-content:center;margin-bottom:24px}.login-logo{display:block;height:72px;width:auto}.login-theme-toggle-floating{height:42px;position:absolute;right:20px;top:20px;width:42px;z-index:10}.customer-info-page{display:flex;flex-direction:column;gap:24px;min-height:100vh;padding:32px 20px 60px}.customer-info-page__header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.customer-info-page__nav{display:flex;flex-wrap:wrap;gap:12px}.customer-info-page__nav-button{background-color:#f4f1fb;border:1px solid #6d4cd94d;border-radius:999px;color:#4c1d95;cursor:pointer;font-size:13px;font-weight:600;padding:8px 18px;transition:all .2s ease}.customer-info-page__nav-button.secondary{background-color:#fff}.customer-info-page__nav-button:focus-visible,.customer-info-page__nav-button:hover{background-color:#6d4cd91a;border-color:#6d4cd999;box-shadow:0 8px 18px #5f3cc433;outline:none}.customer-info-page__title{flex:1 1;min-width:220px;text-align:center}.customer-info-page__title span{color:#6b46c1;display:block;font-size:12px;font-weight:600;letter-spacing:.08em;margin-bottom:6px;text-transform:uppercase}.customer-info-page__title h1{color:#312e81;font-size:24px;margin:0}.customer-info-page__subtitle{color:#4b5563;font-size:13px;margin:6px 0 0}.customer-info-page__body{display:flex;flex:1 1;justify-content:center}.customer-info-page__panel{background:#ffffffeb;border:1px solid #4f46e526;border-radius:20px;box-shadow:0 18px 40px #4f46e52e;max-width:1100px;width:100%}.customer-info-page__top{padding:22px 22px 10px}.customer-top-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr .9fr}.customer-top-right .customer-actions{display:flex;flex-direction:column;gap:10px}.customer-map-link-wrap{margin-top:8px}.customer-map-link{background:#6d4cd914;border:1px solid #4f46e52e;border-radius:999px;color:#4c1d95;display:inline-block;font-size:12px;font-weight:600;padding:6px 10px;text-decoration:none;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.customer-map-link:focus-visible,.customer-map-link:hover{background:#6d4cd929;border-color:#4f46e55c;color:#5b21b6;outline:none}.theme-dark .customer-map-link{background:#6366f11f;border-color:#818cf859;color:#c7d2fe}.theme-dark .customer-map-link:focus-visible,.theme-dark .customer-map-link:hover{background:#6366f138;border-color:#818cf899;color:#fff}.customer-action-button{background:linear-gradient(135deg,#7f5af0,#5d29c1);border:none;border-radius:999px;color:#fff;display:inline-block;font-size:14px;font-weight:600;padding:10px 16px;text-align:center;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.customer-action-button:hover{box-shadow:0 10px 20px #5f3cc44d;transform:translateY(-1px)}.customer-info-page__bottom{padding:10px 22px 22px}.customer-tabs{border-bottom:1px solid #4f46e526;display:flex;gap:8px}.customer-tab{background:#0000;border:none;border-bottom:2px solid #0000;color:#4c1d95;cursor:pointer;font-weight:600;padding:10px 14px;transition:color .2s ease,border-color .2s ease}.customer-tab:focus-visible,.customer-tab:hover{color:#5b21b6;outline:none}.customer-tab.active{border-bottom-color:#7f5af0;color:#5b21b6}.customer-tabpanes{padding-top:16px}.customer-agenda-list{display:flex;flex-direction:column;gap:10px}.customer-agenda-item{background:#7f5af00f;border:1px solid #4f46e51f;border-radius:8px;padding:10px 12px}.customer-agenda-item__header{align-items:center;display:flex;gap:10px;margin-bottom:6px}.customer-agenda-item__body{color:#1f2937;font-size:13px}.theme-dark .customer-action-button{background:linear-gradient(135deg,#5b21b6,#4338ca)}.theme-dark .customer-agenda-item{background:#3b82f614;border-color:#818cf84d}.theme-dark .customer-agenda-item__body{color:#e5e7ff}@media (max-width:768px){.customer-top-grid{grid-template-columns:1fr}}.theme-dark .customer-info-page__panel{background:#111827eb;border-color:#3b82f640;box-shadow:0 24px 60px #00000080}.theme-dark .customer-info-page__nav-button{background-color:#3b82f61f;border-color:#818cf866;color:#c7d2fe}.theme-dark .customer-info-page__nav-button.secondary{background-color:#1e293bcc}.theme-dark .customer-info-page__nav-button:focus-visible,.theme-dark .customer-info-page__nav-button:hover{background-color:#6366f138;border-color:#818cf8cc;color:#fff}.theme-dark .customer-info-page__title span{color:#8b5cf6}.theme-dark .customer-info-page__title h1{color:#e5e7ff}.theme-dark .customer-info-page__subtitle{color:#a5b4fc}.theme-dark .customer-info-page__panel .agenda-detail-row dd,.theme-dark .customer-info-page__panel .contact-link,.theme-dark .customer-info-page__panel .contact-link-compact,.theme-dark .customer-info-page__panel .contact-name-compact{color:inherit}.theme-dark .customer-info-page__panel .contact-functie{color:#9ca3af}@media (max-width:768px){.customer-info-page{padding:24px 16px 40px}.customer-info-page__header{align-items:stretch;flex-direction:column}.customer-info-page__title{text-align:left}}.login-form{gap:16px}.login-field,.login-form{display:flex;flex-direction:column}.login-field{color:#4b5563;font-size:13px;font-weight:500;gap:8px}.login-field input{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:10px 12px;transition:border-color .2s ease,box-shadow .2s ease}.login-field input:focus{border-color:#6b46c1;box-shadow:0 0 0 3px #6b46c126;outline:none}.login-button{background-color:#6b46c1;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:8px;padding:12px;transition:background-color .2s ease,transform .1s ease}.login-button:hover{background-color:#553c9a}.login-button:active{transform:translateY(1px)}.login-error{background-color:#fee2e2;border:1px solid #fca5a5;border-radius:6px;color:#991b1b;font-size:13px;padding:10px 12px}.initializing-screen{align-items:center;background:linear-gradient(135deg,#e8e4f0,#d4cce8 50%,#c0b4e0);display:flex;justify-content:center;min-height:100vh;padding:40px 16px}.initializing-card{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#ffffffe6;border:1px solid #6b46c12e;border-radius:14px;box-shadow:0 18px 40px #5e588e2e;display:flex;flex-direction:column;gap:16px;padding:32px 48px}.initializing-spinner{animation:initializingSpin 1s linear infinite;border:3px solid #6b46c12e;border-radius:50%;border-top-color:#6b46c1;height:42px;width:42px}.initializing-text{color:#4c1d95;font-size:15px;font-weight:600;letter-spacing:.02em}@keyframes initializingSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:480px){.login-card{padding:24px 20px}.login-logo{height:60px}.header-logo{display:none}.header-top-right{gap:10px;width:100%}.header-week-controls{gap:6px;justify-content:center}.header-week-label{font-size:13px}.header-actions{gap:6px}}.theme-dark .App,.theme-dark body{background:linear-gradient(135deg,#101428,#0f172a 50%,#111827);color:#e5e7ff}.theme-dark .header{background-color:#0f1324f2;border-bottom:1px solid #818cf859;box-shadow:0 18px 36px #080a1899}.theme-dark .header-logo{display:none}.theme-dark .header-week-label{color:#c7d2fe}.theme-dark .header-week-button{background-color:#6366f1d9;color:#f8fafc}.theme-dark .header-week-button:hover{background-color:#4f46e5d9}.theme-dark .filters-toggle,.theme-dark .logout-button,.theme-dark .refresh-button{background-color:#4f46e52e;border-color:#818cf859;color:#dbe4ff}.theme-dark .filters-toggle:focus-visible,.theme-dark .filters-toggle:hover,.theme-dark .logout-button:focus-visible,.theme-dark .logout-button:hover,.theme-dark .refresh-button:focus-visible:not(:disabled),.theme-dark .refresh-button:hover:not(:disabled){background-color:#4f46e54d;border-color:#a5b4fc8c;box-shadow:0 10px 24px #25226873;color:#fff}.theme-dark .filters-toggle.active{background:linear-gradient(135deg,#5b21b6,#4338ca);border-color:#a5b4fc99;box-shadow:0 10px 24px #2522688c;color:#fff}.theme-dark .refresh-button:disabled{background-color:#1e1e3a99;border-color:#47559780;box-shadow:none;color:#7175b3}.theme-dark .medewerker-panel{background-color:#13172bd1;border-top:1px solid #818cf82e}.theme-dark .medewerker-button{background-color:#4f46e529;border-color:#818cf852;color:#dce3ff}.theme-dark .medewerker-button:hover{background-color:#4f46e552;border-color:#a5b4fc73}.theme-dark .medewerker-button.active{background:linear-gradient(135deg,#5b21b6,#4338ca);border-color:#a5b4fc99;color:#fff}.theme-dark .dashboard-widget{background:#111827eb;border:1px solid #818cf82e;box-shadow:0 20px 40px #080a188c}.theme-dark .widget-header{background:#4f46e51f;border-bottom:1px solid #818cf833}.theme-dark .widget-header h3{color:#e0e7ff}.theme-dark .widget-subtitle{color:#a5b4fc}.theme-dark .widget-content{color:#e5e7ff}.theme-dark .vandaag-button{background-color:#4f46e529;border-color:#818cf852;color:#dbe4ff}.theme-dark .vandaag-button:focus-visible,.theme-dark .vandaag-button:hover{background-color:#4f46e552;border-color:#a5b4fc73;color:#fff}.theme-dark .empty-widget{color:#a5b4fc}.theme-dark .message.success{background-color:#22c55e2e;border-color:#4ade8047;color:#bbf7d0}.theme-dark .message.error{background-color:#f8717133;border-color:#f871714d;color:#fecaca}.theme-dark .compact-agenda-item+.compact-agenda-item{border-top-color:#818cf833}.theme-dark .compact-agenda-item:focus-visible,.theme-dark .compact-agenda-item:hover{background:#4f46e538;box-shadow:0 16px 36px #080a188c}.theme-dark .compact-date{color:#c7d2fe}.theme-dark .compact-time{color:#f8fafc}.theme-dark .compact-omschrijving{color:#e2e8ff}.theme-dark .compact-klant,.theme-dark .compact-medewerker{color:#a5b4fc}.theme-dark .compact-medewerker.has-active{color:#dbe4ff}.theme-dark .compact-medewerker-code{background-color:#4f46e538;color:inherit}.theme-dark .compact-medewerker-code.is-current{box-shadow:0 10px 28px #221f5da6}.theme-dark .compact-location-code{background:#4f46e52e;color:#e0e7ff}.theme-dark .compact-location-code.is-ver{background:#f8717147;box-shadow:inset 0 0 0 1px #f8717159;color:#fecaca}.theme-dark .compact-location-code.is-afw{background:#22c55e47;box-shadow:inset 0 0 0 1px #22c55e59;color:#86efac}.theme-dark .compact-medewerker-paren,.theme-dark .compact-medewerker-separator{color:#94a3d0;opacity:.7}.theme-dark .agenda-day{background:#111827e0;box-shadow:0 24px 40px #080a188c}.theme-dark .agenda-day-header{background:linear-gradient(135deg,#4f46e52e,#382ba02e);border-bottom:1px solid #818cf838}.theme-dark .agenda-day-label{color:#e0e7ff}.theme-dark .agenda-day-count{color:#a5b4fc}.theme-dark .agenda-empty{background:#171e32e6;box-shadow:0 16px 36px #080a188c;color:#c7d2fe}.theme-dark .loading{color:#c7d2fe}.theme-dark .view-switcher{background:#0f1324e6;border:1px solid #818cf83d;box-shadow:0 16px 40px #080a18a6}.theme-dark .view-switcher-button{background:#4f46e533;border-color:#818cf83d;color:#e5e7ff}.theme-dark .view-switcher-button:hover{background:#4f46e552;border-color:#a5b4fc73}.theme-dark .view-switcher-button.active{background:linear-gradient(135deg,#4338ca,#312e81);box-shadow:0 12px 30px #1c164e99}.theme-dark .view-switcher-status{background:#4f46e542;color:#e0e7ff}.theme-dark .view-switcher-icon-button{background:#4f46e533;border-color:#818cf83d;color:#e5e7ff}.theme-dark .view-switcher-icon-button:focus-visible,.theme-dark .view-switcher-icon-button:hover{background:#4f46e552;border-color:#a5b4fc73;box-shadow:0 10px 24px #1c164e8c}.theme-dark .theme-toggle-button.active{background:linear-gradient(135deg,#f8fafc,#c7d2fe);box-shadow:0 12px 28px #0f0f2399;color:#1e1b4b}.theme-dark .klanten-grid .klant-item{background-color:#1a2036b8;border-color:#818cf82e}.theme-dark .klanten-grid .klant-item:hover{background-color:#4f46e540}.theme-dark .klant-naam{color:#dce3ff}.theme-dark .klant-aantal{background-color:#4f46e538;color:#f8fafc}.theme-dark .agenda-detail-overlay{background:#050814bf}.theme-dark .agenda-detail-modal{background:#0f1324f5;border:1px solid #818cf83d;box-shadow:0 24px 48px #080a18a6}.theme-dark .agenda-detail-header{background:linear-gradient(135deg,#4f46e533,#382ba033);border-bottom:1px solid #818cf83d}.theme-dark .agenda-detail-date{color:#c7d2fe}.theme-dark .agenda-detail-title{color:#e5e7ff}.theme-dark .agenda-detail-time{color:#f8fafc}.theme-dark .agenda-detail-row dt{color:#a5b4fc}.theme-dark .agenda-detail-row dd{color:#e2e8ff}.theme-dark .agenda-detail-column dt{color:#a5b4fc}.theme-dark .agenda-detail-column dd{color:#e2e8ff}.theme-dark .agenda-detail-medewerker-text{color:#c7d2fe}.theme-dark .contact-item{background:#4f46e52e;border-color:#818cf840}.theme-dark .contact-name{color:#dbe4ff}.theme-dark .contact-label{color:#a5b4fc}.theme-dark .contact-link{color:#c7d2fe}.theme-dark .contact-link:hover{color:#e0e7ff}.theme-dark .contacts-pagination{border-top-color:#818cf833}.theme-dark .contacts-pagination-button{background:linear-gradient(135deg,#5b21b6,#4338ca)}.theme-dark .contacts-pagination-button:hover:not(:disabled){box-shadow:0 4px 12px #25226880}.theme-dark .contacts-pagination-info{color:#a5b4fc}.theme-dark .agenda-detail-contacts-section{border-top-color:#818cf83d}.theme-dark .contacts-section-title{color:#c7d2fe}.theme-dark .contacts-search-input{background:#1e1b4b99;border-color:#818cf84d;color:#e0e7ff}.theme-dark .contacts-search-input:focus{background:#1e1b4bcc;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf626}.theme-dark .contacts-search-input::placeholder{color:#6b7280}.theme-dark .contact-item-compact{background:#4f46e526;border-color:#818cf833}.theme-dark .contact-name-compact{color:#c7d2fe}.theme-dark .contact-functie{color:#9ca3af}.theme-dark .contact-link-compact{color:#a78bfa}.theme-dark .contact-link-compact:hover{color:#c4b5fd}.theme-dark .agenda-detail-footer{border-top:1px solid #818cf83d}.theme-dark .agenda-detail-close{background:linear-gradient(135deg,#4338ca,#312e81);box-shadow:0 16px 32px #1c164e8c}.theme-dark .agenda-detail-close:focus-visible,.theme-dark .agenda-detail-close:hover{box-shadow:0 20px 40px #1c164ea6}.theme-dark .agenda-detail-klant-info{background:linear-gradient(135deg,#5b21b6,#4c1d95);box-shadow:0 16px 32px #1e195a8c}.theme-dark .agenda-detail-klant-info:focus-visible,.theme-dark .agenda-detail-klant-info:hover{box-shadow:0 20px 40px #1e195aa6}.theme-dark .login-screen{background:linear-gradient(135deg,#101428,#0f172a 50%,#111827)}.theme-dark .login-card{background-color:#111827e6;border:1px solid #818cf83d;box-shadow:0 24px 48px #080a18a6;color:#e5e7ff}.theme-dark .login-field{color:#cbd5ff}.theme-dark .login-field input{background:#171e34e6;border-color:#818cf84d;color:#f8fafc}.theme-dark .login-field input:focus{border-color:#a5b4fc99;box-shadow:0 0 0 3px #4f46e559}.theme-dark .login-button{background:linear-gradient(135deg,#4338ca,#312e81)}.theme-dark .login-button:hover{background:linear-gradient(135deg,#312e81,#1d1a5a)}.theme-dark .login-error{background-color:#b91c1c38;border-color:#f871714d;color:#fecaca}.theme-dark .initializing-screen{background:linear-gradient(135deg,#0f172a,#101828 50%,#0b1120)}.theme-dark .initializing-card{background-color:#111827eb;border:1px solid #818cf83d;box-shadow:0 24px 48px #080a18a6}.theme-dark .initializing-spinner{border-color:#818cf8cc #4f46e538 #4f46e538}.theme-dark .initializing-text{color:#c7d2fe}
/*# sourceMappingURL=main.b86d6eba.css.map*/