.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--b2b-bg-primary);padding:var(--b2b-spacing-4)}.login-card{width:100%;max-width:400px;padding:var(--b2b-spacing-8);background:var(--b2b-bg-sidebar);border:1px solid var(--b2b-border-color);border-radius:var(--b2b-radius-zakelijk);text-align:center}.login-title{font-family:var(--b2b-font-primary);font-size:28px;font-weight:700;color:var(--b2b-text-primary);margin:0 0 var(--b2b-spacing-2) 0}.login-subtitle{font-family:var(--b2b-font-primary);font-size:14px;font-weight:500;color:var(--b2b-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 var(--b2b-spacing-6) 0}.login-spinner{width:40px;height:40px;margin:0 auto var(--b2b-spacing-4);border:3px solid var(--b2b-border-color);border-top-color:var(--b2b-color-primary);border-radius:50%;animation:spin .8s linear infinite}.login-message{font-family:var(--b2b-font-primary);font-size:14px;color:var(--b2b-text-secondary);margin:0}.login-error{padding:var(--b2b-spacing-4);margin:var(--b2b-spacing-4) 0;background:#fee;border:1px solid #fcc;border-radius:var(--b2b-radius-zakelijk)}.login-error p{font-family:var(--b2b-font-primary);font-size:14px;color:#c33;margin:0}.login-redirect-btn{display:inline-block;margin-top:var(--b2b-spacing-4);padding:var(--b2b-spacing-3) var(--b2b-spacing-5);background:var(--b2b-color-primary);color:#fff;font-family:var(--b2b-font-primary);font-size:14px;font-weight:600;text-decoration:none;border-radius:var(--b2b-radius-zakelijk);transition:opacity .15s ease}.login-redirect-btn:hover{opacity:.9}.login-form{margin-top:var(--b2b-spacing-6);text-align:left}.login-form-group{margin-bottom:var(--b2b-spacing-4)}.login-form-group label{display:block;margin-bottom:var(--b2b-spacing-2);font-family:var(--b2b-font-primary);font-size:13px;font-weight:600;color:var(--b2b-text-primary);text-transform:uppercase;letter-spacing:.3px}.login-form-group input{width:100%;padding:var(--b2b-spacing-3);font-family:var(--b2b-font-primary);font-size:14px;color:var(--b2b-text-primary);background:var(--b2b-bg-primary);border:1px solid var(--b2b-border-color);border-radius:var(--b2b-radius-zakelijk);transition:border-color .15s ease}.login-form-group input:focus{outline:none;border-color:var(--b2b-color-primary)}.login-form-group input::placeholder{color:var(--b2b-text-tertiary)}.login-submit-btn{width:100%;padding:var(--b2b-spacing-3);margin-top:var(--b2b-spacing-2);background:var(--b2b-color-primary);color:#fff;font-family:var(--b2b-font-primary);font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border:none;border-radius:var(--b2b-radius-zakelijk);cursor:pointer;transition:opacity .15s ease}.login-submit-btn:hover:not(:disabled){opacity:.9}.login-submit-btn:disabled{opacity:.6;cursor:not-allowed}.login-hint{margin-top:var(--b2b-spacing-4);padding-top:var(--b2b-spacing-4);border-top:1px solid var(--b2b-border-color);font-family:var(--b2b-font-primary);font-size:12px;color:var(--b2b-text-tertiary);text-align:center;line-height:1.6}.login-hint a{color:var(--b2b-color-primary);text-decoration:none}.login-hint a:hover{text-decoration:underline}.dashboard-layout{display:grid;grid-template-columns:240px 1fr;height:100vh;overflow:hidden;background:var(--b2b-bg-primary)}.dashboard-sidebar{background:var(--b2b-bg-sidebar);border-right:1px solid var(--b2b-border-color);display:flex;flex-direction:column;overflow-y:auto}.sidebar-header{padding:var(--b2b-spacing-6) var(--b2b-spacing-4);border-bottom:1px solid var(--b2b-border-color)}.sidebar-logo{font-family:var(--b2b-font-primary);font-size:20px;font-weight:700;color:var(--b2b-text-primary);margin:0 0 var(--b2b-spacing-1) 0}.sidebar-subtitle{font-family:var(--b2b-font-primary);font-size:12px;font-weight:500;color:var(--b2b-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0}.sidebar-nav{flex:1;padding:var(--b2b-spacing-2) 0}.nav-item{display:flex;align-items:center;gap:var(--b2b-spacing-3);width:100%;padding:var(--b2b-spacing-3) var(--b2b-spacing-4);border:none;background:transparent;color:var(--b2b-text-secondary);font-family:var(--b2b-font-primary);font-size:14px;font-weight:500;text-align:left;cursor:pointer;transition:all .15s ease;border-left:3px solid transparent}.nav-item:hover{background:var(--b2b-bg-hover);color:var(--b2b-text-primary)}.nav-item--active{background:var(--b2b-bg-hover);color:var(--b2b-color-primary);border-left-color:var(--b2b-color-primary);font-weight:600}.nav-item__icon{font-size:18px;line-height:1}.nav-item__label{flex:1}.sidebar-footer{padding:var(--b2b-spacing-4);border-top:1px solid var(--b2b-border-color)}.sidebar-user{display:flex;align-items:center;gap:var(--b2b-spacing-3)}.sidebar-user__avatar{width:32px;height:32px;border-radius:var(--b2b-radius-zakelijk);background:var(--b2b-color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--b2b-font-primary);font-size:14px;font-weight:600}.sidebar-user__info{flex:1;min-width:0}.sidebar-user__name{font-family:var(--b2b-font-primary);font-size:13px;font-weight:600;color:var(--b2b-text-primary);margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user__email{font-family:var(--b2b-font-primary);font-size:11px;color:var(--b2b-text-secondary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-main{display:flex;flex-direction:column;overflow:hidden}.dashboard-header{height:56px;background:var(--b2b-bg-primary);border-bottom:1px solid var(--b2b-border-color);display:flex;align-items:center;justify-content:space-between;padding:0 var(--b2b-spacing-6);flex-shrink:0}.header-breadcrumb{display:flex;align-items:center;gap:var(--b2b-spacing-2)}.breadcrumb-item{font-family:var(--b2b-font-primary);font-size:16px;font-weight:600;color:var(--b2b-text-primary)}.header-actions{display:flex;align-items:center;gap:var(--b2b-spacing-2)}.header-action-btn{width:32px;height:32px;border:1px solid var(--b2b-border-color);border-radius:var(--b2b-radius-zakelijk);background:var(--b2b-bg-primary);color:var(--b2b-text-secondary);font-size:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.header-action-btn:hover{background:var(--b2b-bg-hover);border-color:var(--b2b-color-primary);color:var(--b2b-text-primary)}.dashboard-content{flex:1;overflow-y:auto;padding:var(--b2b-spacing-6)}.auth-guard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:var(--b2b-bg-primary);gap:var(--b2b-spacing-4)}.loading-spinner{width:40px;height:40px;border:3px solid var(--b2b-border-color);border-top-color:var(--b2b-color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-guard-loading p{font-family:var(--b2b-font-primary);font-size:14px;color:var(--b2b-text-secondary);margin:0}.metric-card{padding:var(--b2b-spacing-5);background:var(--b2b-bg-sidebar);border:1px solid var(--b2b-border-color);border-radius:var(--b2b-radius-zakelijk)}.metric-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--b2b-spacing-3)}.metric-card__title{font-family:var(--b2b-font-primary);font-size:13px;font-weight:600;color:var(--b2b-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0}.metric-card__icon{font-size:20px;opacity:.7}.metric-card__value{font-family:var(--b2b-font-primary);font-size:32px;font-weight:700;font-feature-settings:"tnum" 1;color:var(--b2b-text-primary);margin-bottom:var(--b2b-spacing-2)}.metric-card__change{font-family:var(--b2b-font-primary);font-size:13px;font-weight:500}.metric-card__change--up{color:var(--b2b-color-trend-up)}.metric-card__change--down{color:var(--b2b-color-trend-down)}.metric-card__change--neutral{color:var(--b2b-text-secondary)}.chart-container{background:var(--b2b-bg-sidebar);border:1px solid var(--b2b-border-color);border-radius:var(--b2b-radius-zakelijk);padding:var(--b2b-spacing-5);margin-bottom:var(--b2b-spacing-6)}.chart-title{font-family:var(--b2b-font-primary);font-size:16px;font-weight:600;color:var(--b2b-text-primary);margin:0 0 var(--b2b-spacing-4) 0}.chart-empty{display:flex;align-items:center;justify-content:center;height:300px;background:var(--b2b-bg-sidebar);border:1px solid var(--b2b-border-color);border-radius:var(--b2b-radius-zakelijk)}.chart-empty p{font-family:var(--b2b-font-primary);font-size:14px;color:var(--b2b-text-secondary);margin:0}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:var(--b2b-border-color)}.recharts-legend-wrapper{padding-top:var(--b2b-spacing-3)!important}.recharts-default-tooltip{box-shadow:none!important}.dashboard-home{max-width:1400px}.page-header{margin-bottom:var(--b2b-spacing-6)}.page-title{font-family:var(--b2b-font-primary);font-size:28px;font-weight:700;color:var(--b2b-text-primary);margin:0 0 var(--b2b-spacing-2) 0}.page-description{font-family:var(--b2b-font-primary);font-size:14px;color:var(--b2b-text-secondary);margin:0}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--b2b-spacing-4);margin-bottom:var(--b2b-spacing-8)}.dashboard-section{margin-bottom:var(--b2b-spacing-8)}.section-title{font-family:var(--b2b-font-primary);font-size:20px;font-weight:700;color:var(--b2b-text-primary);margin:0 0 var(--b2b-spacing-4) 0}.empty-state{padding:var(--b2b-spacing-8) var(--b2b-spacing-4);background:var(--b2b-bg-sidebar);border:1px solid var(--b2b-border-color);border-radius:var(--b2b-radius-zakelijk);text-align:center}.empty-state p{font-family:var(--b2b-font-primary);font-size:14px;color:var(--b2b-text-secondary);margin:0}.query-builder{background:var(--b2b-bg-sidebar);border:1px solid var(--b2b-border-color);border-radius:var(--b2b-radius-zakelijk);padding:var(--b2b-spacing-5);margin-bottom:var(--b2b-spacing-6)}.query-builder__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--b2b-spacing-4)}.query-builder__title{font-family:var(--b2b-font-primary);font-size:16px;font-weight:600;color:var(--b2b-text-primary);margin:0}.query-builder__clear{padding:var(--b2b-spacing-2) var(--b2b-spacing-3);background:transparent;border:1px solid var(--b2b-border-color);border-radius:var(--b2b-radius-zakelijk);color:var(--b2b-text-secondary);font-family:var(--b2b-font-primary);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.query-builder__clear:hover{background:var(--b2b-bg-hover);border-color:var(--b2b-color-primary);color:var(--b2b-color-primary)}.query-builder__filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--b2b-spacing-4)}.filter-group{display:flex;flex-direction:column;gap:var(--b2b-spacing-2)}.filter-label{font-family:var(--b2b-font-primary);font-size:12px;font-weight:600;color:var(--b2b-text-secondary);text-transform:uppercase;letter-spacing:.5px}.filter-row{display:flex;gap:var(--b2b-spacing-2)}.filter-input{width:100%;padding:var(--b2b-spacing-2) var(--b2b-spacing-3);background:var(--b2b-bg-primary);border:1px solid var(--b2b-border-color);border-radius:var(--b2b-radius-zakelijk);color:var(--b2b-text-primary);font-family:var(--b2b-font-primary);font-size:14px;transition:all .15s ease}.filter-input:focus{outline:none;border-color:var(--b2b-color-primary);box-shadow:0 0 0 3px #3b82f61a}.filter-input::placeholder{color:var(--b2b-text-tertiary)}.filter-input--select{cursor:pointer}.filter-input--number{font-feature-settings:"tnum" 1}.query-builder__chips{display:flex;flex-wrap:wrap;gap:var(--b2b-spacing-2);margin-top:var(--b2b-spacing-4);padding-top:var(--b2b-spacing-4);border-top:1px solid var(--b2b-border-color)}.filter-chip{display:inline-flex;align-items:center;gap:var(--b2b-spacing-2);padding:var(--b2b-spacing-1) var(--b2b-spacing-3);background:var(--b2b-color-primary);color:#fff;border-radius:999px;font-family:var(--b2b-font-primary);font-size:12px;font-weight:500}.filter-chip span{line-height:1.5}.filter-chip button{width:16px;height:16px;padding:0;background:#fff3;border:none;border-radius:50%;color:#fff;font-size:14px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease}.filter-chip button:hover{background:#ffffff4d}.data-table-container{width:100%;overflow-x:auto;background:var(--b2b-bg-sidebar);border:1px solid var(--b2b-border-color);border-radius:var(--b2b-radius-zakelijk)}.data-table{width:100%;border-collapse:collapse;font-family:var(--b2b-font-primary);font-size:14px}.data-table__head{background:var(--b2b-bg-primary);border-bottom:2px solid var(--b2b-border-color)}.data-table__header{padding:var(--b2b-spacing-3) var(--b2b-spacing-4);text-align:left;font-weight:600;color:var(--b2b-text-secondary);text-transform:uppercase;font-size:12px;letter-spacing:.5px;white-space:nowrap}.data-table__header--center{text-align:center}.data-table__header--right{text-align:right}.data-table__body{background:var(--b2b-bg-sidebar)}.data-table__row{border-bottom:1px solid var(--b2b-border-color);transition:background .1s ease}.data-table__row:hover{background:var(--b2b-bg-hover)}.data-table__row:nth-child(2n){background:#00000005}.data-table__row:nth-child(2n):hover{background:var(--b2b-bg-hover)}.data-table__cell{padding:var(--b2b-spacing-3) var(--b2b-spacing-4);color:var(--b2b-text-primary);vertical-align:middle}.data-table__cell--center{text-align:center}.data-table__cell--right{text-align:right;font-feature-settings:"tnum" 1}.data-table-empty{padding:var(--b2b-spacing-8) var(--b2b-spacing-4);background:var(--b2b-bg-sidebar);border:1px solid var(--b2b-border-color);border-radius:var(--b2b-radius-zakelijk);text-align:center}.data-table-empty p{font-family:var(--b2b-font-primary);font-size:14px;color:var(--b2b-text-secondary);margin:0}.k-anonymity-message{display:flex;gap:var(--b2b-spacing-4);padding:var(--b2b-spacing-5);background:#fff9e6;border:1px solid #ffd966;border-radius:var(--b2b-radius-zakelijk);margin:var(--b2b-spacing-6) 0}.k-anonymity-message__icon{font-size:32px;line-height:1;flex-shrink:0}.k-anonymity-message__content{flex:1}.k-anonymity-message__title{font-family:var(--b2b-font-primary);font-size:16px;font-weight:700;color:#960;margin:0 0 var(--b2b-spacing-2) 0}.k-anonymity-message__text{font-family:var(--b2b-font-primary);font-size:14px;color:#640;margin:0 0 var(--b2b-spacing-3) 0;line-height:1.5}.k-anonymity-message__tip{padding:var(--b2b-spacing-3);background:#ffffff80;border-radius:var(--b2b-radius-zakelijk);font-family:var(--b2b-font-primary);font-size:13px;color:#640;line-height:1.5}.k-anonymity-message__tip strong{font-weight:600;color:#960}.export-button{position:relative;display:inline-block}.export-button__trigger{padding:var(--b2b-spacing-2) var(--b2b-spacing-4);background:var(--b2b-color-primary);color:#fff;border:1px solid var(--b2b-color-primary);border-radius:var(--b2b-radius-zakelijk);font-family:var(--b2b-font-primary);font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease}.export-button__trigger:hover:not(:disabled){background:var(--b2b-color-primary-hover);border-color:var(--b2b-color-primary-hover)}.export-button__trigger:disabled{background:var(--b2b-bg-sidebar);border-color:var(--b2b-border-color);color:var(--b2b-text-secondary);cursor:not-allowed;opacity:.5}.export-button__dropdown{position:absolute;top:calc(100% + 4px);right:0;min-width:300px;background:var(--b2b-bg-sidebar);border:1px solid var(--b2b-border-color);border-radius:var(--b2b-radius-zakelijk);z-index:1000;overflow:hidden}.export-button__option{display:flex;align-items:flex-start;gap:var(--b2b-spacing-3);width:100%;padding:var(--b2b-spacing-3);background:transparent;border:none;border-bottom:1px solid var(--b2b-border-color);text-align:left;cursor:pointer;transition:background-color .15s ease}.export-button__option:last-child{border-bottom:none}.export-button__option:hover{background:var(--b2b-bg-hover)}.export-button__icon{font-size:24px;line-height:1}.export-button__format{font-family:var(--b2b-font-primary);font-size:14px;font-weight:600;color:var(--b2b-text-primary);margin-bottom:2px}.export-button__description{font-family:var(--b2b-font-primary);font-size:12px;color:var(--b2b-text-secondary);line-height:1.4}.save-query{position:relative;display:inline-block}.save-query__trigger{padding:var(--b2b-spacing-2) var(--b2b-spacing-4);background:var(--b2b-bg-sidebar);color:var(--b2b-text-primary);border:1px solid var(--b2b-border-color);border-radius:var(--b2b-radius-zakelijk);font-family:var(--b2b-font-primary);font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease}.save-query__trigger:hover:not(:disabled){background:var(--b2b-bg-hover);border-color:var(--b2b-color-primary)}.save-query__trigger:disabled{opacity:.5;cursor:not-allowed}.save-query__modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:2000}.save-query__backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080}.save-query__dialog{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:500px;max-width:90vw;background:var(--b2b-bg-primary);border:1px solid var(--b2b-border-color);border-radius:var(--b2b-radius-zakelijk);padding:var(--b2b-spacing-6)}.save-query__title{font-family:var(--b2b-font-primary);font-size:20px;font-weight:700;color:var(--b2b-text-primary);margin:0 0 var(--b2b-spacing-2) 0}.save-query__description{font-family:var(--b2b-font-primary);font-size:14px;color:var(--b2b-text-secondary);margin:0 0 var(--b2b-spacing-4) 0;line-height:1.5}.save-query__input{width:100%;padding:var(--b2b-spacing-3);background:var(--b2b-bg-sidebar);border:1px solid var(--b2b-border-color);border-radius:var(--b2b-radius-zakelijk);font-family:var(--b2b-font-primary);font-size:14px;color:var(--b2b-text-primary);margin-bottom:var(--b2b-spacing-3)}.save-query__input:focus{outline:none;border-color:var(--b2b-color-primary)}.save-query__error{padding:var(--b2b-spacing-2) var(--b2b-spacing-3);background:#fee;border:1px solid #fcc;border-radius:var(--b2b-radius-zakelijk);color:#c33;font-family:var(--b2b-font-primary);font-size:13px;margin-bottom:var(--b2b-spacing-3)}.save-query__preview{padding:var(--b2b-spacing-3);background:var(--b2b-bg-sidebar);border:1px solid var(--b2b-border-color);border-radius:var(--b2b-radius-zakelijk);font-family:var(--b2b-font-mono);font-size:12px;color:var(--b2b-text-secondary);white-space:pre-wrap;word-break:break-word;margin-bottom:var(--b2b-spacing-4);max-height:200px;overflow-y:auto}.save-query__actions{display:flex;justify-content:flex-end;gap:var(--b2b-spacing-2)}.save-query__btn{padding:var(--b2b-spacing-2) var(--b2b-spacing-4);border-radius:var(--b2b-radius-zakelijk);font-family:var(--b2b-font-primary);font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease}.save-query__btn--cancel{background:var(--b2b-bg-sidebar);border:1px solid var(--b2b-border-color);color:var(--b2b-text-primary)}.save-query__btn--cancel:hover:not(:disabled){background:var(--b2b-bg-hover)}.save-query__btn--save{background:var(--b2b-color-primary);border:1px solid var(--b2b-color-primary);color:#fff}.save-query__btn--save:hover:not(:disabled){background:var(--b2b-color-primary-hover)}.save-query__btn:disabled{opacity:.5;cursor:not-allowed}.saved-queries{position:relative;display:inline-block}.saved-queries__trigger{padding:var(--b2b-spacing-2) var(--b2b-spacing-4);background:var(--b2b-bg-sidebar);color:var(--b2b-text-primary);border:1px solid var(--b2b-border-color);border-radius:var(--b2b-radius-zakelijk);font-family:var(--b2b-font-primary);font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease}.saved-queries__trigger:hover:not(:disabled){background:var(--b2b-bg-hover);border-color:var(--b2b-color-primary)}.saved-queries__trigger:disabled{opacity:.5;cursor:not-allowed}.saved-queries__dropdown{position:absolute;top:calc(100% + 4px);right:0;min-width:400px;max-width:500px;max-height:400px;overflow-y:auto;background:var(--b2b-bg-sidebar);border:1px solid var(--b2b-border-color);border-radius:var(--b2b-radius-zakelijk);z-index:1000}.saved-queries__empty{padding:var(--b2b-spacing-6);text-align:center;font-family:var(--b2b-font-primary);font-size:14px;color:var(--b2b-text-secondary)}.saved-queries__item{display:flex;align-items:center;justify-content:space-between;padding:var(--b2b-spacing-3);border-bottom:1px solid var(--b2b-border-color);cursor:pointer;transition:background-color .15s ease}.saved-queries__item:last-child{border-bottom:none}.saved-queries__item:hover{background:var(--b2b-bg-hover)}.saved-queries__info{flex:1;min-width:0}.saved-queries__name{font-family:var(--b2b-font-primary);font-size:14px;font-weight:600;color:var(--b2b-text-primary);margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.saved-queries__meta{font-family:var(--b2b-font-primary);font-size:12px;color:var(--b2b-text-secondary)}.saved-queries__delete{flex-shrink:0;padding:var(--b2b-spacing-1) var(--b2b-spacing-2);background:transparent;border:1px solid transparent;border-radius:var(--b2b-radius-zakelijk);font-size:16px;cursor:pointer;transition:all .15s ease;margin-left:var(--b2b-spacing-2)}.saved-queries__delete:hover:not(:disabled){background:#fee;border-color:#fcc}.saved-queries__delete:disabled{opacity:.5;cursor:not-allowed}.demo-banner{display:flex;align-items:center;gap:var(--b2b-spacing-3);padding:var(--b2b-spacing-3) var(--b2b-spacing-4);background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:var(--b2b-radius-zakelijk);margin-bottom:var(--b2b-spacing-4);border:2px solid rgba(255,255,255,.2)}.demo-banner__icon{font-size:24px;flex-shrink:0}.demo-banner__content{flex:1;font-family:var(--b2b-font-primary)}.demo-banner__content strong{font-size:14px;font-weight:700;display:block;margin-bottom:2px}.demo-banner__content span{font-size:13px;font-weight:500;opacity:.9}.demo-banner__content p{font-size:12px;margin:4px 0 0;opacity:.85;line-height:1.4}.scenario-walkthrough{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border:2px solid var(--b2b-color-primary);border-radius:var(--b2b-radius-zakelijk);padding:var(--b2b-spacing-5);margin-bottom:var(--b2b-spacing-6)}.scenario-walkthrough__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--b2b-spacing-4)}.scenario-walkthrough__title{font-family:var(--b2b-font-primary);font-size:18px;font-weight:700;color:var(--b2b-text-primary);margin:0}.scenario-walkthrough__close{padding:var(--b2b-spacing-1) var(--b2b-spacing-2);background:transparent;border:1px solid transparent;border-radius:var(--b2b-radius-zakelijk);font-size:18px;cursor:pointer;transition:all .15s ease}.scenario-walkthrough__close:hover{background:#0000001a;border-color:#0003}.scenario-walkthrough__progress{display:flex;align-items:center;justify-content:center;gap:var(--b2b-spacing-2);margin-bottom:var(--b2b-spacing-5)}.scenario-walkthrough__dot{width:12px;height:12px;border-radius:50%;background:#ffffff80;border:2px solid rgba(0,0,0,.2);cursor:pointer;transition:all .2s ease}.scenario-walkthrough__dot--completed{background:var(--b2b-color-trend-up);border-color:var(--b2b-color-trend-up)}.scenario-walkthrough__dot--active{background:var(--b2b-color-primary);border-color:var(--b2b-color-primary);transform:scale(1.3)}.scenario-walkthrough__dot:hover{transform:scale(1.2)}.scenario-walkthrough__content{background:#fff;border-radius:var(--b2b-radius-zakelijk);padding:var(--b2b-spacing-4);margin-bottom:var(--b2b-spacing-4)}.scenario-walkthrough__step-number{font-family:var(--b2b-font-primary);font-size:12px;font-weight:600;text-transform:uppercase;color:var(--b2b-color-primary);letter-spacing:.5px;margin-bottom:var(--b2b-spacing-2)}.scenario-walkthrough__step-title{font-family:var(--b2b-font-primary);font-size:20px;font-weight:700;color:var(--b2b-text-primary);margin:0 0 var(--b2b-spacing-3) 0}.scenario-walkthrough__description{font-family:var(--b2b-font-primary);font-size:14px;color:var(--b2b-text-secondary);line-height:1.6;margin:0 0 var(--b2b-spacing-3) 0}.scenario-walkthrough__action{padding:var(--b2b-spacing-3);background:#e3f2fd;border-left:4px solid #2196f3;border-radius:var(--b2b-radius-zakelijk);font-family:var(--b2b-font-primary);font-size:13px;color:#1565c0;line-height:1.5;margin-bottom:var(--b2b-spacing-3)}.scenario-walkthrough__expected{padding:var(--b2b-spacing-3);background:#e8f5e9;border-left:4px solid #4caf50;border-radius:var(--b2b-radius-zakelijk);font-family:var(--b2b-font-primary);font-size:13px;color:#2e7d32;line-height:1.5}.scenario-walkthrough__nav{display:flex;align-items:center;justify-content:space-between}.scenario-walkthrough__btn{padding:var(--b2b-spacing-2) var(--b2b-spacing-4);background:#fff;border:1px solid var(--b2b-border-color);border-radius:var(--b2b-radius-zakelijk);font-family:var(--b2b-font-primary);font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease}.scenario-walkthrough__btn:hover:not(:disabled){background:var(--b2b-bg-hover);border-color:var(--b2b-color-primary)}.scenario-walkthrough__btn--primary{background:var(--b2b-color-primary);border-color:var(--b2b-color-primary);color:#fff}.scenario-walkthrough__btn--primary:hover:not(:disabled){background:var(--b2b-color-primary-hover)}.scenario-walkthrough__btn:disabled{opacity:.3;cursor:not-allowed}.scenario-walkthrough__counter{font-family:var(--b2b-font-mono);font-size:13px;font-weight:600;color:var(--b2b-text-secondary)}.scenario-collapsed{margin-bottom:var(--b2b-spacing-4)}.scenario-collapsed__btn{padding:var(--b2b-spacing-2) var(--b2b-spacing-4);background:var(--b2b-bg-sidebar);border:1px solid var(--b2b-border-color);border-radius:var(--b2b-radius-zakelijk);font-family:var(--b2b-font-primary);font-size:14px;font-weight:600;color:var(--b2b-text-primary);cursor:pointer;transition:all .15s ease}.scenario-collapsed__btn:hover{background:var(--b2b-bg-hover);border-color:var(--b2b-color-primary)}.explorer-page{max-width:1600px}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--b2b-spacing-8);background:var(--b2b-bg-sidebar);border:1px solid var(--b2b-border-color);border-radius:var(--b2b-radius-zakelijk);gap:var(--b2b-spacing-3)}.loading-state p,.error-state p{font-family:var(--b2b-font-primary);font-size:14px;color:var(--b2b-text-secondary);margin:0}.error-state{background:#fee;border-color:#fcc}.error-state p{color:#c33}.insight-callout{padding:var(--b2b-spacing-4);background:#e6f7ff;border:1px solid #91d5ff;border-radius:var(--b2b-radius-zakelijk);margin-bottom:var(--b2b-spacing-4);font-family:var(--b2b-font-primary);font-size:14px;color:#0050b3;line-height:1.5}.insight-callout strong{font-weight:600}.action-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--b2b-spacing-4);padding:var(--b2b-spacing-3);background:var(--b2b-bg-sidebar);border:1px solid var(--b2b-border-color);border-radius:var(--b2b-radius-zakelijk)}.action-bar__left,.action-bar__right{display:flex;gap:var(--b2b-spacing-2)}.view-toggle{display:flex;gap:var(--b2b-spacing-2);margin-bottom:var(--b2b-spacing-4)}.view-toggle__btn{padding:var(--b2b-spacing-2) var(--b2b-spacing-4);background:var(--b2b-bg-sidebar);border:1px solid var(--b2b-border-color);border-radius:var(--b2b-radius-zakelijk);color:var(--b2b-text-secondary);font-family:var(--b2b-font-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease}.view-toggle__btn:hover{background:var(--b2b-bg-hover);border-color:var(--b2b-color-primary)}.view-toggle__btn--active{background:var(--b2b-color-primary);border-color:var(--b2b-color-primary);color:#fff}:root{--b2b-bg-primary: #ffffff;--b2b-bg-secondary: #f8f9fa;--b2b-bg-tertiary: #f1f5f9;--b2b-bg-hover: #e5e7eb;--b2b-surface-primary: #ffffff;--b2b-surface-secondary: #f8f9fa;--b2b-border-color: #e0e0e0;--b2b-border-subtle: #e5e7eb;--b2b-text-primary: #1a1a1a;--b2b-text-secondary: #6b7280;--b2b-text-tertiary: #9ca3af;--b2b-brand-primary: #3b82f6;--b2b-brand-hover: #2563eb;--b2b-dark-bg-primary: #0f172a;--b2b-dark-bg-secondary: #1e293b;--b2b-dark-bg-tertiary: #334155;--b2b-dark-surface-primary: #1e293b;--b2b-dark-surface-secondary: #0f172a;--b2b-dark-border-color: #334155;--b2b-dark-border-subtle: #475569;--b2b-dark-text-primary: #e2e8f0;--b2b-dark-text-secondary: #94a3b8;--b2b-dark-text-tertiary: #64748b;--b2b-trend-up: #10b981;--b2b-trend-down: #ef4444;--b2b-trend-neutral: #6b7280;--b2b-status-info: #3b82f6;--b2b-status-success: #10b981;--b2b-status-warning: #f59e0b;--b2b-status-error: #ef4444;--b2b-chart-1: #3b82f6;--b2b-chart-2: #8b5cf6;--b2b-chart-3: #ec4899;--b2b-chart-4: #f97316;--b2b-chart-5: #10b981;--b2b-chart-6: #06b6d4;--b2b-chart-1-alpha: rgba(59, 130, 246, .2);--b2b-chart-2-alpha: rgba(139, 92, 246, .2);--b2b-chart-3-alpha: rgba(236, 72, 153, .2);--b2b-chart-4-alpha: rgba(249, 115, 22, .2);--b2b-chart-5-alpha: rgba(16, 185, 129, .2);--b2b-chart-6-alpha: rgba(6, 182, 212, .2);--b2b-font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;--b2b-font-monospace: "Roboto Mono", "JetBrains Mono", "Courier New", monospace;--b2b-text-xs: 11px;--b2b-text-sm: 13px;--b2b-text-base: 14px;--b2b-text-md: 16px;--b2b-text-lg: 18px;--b2b-text-xl: 24px;--b2b-text-2xl: 32px;--b2b-font-regular: 400;--b2b-font-medium: 500;--b2b-font-semibold: 600;--b2b-font-bold: 700;--b2b-leading-tight: 1.2;--b2b-leading-normal: 1.5;--b2b-leading-relaxed: 1.75;--b2b-tracking-tight: -.01em;--b2b-tracking-normal: 0;--b2b-tracking-wide: .05em;--b2b-spacing-xxs: 2px;--b2b-spacing-xs: 4px;--b2b-spacing-s: 8px;--b2b-spacing-m: 12px;--b2b-spacing-l: 16px;--b2b-spacing-xl: 24px;--b2b-spacing-xxl: 32px;--b2b-radius-sm: 4px;--b2b-radius-md: 6px;--b2b-radius-lg: 8px;--b2b-shadow-dropdown: 0 4px 12px rgba(0, 0, 0, .1);--b2b-shadow-modal: 0 8px 24px rgba(0, 0, 0, .15);--b2b-tooltip-bg: #1a1a1a;--b2b-tooltip-text: #ffffff;--b2b-sidebar-width: 240px;--b2b-sidebar-collapsed: 64px;--b2b-header-height: 64px;--b2b-z-sidebar: 100;--b2b-z-header: 90;--b2b-z-dropdown: 200;--b2b-z-modal: 300;--b2b-z-tooltip: 400}[data-theme=dark]{--b2b-bg-primary: var(--b2b-dark-bg-primary);--b2b-bg-secondary: var(--b2b-dark-bg-secondary);--b2b-bg-tertiary: var(--b2b-dark-bg-tertiary);--b2b-bg-hover: var(--b2b-dark-bg-tertiary);--b2b-surface-primary: var(--b2b-dark-surface-primary);--b2b-surface-secondary: var(--b2b-dark-surface-secondary);--b2b-border-color: var(--b2b-dark-border-color);--b2b-border-subtle: var(--b2b-dark-border-subtle);--b2b-text-primary: var(--b2b-dark-text-primary);--b2b-text-secondary: var(--b2b-dark-text-secondary);--b2b-text-tertiary: var(--b2b-dark-text-tertiary)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--b2b-font-primary);font-size:var(--b2b-text-base);line-height:var(--b2b-leading-normal);color:var(--b2b-text-primary);background:var(--b2b-bg-tertiary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.tabular-nums{font-variant-numeric:tabular-nums}.mono{font-family:var(--b2b-font-monospace);font-size:var(--b2b-text-sm);letter-spacing:-.02em}.kpi-value{font-size:var(--b2b-text-2xl);font-weight:var(--b2b-font-bold);line-height:1;letter-spacing:var(--b2b-tracking-tight);font-variant-numeric:tabular-nums}.kpi-label{font-size:var(--b2b-text-xs);text-transform:uppercase;letter-spacing:var(--b2b-tracking-wide);color:var(--b2b-text-secondary);font-weight:var(--b2b-font-medium)}.container,.card,.panel,.widget,.sidebar,.header,.grid-item,[class*=container],[class*=card],[class*=panel],[class*=widget]{box-shadow:none!important}.b2b-container{background:var(--b2b-surface-primary);border:1px solid var(--b2b-border-color);border-radius:var(--b2b-radius-md);padding:var(--b2b-spacing-l)}.b2b-widget{background:var(--b2b-surface-primary);border:1px solid var(--b2b-border-color);border-radius:var(--b2b-radius-lg);padding:var(--b2b-spacing-xl);margin-bottom:var(--b2b-spacing-l)}.b2b-widget-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--b2b-spacing-l);padding-bottom:var(--b2b-spacing-m)}.b2b-widget-title{font-size:var(--b2b-text-md);font-weight:var(--b2b-font-semibold);color:var(--b2b-text-primary);text-transform:uppercase;letter-spacing:var(--b2b-tracking-wide)}.b2b-panel{background:var(--b2b-surface-primary);border:1px solid var(--b2b-border-color);border-radius:var(--b2b-radius-sm)}.b2b-panel+.b2b-panel{margin-top:var(--b2b-spacing-l)}.b2b-panel-nested{background:var(--b2b-surface-secondary);border:1px solid var(--b2b-border-subtle);border-radius:var(--b2b-radius-sm);padding:var(--b2b-spacing-m)}.b2b-divider{border:none;border-top:1px solid var(--b2b-border-color);margin:var(--b2b-spacing-l) 0}.b2b-divider-subtle{border-top:1px solid var(--b2b-border-subtle)}.b2b-divider-vertical{border:none;border-left:1px solid var(--b2b-border-color);height:100%;margin:0 var(--b2b-spacing-l)}.b2b-dropdown{background:var(--b2b-surface-primary);border:1px solid var(--b2b-border-color);border-radius:var(--b2b-radius-md);box-shadow:var(--b2b-shadow-dropdown);z-index:var(--b2b-z-dropdown)}.b2b-tooltip{background:var(--b2b-tooltip-bg);color:var(--b2b-tooltip-text);padding:var(--b2b-spacing-s) var(--b2b-spacing-m);border-radius:var(--b2b-radius-sm);font-size:var(--b2b-text-sm);box-shadow:var(--b2b-shadow-dropdown);z-index:var(--b2b-z-tooltip);pointer-events:none;white-space:nowrap}.b2b-modal{background:var(--b2b-surface-primary);border:1px solid var(--b2b-border-color);border-radius:var(--b2b-radius-lg);box-shadow:var(--b2b-shadow-modal);z-index:var(--b2b-z-modal);max-width:640px;width:90%}.b2b-modal-overlay{background:#00000080;position:fixed;top:0;right:0;bottom:0;left:0;z-index:calc(var(--b2b-z-modal) - 1)}.b2b-table{width:100%;border-collapse:collapse;background:var(--b2b-surface-primary)}.b2b-table thead{background:var(--b2b-bg-secondary);border-bottom:2px solid var(--b2b-border-color)}.b2b-table th{padding:var(--b2b-spacing-m) var(--b2b-spacing-l);text-align:left;font-size:var(--b2b-text-sm);font-weight:var(--b2b-font-semibold);color:var(--b2b-text-secondary);text-transform:uppercase;letter-spacing:var(--b2b-tracking-wide);border-right:1px solid var(--b2b-border-subtle)}.b2b-table th:last-child{border-right:none}.b2b-table td{padding:var(--b2b-spacing-m) var(--b2b-spacing-l);border-bottom:1px solid var(--b2b-border-subtle);border-right:1px solid var(--b2b-border-subtle);font-size:var(--b2b-text-sm);line-height:var(--b2b-leading-tight)}.b2b-table td:last-child{border-right:none}.b2b-table tbody tr:hover{background:var(--b2b-bg-hover)}.b2b-table tbody tr:last-child td{border-bottom:none}.b2b-table td.numeric,.b2b-table th.numeric{text-align:right;font-variant-numeric:tabular-nums}.b2b-btn{display:inline-flex;align-items:center;gap:var(--b2b-spacing-s);padding:var(--b2b-spacing-s) var(--b2b-spacing-l);font-size:var(--b2b-text-base);font-weight:var(--b2b-font-medium);border-radius:var(--b2b-radius-sm);border:1px solid var(--b2b-border-color);background:var(--b2b-surface-primary);color:var(--b2b-text-primary);cursor:pointer;transition:background-color .15s ease,border-color .15s ease;box-shadow:none}.b2b-btn:hover{background:var(--b2b-bg-hover);border-color:var(--b2b-brand-primary)}.b2b-btn:active{transform:translateY(1px)}.b2b-btn-primary{background:var(--b2b-brand-primary);color:#fff;border-color:var(--b2b-brand-primary)}.b2b-btn-primary:hover{background:var(--b2b-brand-hover);border-color:var(--b2b-brand-hover)}.b2b-btn-ghost{background:transparent;border-color:transparent}.b2b-btn-ghost:hover{background:var(--b2b-bg-hover);border-color:transparent}.b2b-btn-icon{padding:var(--b2b-spacing-s);width:32px;height:32px;justify-content:center}.b2b-input{width:100%;padding:var(--b2b-spacing-s) var(--b2b-spacing-m);font-size:var(--b2b-text-base);font-family:var(--b2b-font-primary);color:var(--b2b-text-primary);background:var(--b2b-surface-primary);border:1px solid var(--b2b-border-color);border-radius:var(--b2b-radius-sm);transition:border-color .15s ease;box-shadow:none}.b2b-input:focus{outline:none;border-color:var(--b2b-brand-primary)}.b2b-input::placeholder{color:var(--b2b-text-tertiary)}.b2b-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 8L2 4h8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--b2b-spacing-m) center;padding-right:var(--b2b-spacing-xxl)}.b2b-badge{display:inline-flex;align-items:center;padding:var(--b2b-spacing-xs) var(--b2b-spacing-m);font-size:var(--b2b-text-xs);font-weight:var(--b2b-font-semibold);text-transform:uppercase;letter-spacing:var(--b2b-tracking-wide);border-radius:var(--b2b-radius-sm);border:1px solid;box-shadow:none}.b2b-badge-info{background:#3b82f61a;color:var(--b2b-status-info);border-color:var(--b2b-status-info)}.b2b-badge-success{background:#10b9811a;color:var(--b2b-status-success);border-color:var(--b2b-status-success)}.b2b-badge-warning{background:#f59e0b1a;color:var(--b2b-status-warning);border-color:var(--b2b-status-warning)}.b2b-badge-error{background:#ef44441a;color:var(--b2b-status-error);border-color:var(--b2b-status-error)}