@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Barlow:wght@400;500;600&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--clr-primary: #C0302A;--clr-primary-dk: #9E201A;--clr-primary-lt: #FDF1F0;--clr-bg: #F5F2F1;--clr-surface: #ffffff;--clr-border: #E0D6D4;--clr-text: #1C1412;--clr-muted: #7D6E6B;--clr-error-bg: #fef2f2;--clr-error-border:#fca5a5;--clr-error-text: #b91c1c;--radius: 4px;--shadow: 0 2px 12px rgba(0,0,0,.07);--clr-status-draft: #6B7280;--clr-status-draft-bg: #F3F4F6;--clr-status-sent: #2563EB;--clr-status-sent-bg: #EFF6FF;--clr-status-accepted: #059669;--clr-status-accepted-bg: #ECFDF5;--clr-status-expired: #D97706;--clr-status-expired-bg: #FFFBEB;--shadow-card: 0 1px 3px rgba(0,0,0,.05), 0 4px 12px rgba(0,0,0,.06);--radius-lg: 8px}html,body{height:100%}body{font-family:Barlow,system-ui,sans-serif;font-size:15px;color:var(--clr-text);background:var(--clr-bg);line-height:1.55}.app-header{background:#1c1412;padding:0 2rem;height:64px;display:flex;align-items:center;border-bottom:3px solid var(--clr-primary);box-shadow:0 1px 4px #0003}.header-inner{display:flex;align-items:center;gap:1rem}.header-logo{display:flex;align-items:center}.header-logo-img{height:36px;width:auto}.header-divider{width:1px;height:28px;background:#fff3}.header-subtitle{font-family:Barlow,system-ui,sans-serif;font-size:.82rem;font-weight:500;color:#ffffff8c;letter-spacing:.02em}.app-main{max-width:860px;margin:2rem auto;padding:0 1.5rem 4rem;display:flex;flex-direction:column;gap:2rem}.form-type-tabs{display:flex;gap:0;background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.form-type-tab{flex:1;padding:.75rem 1rem;border:none;background:transparent;font-family:Barlow Condensed,system-ui,sans-serif;font-size:1rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--clr-muted);cursor:pointer;transition:background .15s,color .15s;border-bottom:3px solid transparent}.form-type-tab:not(:last-child){border-right:1px solid var(--clr-border)}.form-type-tab:hover:not(.active){background:var(--clr-bg);color:var(--clr-text)}.form-type-tab.active{color:var(--clr-primary);border-bottom-color:var(--clr-primary);background:var(--clr-primary-lt)}.catalog-list{display:flex;flex-direction:column;gap:.1rem}.catalog-row{border-radius:var(--radius);transition:background .12s}.catalog-row--active{background:var(--clr-primary-lt)}.catalog-check-label{display:flex;align-items:center;gap:.6rem;padding:.5rem .6rem;cursor:pointer;border-radius:var(--radius);font-size:.95rem;font-weight:400;color:var(--clr-text);text-transform:none;letter-spacing:0;-webkit-user-select:none;user-select:none}.catalog-check-label:hover{background:var(--clr-bg)}.catalog-row--active .catalog-check-label:hover{background:#f5e0de}.catalog-check-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--clr-primary);cursor:pointer;flex-shrink:0}.catalog-naam{flex:1}.catalog-prijs{font-family:Barlow Condensed,system-ui,sans-serif;font-size:.9rem;font-weight:700;color:var(--clr-muted);letter-spacing:.02em;white-space:nowrap}.catalog-row--active .catalog-prijs{color:var(--clr-primary)}.catalog-aantal{display:flex;align-items:center;gap:.75rem;margin:.1rem .6rem .5rem 2.4rem;padding:.45rem .75rem;background:#c0302a0f;border-left:3px solid var(--clr-primary);border-radius:0 var(--radius) var(--radius) 0}.catalog-aantal label{font-size:.78rem;white-space:nowrap}.catalog-aantal input[type=number]{width:80px}.catalog-totaal{font-family:Barlow Condensed,system-ui,sans-serif;font-size:.95rem;font-weight:700;color:var(--clr-primary);letter-spacing:.02em}textarea{padding:.6rem .75rem;border:1px solid var(--clr-border);border-radius:var(--radius);font-family:Barlow,system-ui,sans-serif;font-size:.95rem;color:var(--clr-text);background:var(--clr-surface);resize:vertical;width:100%;transition:border-color .15s,box-shadow .15s}.offert-form{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.form-section{padding:1.75rem 2rem;border-bottom:1px solid var(--clr-border)}.form-section:last-of-type{border-bottom:none}.form-section h2{font-family:Barlow Condensed,system-ui,sans-serif;font-size:1.05rem;font-weight:700;color:var(--clr-primary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:1.25rem;padding-bottom:.45rem;border-bottom:2px solid var(--clr-primary);display:inline-block}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem 1.5rem}.field{display:flex;flex-direction:column;gap:.35rem}.field--full{grid-column:1 / -1}.field-required{color:var(--clr-primary);margin-left:2px}label{font-size:.82rem;font-weight:600;color:var(--clr-muted);text-transform:uppercase;letter-spacing:.04em}input[type=text],input[type=email],input[type=tel],input[type=date],input[type=number],select{height:40px;padding:0 .75rem;border:1px solid var(--clr-border);border-radius:var(--radius);font-size:.95rem;color:var(--clr-text);background:var(--clr-surface);transition:border-color .15s,box-shadow .15s;width:100%}input[type=text]:focus,input[type=date]:focus,input[type=number]:focus,input[type=email]:focus,input[type=tel]:focus,select:focus{outline:none;border-color:var(--clr-primary);box-shadow:0 0 0 3px #c0302a1f}.checkbox-group{display:flex;flex-direction:column;gap:.65rem}.checkbox-label{display:flex;align-items:center;gap:.6rem;font-size:.95rem;font-weight:400;color:var(--clr-text);text-transform:none;letter-spacing:0;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{width:17px;height:17px;accent-color:var(--clr-primary);cursor:pointer;flex-shrink:0}.form-info-text{font-size:.88rem;color:var(--clr-muted);line-height:1.6;margin:.5rem 0 0 1.6rem;padding:.75rem 1rem;background:var(--clr-primary-lt);border-left:3px solid var(--clr-primary);border-radius:0 var(--radius) var(--radius) 0}.form-info-text a{color:var(--clr-primary);text-decoration:underline}.form-hint{font-size:.82rem;color:var(--clr-muted);line-height:1.5;margin:.35rem 0 0}.checkbox-group-label{font-size:.78rem;font-weight:700;color:var(--clr-muted);text-transform:uppercase;letter-spacing:.06em;margin-top:.5rem;margin-bottom:.15rem}.checkbox-label--indented{margin-left:1rem}.sub-field{display:flex;align-items:center;gap:.75rem;margin-left:2rem;padding:.5rem .75rem;background:var(--clr-primary-lt);border-left:3px solid var(--clr-primary);border-radius:0 var(--radius) var(--radius) 0}.sub-field label{white-space:nowrap;font-size:.82rem}.sub-field input[type=number]{width:90px}.form-actions{padding:1.25rem 2rem;background:var(--clr-bg);border-top:1px solid var(--clr-border);display:flex;justify-content:flex-end}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.4rem;border:none;border-radius:var(--radius);font-size:.95rem;font-weight:600;cursor:pointer;text-decoration:none;transition:background .15s,box-shadow .15s,opacity .15s}.btn-primary{background:var(--clr-primary);color:#fff;min-width:180px;justify-content:center;font-family:Barlow Condensed,system-ui,sans-serif;font-size:1rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.btn-primary:hover:not(:disabled){background:var(--clr-primary-dk);box-shadow:0 3px 10px #c0302a4d}.btn-primary:disabled{opacity:.65;cursor:not-allowed}.btn-download{background:var(--clr-primary);color:#fff;font-family:Barlow Condensed,system-ui,sans-serif;font-size:.95rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.btn-download:hover{background:var(--clr-primary-dk);box-shadow:0 3px 8px #c0302a59}.spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.error-banner{padding:.9rem 1.25rem;background:var(--clr-error-bg);border:1px solid var(--clr-error-border);border-radius:var(--radius);color:var(--clr-error-text);font-size:.9rem}.pdf-preview{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.pdf-preview-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--clr-border);background:var(--clr-bg)}.pdf-preview-header h2{font-family:Barlow Condensed,system-ui,sans-serif;font-size:1rem;font-weight:700;color:var(--clr-primary);text-transform:uppercase;letter-spacing:.1em}.pdf-frame{display:block;width:100%;height:780px;border:none}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.pdf-skeleton{height:780px;background:#f9f7f6;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:3rem 2rem 2rem;gap:0}.pdf-skeleton__page{width:100%;max-width:540px;display:flex;flex-direction:column;gap:.75rem}.pdf-skeleton__block{border-radius:4px;background:linear-gradient(90deg,#e8e0de 25%,#f0e8e6,#e8e0de 75%);background-size:1200px 100%;animation:shimmer 1.6s ease-in-out infinite}.pdf-skeleton__block--logo{height:36px;width:140px}.pdf-skeleton__block--title{height:22px;width:60%;margin-top:.5rem}.pdf-skeleton__block--subtitle{height:14px;width:40%}.pdf-skeleton__block--line{height:12px;width:100%}.pdf-skeleton__block--short{width:55%}.pdf-skeleton__block--med{width:75%}.pdf-skeleton__divider{height:1px;background:#e0d6d4;margin:.5rem 0}.pdf-skeleton__label{margin-top:2rem;font-family:Barlow Condensed,sans-serif;font-size:.85rem;font-weight:600;color:var(--clr-muted);text-transform:uppercase;letter-spacing:.1em}.overige-wrapper{display:flex;flex-direction:column;gap:.75rem}.overige-list{display:flex;flex-direction:column;gap:.5rem}.overige-row{display:grid;grid-template-columns:70px 1fr 140px auto;gap:.75rem;align-items:flex-end;padding:.65rem .75rem;background:var(--clr-primary-lt);border:1px solid var(--clr-border);border-left:3px solid var(--clr-primary);border-radius:0 var(--radius) var(--radius) 0}.overige-remove{height:40px;width:36px;display:flex;align-items:center;justify-content:center;background:none;border:1px solid var(--clr-border);border-radius:var(--radius);font-size:1.25rem;line-height:1;color:var(--clr-muted);cursor:pointer;transition:background .15s,color .15s,border-color .15s;flex-shrink:0}.overige-remove:hover{background:#fef2f2;color:var(--clr-primary);border-color:var(--clr-primary)}.btn-add-regel{align-self:flex-start;display:inline-flex;align-items:center;gap:.4rem;padding:.45rem 1rem;background:none;border:1.5px dashed var(--clr-border);border-radius:var(--radius);font-size:.88rem;font-weight:600;color:var(--clr-muted);cursor:pointer;transition:border-color .15s,color .15s,background .15s}.btn-add-regel:hover{border-color:var(--clr-primary);color:var(--clr-primary);background:var(--clr-primary-lt)}.btn-add-icon{font-size:1.1rem;line-height:1;font-weight:400}.vrije-tekst-field{margin-top:1.25rem}textarea{padding:.6rem .75rem;border:1px solid var(--clr-border);border-radius:var(--radius);font-size:.95rem;font-family:Barlow,system-ui,sans-serif;color:var(--clr-text);background:var(--clr-surface);resize:vertical;width:100%;line-height:1.55;transition:border-color .15s,box-shadow .15s}textarea:focus{outline:none;border-color:var(--clr-primary);box-shadow:0 0 0 3px #c0302a1f}@media (max-width: 600px){.form-grid{grid-template-columns:1fr}.field--full{grid-column:1}.app-main{padding:0 1rem 3rem;margin:1rem auto}.form-section{padding:1.25rem 1rem}.form-actions{padding:1rem}.pdf-frame{height:500px}.overige-row{grid-template-columns:60px 1fr auto;grid-template-rows:auto auto}.overige-naam{grid-column:2}.overige-bedrag{grid-column:1 / 3}.overige-remove{grid-column:3;grid-row:1 / 3;align-self:center}}.header-inner{width:100%;justify-content:space-between}.header-left{display:flex;align-items:center;gap:1rem}.header-nav{display:flex;align-items:stretch;gap:0;height:100%}.header-nav-btn{background:none;border:none;padding:0 1.1rem;font-family:Barlow,system-ui,sans-serif;font-size:.88rem;font-weight:500;color:#ffffff80;cursor:pointer;letter-spacing:.02em;position:relative;transition:color .15s;height:64px}.header-nav-btn:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--clr-primary);transform:scaleX(0);transition:transform .2s ease}.header-nav-btn:hover{color:#ffffffd9}.header-nav-btn.active{color:#fff;font-weight:600}.header-nav-btn.active:after{transform:scaleX(1)}.app-main--wide{max-width:1280px;padding:0 2rem 4rem}.dashboard{display:flex;flex-direction:column;gap:1.75rem}.dash-header{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:2rem 0 .5rem}.dash-header-text h1{font-family:Barlow Condensed,system-ui,sans-serif;font-size:1.75rem;font-weight:800;color:var(--clr-text);letter-spacing:.01em;line-height:1.1}.dash-header-text p{font-size:.88rem;color:var(--clr-muted);margin-top:.25rem}.dash-header-actions{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.btn-dash-primary{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem 1.1rem;background:var(--clr-primary);color:#fff;border:none;border-radius:var(--radius);font-family:Barlow Condensed,system-ui,sans-serif;font-size:.95rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:background .15s,box-shadow .15s}.btn-dash-primary:hover{background:var(--clr-primary-dk);box-shadow:0 3px 10px #c0302a47}.btn-dash-secondary{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem 1.1rem;background:var(--clr-surface);color:var(--clr-text);border:1px solid var(--clr-border);border-radius:var(--radius);font-family:Barlow,system-ui,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}.btn-dash-secondary:hover{background:var(--clr-bg);border-color:#bbb}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.stat-card{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:1.4rem 1.5rem 1.2rem;display:flex;flex-direction:column;gap:.35rem;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--clr-primary);opacity:.15}.stat-card__value{font-family:Barlow Condensed,system-ui,sans-serif;font-size:2.1rem;font-weight:800;color:var(--clr-text);line-height:1;letter-spacing:-.01em}.stat-card__label{font-size:.78rem;font-weight:600;color:var(--clr-muted);text-transform:uppercase;letter-spacing:.07em}.stat-tag{display:inline-flex;align-items:center;padding:.18rem .55rem;border-radius:99px;font-size:.75rem;font-weight:600;margin-top:.3rem;width:fit-content}.stat-tag--neutral{background:#f3f4f6;color:#6b7280}.stat-tag--info{background:#eff6ff;color:#2563eb}.stat-tag--success{background:#ecfdf5;color:#059669}.stat-tag--warn{background:#fffbeb;color:#d97706}.dash-tabs-wrapper{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden}.dash-tab-bar{display:flex;gap:0;border-bottom:1px solid var(--clr-border);background:var(--clr-bg);padding:0 1rem}.dash-tab-btn{background:none;border:none;padding:.85rem 1.1rem;font-family:Barlow,system-ui,sans-serif;font-size:.9rem;font-weight:500;color:var(--clr-muted);cursor:pointer;position:relative;transition:color .15s;white-space:nowrap}.dash-tab-btn:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--clr-primary);transform:scaleX(0);transition:transform .2s ease}.dash-tab-btn:hover{color:var(--clr-text)}.dash-tab-btn.active{color:var(--clr-text);font-weight:600}.dash-tab-btn.active:after{transform:scaleX(1)}.dash-tab-panel{padding:1.75rem 2rem;animation:tabFadeIn .18s ease both}@keyframes tabFadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.dash-section-title{font-family:Barlow Condensed,system-ui,sans-serif;font-size:1.15rem;font-weight:700;color:var(--clr-text);letter-spacing:.02em;margin-bottom:1rem}.dash-separator{border:none;border-top:1px solid var(--clr-border);margin:1.75rem 0}.dash-loading{color:var(--clr-muted);font-size:.875rem;padding:1rem 0}.dash-error{background:#fef2f2;color:#b91c1c;border:1px solid #FECACA;border-radius:var(--radius);padding:.75rem 1rem;font-size:.875rem;margin-bottom:1rem}.quotes-table-wrap{overflow-x:auto;border-radius:var(--radius);border:1px solid var(--clr-border)}table.quotes-table{width:100%;border-collapse:collapse;font-size:.88rem}.quotes-table th{font-family:Barlow Condensed,system-ui,sans-serif;font-size:.76rem;font-weight:700;color:var(--clr-muted);text-transform:uppercase;letter-spacing:.08em;padding:.75rem 1rem;text-align:left;background:var(--clr-bg);border-bottom:1px solid var(--clr-border);white-space:nowrap}.quotes-table td{padding:.72rem 1rem;border-bottom:1px solid var(--clr-border);color:var(--clr-text);white-space:nowrap}.quotes-table tbody tr:last-child td{border-bottom:none}.quotes-table tbody tr:hover td{background:var(--clr-primary-lt)}.quotes-table .col-id{font-family:Barlow Condensed,system-ui,sans-serif;font-weight:700;font-size:.9rem;color:var(--clr-primary)}.quotes-table .col-amount{font-weight:600;text-align:right}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .65rem;border-radius:99px;font-size:.76rem;font-weight:600;text-transform:capitalize}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.8}.badge--draft{background:var(--clr-status-draft-bg);color:var(--clr-status-draft)}.badge--sent{background:var(--clr-status-sent-bg);color:var(--clr-status-sent)}.badge--accepted{background:var(--clr-status-accepted-bg);color:var(--clr-status-accepted)}.badge--expired{background:var(--clr-status-expired-bg);color:var(--clr-status-expired)}.col-status{white-space:nowrap}.status-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:99px;padding:.2rem .65rem;font-size:.76rem;font-weight:600;font-family:inherit;cursor:pointer;outline-offset:2px}.status-select:disabled{opacity:.55;cursor:default}.status-select--draft{background:var(--clr-status-draft-bg);color:var(--clr-status-draft)}.status-select--sent{background:var(--clr-status-sent-bg);color:var(--clr-status-sent)}.status-select--accepted{background:var(--clr-status-accepted-bg);color:var(--clr-status-accepted)}.status-select--expired{background:var(--clr-status-expired-bg);color:var(--clr-status-expired)}.status-error{display:block;font-size:.7rem;color:var(--clr-primary);margin-top:.15rem}.activity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.activity-card{background:var(--clr-bg);border:1px solid var(--clr-border);border-radius:var(--radius-lg);padding:1.25rem 1.4rem}.activity-card__title{font-family:Barlow Condensed,system-ui,sans-serif;font-size:1.3rem;font-weight:800;color:var(--clr-text);line-height:1}.activity-card__label{font-size:.76rem;font-weight:600;color:var(--clr-muted);text-transform:uppercase;letter-spacing:.07em;margin-bottom:.5rem}.activity-card__desc{font-size:.88rem;color:var(--clr-muted);line-height:1.5;margin-top:.4rem}.filters-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem}.filter-btns{display:flex;gap:.4rem;flex-wrap:wrap}.filter-btn{padding:.35rem .85rem;background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius);font-size:.82rem;font-weight:600;color:var(--clr-muted);cursor:pointer;transition:all .15s}.filter-btn:hover{border-color:#bbb;color:var(--clr-text)}.filter-btn.active{background:var(--clr-primary-lt);border-color:var(--clr-primary);color:var(--clr-primary)}.analytics-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.chart-card{background:var(--clr-bg);border:1px solid var(--clr-border);border-radius:var(--radius-lg);padding:1.4rem 1.5rem}.chart-card__title{font-family:Barlow Condensed,system-ui,sans-serif;font-size:.9rem;font-weight:700;color:var(--clr-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:1rem}.create-quote-form{max-width:640px}.dash-create-success{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:#ecfdf5;border:1px solid #6EE7B7;border-radius:var(--radius-lg);margin-bottom:1.5rem}.dash-create-success__msg{font-family:Barlow Condensed,sans-serif;font-weight:600;font-size:.95rem;color:#059669;flex:1}.dash-create-success__msg:before{content:"✓ "}.create-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem 1.5rem}.create-form-field{display:flex;flex-direction:column;gap:.35rem}.create-form-field--full{grid-column:1 / -1}.create-form-field label{font-size:.78rem;font-weight:600;color:var(--clr-muted);text-transform:uppercase;letter-spacing:.05em}.create-form-field input,.create-form-field select,.create-form-field textarea{font-size:.93rem}.slider-wrap{display:flex;align-items:center;gap:.75rem}.slider-wrap input[type=range]{flex:1;height:4px;accent-color:var(--clr-primary);cursor:pointer}.slider-value{font-family:Barlow Condensed,system-ui,sans-serif;font-size:1rem;font-weight:700;color:var(--clr-primary);min-width:2.5rem;text-align:right}.create-form-actions{display:flex;gap:.6rem;margin-top:1.5rem;flex-wrap:wrap}.btn-dash-tertiary{display:inline-flex;align-items:center;padding:.55rem 1.1rem;background:none;color:var(--clr-muted);border:1px solid var(--clr-border);border-radius:var(--radius);font-family:Barlow,system-ui,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .15s}.btn-dash-tertiary:hover{color:var(--clr-text);border-color:#bbb}@media (max-width: 960px){.stats-row{grid-template-columns:repeat(2,1fr)}.analytics-grid{grid-template-columns:1fr}}@media (max-width: 640px){.stats-row{grid-template-columns:1fr 1fr}.activity-grid{grid-template-columns:1fr}.dash-tab-panel{padding:1.25rem 1rem}.create-form-grid{grid-template-columns:1fr}.create-form-field--full{grid-column:1}.app-main--wide{padding:0 1rem 3rem}}@media (max-width: 400px){.stats-row{grid-template-columns:1fr}}.app-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--clr-bg)}.app-loading-spinner{width:48px;height:48px;border:4px solid var(--clr-border);border-top-color:var(--clr-primary);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;background:var(--clr-bg)}.login-card{width:100%;max-width:420px;background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:2.5rem 2rem;border-top:4px solid var(--clr-primary)}.login-logo{display:flex;justify-content:center;margin-bottom:1.5rem}.login-logo img{height:56px;width:auto}.login-title{font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:1.75rem;color:var(--clr-primary);margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.5px;text-align:center}.login-subtitle{text-align:center;color:var(--clr-muted);margin:0 0 2rem;font-size:.95rem}.login-form{display:flex;flex-direction:column;gap:1rem}.login-label{display:flex;flex-direction:column;gap:.35rem}.login-label>span{font-family:Barlow Condensed,sans-serif;font-weight:600;text-transform:uppercase;font-size:.8rem;letter-spacing:.5px;color:var(--clr-text)}.login-label input{padding:.65rem .85rem;border:1px solid var(--clr-border);border-radius:var(--radius);font-size:1rem;font-family:inherit;background:var(--clr-surface)}.login-label input:focus{outline:none;border-color:var(--clr-primary);box-shadow:0 0 0 3px var(--clr-primary-lt)}.login-error{padding:.65rem .85rem;background:var(--clr-primary-lt);border-left:3px solid var(--clr-primary);color:var(--clr-primary-dk);border-radius:var(--radius);font-size:.9rem}.login-submit{margin-top:.5rem;padding:.85rem 1rem;background:var(--clr-primary);color:#fff;border:none;border-radius:var(--radius);font-family:Barlow Condensed,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.75px;font-size:1rem;cursor:pointer;transition:background .15s ease}.login-submit:hover:not(:disabled){background:var(--clr-primary-dk)}.login-submit:disabled{background:#c7b8b6;cursor:not-allowed}.user-menu{position:relative;margin-left:1rem}.user-menu-trigger{display:flex;align-items:center;gap:.5rem;padding:.4rem .75rem .4rem .4rem;background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:999px;cursor:pointer;font-family:inherit;font-size:.9rem;color:var(--clr-text);transition:border-color .15s,box-shadow .15s}.user-menu-trigger:hover{border-color:var(--clr-primary)}.user-menu-avatar{width:30px;height:30px;border-radius:50%;background:var(--clr-primary);color:#fff;font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:.85rem;display:flex;align-items:center;justify-content:center;letter-spacing:.5px}.user-menu-name{font-weight:500}.user-menu-dropdown{position:absolute;right:0;top:calc(100% + 6px);width:240px;background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);z-index:50;overflow:hidden}.user-menu-info{padding:.85rem 1rem;border-bottom:1px solid var(--clr-border);background:var(--clr-bg)}.user-menu-info-name{font-weight:600;font-size:.95rem;color:var(--clr-text)}.user-menu-info-email{font-size:.8rem;color:var(--clr-muted);margin-top:2px}.user-menu-info-role{display:inline-block;margin-top:6px;font-size:.7rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase;background:var(--clr-primary-lt);color:var(--clr-primary-dk);padding:2px 8px;border-radius:999px}.user-menu-item{display:block;width:100%;text-align:left;padding:.7rem 1rem;background:transparent;border:none;color:var(--clr-text);font-family:inherit;font-size:.9rem;cursor:pointer}.user-menu-item:hover{background:var(--clr-primary-lt);color:var(--clr-primary-dk)}.login-link{margin-top:.5rem;background:transparent;border:none;color:var(--clr-primary);font-family:inherit;font-size:.9rem;cursor:pointer;text-align:center;padding:.4rem;text-decoration:underline}.login-link:hover{color:var(--clr-primary-dk)}@media (max-width: 680px){.app-header{padding:0 1rem}.header-divider,.header-subtitle{display:none}.header-left{gap:0}.header-inner{gap:.5rem}.header-nav-btn{padding:0 .7rem;font-size:.82rem}.app-header .user-menu{margin-left:.25rem}.app-header .user-menu-name{display:none}.app-header .user-menu-trigger{gap:0;padding:.25rem}}@media (max-width: 400px){.header-logo-img{height:30px}.header-nav-btn{padding:0 .5rem;font-size:.78rem}}.tarieven-tab{padding-top:.5rem}.tarieven-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.tarieven-filterbar{display:grid;grid-template-columns:220px 220px 1fr;gap:1rem;margin-bottom:1rem;background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-lg);padding:1rem}.tarieven-filterbar label{display:flex;flex-direction:column;gap:.25rem;font-family:Barlow Condensed,sans-serif;font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.04em;color:var(--clr-muted)}.tarieven-filterbar select,.tarieven-filterbar input{font-family:Barlow,sans-serif;font-size:.95rem;padding:.4rem .6rem;border:1px solid var(--clr-border);border-radius:var(--radius);background:#fff;text-transform:none;letter-spacing:normal;color:var(--clr-text)}.tarieven-zoek{min-width:0}.tarieven-zoek input{width:100%}.tarieven-empty{padding:2rem;text-align:center;color:var(--clr-muted);font-style:italic}.tarieven-tabel{width:100%;border-collapse:collapse;background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-card)}.tarieven-tabel thead th{text-align:left;font-family:Barlow Condensed,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:.78rem;color:var(--clr-muted);background:var(--clr-bg);padding:.6rem .75rem;border-bottom:1px solid var(--clr-border)}.tarieven-tabel tbody td,.tarieven-tabel tbody th{padding:.55rem .75rem;border-bottom:1px solid var(--clr-border);font-size:.92rem;color:var(--clr-text)}.tarieven-groep-rij th{background:#fafafa;font-family:Barlow Condensed,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:.85rem;color:var(--clr-primary)}.tarieven-tabel .mono{font-family:SFMono-Regular,Consolas,monospace;font-size:.85rem;color:var(--clr-muted)}.tarieven-tabel .num{text-align:right;font-variant-numeric:tabular-nums}.tarieven-tabel .muted{color:var(--clr-muted);font-size:.85rem}.tarieven-tabel .tarief-inactief td:not(.tarieven-acties){opacity:.55}.tarieven-acties{white-space:nowrap;text-align:right}.tarieven-acties button{background:transparent;border:1px solid var(--clr-border);border-radius:var(--radius);width:28px;height:28px;font-size:.9rem;cursor:pointer;margin-left:.25rem;color:var(--clr-muted)}.tarieven-acties button:hover{border-color:var(--clr-primary);color:var(--clr-primary)}.badge--admin{background:var(--clr-primary-lt);color:var(--clr-primary-dk);border:1px solid var(--clr-primary)}.badge--user{background:#f3f4f6;color:#4b5563;border:1px solid #D1D5DB}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1c141285;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem;animation:modal-fade .3s cubic-bezier(.32,.72,0,1) both}.modal{position:relative;background:var(--clr-surface);border-radius:14px;box-shadow:inset 0 1px #ffffffb3,0 1px 2px #1c141214,0 30px 70px -20px #1c141273;width:100%;max-width:560px;max-height:90vh;overflow:auto;animation:modal-rise .4s cubic-bezier(.32,.72,0,1) both}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-rise{0%{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion: reduce){.modal-backdrop,.modal{animation:none}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.25rem 1rem;border-bottom:1px solid var(--clr-border)}.modal-header h3{margin:0;font-family:Barlow Condensed,sans-serif;font-weight:700}.modal-close{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:transparent;border:none;border-radius:999px;font-size:1.35rem;line-height:1;cursor:pointer;color:var(--clr-muted);padding:0;transition:background .25s ease,color .25s ease}.modal-close:hover{background:var(--clr-primary-lt);color:var(--clr-primary)}.tarief-form{padding:1.25rem;display:flex;flex-direction:column;gap:.85rem}.tarief-form .form-row{display:flex;flex-direction:column;gap:.3rem}.tarief-form .form-row>span{font-family:Barlow Condensed,sans-serif;text-transform:uppercase;font-weight:600;letter-spacing:.04em;font-size:.8rem;color:var(--clr-muted)}.tarief-form input,.tarief-form select{padding:.5rem .65rem;border:1px solid var(--clr-border);border-radius:var(--radius);font-family:Barlow,sans-serif;font-size:.95rem;background:#fff}.tarief-form .form-row-pair{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-error{color:var(--clr-primary);font-size:.8rem}.form-error-banner{background:var(--clr-primary-lt);color:var(--clr-primary-dk);padding:.6rem .75rem;border-radius:var(--radius);border:1px solid var(--clr-primary);font-size:.9rem}.form-success-banner{background:#ecfdf5;color:#065f46;padding:.6rem .75rem;border-radius:var(--radius);border:1px solid #10B981;font-size:.9rem}.modal-footer{display:flex;justify-content:flex-end;gap:.5rem;border-top:1px solid var(--clr-border);margin-top:.5rem;padding:.75rem 0 0}.modal-footer button,.modal-confirm-actions button{padding:.5rem 1rem;border-radius:var(--radius);border:1px solid var(--clr-border);background:#fff;font-family:Barlow Condensed,sans-serif;text-transform:uppercase;letter-spacing:.04em;font-weight:600;cursor:pointer}.modal-footer button.btn-primary,.modal-confirm-actions button.btn-primary{background:var(--clr-primary);border-color:var(--clr-primary);color:#fff}.modal-footer button.btn-primary:hover,.modal-confirm-actions button.btn-primary:hover{background:var(--clr-primary-dk)}.modal-confirm{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffffe6;display:flex;align-items:center;justify-content:center;padding:1rem}.modal-confirm-inner{background:var(--clr-surface);border:1px solid var(--clr-primary);border-radius:var(--radius-lg);padding:1.5rem;max-width:420px;box-shadow:0 8px 24px #00000026}.modal-confirm-inner h4{margin-top:0}.modal-confirm-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1rem}.tarieven-tab .btn-primary{padding:.5rem 1rem;border-radius:var(--radius);border:1px solid var(--clr-primary);background:var(--clr-primary);color:#fff;font-family:Barlow Condensed,sans-serif;text-transform:uppercase;letter-spacing:.04em;font-weight:700;cursor:pointer}.tarieven-tab .btn-primary:hover{background:var(--clr-primary-dk)}.modal-audit{max-width:620px}.modal-body{padding:1rem 1.25rem;max-height:60vh;overflow:auto}.audit-lijst{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.65rem}.audit-item{border-left:3px solid var(--clr-border);padding:.5rem .75rem;background:var(--clr-bg);border-radius:var(--radius)}.audit-item.audit--create{border-left-color:var(--clr-status-accepted)}.audit-item.audit--update{border-left-color:var(--clr-status-sent)}.audit-item.audit--deactivate{border-left-color:var(--clr-status-expired)}.audit-item.audit--reactivate{border-left-color:var(--clr-status-accepted)}.audit-item.audit--password_reset{border-left-color:var(--clr-status-sent)}.audit-kop{display:flex;flex-wrap:wrap;gap:.5rem;align-items:baseline;font-size:.9rem}.audit-detail{margin-top:.25rem;font-size:.92rem;color:var(--clr-text)}.quotes-table__row--clickable{cursor:pointer}.quotes-table__row--clickable:focus-visible{outline:2px solid var(--clr-primary);outline-offset:-2px}.quotes-table__row--clickable .col-id:before{content:"▸";display:inline-block;margin-right:.45rem;color:var(--clr-primary);opacity:0;transform:translate(-3px);transition:opacity .15s,transform .15s}.quotes-table__row--clickable:hover .col-id:before,.quotes-table__row--clickable:focus-visible .col-id:before{opacity:1;transform:translate(0)}.offerte-detail{display:flex;flex-direction:column;gap:1.25rem;animation:tabFadeIn .2s ease both}.offerte-detail__bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.offerte-detail__actions{display:flex;align-items:center;gap:.75rem}.offerte-detail__download{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.1rem;background:var(--clr-primary);color:#fff;border:none;border-radius:var(--radius);font-family:Barlow Condensed,system-ui,sans-serif;font-size:.95rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:background .15s,transform .05s}.offerte-detail__download:hover:not(:disabled){background:var(--clr-primary-dk)}.offerte-detail__download:active:not(:disabled){transform:translateY(1px)}.offerte-detail__download:disabled{opacity:.6;cursor:progress}.offerte-detail__download span{font-size:1.05rem;line-height:1}.offerte-detail__no-pdf{font-size:.85rem;color:var(--clr-muted);font-style:italic}.offerte-detail__dl-error{font-size:.82rem;color:var(--clr-primary)}.offerte-detail__back{align-self:flex-start;display:inline-flex;align-items:center;gap:.45rem;background:none;border:none;padding:.35rem .1rem;font-family:Barlow Condensed,system-ui,sans-serif;font-size:.92rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--clr-muted);cursor:pointer;transition:color .15s,gap .15s}.offerte-detail__back:hover{color:var(--clr-primary);gap:.7rem}.offerte-doc{background:var(--clr-surface);border:1px solid var(--clr-border);border-top:4px solid var(--clr-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:2.25rem 2.5rem 2rem;max-width:720px}.offerte-doc>*{animation:docRise .4s ease both}.offerte-doc__head{animation-delay:.04s}.offerte-doc__party{animation-delay:.1s}.offerte-doc__amounts{animation-delay:.16s}.offerte-doc__meta{animation-delay:.22s}.offerte-doc__note{animation-delay:.28s}@keyframes docRise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.offerte-doc__head{display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--clr-border);flex-wrap:wrap}.offerte-doc__eyebrow{display:block;font-family:Barlow Condensed,system-ui,sans-serif;font-size:.8rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--clr-muted)}.offerte-doc__id{font-family:Barlow Condensed,system-ui,sans-serif;font-size:2.4rem;font-weight:800;line-height:1;margin:.15rem 0 0;color:var(--clr-text);letter-spacing:.01em}.offerte-doc__type{margin:.5rem 0 0;font-size:.95rem;color:var(--clr-muted)}.offerte-doc__status{display:flex;flex-direction:column;align-items:flex-end;gap:.55rem;text-align:right}.offerte-doc__status-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .7rem;border-radius:99px;font-family:Barlow Condensed,system-ui,sans-serif;font-size:.82rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:var(--status-clr, #9CA3AF)}.offerte-doc__status-edit{display:flex;flex-direction:column;align-items:flex-end;gap:.2rem}.offerte-doc__status-edit>span{font-size:.72rem;color:var(--clr-muted);letter-spacing:.04em}.offerte-doc__status-error{font-size:.78rem;color:var(--clr-primary)}.offerte-doc__party{padding:1.5rem 0;border-bottom:1px solid var(--clr-border)}.offerte-doc__label{display:block;font-family:Barlow Condensed,system-ui,sans-serif;font-size:.76rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--clr-muted);margin-bottom:.35rem}.offerte-doc__client{margin:0;font-size:1.3rem;font-weight:600;color:var(--clr-text)}.offerte-doc__company{margin:.2rem 0 0;font-size:.95rem;color:var(--clr-muted)}.offerte-doc__amounts{padding:1.5rem 0;border-bottom:1px solid var(--clr-border)}.amount-line{display:flex;justify-content:space-between;align-items:baseline;padding:.5rem 0;font-size:.98rem;color:var(--clr-text)}.amount-line span:first-child{color:var(--clr-muted)}.amount-line__val{font-variant-numeric:tabular-nums;font-weight:600}.amount-line--total{margin-top:.4rem;padding-top:1rem;border-top:2px solid var(--clr-text)}.amount-line--total span:first-child{font-family:Barlow Condensed,system-ui,sans-serif;font-weight:800;font-size:1.05rem;letter-spacing:.04em;text-transform:uppercase;color:var(--clr-text)}.amount-line--total .amount-line__val{font-family:Barlow Condensed,system-ui,sans-serif;font-size:1.9rem;font-weight:800;color:var(--clr-primary)}.offerte-doc__meta{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem 2rem;margin:1.5rem 0 0;padding:0}.offerte-doc__meta-item dt{font-family:Barlow Condensed,system-ui,sans-serif;font-size:.74rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--clr-muted);margin-bottom:.2rem}.offerte-doc__meta-item dd{margin:0;font-size:.95rem;color:var(--clr-text)}.offerte-doc__note{margin:1.75rem 0 0;padding-top:1.25rem;border-top:1px dashed var(--clr-border);font-size:.82rem;line-height:1.5;color:var(--clr-muted)}@media (max-width: 600px){.offerte-doc{padding:1.5rem 1.25rem}.offerte-doc__head{flex-direction:column}.offerte-doc__status,.offerte-doc__status-edit{align-items:flex-start;text-align:left}.offerte-doc__id{font-size:2rem}.offerte-doc__meta{grid-template-columns:1fr}}.hub-shell{--sb-dur: .18s;--sb-width: 248px;display:flex;min-height:100dvh;align-items:stretch}.hub-shell-content{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}.hub-sidebar{position:sticky;top:0;align-self:flex-start;flex:0 0 var(--sb-width);width:var(--sb-width);height:100dvh;display:flex;flex-direction:column;padding:1.4rem .9rem 1rem;background:#1c1412;border-right:1px solid rgba(255,255,255,.08);z-index:30}.hub-sidebar-toggle{position:absolute;top:1.45rem;right:-13px;z-index:1;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid var(--clr-border);border-radius:50%;background:var(--clr-surface);color:var(--clr-muted);cursor:pointer;box-shadow:var(--shadow-card);transition:color var(--sb-dur) ease,border-color var(--sb-dur) ease}.hub-sidebar-toggle svg{width:14px;height:14px;transition:transform var(--sb-dur) ease}.hub-sidebar-toggle:hover{color:var(--clr-text);border-color:var(--clr-muted)}.hub-sidebar-toggle:focus-visible{outline:none;box-shadow:0 0 0 2px var(--clr-primary)}.hub-sidebar.is-collapsed .hub-sidebar-toggle svg{transform:rotate(180deg)}.hub-sidebar-brand{display:flex;align-items:center;gap:.65rem;padding:.15rem .5rem 1.1rem;margin-bottom:.6rem;border-bottom:1px solid rgba(255,255,255,.08)}.hub-sidebar-brand-mark{width:30px;height:26px;overflow:hidden;flex:none;display:block}.hub-sidebar-brand-logo{height:26px;width:auto;display:block;max-width:none}.hub-sidebar-brand-name{font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:1.15rem;line-height:1;letter-spacing:.06em;text-transform:uppercase;color:#fff;white-space:nowrap}.hub-sidebar-nav{position:relative;flex:1 1 auto;display:flex;flex-direction:column;gap:2px;overflow-y:auto;overflow-x:hidden}.hub-sidebar-divider{margin:1rem .75rem .4rem}.hub-sidebar-divider span{font-family:Barlow,sans-serif;font-size:.6rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:#ffffff59}.hub-sidebar-item{position:relative;display:flex;align-items:center;gap:.75rem;width:100%;padding:.6rem .75rem;border:none;background:transparent;border-radius:8px;cursor:pointer;text-align:left;font-family:Barlow,sans-serif;font-size:.95rem;font-weight:500;color:#ffffffa6;transition:background var(--sb-dur) ease,color var(--sb-dur) ease}.hub-sidebar-item:hover{background:#ffffff0f;color:#ffffffeb}.hub-sidebar-item.is-active{background:#c0302a4d;color:#fff}.hub-sidebar-item:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--clr-primary)}.hub-sidebar-icon{flex:0 0 auto;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.hub-sidebar-glyph{width:19px;height:19px}.hub-sidebar-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hub-sidebar-skeletons{display:flex;flex-direction:column;gap:.3rem}.hub-sidebar-skeleton{height:40px;border-radius:8px;background:linear-gradient(110deg,#ffffff0a 8%,#ffffff1a 18%,#ffffff0a 33%);background-size:220% 100%;animation:hub-shimmer 1.4s ease-in-out infinite}.hub-sidebar-empty{padding:.6rem .8rem;font-size:.85rem;color:#ffffff73}.hub-sidebar-foot{position:relative;margin-top:.8rem;padding-top:.8rem;border-top:1px solid rgba(255,255,255,.08)}@media (min-width: 901px){.hub-sidebar{transition:flex-basis var(--sb-dur) ease,width var(--sb-dur) ease,padding var(--sb-dur) ease}.hub-sidebar.is-collapsed{--sb-width: 64px;padding-inline:.6rem}.hub-sidebar.is-collapsed .hub-sidebar-nav{overflow:visible}.hub-sidebar.is-collapsed .hub-sidebar-brand{justify-content:center;padding-inline:0}.hub-sidebar.is-collapsed .hub-sidebar-brand-name{display:none}.hub-sidebar.is-collapsed .hub-sidebar-item{justify-content:center;gap:0;padding:.6rem 0}.hub-sidebar.is-collapsed .hub-sidebar-label{display:none}.hub-sidebar.is-collapsed .hub-sidebar-divider{margin:.9rem .4rem;border-top:1px solid rgba(255,255,255,.1)}.hub-sidebar.is-collapsed .hub-sidebar-divider span{display:none}.hub-sidebar.is-collapsed .hub-sidebar-item:after{content:attr(data-label);position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%);padding:.35rem .7rem;border-radius:6px;background:#1c1412;border:1px solid rgba(255,255,255,.12);color:#ffffffeb;font-family:Barlow,sans-serif;font-size:.8rem;font-weight:500;white-space:nowrap;opacity:0;pointer-events:none;z-index:40;transition:opacity var(--sb-dur) ease}.hub-sidebar.is-collapsed .hub-sidebar-item:hover:after,.hub-sidebar.is-collapsed .hub-sidebar-item:focus-visible:after{opacity:1}.hub-sidebar.is-collapsed .hub-sidebar-foot .user-menu-trigger{justify-content:center;padding:.45rem}.hub-sidebar.is-collapsed .hub-sidebar-foot .user-menu-name{display:none}.hub-sidebar.is-collapsed .hub-sidebar-foot .user-menu-dropdown{width:220px}}.hub-sidebar-scrim,.hub-nav-toggle{display:none}.hub-sidebar-foot .user-menu{margin-left:0;width:100%}.hub-sidebar-foot .user-menu-trigger{width:100%;justify-content:flex-start;background:#ffffff0d;border-color:#ffffff1a;color:#ffffffeb;padding:.45rem .75rem .45rem .45rem;transition:background var(--sb-dur) ease,border-color var(--sb-dur) ease}.hub-sidebar-foot .user-menu-trigger:hover{background:#ffffff1a;border-color:#fff3}.hub-sidebar-foot .user-menu-name{font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hub-sidebar-foot .user-menu-dropdown{top:auto;bottom:calc(100% + 8px);right:auto;left:0;width:100%}.home{--home-ease: cubic-bezier(.32, .72, 0, 1);position:relative;flex:1 1 auto;min-height:100dvh;background:radial-gradient(120% 80% at 8% -12%,#c0302a1a,#c0302a00 52%),radial-gradient(90% 70% at 100% 0%,#1c14120f,#1c141200 50%),var(--clr-bg)}.home-grain{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.home-main{position:relative;z-index:2;width:100%;max-width:1120px;margin:0 auto;padding:clamp(3rem,7vw,5.5rem) clamp(1.5rem,4vw,3rem) clamp(4rem,8vw,6rem)}.home-hero{max-width:680px;margin-bottom:clamp(2.4rem,5vw,3.6rem)}.home-eyebrow,.home-title,.home-lead{animation:home-rise .7s var(--home-ease) backwards}.home-title{animation-delay:90ms}.home-lead{animation-delay:.18s}.home-eyebrow{display:inline-block;padding:.35rem .85rem;border-radius:999px;background:var(--clr-primary-lt);border:1px solid rgba(192,48,42,.18);color:var(--clr-primary-dk);font-family:Barlow,sans-serif;font-weight:600;font-size:.62rem;letter-spacing:.22em;text-transform:uppercase}.home-title{margin-top:1.1rem;font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:clamp(2.4rem,6vw,3.8rem);line-height:1.02;letter-spacing:-.01em;color:var(--clr-text)}.home-title-accent{color:var(--clr-primary)}.home-lead{margin-top:1rem;font-size:1.05rem;line-height:1.5;color:var(--clr-muted);max-width:48ch}.widget-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,2vw,1.4rem)}.widget-card{grid-column:span min(var(--widget-span, 1),2);border-radius:24px;animation:home-rise .7s var(--home-ease) backwards}.widget-grid>.widget-card:nth-child(1){animation-delay:.22s}.widget-grid>.widget-card:nth-child(2){animation-delay:.3s}.widget-grid>.widget-card:nth-child(3){animation-delay:.38s}.widget-grid>.widget-card:nth-child(4){animation-delay:.46s}.widget-card-shell{display:block;height:100%;padding:7px;border-radius:24px;background:linear-gradient(160deg,#ffffffe6,#f5f2f18c);box-shadow:0 1px #fffc inset,0 1px 2px #1c14120a,0 16px 38px -24px #1c14123d;transition:box-shadow .55s var(--home-ease),transform .55s var(--home-ease)}.widget-card:hover .widget-card-shell{transform:translateY(-3px);box-shadow:0 1px #ffffffd9 inset,0 2px 4px #1c14120d,0 26px 48px -26px #1c14124d}.widget-card-core{position:relative;display:flex;flex-direction:column;gap:1.1rem;height:100%;min-height:160px;padding:1.5rem 1.5rem 1.45rem;border-radius:18px;background:var(--clr-surface);box-shadow:inset 0 1px 1px #fff9,inset 0 0 0 1px #e0d6d4b3;overflow:hidden}.widget-card-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.widget-card-iconwrap{width:46px;height:46px;display:flex;align-items:center;justify-content:center;border-radius:13px;background:var(--clr-primary-lt);border:1px solid rgba(192,48,42,.16);color:var(--clr-primary);transition:transform .55s var(--home-ease)}.widget-card:hover .widget-card-iconwrap{transform:scale(1.06) rotate(-3deg)}.widget-card-glyph{width:23px;height:23px}.widget-card-soon{padding:.28rem .7rem;border-radius:999px;background:#1c14120b;color:var(--clr-muted);font-family:Barlow,sans-serif;font-weight:600;font-size:.58rem;letter-spacing:.18em;text-transform:uppercase}.widget-card-body{display:flex;flex-direction:column;gap:.35rem}.widget-card-title{font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:1.4rem;line-height:1.05;color:var(--clr-text)}.widget-card-desc{font-size:.93rem;line-height:1.45;color:var(--clr-muted)}.widget-card--placeholder .widget-card-core{background:radial-gradient(120% 90% at 50% 0%,rgba(192,48,42,.035),transparent 60%),var(--clr-surface);box-shadow:inset 0 1px 1px #fff9,inset 0 0 0 1px #e0d6d48c}.widget-card--placeholder .widget-card-core:after{content:"";position:absolute;top:9px;right:9px;bottom:9px;left:9px;border:1px dashed rgba(28,20,18,.1);border-radius:11px;pointer-events:none}.widget-card--placeholder .widget-card-iconwrap{opacity:.92}.widget-card--link{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:none;margin:0;padding:0;width:100%;background:none;font:inherit;color:inherit;text-align:left;cursor:pointer}.widget-card--link:focus-visible{outline:none}.widget-card--link:focus-visible .widget-card-shell{box-shadow:0 0 0 2px var(--clr-surface),0 0 0 4px var(--clr-primary),0 16px 38px -24px #1c14123d}.widget-card--link:active .widget-card-shell{transform:translateY(-1px) scale(.992)}.widget-card-tag{display:inline-flex;align-items:center;gap:.34rem;padding:.28rem .62rem;border-radius:999px;font-family:Barlow,sans-serif;font-weight:600;font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}.widget-card-tag:before{content:"";width:6px;height:6px;border-radius:999px;background:currentColor}.widget-card-tag--live,.widget-card-tag--ok{background:#ecfdf5;color:#059669}.widget-card-tag--warn{background:#fffbeb;color:#b45309}.widget-cta{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:.75rem}.widget-cta-label{font-family:Barlow Condensed,sans-serif;font-weight:600;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--clr-muted);transition:color .45s var(--home-ease)}.widget-cta-icon{flex:none;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:999px;background:#1c14120b;color:var(--clr-text);transition:transform .45s var(--home-ease),background .45s var(--home-ease),color .45s var(--home-ease)}.widget-cta-icon svg{width:15px;height:15px}.widget-card--link:hover .widget-cta-label{color:var(--clr-primary)}.widget-card--link:hover .widget-cta-icon{background:var(--clr-primary);color:#fff;transform:translate(3px)}.widget-metrics{display:flex;align-items:stretch;gap:1.1rem}.widget-metric{display:flex;flex-direction:column;gap:.22rem;min-width:0}.widget-metric-value{font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:2.5rem;line-height:.95;color:var(--clr-text);font-variant-numeric:tabular-nums}.widget-metric-label{font-size:.74rem;line-height:1.3;color:var(--clr-muted)}.widget-metric-sep{width:1px;align-self:stretch;background:linear-gradient(to bottom,transparent,var(--clr-border),transparent)}.widget-keuring-list{display:flex;flex-direction:column;gap:.5rem}.widget-keuring-row{display:flex;align-items:center;gap:.6rem}.widget-keuring-plate{flex:none;font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:.84rem;letter-spacing:.06em;text-transform:uppercase;color:var(--clr-text);background:#faf7f6;border:1px solid var(--clr-border);border-radius:5px;padding:.12rem .42rem;white-space:nowrap}.widget-keuring-soort{flex:1 1 auto;min-width:0;font-size:.82rem;color:var(--clr-muted);text-transform:capitalize;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.widget-keuring-days{flex:none;font-family:Barlow,sans-serif;font-weight:600;font-size:.7rem;letter-spacing:.03em;padding:.2rem .5rem;border-radius:999px;white-space:nowrap}.widget-keuring-days--warn{background:#fffbeb;color:#b45309}.widget-keuring-days--over{background:var(--clr-primary-lt);color:var(--clr-primary-dk)}.widget-keuring-more{font-size:.74rem;color:var(--clr-muted)}.widget-note{font-size:.9rem;line-height:1.45;color:var(--clr-muted)}.widget-note--ok{color:#047857}.widget-skel{display:block;border-radius:6px;background:linear-gradient(100deg,#1c14120d 30%,#1c141217,#1c14120d 70%);background-size:200% 100%;animation:widget-shimmer 1.4s ease-in-out infinite}.widget-skel--num{width:3.2rem;height:2.2rem;margin-bottom:.35rem}.widget-skel--lbl{width:4.5rem;height:.7rem}.widget-skel--row{width:100%;height:1.4rem}.widget-metrics--skel{gap:2rem}.widget-keuring-list--skel{gap:.6rem}@keyframes widget-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes home-rise{0%{opacity:0;transform:translateY(20px);filter:blur(6px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@media (prefers-reduced-motion: reduce){.home-eyebrow,.home-title,.home-lead,.widget-card{animation:none;opacity:1}.widget-card-shell,.widget-card-iconwrap{transition:none}.widget-card:hover .widget-card-shell,.widget-card:hover .widget-card-iconwrap{transform:none}.widget-cta-icon,.widget-cta-label{transition:none}.widget-card--link:hover .widget-cta-icon,.widget-card--link:active .widget-card-shell{transform:none}.widget-skel{animation:none}}@media (max-width: 768px){.home-main{padding:2.4rem 1.1rem 3.5rem}.widget-grid{grid-template-columns:1fr}.widget-card{grid-column:1 / -1}}.hub{--hub-ease: cubic-bezier(.32, .72, 0, 1);min-height:100dvh;background:radial-gradient(120% 80% at 12% -10%,#c0302a1a,#c0302a00 55%),radial-gradient(90% 70% at 100% 0%,#1c14120f,#1c141200 50%),var(--clr-bg);position:relative;display:flex;flex-direction:column}.hub-grain{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.hub-topbar{position:relative;z-index:2;background:#1c1412;border-bottom:3px solid var(--clr-primary);box-shadow:0 1px 4px #0003}.hub-topbar-inner{max-width:1180px;margin:0 auto;height:64px;padding:0 2rem;display:flex;align-items:center;justify-content:space-between}.hub-brand{display:flex;align-items:center;gap:.9rem}.hub-brand-logo{height:34px;width:auto}.hub-brand-divider{width:1px;height:26px;background:#fff3}.hub-brand-name{font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:1.18rem;letter-spacing:.04em;color:#fff;text-transform:uppercase}.hub-main{position:relative;z-index:2;width:100%;max-width:1180px;margin:0 auto;padding:clamp(3.5rem,8vw,6.5rem) 2rem clamp(4rem,8vw,7rem);flex:1}.hub-hero{max-width:720px;margin-bottom:clamp(2.5rem,5vw,4rem);animation:hub-rise .8s var(--hub-ease) both}.hub-eyebrow{display:inline-block;padding:.35rem .85rem;border-radius:999px;background:var(--clr-primary-lt);border:1px solid rgba(192,48,42,.18);color:var(--clr-primary-dk);font-family:Barlow,sans-serif;font-weight:600;font-size:.62rem;letter-spacing:.22em;text-transform:uppercase}.hub-title{margin-top:1.1rem;font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:clamp(2.4rem,6vw,3.9rem);line-height:1.02;letter-spacing:-.01em;color:var(--clr-text)}.hub-title-accent{color:var(--clr-primary)}.hub-lead{margin-top:1rem;font-size:1.05rem;color:var(--clr-muted);max-width:46ch}.hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem}.hub-tile{-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:left;border:none;background:none;padding:0;cursor:pointer;font-family:inherit;border-radius:26px;opacity:0;animation:hub-rise .7s var(--hub-ease) forwards;animation-delay:var(--hub-tile-delay, 0ms);transition:transform .55s var(--hub-ease);will-change:transform}.hub-tile-shell{display:block;padding:7px;border-radius:26px;background:linear-gradient(160deg,#ffffffe6,#f5f2f199);box-shadow:0 1px #fffc inset,0 1px 2px #1c14120a,0 18px 40px -22px #1c141247;transition:box-shadow .55s var(--hub-ease)}.hub-tile-core{position:relative;display:flex;flex-direction:column;gap:1.4rem;min-height:198px;padding:1.6rem 1.6rem 1.4rem;border-radius:19px;background:var(--clr-surface);box-shadow:inset 0 1px 1px #fff9,inset 0 0 0 1px #e0d6d4b3;overflow:hidden}.hub-tile-core:after{content:"";position:absolute;inset:auto -30% -55% -30%;height:60%;background:radial-gradient(60% 100% at 50% 100%,rgba(192,48,42,.14),transparent 70%);opacity:0;transition:opacity .55s var(--hub-ease);pointer-events:none}.hub-tile-iconwrap{width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:var(--clr-primary-lt);border:1px solid rgba(192,48,42,.16);color:var(--clr-primary);transition:transform .55s var(--hub-ease),background .55s var(--hub-ease)}.hub-tile-glyph{width:26px;height:26px}.hub-tile-body{display:flex;flex-direction:column;gap:.35rem}.hub-tile-name{font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:1.5rem;line-height:1.05;color:var(--clr-text)}.hub-tile-desc{font-size:.94rem;color:var(--clr-muted);line-height:1.45}.hub-tile-cta{margin-top:auto;display:inline-flex;align-items:center;gap:.6rem;align-self:flex-start;padding:.4rem .5rem .4rem .95rem;border-radius:999px;background:#1c14120a;color:var(--clr-text);font-family:Barlow,sans-serif;font-weight:600;font-size:.82rem;letter-spacing:.02em;transition:background .55s var(--hub-ease),color .55s var(--hub-ease)}.hub-tile-cta-icon{width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:999px;background:var(--clr-surface);box-shadow:0 1px 2px #1c14121f;transition:transform .55s var(--hub-ease),background .55s var(--hub-ease),color .55s var(--hub-ease)}.hub-tile-cta-icon svg{width:14px;height:14px}.hub-tile:hover{transform:translateY(-4px)}.hub-tile:active{transform:translateY(-1px) scale(.992)}.hub-tile:hover .hub-tile-shell{box-shadow:0 1px #ffffffe6 inset,0 2px 4px #1c14120d,0 34px 60px -26px #c0302a6b}.hub-tile:hover .hub-tile-core:after{opacity:1}.hub-tile:hover .hub-tile-iconwrap{transform:scale(1.05) rotate(-3deg);background:#fff}.hub-tile:hover .hub-tile-cta{background:var(--clr-primary);color:#fff}.hub-tile:hover .hub-tile-cta-icon{background:#fff;color:var(--clr-primary);transform:translate(2px,-2px) scale(1.05)}.hub-tile:focus-visible{outline:none}.hub-tile:focus-visible .hub-tile-core{box-shadow:inset 0 0 0 2px var(--clr-primary),inset 0 1px 1px #fff9}.hub-tile--skeleton{min-height:0;opacity:1;animation:none;cursor:default}.hub-tile--skeleton:before{content:"";display:block;height:212px;border-radius:26px;background:linear-gradient(110deg,#ffffff80 8%,#e0d6d473 18%,#ffffff80 33%);background-size:220% 100%;animation:hub-shimmer 1.4s ease-in-out infinite}.hub-empty{color:var(--clr-muted);font-size:1rem}@keyframes hub-rise{0%{opacity:0;transform:translateY(22px);filter:blur(6px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes hub-shimmer{0%{background-position:200% 0}to{background-position:-120% 0}}@media (prefers-reduced-motion: reduce){.hub-hero,.hub-tile{animation:none;opacity:1}.hub-tile,.hub-tile-shell,.hub-tile-iconwrap,.hub-tile-cta,.hub-tile-cta-icon,.hub-tile-core:after{transition:none}.hub-sidebar,.hub-sidebar-item,.hub-sidebar-item:after,.hub-sidebar-toggle,.hub-sidebar-toggle svg,.hub-sidebar-scrim{transition:none!important}.hub-sidebar-skeleton{animation:none}}@media (max-width: 768px){.hub-topbar-inner{padding:0 1.1rem}.hub-main{padding:2.5rem 1.1rem 3.5rem}.hub-grid{grid-template-columns:1fr;gap:1.1rem}.hub-tile{transform:none!important}}@media (max-width: 900px){.hub-sidebar{position:fixed;top:0;left:0;height:100dvh;transform:translate(-100%);transition:transform var(--sb-dur, .18s) ease;box-shadow:12px 0 32px -20px #0000008c}.hub-sidebar.is-open{transform:translate(0)}.hub-sidebar-toggle{display:none}.hub-sidebar-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:29;background:#1c14128c;opacity:0;pointer-events:none;transition:opacity var(--sb-dur, .18s) ease}.hub-sidebar-scrim.is-open{opacity:1;pointer-events:auto}.hub-nav-toggle{position:fixed;top:.85rem;left:.85rem;z-index:31;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#1c1412;box-shadow:var(--shadow-card);cursor:pointer}.hub-nav-toggle:focus-visible{outline:none;box-shadow:0 0 0 2px var(--clr-primary)}.hub-nav-toggle-bars{position:relative;width:18px;height:12px}.hub-nav-toggle-bars span{position:absolute;left:0;width:100%;height:2px;border-radius:999px;background:#ffffffeb;transition:transform var(--sb-dur, .18s) ease,opacity var(--sb-dur, .18s) ease,top var(--sb-dur, .18s) ease}.hub-nav-toggle-bars span:nth-child(1){top:0}.hub-nav-toggle-bars span:nth-child(2){top:50%;transform:translateY(-50%)}.hub-nav-toggle-bars span:nth-child(3){top:100%}.hub-nav-toggle.is-open .hub-nav-toggle-bars span:nth-child(1){top:50%;transform:translateY(-50%) rotate(45deg)}.hub-nav-toggle.is-open .hub-nav-toggle-bars span:nth-child(2){opacity:0}.hub-nav-toggle.is-open .hub-nav-toggle-bars span:nth-child(3){top:50%;transform:translateY(-50%) rotate(-45deg)}.home-main,.wb-header{padding-top:4.5rem}.app-header{padding-left:4rem}}@media (prefers-reduced-motion: reduce){.hub-sidebar,.hub-nav-toggle-bars span,.hub-sidebar-scrim{transition:none!important}}.wb{--wb-ease: cubic-bezier(.32, .72, 0, 1);position:relative;flex:1 1 auto;min-height:100dvh;background:radial-gradient(120% 80% at 8% -12%,#c0302a1a,#c0302a00 52%),radial-gradient(90% 70% at 100% 0%,#1c14120f,#1c141200 50%),var(--clr-bg)}.wb-grain{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.wb-header{position:relative;z-index:2;padding:clamp(2.2rem,5vw,3.4rem) clamp(1.4rem,4vw,3rem) 0}.wb-header-inner{max-width:1120px;margin:0 auto;display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;animation:home-rise .7s var(--wb-ease) both}.wb-header-title{margin-top:.7rem;font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:clamp(2.1rem,5vw,3.2rem);line-height:1;letter-spacing:-.01em;color:var(--clr-text)}.wb-title-accent{color:var(--clr-primary)}.wb-eyebrow{display:inline-block;padding:.35rem .85rem;border-radius:999px;background:var(--clr-primary-lt);border:1px solid rgba(192,48,42,.18);color:var(--clr-primary-dk);font-family:Barlow,sans-serif;font-weight:600;font-size:.62rem;letter-spacing:.22em;text-transform:uppercase}.wb-tabs{display:flex;gap:.35rem}.wb-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;cursor:pointer;padding:.5rem 1rem;border-radius:999px;font-family:Barlow Condensed,sans-serif;font-weight:600;font-size:1rem;letter-spacing:.02em;color:var(--clr-muted);transition:color .3s var(--wb-ease),background .3s var(--wb-ease),transform .2s var(--wb-ease)}.wb-tab:hover{color:var(--clr-text);background:#1c14120a}.wb-tab:active{transform:scale(.96)}.wb-tab:focus-visible{outline:2px solid var(--clr-primary);outline-offset:2px}.wb-tab.is-active{color:var(--clr-primary);background:var(--clr-primary-lt)}.wb-main{position:relative;z-index:2;max-width:1120px;margin:0 auto;padding:clamp(1.8rem,4vw,2.6rem) clamp(1.4rem,4vw,3rem) clamp(4rem,8vw,6rem)}.wb-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.8rem,1.6vw,1.2rem);margin-bottom:clamp(1.4rem,3vw,2rem)}.wb-stat{opacity:0;animation:home-rise .6s var(--wb-ease) forwards}.wb-stat-grid>.wb-stat:nth-child(1){animation-delay:80ms}.wb-stat-grid>.wb-stat:nth-child(2){animation-delay:.15s}.wb-stat-grid>.wb-stat:nth-child(3){animation-delay:.22s}.wb-stat-grid>.wb-stat:nth-child(4){animation-delay:.29s}.wb-stat-shell{height:100%;padding:6px;border-radius:20px;background:linear-gradient(160deg,#ffffffe6,#f5f2f18c);box-shadow:0 1px #fffc inset,0 1px 2px #1c14120a,0 14px 32px -24px #1c141238}.wb-stat-core{position:relative;display:flex;flex-direction:column;gap:.2rem;padding:1.2rem 1.25rem;border-radius:15px;background:var(--clr-surface);box-shadow:inset 0 1px 1px #fff9,inset 0 0 0 1px #e0d6d4b3;overflow:hidden;transition:box-shadow .45s var(--wb-ease)}.wb-stat-icon{position:absolute;top:.85rem;right:.85rem;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:11px;background:var(--clr-bg);box-shadow:inset 0 0 0 1px #e0d6d4cc;color:var(--clr-muted);transition:transform .45s var(--wb-ease),background .45s var(--wb-ease),color .45s var(--wb-ease)}.wb-stat-icon svg{width:19px;height:19px}.wb-stat:hover .wb-stat-icon{transform:scale(1.06) rotate(-3deg)}.wb-stat--accent .wb-stat-icon{background:var(--clr-primary);color:#fff;box-shadow:inset 0 1px 1px #ffffff40,0 6px 16px -8px #c0302ab3}.wb-stat--accent .wb-stat-core{background:radial-gradient(90% 80% at 100% 0%,rgba(192,48,42,.07),transparent 60%),var(--clr-surface)}.wb-stat-value{font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:clamp(1.9rem,4vw,2.6rem);line-height:1;color:var(--clr-text)}.wb-stat--accent .wb-stat-value{color:var(--clr-primary)}.wb-stat-label{font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--clr-muted)}.wb-panel{opacity:0;animation:home-rise .6s var(--wb-ease) forwards;animation-delay:.34s}.wb-panel-shell{padding:7px;border-radius:24px;background:linear-gradient(160deg,#ffffffe6,#f5f2f18c);box-shadow:0 1px #fffc inset,0 1px 2px #1c14120a,0 16px 38px -24px #1c14123d}.wb-panel-core{padding:1.4rem 1.5rem 1.5rem;border-radius:18px;background:var(--clr-surface);box-shadow:inset 0 1px 1px #fff9,inset 0 0 0 1px #e0d6d4b3}.wb-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.1rem}.wb-panel-title{margin-top:.45rem;font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:1.45rem;line-height:1.05;color:var(--clr-text)}.wb-panel-count{font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:1.6rem;color:var(--clr-primary);line-height:1}.wb-panel-note{margin:-.4rem 0 .9rem;font-size:.85rem;color:var(--clr-muted)}.wb-panel-add{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;white-space:nowrap;padding:.4rem .85rem;border-radius:999px;background:var(--clr-primary-lt);border:1px solid rgba(192,48,42,.2);color:var(--clr-primary-dk);font-family:Barlow,sans-serif;font-weight:600;font-size:.8rem;transition:background .35s var(--wb-ease),transform .2s var(--wb-ease)}.wb-panel-add:hover{background:#fbe3e1}.wb-panel-add:active{transform:scale(.96)}.wb-empty{color:var(--clr-muted);font-size:.92rem;padding:.4rem 0}.wb-empty--table{padding:2.5rem 1rem;text-align:center}.wb-block-error{margin:0}.wb-empty-state{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:3.2rem 1.5rem 3.4rem;text-align:center}.wb-empty-state-icon{width:64px;height:64px;margin-bottom:.6rem;display:flex;align-items:center;justify-content:center;border-radius:18px;background:var(--clr-primary-lt);border:1px dashed rgba(192,48,42,.3);color:var(--clr-primary)}.wb-empty-state-icon svg{width:32px;height:32px}.wb-empty-state-title{font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:1.35rem;color:var(--clr-text)}.wb-empty-state-sub{max-width:38ch;font-size:.9rem;line-height:1.5;color:var(--clr-muted)}.wb-dashboard{display:flex;flex-direction:column;gap:clamp(1.2rem,2.5vw,1.8rem)}.wb-verloop-list,.wb-keuring-list,.wb-factuur-list,.wb-timeline{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.wb-verloop-item,.wb-keuring-item,.wb-factuur-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 0;border-top:1px solid var(--clr-border)}.wb-verloop-list>.wb-verloop-item:first-child,.wb-keuring-list>.wb-keuring-item:first-child,.wb-factuur-list>.wb-factuur-item:first-child{border-top:none}.wb-verloop-item{cursor:pointer;transition:background .3s var(--wb-ease),transform .3s var(--wb-ease);border-radius:8px;padding-inline:.85rem .6rem;margin-inline:-.6rem}.wb-verloop-item:hover{background:var(--clr-bg);transform:translate(2px)}.wb-verloop-merk{margin-left:.5rem}.wb-verloop-unit{display:flex;align-items:center;margin-top:.15rem}.wb-urgentie--verlopen,.wb-urgentie--kritiek,.wb-urgentie--binnenkort,.wb-urgentie--ok{position:relative}.wb-urgentie--verlopen:before,.wb-urgentie--kritiek:before,.wb-urgentie--binnenkort:before,.wb-urgentie--ok:before{content:"";position:absolute;left:0;top:.85rem;bottom:.85rem;width:3px;border-radius:999px}.wb-urgentie--verlopen:before{background:var(--clr-error-text)}.wb-urgentie--kritiek:before{background:var(--clr-status-expired)}.wb-urgentie--binnenkort:before{background:var(--clr-status-sent)}.wb-urgentie--ok:before{background:var(--clr-status-accepted)}.wb-keuring-item.wb-urgentie--verlopen,.wb-keuring-item.wb-urgentie--kritiek,.wb-keuring-item.wb-urgentie--binnenkort,.wb-keuring-item.wb-urgentie--ok{padding-left:.85rem}.wb-verloop-main,.wb-keuring-main,.wb-factuur-main{display:flex;flex-direction:column;gap:.15rem;min-width:0}.wb-verloop-soort,.wb-keuring-soort,.wb-factuur-oms{font-weight:600;color:var(--clr-text);font-size:.95rem}.wb-verloop-unit,.wb-keuring-notitie,.wb-factuur-meta{font-size:.82rem;color:var(--clr-muted)}.wb-verloop-right,.wb-keuring-right,.wb-factuur-right{display:flex;align-items:center;gap:.7rem;flex-shrink:0}.wb-verloop-datum,.wb-keuring-datum{font-size:.85rem;color:var(--clr-muted);white-space:nowrap}.wb-factuur-bedrag{font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:1.1rem;color:var(--clr-text)}.wb-factuur-totaal{display:flex;justify-content:space-between;align-items:baseline;margin-top:.9rem;padding-top:.8rem;border-top:2px solid var(--clr-border);font-size:.85rem;color:var(--clr-muted);text-transform:uppercase;letter-spacing:.08em}.wb-factuur-totaal strong{font-family:Barlow Condensed,sans-serif;font-size:1.35rem;color:var(--clr-primary)}.wb-bron-chip{display:inline-block;margin-left:.5rem;vertical-align:middle;padding:.12rem .5rem;border-radius:999px;font-size:.62rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.wb-bron-chip--basecone{background:var(--clr-status-sent-bg);color:var(--clr-status-sent);box-shadow:inset 0 0 0 1px #2563eb29}.wb-kosten-panel{animation-delay:.42s}.wb-kosten-strip{display:grid;grid-template-columns:1.4fr 1fr;gap:clamp(.8rem,2vw,1.4rem);margin-bottom:1.1rem}.wb-kosten-fig,.wb-kosten-bak{display:flex;flex-direction:column;gap:.25rem;padding:1.1rem 1.2rem;border-radius:15px;background:var(--clr-bg);box-shadow:inset 0 0 0 1px #e0d6d4b3}.wb-kosten-fig-value{font-family:Barlow Condensed,sans-serif;font-weight:700;line-height:1;font-size:clamp(1.8rem,4vw,2.5rem);color:var(--clr-primary)}.wb-kosten-fig-label,.wb-kosten-bak-label{font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--clr-muted)}.wb-kosten-bak-value{font-family:Barlow Condensed,sans-serif;font-weight:700;line-height:1;font-size:clamp(1.8rem,4vw,2.5rem);color:var(--clr-text)}.wb-kosten-bak.is-actief{background:var(--clr-status-expired-bg);box-shadow:inset 0 0 0 1px #d9770638}.wb-kosten-bak.is-actief .wb-kosten-bak-value{color:var(--clr-status-expired)}.wb-sync-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem .5rem .85rem;border-radius:999px;background:var(--clr-surface);border:1px solid rgba(192,48,42,.2);color:var(--clr-primary-dk);font-family:Barlow,sans-serif;font-weight:600;font-size:.82rem;box-shadow:0 1px 2px #1c14120d;transition:background .35s var(--wb-ease),transform .2s var(--wb-ease),box-shadow .35s var(--wb-ease)}.wb-sync-btn:hover:not(:disabled){background:var(--clr-primary-lt);box-shadow:0 4px 14px -8px #c0302a80}.wb-sync-btn:active:not(:disabled){transform:scale(.97)}.wb-sync-btn:disabled{opacity:.7;cursor:progress}.wb-sync-icon{display:inline-flex}.wb-sync-icon svg{width:15px;height:15px}.wb-sync-icon.is-spinning{animation:wb-spin .9s linear infinite}@keyframes wb-spin{to{transform:rotate(360deg)}}.wb-sync-melding{margin:-.2rem 0 .9rem;padding:.6rem .8rem;border-radius:10px;font-size:.84rem;color:var(--clr-text);background:var(--clr-status-accepted-bg);box-shadow:inset 0 0 0 1px #0596692e}.wb-sync-melding--info{background:var(--clr-bg);color:var(--clr-muted);box-shadow:inset 0 0 0 1px #e0d6d4cc}.wb-koppel-item .wb-factuur-right{gap:.9rem}.wb-koppel-hint{display:inline-flex;align-items:center;gap:.3rem}.wb-koppel-context{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem;margin-bottom:.4rem;border-radius:12px;background:var(--clr-bg);box-shadow:inset 0 0 0 1px #e0d6d4cc}.wb-koppel-context-main{display:flex;flex-direction:column;gap:.15rem;min-width:0}.wb-koppel-context-oms{font-weight:600;color:var(--clr-text)}.wb-koppel-context-meta{font-size:.82rem;color:var(--clr-muted)}.wb-koppel-context-bedrag{font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:1.2rem;color:var(--clr-text)}.wb-koppel-suggestie{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem;margin:0 0 .3rem;font-size:.84rem;color:var(--clr-muted)}.wb-jaar-bars{list-style:none;margin:0 0 1rem;padding:.9rem 0 .2rem;display:flex;flex-direction:column;gap:.55rem;border-bottom:1px solid var(--clr-border)}.wb-jaar-bar{display:grid;grid-template-columns:3.2rem 1fr auto;align-items:center;gap:.7rem}.wb-jaar-bar-label{font-family:Barlow Condensed,sans-serif;font-weight:700;color:var(--clr-muted);font-size:.95rem}.wb-jaar-bar-track{height:8px;border-radius:999px;background:var(--clr-bg);box-shadow:inset 0 0 0 1px #e0d6d4b3;overflow:hidden}.wb-jaar-bar-fill{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--clr-primary),var(--clr-primary-dk));transform-origin:left center;animation:wb-bar-grow .7s var(--wb-ease) both}@keyframes wb-bar-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.wb-jaar-bar-value{font-size:.88rem;font-weight:600;color:var(--clr-text);white-space:nowrap}@media (max-width: 640px){.wb-kosten-strip{grid-template-columns:1fr}.wb-koppel-item .wb-factuur-right{flex-direction:column;align-items:flex-end;gap:.5rem}}@media (prefers-reduced-motion: reduce){.wb-sync-icon.is-spinning{animation-duration:2.4s}.wb-jaar-bar-fill{animation:none}}.wb-bron-chip--intern{background:var(--clr-primary-lt);color:var(--clr-primary-dk);box-shadow:inset 0 0 0 1px #c0302a2e}.wb-check{flex-shrink:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;width:22px;height:22px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:var(--clr-surface);box-shadow:inset 0 0 0 1.5px var(--clr-border),0 1px 2px #1c14120a;color:transparent;transition:background .45s var(--wb-ease),box-shadow .45s var(--wb-ease),color .3s var(--wb-ease),transform .2s var(--wb-ease)}.wb-check svg{width:13px;height:13px;transform:scale(.4);transition:transform .4s var(--wb-ease)}.wb-check:hover:not(:disabled){box-shadow:inset 0 0 0 1.5px var(--clr-primary),0 2px 8px -4px #c0302a66}.wb-check:active:not(:disabled){transform:scale(.9)}.wb-check.is-checked{background:linear-gradient(160deg,var(--clr-status-accepted),#047857);box-shadow:inset 0 0 0 1.5px #05966980,0 2px 8px -4px #05966980;color:#fff}.wb-check.is-checked svg{transform:scale(1)}.wb-check:disabled{cursor:progress;opacity:.6}.wb-prio-tag{padding:.16rem .55rem;border-radius:999px;font-size:.64rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.wb-prio-tag--kritiek{background:var(--clr-status-expired-bg);color:var(--clr-status-expired)}.wb-prio-tag--binnenkort{background:var(--clr-status-sent-bg);color:var(--clr-status-sent)}.wb-prio-tag--ok{background:var(--clr-status-accepted-bg);color:var(--clr-status-accepted)}.wb-prio-pick{display:flex;gap:.4rem}.wb-prio-opt{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;padding:.5rem .4rem;border-radius:10px;background:var(--clr-bg);border:none;box-shadow:inset 0 0 0 1px var(--clr-border);font-family:Barlow,sans-serif;font-weight:600;font-size:.82rem;color:var(--clr-muted);transition:background .35s var(--wb-ease),box-shadow .35s var(--wb-ease),color .35s var(--wb-ease),transform .2s var(--wb-ease)}.wb-prio-opt:active{transform:scale(.97)}.wb-prio-opt.is-active{background:var(--clr-surface);color:var(--clr-text);box-shadow:inset 0 0 0 1.5px currentColor,0 2px 10px -6px #1c141266}.wb-prio-opt--kritiek.is-active{color:var(--clr-status-expired)}.wb-prio-opt--binnenkort.is-active{color:var(--clr-status-sent)}.wb-prio-opt--ok.is-active{color:var(--clr-status-accepted)}.wb-intern-context{display:flex;align-items:center;gap:.6rem;padding:.7rem .85rem;margin-bottom:.3rem;border-radius:12px;background:var(--clr-bg);box-shadow:inset 0 0 0 1px #e0d6d4cc}.wb-intern-context-oms{font-weight:600;color:var(--clr-text);font-size:.92rem;min-width:0}.wb-wl-panel{grid-column:1 / -1}.wb-wl-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.wb-wl-list--done{opacity:.72}.wb-wl-groephead{margin:1.1rem 0 .3rem;font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--clr-muted)}.wb-wl-item{border-top:1px solid var(--clr-border);padding:.85rem 0 .85rem .85rem}.wb-wl-list>.wb-wl-item:first-child{border-top:none}.wb-wl-item.is-done .wb-wl-oms{text-decoration:line-through;color:var(--clr-muted)}.wb-wl-row{display:flex;align-items:flex-start;gap:.75rem}.wb-wl-main{display:flex;flex-direction:column;gap:.3rem;min-width:0;flex:1}.wb-wl-oms{font-weight:600;color:var(--clr-text);font-size:.95rem;line-height:1.35}.wb-wl-meta{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.wb-wl-datum{font-size:.78rem;color:var(--clr-muted)}.wb-wl-right{display:flex;align-items:center;gap:.6rem;flex-shrink:0}.wb-wl-kostentotaal{font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:1rem;color:var(--clr-primary-dk);white-space:nowrap}.wb-wl-kosten{list-style:none;margin:.6rem 0 .1rem;padding:0 0 0 calc(22px + .75rem);display:flex;flex-direction:column;gap:.35rem}.wb-wl-kost{display:flex;align-items:center;gap:.5rem;font-size:.82rem;color:var(--clr-muted)}.wb-wl-kost-soort{font-weight:600;color:var(--clr-text)}.wb-wl-kost-oms{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wb-wl-kost-bedrag{margin-left:auto;font-weight:600;color:var(--clr-text);white-space:nowrap}.wb-icon-btn--sm{width:20px;height:20px;font-size:.85rem}.wb-wl-item.wb-urgentie--verlopen,.wb-wl-item.wb-urgentie--kritiek,.wb-wl-item.wb-urgentie--binnenkort,.wb-wl-item.wb-urgentie--ok{position:relative}.wb-bron-chip--periodiek{background:#f0fdfa;color:#0f766e;box-shadow:inset 0 0 0 1px #0f766e2e}.wb-vl-panel{grid-column:1 / -1;animation-delay:.56s}.wb-vl-strip{display:grid;grid-template-columns:1fr 1.3fr;gap:clamp(.7rem,2vw,1.2rem);margin:.2rem 0 1.1rem}.wb-vl-fig{display:flex;flex-direction:column;gap:.3rem;padding:1rem 1.15rem;border-radius:15px;background:var(--clr-bg);box-shadow:inset 0 0 0 1px #e0d6d4b3}.wb-vl-fig--accent{background:#f0fdfa;box-shadow:inset 0 0 0 1px #0f766e33}.wb-vl-fig-value{font-family:Barlow Condensed,sans-serif;font-weight:700;line-height:1;font-size:clamp(1.7rem,4vw,2.4rem);color:var(--clr-text)}.wb-vl-fig--accent .wb-vl-fig-value{color:#0f766e}.wb-vl-fig-value small{font-size:.42em;font-weight:600;color:var(--clr-muted);margin-left:.15rem}.wb-vl-fig-label{font-size:.7rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--clr-muted)}.wb-vl-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.wb-vl-list--uit{opacity:.66}.wb-vl-item{border-top:1px solid var(--clr-border);padding:.85rem 0}.wb-vl-list>.wb-vl-item:first-child{border-top:none}.wb-vl-row{display:flex;align-items:flex-start;gap:.75rem}.wb-vl-main{display:flex;flex-direction:column;gap:.4rem;min-width:0;flex:1}.wb-vl-oms{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--clr-text);font-size:.95rem}.wb-vl-item.is-uit .wb-vl-oms{text-decoration:line-through;color:var(--clr-muted)}.wb-vl-uit-chip{padding:.1rem .45rem;border-radius:999px;text-decoration:none;font-size:.6rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;background:var(--clr-status-draft-bg);color:var(--clr-status-draft)}.wb-vl-meta{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem}.wb-periode-tag{padding:.16rem .55rem;border-radius:999px;font-size:.64rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:#f0fdfa;color:#0f766e;box-shadow:inset 0 0 0 1px #0f766e29;white-space:nowrap}.wb-vl-perperiode{font-size:.82rem;color:var(--clr-muted)}.wb-vl-perperiode small{font-size:.86em}.wb-vl-track{height:6px;border-radius:999px;background:var(--clr-bg);max-width:14rem;box-shadow:inset 0 0 0 1px #e0d6d4b3;overflow:hidden}.wb-vl-fill{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#14b8a6,#0f766e);transform-origin:left center;animation:wb-bar-grow .7s var(--wb-ease) both}.wb-vl-right{display:flex;align-items:center;gap:.7rem;flex-shrink:0}.wb-vl-jaar{font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:1.1rem;color:var(--clr-text);white-space:nowrap}.wb-vl-jaar small{font-family:Barlow,sans-serif;font-size:.62rem;font-weight:600;color:var(--clr-muted);margin-left:.1rem}.wb-periode-pick{display:flex;gap:.4rem}.wb-periode-opt{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;padding:.5rem .35rem;border-radius:10px;background:var(--clr-bg);border:none;box-shadow:inset 0 0 0 1px var(--clr-border);font-family:Barlow,sans-serif;font-weight:600;font-size:.78rem;color:var(--clr-muted);transition:background .35s var(--wb-ease),box-shadow .35s var(--wb-ease),color .35s var(--wb-ease),transform .2s var(--wb-ease)}.wb-periode-opt:active{transform:scale(.97)}.wb-periode-opt.is-active{background:var(--clr-surface);color:#0f766e;box-shadow:inset 0 0 0 1.5px currentColor,0 2px 10px -6px #0f766e80}.wb-norm-preview{display:flex;flex-direction:column;gap:.2rem;padding:.85rem 1rem;border-radius:12px;background:var(--clr-bg);box-shadow:inset 0 0 0 1px #e0d6d4cc;transition:background .4s var(--wb-ease),box-shadow .4s var(--wb-ease)}.wb-norm-preview.is-actief{background:#f0fdfa;box-shadow:inset 0 0 0 1px #0f766e33}.wb-norm-preview-label{font-size:.66rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--clr-muted)}.wb-norm-preview-value{font-family:Barlow Condensed,sans-serif;font-weight:700;line-height:1;font-size:1.7rem;color:#0f766e}.wb-norm-preview-value small{font-size:.42em;font-weight:600;color:var(--clr-muted);margin-left:.15rem}.wb-norm-preview-sub{font-size:.78rem;color:var(--clr-muted)}@media (max-width: 640px){.wb-vl-strip{grid-template-columns:1fr}.wb-vl-track{max-width:none}}.wb-wlo-panel{animation-delay:.52s}.wb-toggle{display:inline-flex;align-items:center;gap:.45rem;cursor:pointer;font-size:.8rem;font-weight:600;color:var(--clr-muted);-webkit-user-select:none;user-select:none}.wb-toggle input{accent-color:var(--clr-primary);width:15px;height:15px;cursor:pointer}.wb-wlo-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(.7rem,1.8vw,1.1rem);margin-bottom:1.2rem}.wb-wlo-fig{display:flex;flex-direction:column;gap:.2rem;padding:.95rem 1.05rem;border-radius:14px;background:var(--clr-bg);box-shadow:inset 0 0 0 1px #e0d6d4b3}.wb-wlo-fig--accent{background:var(--clr-primary-lt);box-shadow:inset 0 0 0 1px #c0302a29}.wb-wlo-fig-value{font-family:Barlow Condensed,sans-serif;font-weight:700;line-height:1;font-size:clamp(1.5rem,3.4vw,2.1rem);color:var(--clr-text)}.wb-wlo-fig--accent .wb-wlo-fig-value{color:var(--clr-primary)}.wb-wlo-fig-label{font-size:.68rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--clr-muted)}.wb-wlo-units{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.9rem}.wb-wlo-unit{border-radius:14px;background:var(--clr-bg);box-shadow:inset 0 0 0 1px #e0d6d4b3;padding:.85rem 1rem .95rem;overflow:hidden}.wb-wlo-unit-head{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding-bottom:.6rem;margin-bottom:.4rem;border-bottom:1px solid var(--clr-border)}.wb-wlo-unit-id{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;cursor:pointer;padding:0;display:inline-flex;align-items:center;gap:.6rem;min-width:0;transition:transform .3s var(--wb-ease)}.wb-wlo-unit-id:hover{transform:translate(2px)}.wb-wlo-unit-naam{font-weight:600;color:var(--clr-text);font-size:.9rem}.wb-wlo-unit-stats{display:flex;align-items:center;gap:.7rem;flex-shrink:0}.wb-wlo-unit-open{font-size:.7rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--clr-status-sent)}.wb-wlo-unit-kosten{font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:1rem;color:var(--clr-primary-dk)}.wb-wlo-items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.wb-wlo-item{display:flex;align-items:flex-start;gap:.7rem;padding:.55rem 0 .55rem .85rem;position:relative}.wb-wlo-item.is-done .wb-wlo-item-oms{text-decoration:line-through;color:var(--clr-muted)}.wb-wlo-item-main{display:flex;flex-direction:column;gap:.25rem;min-width:0;flex:1}.wb-wlo-item-oms{font-weight:500;color:var(--clr-text);font-size:.9rem;line-height:1.3}@media (max-width: 640px){.wb-wlo-strip{grid-template-columns:1fr}.wb-wl-right{flex-direction:column;align-items:flex-end;gap:.4rem}}.wb-verval-tag{padding:.22rem .6rem;border-radius:999px;font-size:.68rem;font-weight:700;letter-spacing:.04em;white-space:nowrap}.wb-verval-tag--verlopen{background:var(--clr-error-bg);color:var(--clr-error-text)}.wb-verval-tag--kritiek{background:var(--clr-status-expired-bg);color:var(--clr-status-expired)}.wb-verval-tag--binnenkort{background:var(--clr-status-sent-bg);color:var(--clr-status-sent)}.wb-verval-tag--ok{background:var(--clr-status-accepted-bg);color:var(--clr-status-accepted)}.wb-plaat{display:inline-flex;align-items:stretch;vertical-align:middle;border-radius:5px;overflow:hidden;border:1px solid rgba(28,20,18,.4);background:linear-gradient(180deg,#ffdb4d,#f7c81e);box-shadow:inset 0 1px #ffffff8c,inset 0 -1px 1px #1c141229,0 1px 2px #1c14122e}.wb-plaat-eu{display:flex;align-items:flex-end;justify-content:center;padding:.16rem .22rem .18rem;background:linear-gradient(180deg,#1d4ed8,#003da5);color:#fff;font-family:Barlow Condensed,sans-serif;font-weight:600;font-size:.5rem;letter-spacing:.04em;line-height:1}.wb-plaat-num{padding:.18rem .55rem .2rem;font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:.98rem;line-height:1.1;letter-spacing:.07em;color:#1a1303;white-space:nowrap;font-variant-numeric:tabular-nums}.wb-plaat--sm{border-radius:4px}.wb-plaat--sm .wb-plaat-num{font-size:.82rem;padding:.14rem .45rem .16rem;letter-spacing:.06em}.wb-plaat--sm .wb-plaat-eu{font-size:.44rem;padding:.12rem .18rem .14rem}.wb-plaat--lg{border-radius:8px;border-width:1.5px}.wb-plaat--lg .wb-plaat-num{font-size:clamp(1.7rem,4vw,2.3rem);padding:.22rem 1rem .26rem;letter-spacing:.09em}.wb-plaat--lg .wb-plaat-eu{font-size:.78rem;padding:.3rem .45rem .34rem}.wb-plaat-leeg{color:var(--clr-muted)}.wb-list{display:flex;flex-direction:column;gap:1.1rem;opacity:0;animation:home-rise .6s var(--wb-ease) forwards;animation-delay:60ms}.wb-list-toolbar{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}.wb-search{position:relative;flex:1 1 220px;min-width:200px}.wb-search-icon{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);width:17px;height:17px;color:var(--clr-muted);pointer-events:none}.wb-search input{width:100%;padding:.6rem .9rem .6rem 2.4rem;border-radius:999px;border:1px solid var(--clr-border);background:var(--clr-surface);font-family:Barlow,sans-serif;font-size:.92rem;color:var(--clr-text);transition:border-color .3s var(--wb-ease),box-shadow .3s var(--wb-ease)}.wb-search input:focus{outline:none;border-color:var(--clr-primary);box-shadow:0 0 0 3px var(--clr-primary-lt)}.wb-filter-pills{display:flex;gap:.3rem;flex-wrap:wrap}.wb-pill{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;padding:.45rem .85rem;border-radius:999px;border:1px solid var(--clr-border);background:var(--clr-surface);font-family:Barlow,sans-serif;font-weight:600;font-size:.82rem;color:var(--clr-muted);transition:all .3s var(--wb-ease)}.wb-pill:hover{border-color:var(--clr-primary);color:var(--clr-text)}.wb-pill.is-active{background:var(--clr-primary);border-color:var(--clr-primary);color:#fff}.wb-inactief-toggle{display:flex;align-items:center;gap:.4rem;font-size:.82rem;color:var(--clr-muted);cursor:pointer}.wb-inactief-toggle input{accent-color:var(--clr-primary)}.wb-btn-primary{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .6rem .5rem 1.1rem;border:none;border-radius:999px;background:var(--clr-primary);color:#fff;font-family:Barlow Condensed,sans-serif;font-weight:600;font-size:1rem;letter-spacing:.02em;margin-left:auto;transition:transform .25s var(--wb-ease),background .35s var(--wb-ease)}.wb-btn-primary:hover{background:var(--clr-primary-dk)}.wb-btn-primary:active{transform:scale(.98)}.wb-btn-icon{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#ffffff2e;font-size:1.15rem;line-height:1;transition:transform .3s var(--wb-ease)}.wb-btn-primary:hover .wb-btn-icon{transform:scale(1.08) translate(1px)}.wb-table-shell{padding:7px;border-radius:22px;background:linear-gradient(160deg,#ffffffe6,#f5f2f18c);box-shadow:0 1px #fffc inset,0 1px 2px #1c14120a,0 16px 38px -24px #1c14123d}.wb-table-core{border-radius:16px;background:var(--clr-surface);overflow:hidden;box-shadow:inset 0 1px 1px #fff9,inset 0 0 0 1px #e0d6d4b3}.wb-table{width:100%;border-collapse:collapse}.wb-table thead th{text-align:left;padding:.85rem 1.1rem;font-family:Barlow,sans-serif;font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--clr-muted);border-bottom:1px solid var(--clr-border)}.wb-table tbody tr{cursor:pointer;position:relative;transition:background .25s var(--wb-ease),box-shadow .25s var(--wb-ease)}.wb-table tbody tr:hover{background:linear-gradient(90deg,var(--clr-primary-lt),rgba(253,241,240,.35));box-shadow:inset 3px 0 0 var(--clr-primary)}.wb-table tbody tr:focus-visible{outline:2px solid var(--clr-primary);outline-offset:-2px}.wb-table td{padding:.85rem 1.1rem;border-top:1px solid var(--clr-border);font-size:.92rem;color:var(--clr-text)}.wb-cell-kenteken{font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:1.05rem;letter-spacing:.02em}.wb-cell-muted{color:var(--clr-muted)}.wb-cell-status{text-align:right}.wb-cell-chevron{width:2.2rem;padding-left:0!important;color:var(--clr-border)}.wb-cell-chevron svg{display:block;width:16px;height:16px;transform:translate(-3px);opacity:.55;transition:transform .3s var(--wb-ease),opacity .3s var(--wb-ease),color .3s var(--wb-ease)}.wb-table tbody tr:hover .wb-cell-chevron svg{transform:translate(0);opacity:1;color:var(--clr-primary)}.wb-row--inactief td{opacity:.55}.wb-row--inactief .wb-plaat{filter:grayscale(.8)}.wb-dot{display:inline-block;width:9px;height:9px;border-radius:999px}.wb-dot--ok{background:var(--clr-status-accepted);box-shadow:0 0 0 3px var(--clr-status-accepted-bg)}.wb-inactief-label{font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--clr-muted);background:var(--clr-status-draft-bg);padding:.18rem .5rem;border-radius:999px}.wb-inactief-label--inline{margin-left:.6rem}.wb-type-tag{display:inline-block;padding:.2rem .6rem;border-radius:6px;font-size:.74rem;font-weight:600;letter-spacing:.02em;background:var(--tag-bg, var(--clr-bg));color:var(--tag-fg, var(--clr-text));border:1px solid var(--tag-bd, var(--clr-border))}.wb-pill--ghost{display:inline-flex;align-items:center;gap:.4rem;border-style:dashed;color:var(--clr-text)}.wb-pill--ghost:hover{border-style:solid}.wb-pill--ghost.is-active{background:var(--clr-surface);color:var(--clr-text)}.wb-pill-gear{display:inline-flex}.wb-pill-gear svg{width:14px;height:14px}.wb-table-group+.wb-table-group .wb-group-head td{border-top:1px solid var(--clr-border)}.wb-group-head td{background:linear-gradient(90deg,var(--clr-primary-lt),rgba(253,241,240,.25));padding:.55rem 1.1rem!important}.wb-table tbody.wb-table-group tr.wb-group-head{cursor:default}.wb-table tbody.wb-table-group tr.wb-group-head:hover{background:linear-gradient(90deg,var(--clr-primary-lt),rgba(253,241,240,.25));box-shadow:none}.wb-group-label{font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:.92rem;letter-spacing:.04em;text-transform:uppercase;color:var(--clr-primary-dk)}.wb-group-count{margin-left:.55rem;padding:.05rem .5rem;border-radius:999px;font-size:.7rem;font-weight:700;color:var(--clr-primary);background:var(--clr-surface);box-shadow:inset 0 0 0 1px #c0302a2e}.wb-types-modal{max-width:560px;width:100%}.wb-types-body{display:flex;flex-direction:column;gap:1.1rem;padding:.4rem 0 .2rem}.wb-types-intro{margin:0;font-size:.86rem;color:var(--clr-muted);line-height:1.5}.wb-types-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45rem}.wb-types-row{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:.7rem;padding:.55rem .7rem;border-radius:12px;background:var(--clr-surface);box-shadow:inset 0 0 0 1px #e0d6d4b3;transition:box-shadow .3s var(--wb-ease)}.wb-types-row:hover{box-shadow:inset 0 0 0 1px #c0302a4d}.wb-types-row.is-inactief{opacity:.6}.wb-types-meta{display:flex;flex-direction:column;gap:.05rem;min-width:0}.wb-types-meervoud{font-family:Barlow Condensed,sans-serif;font-weight:600;font-size:.98rem;color:var(--clr-text)}.wb-types-sleutel{font-family:Barlow,monospace;font-size:.68rem;letter-spacing:.03em;color:var(--clr-muted)}.wb-types-count{font-size:.74rem;font-weight:600;color:var(--clr-muted);white-space:nowrap}.wb-types-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;padding:.32rem .7rem;border-radius:999px;border:1px solid var(--clr-border);background:var(--clr-surface);font-family:Barlow,sans-serif;font-weight:600;font-size:.74rem;color:var(--clr-muted);transition:all .25s var(--wb-ease);white-space:nowrap}.wb-types-toggle:hover{border-color:var(--clr-primary);color:var(--clr-primary)}.wb-types-toggle:disabled{opacity:.5;cursor:default}.wb-types-toggle.is-reactiveer{color:var(--clr-status-accepted)}.wb-types-toggle.is-reactiveer:hover{border-color:var(--clr-status-accepted);color:var(--clr-status-accepted)}.wb-types-add{display:flex;flex-direction:column;gap:.7rem;padding:.9rem;border-radius:14px;background:var(--clr-bg);box-shadow:inset 0 0 0 1px #e0d6d4b3}.wb-types-add-title{font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--clr-muted)}.wb-types-add-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.6rem}.wb-types-add .wb-btn-primary{margin-left:0;align-self:flex-end}.wb-types-add .wb-btn-primary:disabled{opacity:.5;cursor:default;background:var(--clr-primary)}@media (max-width: 560px){.wb-types-add-grid{grid-template-columns:1fr}.wb-types-row{grid-template-columns:auto 1fr;row-gap:.3rem}}.wb-detail{display:flex;flex-direction:column;gap:1.4rem;opacity:0;animation:home-rise .6s var(--wb-ease) forwards}.wb-back{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;cursor:pointer;align-self:flex-start;display:inline-flex;align-items:center;gap:.45rem;padding:.3rem 0;color:var(--clr-muted);font-family:Barlow,sans-serif;font-weight:600;font-size:.88rem;transition:color .3s var(--wb-ease)}.wb-back:hover{color:var(--clr-primary)}.wb-detail-hero-shell{padding:7px;border-radius:26px;background:linear-gradient(160deg,#ffffffe6,#f5f2f18c);box-shadow:0 1px #fffc inset,0 1px 2px #1c14120a,0 18px 42px -26px #1c141242}.wb-detail-hero-core{position:relative;padding:clamp(1.4rem,3vw,2rem) clamp(1.4rem,3vw,2rem) 0;border-radius:20px;background:radial-gradient(80% 90% at 0% 0%,rgba(192,48,42,.06),transparent 55%),var(--clr-surface);box-shadow:inset 0 1px 1px #fff9,inset 0 0 0 1px #e0d6d4b3;overflow:hidden}.wb-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}.wb-detail-kenteken{margin:.8rem 0 .55rem;line-height:1}.wb-detail-sub{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;color:var(--clr-muted);font-size:.95rem}.wb-status-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .6rem;border-radius:999px;font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.wb-status-chip-dot{width:6px;height:6px;border-radius:999px;background:currentColor}.wb-status-chip--ok{background:var(--clr-status-accepted-bg);color:var(--clr-status-accepted)}.wb-status-chip--uit{background:var(--clr-status-draft-bg);color:var(--clr-status-draft)}.wb-detail-meta{display:flex;flex-wrap:wrap;margin:clamp(1.2rem,2.5vw,1.7rem) calc(clamp(1.4rem,3vw,2rem)*-1) 0;padding:0;border-top:1px solid var(--clr-border)}.wb-detail-meta-item{flex:1 1 180px;display:flex;flex-direction:column;gap:.3rem;padding:1rem clamp(1.4rem,3vw,2rem) 1.1rem}.wb-detail-meta-item+.wb-detail-meta-item{border-left:1px solid var(--clr-border)}.wb-detail-meta-item dt{font-size:.66rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--clr-muted)}.wb-detail-meta-item dd{margin:0;display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:1.2rem;line-height:1.1;color:var(--clr-text)}.wb-detail-actions{display:flex;gap:.5rem;flex-wrap:wrap}.wb-btn-ghost{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;padding:.5rem .95rem;border-radius:999px;border:1px solid var(--clr-border);background:var(--clr-surface);font-family:Barlow,sans-serif;font-weight:600;font-size:.85rem;color:var(--clr-text);transition:all .3s var(--wb-ease)}.wb-btn-ghost:hover{border-color:var(--clr-primary);color:var(--clr-primary)}.wb-btn-ghost:active{transform:scale(.97)}.wb-btn-danger:hover{border-color:var(--clr-error-text);color:var(--clr-error-text)}.wb-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,2vw,1.4rem)}.wb-timeline-item{position:relative;display:flex;align-items:center;gap:.8rem;padding:.7rem 0 .7rem .4rem}.wb-timeline-item:before{content:"";position:absolute;left:calc(.4rem + 5px);top:0;bottom:0;width:1px;background:var(--clr-border)}.wb-timeline>.wb-timeline-item:first-child:before{top:50%}.wb-timeline>.wb-timeline-item:last-child:before{bottom:50%}.wb-timeline-dot{position:relative;z-index:1;width:11px;height:11px;border-radius:999px;flex-shrink:0;background:var(--clr-border);box-shadow:0 0 0 3px var(--clr-surface)}.wb-timeline-item.is-huidig .wb-timeline-dot{background:var(--clr-primary);box-shadow:0 0 0 3px var(--clr-primary-lt),0 0 10px #c0302a59}.wb-timeline-body{display:flex;flex-direction:column;gap:.25rem;flex:1 1 auto}.wb-timeline-kenteken{display:flex;align-items:center}.wb-timeline-item:not(.is-huidig) .wb-plaat{filter:grayscale(.55);opacity:.78}.wb-timeline-periode{font-size:.8rem;color:var(--clr-muted)}.wb-row-actions{display:inline-flex;gap:.25rem}.wb-icon-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;width:26px;height:26px;border-radius:7px;border:1px solid transparent;background:var(--clr-bg);color:var(--clr-muted);font-size:.9rem;line-height:1;transition:all .25s var(--wb-ease)}.wb-icon-btn:hover{border-color:var(--clr-border);color:var(--clr-text)}.wb-icon-btn--danger:hover{color:var(--clr-error-text);border-color:var(--clr-error-border);background:var(--clr-error-bg)}.wb-foto-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.7rem}.wb-foto{margin:0;position:relative;border-radius:12px;overflow:hidden;aspect-ratio:4 / 3;background:var(--clr-bg);border:1px solid var(--clr-border)}.wb-foto img{width:100%;height:100%;object-fit:cover;display:block}.wb-foto-del{position:absolute;top:.4rem;right:.4rem;width:24px;height:24px;border-radius:999px;border:none;cursor:pointer;background:#1c141299;color:#fff;font-size:.95rem;line-height:1;opacity:0;transition:opacity .25s var(--wb-ease),background .25s var(--wb-ease)}.wb-foto:hover .wb-foto-del,.wb-foto-del:focus-visible{opacity:1}.wb-foto-del:hover{background:var(--clr-primary)}.wb-foto-add{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;aspect-ratio:4 / 3;border-radius:12px;cursor:pointer;border:1.5px dashed var(--clr-border);background:var(--clr-bg);color:var(--clr-muted);font-family:Barlow,sans-serif;font-weight:600;font-size:.8rem;text-align:center;padding:.5rem;transition:all .3s var(--wb-ease)}.wb-foto-add:hover:not(:disabled){border-color:var(--clr-primary);color:var(--clr-primary);background:var(--clr-primary-lt)}.wb-foto-add:disabled{opacity:.6;cursor:default}.wb-foto-add svg{width:22px;height:22px}.wb-foto-add-hint{font-weight:400;font-size:.68rem;line-height:1.3;color:var(--clr-muted);opacity:.8;letter-spacing:.01em}.wb-foto-open{display:block;width:100%;height:100%;padding:0;border:none;cursor:zoom-in;background:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.wb-foto-open img{transition:transform .45s var(--wb-ease)}.wb-foto:hover .wb-foto-open img{transform:scale(1.04)}.wb-foto-open:focus-visible{outline:2px solid var(--clr-primary);outline-offset:2px}.wb-lightbox-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:clamp(1rem,4vw,3rem);background:#140e0cd1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:wbLightboxFade .32s var(--wb-ease) both}.wb-lightbox-stage{margin:0;position:relative;max-width:min(1100px,92vw);max-height:86vh;display:flex;flex-direction:column;align-items:center;padding:6px;border-radius:18px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 80px #0000008c;animation:wbLightboxRise .42s var(--wb-ease) both}.wb-lightbox-img{display:block;max-width:100%;max-height:calc(86vh - 12px);width:auto;height:auto;object-fit:contain;border-radius:12px;background:#0c0807}.wb-lightbox-teller{position:absolute;bottom:14px;left:50%;transform:translate(-50%);padding:.25rem .7rem;border-radius:999px;background:#0c0807a6;color:#fff;font-family:Barlow,sans-serif;font-size:.78rem;font-weight:600;letter-spacing:.04em}.wb-lightbox-close,.wb-lightbox-nav{position:fixed;z-index:121;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.16);cursor:pointer;background:#ffffff14;color:#fff;border-radius:999px;padding:0;transition:background .25s var(--wb-ease),transform .25s var(--wb-ease),border-color .25s var(--wb-ease)}.wb-lightbox-close:hover,.wb-lightbox-nav:hover{background:var(--clr-primary);border-color:var(--clr-primary)}.wb-lightbox-close:active,.wb-lightbox-nav:active{transform:scale(.94)}.wb-lightbox-close:focus-visible,.wb-lightbox-nav:focus-visible{outline:2px solid #fff;outline-offset:2px}.wb-lightbox-close{top:1.1rem;right:1.1rem;width:44px;height:44px}.wb-lightbox-close svg{width:22px;height:22px}.wb-lightbox-nav{top:50%;transform:translateY(-50%);width:48px;height:48px}.wb-lightbox-nav:active{transform:translateY(-50%) scale(.94)}.wb-lightbox-nav svg{width:24px;height:24px}.wb-lightbox-nav--prev{left:clamp(.6rem,2vw,1.6rem)}.wb-lightbox-nav--next{right:clamp(.6rem,2vw,1.6rem)}@keyframes wbLightboxFade{0%{opacity:0}to{opacity:1}}@keyframes wbLightboxRise{0%{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion: reduce){.wb-lightbox-backdrop,.wb-lightbox-stage{animation:none}.wb-foto-open img,.wb-foto:hover .wb-foto-open img{transition:none;transform:none}}.wb-modal-hint{margin:0 0 .4rem;font-size:.86rem;color:var(--clr-muted);line-height:1.5}.wb-optioneel{font-weight:400;color:var(--clr-muted);font-size:.82em}.wb-skeleton-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.wb-skeleton-card{height:96px;border-radius:18px;background:linear-gradient(90deg,#efeae9 25%,#f6f3f2,#efeae9 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}.wb-table-loading{padding:1rem;display:flex;flex-direction:column;gap:.6rem}.wb-row-skeleton{height:38px;border-radius:8px;background:linear-gradient(90deg,#efeae9 25%,#f6f3f2,#efeae9 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}@media (prefers-reduced-motion: reduce){.wb-header-inner,.wb-stat,.wb-panel,.wb-list,.wb-detail{animation:none;opacity:1}.wb-stat-icon,.wb-stat-core,.wb-verloop-item,.wb-cell-chevron svg,.wb-table tbody tr{transition:none}.wb-stat:hover .wb-stat-icon,.wb-verloop-item:hover{transform:none}.wb-table tbody tr:hover .wb-cell-chevron svg{transform:translate(-3px)}}@media (max-width: 900px){.wb-detail-grid{grid-template-columns:1fr}}@media (max-width: 680px){.wb-stat-grid,.wb-skeleton-grid{grid-template-columns:repeat(2,1fr)}.wb-btn-primary{margin-left:0}.wb-list-toolbar{gap:.5rem}.wb-detail-meta-item{flex-basis:100%;padding-block:.75rem .85rem}.wb-detail-meta-item+.wb-detail-meta-item{border-left:none;border-top:1px solid var(--clr-border)}.wb-table-core{overflow-x:auto}.wb-cell-chevron,.wb-table thead th:last-child{display:none}}