.dashboard-list{width:100%;min-height:100vh;background-color:var(--mb-color-bg-light);padding:32px}.dashboard-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.dashboard-list-title-wrapper{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.dashboard-list-header h1{margin:0;font-size:28px;font-weight:600;color:var(--mb-color-text-primary);letter-spacing:-.3px}.tenant-badge{display:inline-flex;align-items:center;padding:4px var(--spacing-md);background-color:#509ee31a;color:var(--mb-color-brand);border:1px solid rgba(80,158,227,.3);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;line-height:1}.header-actions{display:flex;align-items:center;gap:8px}.user-name{font-size:14px;font-weight:500;color:var(--mb-color-text-secondary);padding:6px 12px;background-color:var(--mb-color-bg-medium);border-radius:var(--radius-sm);margin-right:8px}.icon-btn{background:none;border:none;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s;display:flex;align-items:center;justify-content:center;color:var(--mb-color-text-secondary);min-width:36px;min-height:36px;line-height:1}.icon-btn svg{width:18px;height:18px;stroke:currentColor;fill:none;pointer-events:none}.error-message{background-color:#ef8c8c1a;color:var(--mb-color-error);padding:12px 16px;border-radius:6px;margin-bottom:20px;border:1px solid var(--mb-color-error)}.empty-state{text-align:center;padding:80px 20px;color:var(--mb-color-text-secondary);font-size:18px}.dashboard-card,a.dashboard-card{text-decoration:none;color:inherit}.dashboard-card-hidden{filter:grayscale(100%);opacity:.7}.dashboard-title-with-icon{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.hidden-dashboard-icon{flex-shrink:0;color:var(--mb-color-text-secondary);opacity:.7}.dashboard-card-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.dashboard-clone-btn{background:none;border:none;cursor:pointer;padding:6px;border-radius:4px;transition:all .2s;display:flex;align-items:center;justify-content:center;color:var(--mb-color-text-secondary);min-width:28px;min-height:28px;opacity:.7}.dashboard-clone-btn:hover:not(:disabled){background-color:var(--mb-color-bg-medium);color:var(--mb-color-text-primary);opacity:1}.dashboard-clone-btn:active:not(:disabled){transform:scale(.95)}.dashboard-clone-btn:disabled{cursor:not-allowed;opacity:.5}.dashboard-clone-btn svg{width:16px;height:16px;stroke:currentColor;fill:none}.dashboard-description-tooltip{cursor:help;flex-shrink:0;z-index:10;position:relative}.tooltip-icon{opacity:.6;transition:opacity .2s;display:flex;align-items:center;justify-content:center;color:var(--mb-color-text-secondary)}.tooltip-icon svg{width:16px;height:16px;stroke:currentColor;fill:none}.dashboard-description-tooltip:hover .tooltip-icon{opacity:1}.kpi-chart{height:100%;width:100%;padding:0;margin:0;overflow:hidden}.kpi-metric{display:flex;align-items:center;justify-content:center;height:100%;width:100%}.kpi-metric .metric-content-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}.kpi-metric .metric-value{font-weight:700;line-height:1;text-align:center;margin:0;white-space:nowrap;overflow:visible;text-overflow:clip;max-width:100%;box-sizing:border-box;word-break:keep-all;font-size:48px}.kpi-loading{display:flex;align-items:center;justify-content:center;height:100%;width:100%}.loading-spinner-small{width:24px;height:24px;border:2px solid var(--mb-color-border-light);border-top-color:var(--mb-color-brand);border-radius:50%;animation:spin .8s linear infinite}@media(max-width:767px){.dashboard-grid{grid-template-columns:1fr}}.switch-label{display:inline-flex;align-items:center;gap:16px;cursor:pointer;-webkit-user-select:none;user-select:none}.switch-label.disabled{opacity:.5;cursor:not-allowed}.switch-input{position:absolute;opacity:0;width:0;height:0}.switch-slider{position:relative;display:inline-block;width:44px;height:24px;background-color:var(--mb-color-border);border-radius:24px;transition:background-color .2s;flex-shrink:0;vertical-align:middle}.switch-slider:before{content:"";position:absolute;width:20px;height:20px;left:2px;top:2px;background-color:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 2px 4px #0003}.switch-input:checked+.switch-slider{background-color:var(--mb-color-brand)}.switch-input:checked+.switch-slider:before{transform:translate(20px)}.switch-input:focus+.switch-slider{box-shadow:0 0 0 3px #509ee333}.switch-input:disabled+.switch-slider{opacity:.5;cursor:not-allowed}.switch-text{font-size:14px;color:var(--mb-color-text-primary);font-weight:500;line-height:24px;display:inline-flex;align-items:center;padding-left:10px}.widget-filter-manager{margin-top:0;padding:0;display:block;width:100%;box-sizing:border-box}.widget-filter-manager-header{display:flex;justify-content:flex-end;align-items:center;margin-bottom:var(--spacing-md)}.widget-filter-manager-header h4{margin:0;font-size:var(--font-size-md);font-weight:600}.widget-filter-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.widget-filter-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--mb-color-border);border-radius:var(--radius-md);background-color:var(--mb-color-background);transition:background-color .2s}.widget-filter-item:hover{background-color:var(--mb-color-background-hover)}.widget-filter-item.disabled{opacity:.6}.widget-filter-item-content{flex:1}.widget-filter-item-header{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.widget-filter-field{font-weight:600;font-size:var(--font-size-sm);color:var(--mb-color-text)}.widget-filter-badge{padding:2px 6px;border-radius:var(--radius-sm);background-color:var(--mb-color-primary-light);color:var(--mb-color-primary);font-size:var(--font-size-xs);font-weight:500;text-transform:uppercase}.widget-filter-badge-secondary{padding:2px 6px;border-radius:var(--radius-sm);background-color:var(--mb-color-background-hover);color:var(--mb-color-text-secondary);font-size:var(--font-size-xs);font-weight:500}.widget-filter-item-details{display:flex;gap:var(--spacing-md);font-size:var(--font-size-xs);color:var(--mb-color-text-secondary)}.widget-filter-item-actions{display:flex;gap:var(--spacing-xs)}.widget-filter-edit-form{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md);border:1px solid var(--mb-color-border);border-radius:var(--radius-md);background-color:var(--mb-color-background)}.empty-state{padding:var(--spacing-lg);text-align:center;color:var(--mb-color-text-secondary)}.empty-state p{margin:0 0 var(--spacing-xs) 0}.empty-state small{display:block;font-size:var(--font-size-xs);color:var(--mb-color-text-secondary);margin-top:var(--spacing-xs)}.modal-body-split{display:grid;grid-template-columns:1fr 1fr;gap:0;flex:1;overflow:hidden}.modal-form-section{border-right:1px solid var(--mb-color-border-light);overflow-y:auto;display:flex;flex-direction:column;background-color:var(--mb-color-bg-white);position:relative}.modal-form-section .tabs{position:sticky;top:0;z-index:10;background-color:var(--mb-color-bg-white);border-bottom:1px solid var(--mb-color-border-light);flex-shrink:0}.modal-preview-section{background-color:var(--mb-color-bg-light);display:flex;flex-direction:column;overflow:hidden}.preview-header{padding:var(--spacing-lg) var(--spacing-2xl);border-bottom:1px solid var(--mb-color-border-light);background:var(--mb-color-bg-white)}.preview-header h3{margin:0;font-size:var(--font-size-md);font-weight:600;color:var(--mb-color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.preview-content{padding:var(--spacing-lg);overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:var(--mb-color-bg-light);width:100%;aspect-ratio:16 / 9;max-width:100%}.preview-widget-wrapper{width:100%;height:100%;min-height:0;background:var(--mb-color-bg-white);border-radius:var(--radius-lg);border:1px solid var(--mb-color-border-light);box-shadow:0 1px 3px var(--mb-color-shadow);overflow:hidden;display:flex;flex-direction:column;position:relative}.preview-widget-wrapper .widget-container{height:100%;display:flex;flex-direction:column;overflow:hidden}.preview-widget-wrapper .widget-header{flex-shrink:0}.preview-widget-wrapper .widget-content{flex:1;overflow:hidden;padding:4px;min-height:0}.preview-widget-wrapper .widget-content>div{height:100%;width:100%}.widget-form{padding:var(--spacing-2xl);flex:1;display:flex;flex-direction:column}.tab-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-2xl);background-color:var(--mb-color-bg-white)}.query-columns-info{margin-top:var(--spacing-xs)}.color-input-group{display:flex;gap:var(--spacing-md);align-items:center}.color-input-group input[type=color]{width:60px;height:40px;border:1px solid var(--mb-color-border);border-radius:var(--radius-md);cursor:pointer;padding:2px}.color-input-group input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-input-group input[type=color]::-webkit-color-swatch{border:none;border-radius:var(--radius-sm)}.color-text-input{flex:1;font-family:Courier New,monospace}.range-value{display:inline-block;margin-left:var(--spacing-md);font-weight:600;color:var(--mb-color-brand);min-width:40px}.columns-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.column-item{background:var(--mb-color-bg-medium);border:1px solid var(--mb-color-border-light);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all .2s}.column-item:hover{border-color:var(--mb-color-brand);box-shadow:0 2px 8px var(--mb-color-shadow)}.column-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--mb-color-border-light)}.column-drag-handle{display:flex;align-items:center;gap:var(--spacing-xs)}.drag-icon{font-size:var(--font-size-lg);color:var(--mb-color-text-secondary);cursor:grab}.drag-icon:active{cursor:grabbing}.move-btn{background:none;border:1px solid var(--mb-color-border);border-radius:var(--radius-md);padding:var(--spacing-xs) var(--spacing-sm);cursor:pointer;font-size:var(--font-size-sm);color:var(--mb-color-text-secondary);transition:all .2s}.move-btn:hover{background-color:var(--mb-color-brand);color:#fff;border-color:var(--mb-color-brand)}.column-title{flex:1;display:flex;align-items:center;gap:var(--spacing-sm)}.column-title strong{font-size:var(--font-size-lg);color:var(--mb-color-text-primary)}.hidden-badge{background-color:var(--mb-color-error);color:#fff;padding:2px var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase}.column-config{display:grid;gap:var(--spacing-lg)}.column-config .form-group{margin-bottom:0}.form-actions{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xl) var(--spacing-2xl);border-top:1px solid var(--mb-color-border-light);background-color:var(--mb-color-bg-white);margin-top:auto;flex-shrink:0}.form-actions-right{display:flex;gap:var(--spacing-md);align-items:center}.query-info-box{margin-top:var(--spacing-sm);padding:var(--spacing-sm);background-color:var(--mb-color-bg-light);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.loading-placeholder{display:flex;align-items:center;justify-content:center;height:100%;width:100%;padding:var(--spacing-lg);box-sizing:border-box;overflow:hidden;position:relative}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner{width:36px;height:36px;border:3px solid var(--mb-color-bg-medium);border-top-color:var(--mb-color-text-secondary);border-radius:50%;animation:spin 1s linear infinite;flex-shrink:0}.skeleton-shimmer{background:linear-gradient(90deg,var(--mb-color-bg-medium) 0%,rgba(255,255,255,.5) 50%,var(--mb-color-bg-medium) 100%);background-size:200% 100%;animation:shimmer 1.8s ease-in-out infinite;border-radius:var(--radius-sm)}.loading-chart{padding:var(--spacing-xl)}.skeleton-chart{width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-end;gap:var(--spacing-md)}.skeleton-chart-bars{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--spacing-sm);height:calc(100% - 24px);padding:0 var(--spacing-sm)}.skeleton-bar{flex:1;border-radius:var(--radius-sm) var(--radius-sm) 0 0;min-height:20px;background:linear-gradient(90deg,var(--mb-color-bg-medium) 0%,rgba(255,255,255,.5) 50%,var(--mb-color-bg-medium) 100%);background-size:200% 100%;animation:shimmer 1.8s ease-in-out infinite}.skeleton-chart-axis{height:2px;width:100%;background:var(--mb-color-bg-medium);border-radius:var(--radius-sm);opacity:.6}.loading-table{padding:var(--spacing-md)}.skeleton-table{width:100%;height:100%;display:flex;flex-direction:column;gap:var(--spacing-xs)}.skeleton-table-header{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--mb-color-border-light)}.skeleton-table-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md);padding:var(--spacing-sm) 0}.skeleton-cell{height:20px;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--mb-color-bg-medium) 0%,rgba(255,255,255,.5) 50%,var(--mb-color-bg-medium) 100%);background-size:200% 100%;animation:shimmer 1.8s ease-in-out infinite}.skeleton-header-cell{height:16px;opacity:.8}.skeleton-body-cell{height:18px}.loading-metric{padding:var(--spacing-xl);align-items:center;justify-content:center}.skeleton-metric{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);width:100%;position:relative}.skeleton-metric-value{width:200px;height:64px;background:var(--mb-color-bg-medium);border-radius:var(--radius-md);max-width:80%}.skeleton-metric-label{width:120px;height:16px;background:var(--mb-color-bg-medium);border-radius:var(--radius-sm);opacity:.7}.skeleton-metric-with-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);width:100%}.loading-default{padding:var(--spacing-xl)}.skeleton-default{width:100%;display:flex;flex-direction:column;gap:var(--spacing-md)}.skeleton-line{height:16px;border-radius:var(--radius-sm);width:100%;background:linear-gradient(90deg,var(--mb-color-bg-medium) 0%,rgba(255,255,255,.5) 50%,var(--mb-color-bg-medium) 100%);background-size:200% 100%;animation:shimmer 1.8s ease-in-out infinite}@media(max-height:200px){.loading-placeholder{padding:var(--spacing-md)}.skeleton-bar{min-height:12px}.skeleton-metric-value{height:40px}.skeleton-cell{height:14px}}@media(max-height:150px){.loading-placeholder{padding:var(--spacing-sm)}.skeleton-bar{min-height:8px}.skeleton-metric-value{height:32px}.skeleton-cell{height:12px}.skeleton-table-row,.skeleton-table-header{gap:var(--spacing-sm)}.loading-spinner{width:28px;height:28px;border-width:2px}}.widget-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:200px;padding:40px;color:var(--mb-color-text-secondary)}.error-icon{font-size:32px;margin-bottom:12px}.error-message{font-size:14px;color:var(--mb-color-error);text-align:center}.widget-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:200px;padding:40px;color:var(--mb-color-text-secondary)}.empty-icon{margin-bottom:12px;opacity:.4;color:var(--mb-color-text-secondary)}.empty-message{font-size:14px;color:var(--mb-color-text-secondary);text-align:center}.widget-content.metric-content,.panel-widget .widget-content.metric-content{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;flex:1!important;padding:20px!important;overflow:hidden;box-sizing:border-box;min-height:0}.metric-content-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}.metric-value{font-weight:700;line-height:1;text-align:center;margin:0;white-space:nowrap;overflow:visible;text-overflow:clip;max-width:100%;box-sizing:border-box;word-break:keep-all}.metric-description{font-size:14px;color:var(--mb-color-text-secondary);text-align:center;margin-top:8px}.metric-trend{display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:12px;font-size:13px}.metric-trend-indicator{display:flex;align-items:center;gap:4px}.metric-trend-arrow{font-size:14px;font-weight:600}.metric-trend-arrow.up{color:var(--mb-color-success)}.metric-trend-arrow.down{color:var(--mb-color-error)}.metric-trend-percent{font-weight:600;font-size:13px}.metric-trend-comparison{display:flex;align-items:center;gap:6px;color:var(--mb-color-text-tertiary);font-size:12px}.metric-trend-dot{color:var(--mb-color-border);font-size:8px}.metric-trend-label{color:var(--mb-color-text-tertiary)}.widget-container .widget-content.text-widget-content,.panel-widget .widget-content.text-widget-content{overflow-y:auto!important;overflow-x:hidden!important;display:block!important;padding:16px;height:100%;min-height:0;max-height:100%;position:relative;scrollbar-width:thin;scrollbar-color:transparent transparent}.text-widget-content{padding:16px;overflow-y:auto;overflow-x:hidden;height:100%;min-height:0;max-height:100%;position:relative;scrollbar-width:thin;scrollbar-color:transparent transparent}.widget-container:hover .widget-content.text-widget-content,.panel-widget:hover .widget-content.text-widget-content,.text-widget-content:hover{scrollbar-color:rgba(0,0,0,.2) transparent}.text-widget-content::-webkit-scrollbar{width:8px}.text-widget-content::-webkit-scrollbar-track{background:transparent}.text-widget-content::-webkit-scrollbar-thumb{background:transparent;border-radius:4px;transition:background .2s ease}.widget-container:hover .widget-content.text-widget-content::-webkit-scrollbar-thumb,.panel-widget:hover .widget-content.text-widget-content::-webkit-scrollbar-thumb,.text-widget-content:hover::-webkit-scrollbar-thumb{background:#0003}.text-widget-content:hover::-webkit-scrollbar-thumb:hover{background:#0000004d}.markdown-content{color:var(--mb-color-text-primary);line-height:1.6;font-size:14px}.markdown-content h1{font-size:24px;font-weight:600;margin:16px 0 0;color:var(--mb-color-text-primary)}.markdown-content h2{font-size:20px;font-weight:600;margin:14px 0 0;color:var(--mb-color-text-primary)}.markdown-content h3{font-size:18px;font-weight:600;margin:12px 0 0;color:var(--mb-color-text-primary)}.markdown-content p{margin:0 0 8px}.markdown-content ul,.markdown-content ol{margin:8px 0;padding-left:24px}.markdown-content li{margin:4px 0}.markdown-content code{background-color:var(--mb-color-bg-medium);padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;font-size:13px}.markdown-content pre{background-color:var(--mb-color-bg-medium);padding:12px;border-radius:6px;overflow-x:auto;margin:12px 0}.markdown-content pre code{background:none;padding:0}.markdown-content a{color:var(--mb-color-brand);text-decoration:none}.markdown-content a:hover{text-decoration:underline}.markdown-content strong{font-weight:600}.markdown-content em{font-style:italic}.text-widget-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--mb-color-text-secondary);font-size:14px;text-align:center;padding:16px}.image-widget-content{padding:0;overflow:hidden;height:100%;display:flex;align-items:center;justify-content:center}.image-widget-img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.image-widget-empty,.image-widget-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--mb-color-text-secondary);font-size:14px;text-align:center;padding:16px}.image-widget-error{color:var(--mb-color-danger)}.image-widget-error-url{font-size:12px;margin-top:8px;word-break:break-all;color:var(--mb-color-text-secondary)}.embed-widget-content{padding:0;overflow:hidden;height:100%;display:flex;align-items:center;justify-content:center}.embed-widget-iframe{width:100%;height:100%;border:none;display:block}.embed-widget-empty,.embed-widget-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--mb-color-text-secondary);font-size:14px;text-align:center;padding:16px}.embed-widget-error{color:var(--mb-color-danger)}.embed-widget-error-code{font-size:12px;margin-top:8px;word-break:break-all;color:var(--mb-color-text-secondary);font-family:Courier New,monospace}.panel-customize-form{padding:24px}.panel-customize-form .form-group{margin-bottom:24px}.panel-customize-form label{display:block;margin-bottom:8px;font-weight:500;color:var(--mb-color-text-primary);font-size:14px}.color-input-group{display:flex;align-items:center;gap:8px}.form-input-color{width:50px;height:40px;border:1px solid var(--mb-color-border-light);border-radius:6px;cursor:pointer;padding:2px;background:none}.form-input-color::-webkit-color-swatch-wrapper{padding:0}.form-input-color::-webkit-color-swatch{border:none;border-radius:4px}.form-switch-group{display:flex;justify-content:space-between;align-items:center}.form-switch-group label{margin-bottom:0;flex:1}.modal-footer{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:32px;padding-top:24px;border-top:1px solid var(--mb-color-border-light)}.modal-footer .btn-secondary:first-child{margin-right:auto}.filter-builder-modal{max-width:800px;max-height:90vh;overflow-y:auto}.filter-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.filter-list-header h3{margin:0;font-size:var(--font-size-lg)}.filter-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.filter-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);border:1px solid var(--mb-color-border);border-radius:var(--radius-md);background-color:var(--mb-color-background);transition:background-color .2s}.filter-item:hover{background-color:var(--mb-color-background-hover)}.filter-item.disabled{opacity:.6}.filter-item-content{flex:1}.filter-item-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.filter-item-header h4{margin:0;font-size:var(--font-size-md);font-weight:600}.filter-badge{padding:2px 8px;border-radius:var(--radius-sm);background-color:var(--mb-color-primary-light);color:var(--mb-color-primary);font-size:var(--font-size-xs);font-weight:500;text-transform:uppercase}.filter-item-details{display:flex;gap:var(--spacing-md);font-size:var(--font-size-sm);color:var(--mb-color-text-secondary)}.filter-item-actions{display:flex;gap:var(--spacing-xs)}.btn-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid var(--mb-color-border);border-radius:var(--radius-sm);background-color:transparent;color:var(--mb-color-text);cursor:pointer;transition:all .2s}.btn-icon:hover{background-color:var(--mb-color-background-hover);border-color:var(--mb-color-primary);color:var(--mb-color-primary)}.empty-state{padding:var(--spacing-xl);text-align:center;color:var(--mb-color-text-secondary)}.filter-edit-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--mb-color-border)}.linked-fields-table{border:1px solid var(--mb-color-border);border-radius:var(--radius-md);padding:var(--spacing-sm);background-color:var(--mb-color-background)}.linked-fields-table-content{width:100%;border-collapse:collapse}.linked-fields-table-content thead{background-color:var(--mb-color-background-hover)}.linked-fields-table-content th{padding:var(--spacing-sm);text-align:left;font-size:var(--font-size-sm);font-weight:600;color:var(--mb-color-text);border-bottom:1px solid var(--mb-color-border)}.linked-fields-table-content td{padding:var(--spacing-sm);border-bottom:1px solid var(--mb-color-border)}.linked-fields-table-content tbody tr:last-child td{border-bottom:none}.linked-fields-table-content tbody tr:hover{background-color:var(--mb-color-background-hover)}.multi-select-container{position:relative;width:100%}.multi-select-input{height:38px;min-height:38px;max-height:38px;padding:6px 12px;border:1px solid var(--mb-color-border);border-radius:var(--radius-md);background-color:var(--mb-color-bg-white);cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);transition:all .2s;overflow:hidden}.filter-topbar .multi-select-input{height:34px;min-height:34px;max-height:34px;padding:5px 12px;font-size:var(--font-size-sm)}.multi-select-input:hover{border-color:var(--mb-color-border);background-color:var(--mb-color-bg-light)}.multi-select-input.open{border-color:var(--mb-color-brand);box-shadow:0 0 0 3px #509ee31a}.multi-select-display{display:flex;align-items:center;flex:1;min-width:0;overflow:hidden}.multi-select-placeholder{color:var(--mb-color-text-tertiary);font-size:var(--font-size-base)}.multi-select-single-value{color:var(--mb-color-text-primary);font-size:var(--font-size-base);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.filter-topbar .multi-select-placeholder,.filter-topbar .multi-select-single-value{font-size:var(--font-size-sm)}.multi-select-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background-color:var(--mb-color-brand);color:#fff;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:500;line-height:1.2}.filter-topbar .multi-select-chip{padding:3px 8px;font-size:var(--font-size-xs);gap:4px;line-height:1.3}.multi-select-chip-remove{display:flex;align-items:center;justify-content:center;padding:0;margin:0 0 0 2px;border:none;background:none;color:#fff;cursor:pointer;border-radius:2px;transition:background-color .2s;width:14px;height:14px;opacity:.8}.multi-select-chip-remove:hover{background-color:#ffffff40;opacity:1}.filter-topbar .multi-select-chip-remove{width:12px;height:12px;margin-left:2px}.multi-select-count-badge{display:inline-flex;align-items:center;padding:4px 8px;background-color:var(--mb-color-bg-medium);color:var(--mb-color-text-secondary);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:500;line-height:1.2;white-space:nowrap;flex-shrink:0}.filter-topbar .multi-select-count-badge{padding:3px 8px;font-size:var(--font-size-xs);background-color:var(--mb-color-bg-light);border:1px solid var(--mb-color-border-light);color:var(--mb-color-text-primary);font-weight:600;line-height:1.3}.multi-select-chevron{color:var(--mb-color-text-secondary);transition:transform .2s;flex-shrink:0}.filter-topbar .multi-select-chevron{width:16px;height:16px;opacity:.7}.filter-topbar .multi-select-input:hover .multi-select-chevron,.filter-topbar .multi-select-input.open .multi-select-chevron{opacity:1}.multi-select-chevron.open{transform:rotate(180deg)}.multi-select-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background-color:var(--mb-color-bg-white);border:1px solid var(--mb-color-border);border-radius:var(--radius-md);box-shadow:0 4px 12px #00000026;z-index:var(--z-index-dropdown);max-height:300px;overflow-y:auto;animation:fadeInDropdown .2s ease-out}.filter-topbar .multi-select-dropdown{z-index:calc(var(--z-index-dropdown) + 100)}.multi-select-dropdown-portal{z-index:calc(var(--z-index-dropdown) + 200)!important}.multi-select-dropdown-flyout{z-index:calc(var(--z-index-modal-overlay) + 10)!important}.multi-select-search{position:relative;padding:8px;border-bottom:1px solid var(--mb-color-border-light)}.multi-select-search-icon{position:absolute;left:20px;top:50%;transform:translateY(-50%);color:var(--mb-color-text-tertiary);pointer-events:none}.multi-select-search-input{width:100%;padding:6px 12px 6px 36px;border:1px solid var(--mb-color-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--mb-color-text-primary);background-color:var(--mb-color-bg-white);transition:border-color .15s}.multi-select-search-input:focus{outline:none;border-color:var(--mb-color-brand);box-shadow:0 0 0 2px #509ee31a}.multi-select-search-input::placeholder{color:var(--mb-color-text-tertiary)}.multi-select-dropdown-topbar .multi-select-search{padding:6px}.multi-select-dropdown-topbar .multi-select-search-icon{left:16px}.multi-select-dropdown-topbar .multi-select-search-input{padding:5px 10px 5px 32px;font-size:var(--font-size-xs)}.multi-select-options{padding:4px}.multi-select-option{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;border-radius:var(--radius-sm);font-size:var(--font-size-base);color:var(--mb-color-text-primary);transition:background-color .15s}.multi-select-option-text{flex:1;min-width:0}.multi-select-option-check{flex-shrink:0;color:var(--mb-color-brand)}.multi-select-option.selected{background-color:var(--mb-color-bg-light);color:var(--mb-color-text-primary)}.multi-select-dropdown-topbar .multi-select-option{padding:6px 10px;font-size:var(--font-size-sm);gap:6px}.multi-select-dropdown-topbar .multi-select-option-check{width:14px;height:14px}.multi-select-dropdown-topbar .multi-select-loading,.multi-select-dropdown-topbar .multi-select-empty{padding:8px 10px;font-size:var(--font-size-sm)}.multi-select-option:hover,.multi-select-option.selected:hover{background-color:var(--mb-color-bg-medium)}.multi-select-loading,.multi-select-empty{padding:12px;text-align:center;color:var(--mb-color-text-secondary);font-size:var(--font-size-sm)}@keyframes fadeInDropdown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.filter-display{background-color:var(--mb-color-background);border:none;border-radius:0;padding:0;margin-bottom:0}.filter-display-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--mb-color-border)}.filter-display-header h3{margin:0;font-size:var(--font-size-lg);font-weight:600}.filter-display-actions{display:flex;gap:var(--spacing-sm)}.filter-display-filters{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-lg)}.filter-topbar .filter-display-filters{display:flex;flex-direction:row;grid-template-columns:none;gap:var(--spacing-md)}.filter-input-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.filter-topbar .filter-input-group{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs);flex-shrink:0}.filter-input-group label{font-size:var(--font-size-sm);font-weight:600;color:var(--mb-color-text-primary);margin-bottom:2px}.filter-input-range span{font-size:var(--font-size-sm);color:var(--mb-color-text-secondary)}.filter-input-info{padding:10px 12px;background-color:var(--mb-color-bg-light);border:1px solid var(--mb-color-border-light);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--mb-color-text-secondary);font-weight:500}.filter-input-loading{padding:12px;text-align:center;color:var(--mb-color-text-secondary);font-size:var(--font-size-sm);background-color:var(--mb-color-bg-light);border:1px solid var(--mb-color-border-light);border-radius:var(--radius-md);font-style:italic}.filter-input-error{padding:var(--spacing-sm);background-color:var(--mb-color-error-light);color:var(--mb-color-error);border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.filter-input-group .form-input,.filter-input-group .form-select{min-height:38px;padding:6px 12px;transition:all .2s;border:1px solid var(--mb-color-border);border-radius:var(--radius-md);background-color:var(--mb-color-bg-white);color:var(--mb-color-text-primary);font-size:var(--font-size-base);width:100%}.filter-topbar .filter-input-group .form-input,.filter-topbar .filter-input-group .form-select{min-height:32px;padding:4px 10px;font-size:var(--font-size-sm)}.filter-input-group .form-input:focus,.filter-input-group .form-select:focus{outline:none;border-color:var(--mb-color-brand);box-shadow:0 0 0 3px #509ee31a;background-color:var(--mb-color-bg-white)}.filter-input-group .form-input:hover:not(:focus),.filter-input-group .form-select:hover:not(:focus){border-color:var(--mb-color-border);background-color:var(--mb-color-bg-light)}.filter-input-group .form-input::placeholder{color:var(--mb-color-text-tertiary)}.filter-input-group input[type=date]{min-height:38px;padding:6px 12px;cursor:pointer}.filter-topbar .filter-input-group input[type=date]{min-height:32px;padding:4px 10px;font-size:var(--font-size-sm)}.filter-input-group input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6;transition:opacity .2s}.filter-input-group input[type=date]:hover::-webkit-calendar-picker-indicator{opacity:1}.filter-input-range{display:flex;align-items:center;gap:var(--spacing-sm)}.filter-input-range .form-input{flex:1}.filter-input-range span{font-size:var(--font-size-sm);color:var(--mb-color-text-secondary);white-space:nowrap}.filter-input-group input[type=number]{min-height:38px;padding:6px 12px;text-align:left}.filter-input-group input[type=text]:not([placeholder*=Search]){min-height:38px;padding:6px 12px}.filter-topbar .filter-input-group input[type=number],.filter-topbar .filter-input-group input[type=text]:not([placeholder*=Search]){min-height:32px;padding:4px 10px;font-size:var(--font-size-sm)}.filter-input-group input[type=text][placeholder*=Search]{padding-left:36px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:12px center;background-size:16px}.filter-input-group input[type=text][placeholder*=Search]:focus{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23509ee3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E")}.filter-linked-badge{padding:2px 6px;border-radius:var(--radius-sm);background-color:var(--mb-color-primary-light);color:var(--mb-color-primary);font-size:var(--font-size-xs);font-weight:500;cursor:help}@media(max-width:768px){.filter-display-filters{grid-template-columns:1fr}.filter-display-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.filter-display-actions{width:100%;justify-content:flex-end}}.filter-flyout-overlay{position:fixed;inset:0;background-color:#0000004d;z-index:var(--z-index-modal-overlay);animation:fadeIn .2s ease-out}.filter-flyout-panel{position:fixed;top:0;right:0;bottom:0;width:400px;max-width:90vw;background-color:var(--mb-color-bg-white);box-shadow:-2px 0 8px #00000026;z-index:calc(var(--z-index-modal-overlay) + 1);display:flex;flex-direction:column;animation:slideInRight .3s ease-out;overflow-y:auto}.filter-flyout-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);border-bottom:1px solid var(--mb-color-border);background-color:var(--mb-color-bg-white);position:sticky;top:0;z-index:10}.filter-flyout-header h3{margin:0;font-size:var(--font-size-lg);font-weight:600}.filter-flyout-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:var(--radius-sm);background-color:transparent;color:var(--mb-color-text);cursor:pointer;transition:all .2s}.filter-flyout-close:hover{background-color:var(--mb-color-background-hover);color:var(--mb-color-primary)}.filter-flyout-content{flex:1;padding:var(--spacing-md);overflow-y:auto;display:flex;flex-direction:column;background-color:var(--mb-color-bg-white);min-height:0}.filter-flyout-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-md);border-top:1px solid var(--mb-color-border);background-color:var(--mb-color-bg-white);position:sticky;bottom:0;z-index:10;flex-shrink:0}.filter-flyout-actions .btn{min-width:36px;min-height:36px;padding:var(--spacing-sm);display:flex;align-items:center;justify-content:center}.btn-sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@media(max-width:768px){.filter-flyout-panel{width:100vw;max-width:100vw}}.filter-topbar{background:var(--mb-color-bg-white);border-radius:var(--radius-lg);border:1px solid var(--mb-color-border-light);box-shadow:0 1px 3px var(--mb-color-shadow);padding:var(--spacing-md);display:flex;flex-direction:row;align-items:flex-end;gap:var(--spacing-md);flex-wrap:nowrap;overflow-x:auto;overflow-y:visible;position:relative}.filter-topbar-content{flex:1;min-width:0;display:flex;align-items:flex-end;gap:var(--spacing-md);flex-wrap:nowrap;overflow-x:auto;overflow-y:visible;position:relative}.filter-topbar-actions{display:flex;gap:var(--spacing-sm);flex-shrink:0;align-items:flex-end}.filter-topbar .filter-display{display:flex;align-items:flex-end;gap:var(--spacing-md);flex-wrap:nowrap;width:100%;overflow:visible}.filter-topbar .filter-display-filters{display:flex;flex-direction:row;align-items:flex-end;gap:var(--spacing-md);flex-wrap:nowrap;width:100%;overflow:visible}.filter-topbar .filter-input-group{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-xs);flex-shrink:0;flex-grow:0;width:200px;min-width:200px;max-width:220px;position:relative;overflow:visible}.filter-topbar .filter-input-group label{white-space:nowrap;margin-bottom:0;font-size:var(--font-size-xs);font-weight:500;color:var(--mb-color-text-secondary)}.filter-topbar .filter-input-group .form-input,.filter-topbar .filter-input-group .form-select,.filter-topbar .filter-input-group .multi-select-container{width:100%;position:relative}.filter-topbar .filter-input-group .multi-select-container{overflow:visible}.filter-topbar .filter-input-range{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-sm);width:100%}.filter-topbar .filter-input-range .form-input{flex:1;min-width:0}@media(max-width:767px){.filter-topbar{padding:var(--spacing-sm);flex-direction:column;align-items:stretch}.filter-topbar-content,.filter-topbar .filter-display-filters{flex-direction:column;align-items:stretch}.filter-topbar .filter-input-group,.filter-topbar .filter-input-group .form-input,.filter-topbar .filter-input-group .form-select,.filter-topbar .filter-input-group .multi-select-container{width:100%;max-width:none}.filter-topbar-actions{width:100%;justify-content:flex-end;margin-top:var(--spacing-sm)}}.auto-refresh-container{position:relative;display:inline-block}.auto-refresh-btn{background:none;border:none;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s;display:flex;align-items:center;justify-content:center;color:var(--mb-color-text-secondary);position:relative;min-width:36px;min-height:36px;line-height:1}.auto-refresh-btn:hover{background-color:var(--mb-color-bg-medium);color:var(--mb-color-text-primary)}.auto-refresh-btn.active{background-color:#509ee31a;color:var(--mb-color-brand)}.auto-refresh-icon{display:flex;align-items:center;justify-content:center}.auto-refresh-btn svg{width:18px;height:18px;stroke:currentColor;fill:none}.auto-refresh-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--mb-color-bg-white);border-radius:8px;box-shadow:0 4px 16px #00000026;min-width:180px;z-index:1000;border:1px solid var(--mb-color-border-light);overflow:hidden}.auto-refresh-header{padding:12px 16px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--mb-color-text-secondary);background-color:var(--mb-color-bg-light);border-bottom:1px solid var(--mb-color-border-light)}.auto-refresh-options{padding:4px 0}.auto-refresh-option{display:flex;align-items:center;padding:10px 16px;cursor:pointer;transition:background-color .15s;color:var(--mb-color-text-primary);font-size:14px;position:relative}.auto-refresh-option:hover{background-color:var(--mb-color-bg-medium)}.auto-refresh-option.selected{background-color:#509ee314;font-weight:500}.checkmark{color:var(--mb-color-brand);margin-right:10px;width:16px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.checkmark svg{width:16px;height:16px;stroke:currentColor;fill:none}.option-label{flex:1}.dashboard-builder{width:100%;height:100vh;display:flex;flex-direction:column;background-color:var(--mb-color-bg-light)}.dashboard-builder.fullscreen-mode{height:100vh;width:100vw}.dashboard-builder:fullscreen{background-color:var(--mb-color-bg-light)}.dashboard-builder:-webkit-full-screen{background-color:var(--mb-color-bg-light)}.dashboard-builder:-moz-full-screen{background-color:var(--mb-color-bg-light)}.dashboard-builder:-ms-fullscreen{background-color:var(--mb-color-bg-light)}.dashboard-toolbar{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:var(--mb-color-bg-white);border-bottom:1px solid var(--mb-color-border-light);box-shadow:0 1px 2px var(--mb-color-shadow);flex-wrap:wrap;gap:12px}.toolbar-left{display:flex;align-items:center;gap:16px;flex:1;min-width:0}.back-btn-toolbar,a.back-btn-toolbar{text-decoration:none;color:inherit}.back-btn-toolbar{background:none;border:none;font-size:20px;cursor:pointer;color:var(--mb-color-text-secondary);padding:6px 10px;border-radius:6px;transition:all .2s;display:flex;align-items:center;justify-content:center}.back-btn-toolbar:hover{background-color:var(--mb-color-bg-medium);color:var(--mb-color-text-primary)}.dashboard-title-section{display:flex;align-items:center;gap:8px;min-width:0;flex-shrink:1}.dashboard-title{margin:0;font-size:20px;font-weight:600;color:var(--mb-color-text-primary);letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.edit-title-btn{background:none;border:none;cursor:pointer;font-size:16px;padding:6px;border-radius:6px;transition:all .2s;opacity:.6;display:flex;align-items:center;justify-content:center;min-width:28px;min-height:28px;line-height:1}.edit-title-btn:hover{background-color:var(--mb-color-bg-medium);opacity:1}.dashboard-description-badge{padding:4px 10px;background-color:var(--mb-color-bg-medium);color:var(--mb-color-text-secondary);border-radius:4px;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-left:12px;border:1px solid var(--mb-color-border-light);flex-shrink:1;min-width:0;max-width:100%}.toolbar-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.icon-btn{background:none;border:none;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s;display:flex;align-items:center;justify-content:center;color:var(--mb-color-text-secondary);min-width:36px;min-height:36px;line-height:1;position:relative}.filter-btn-with-badge{position:relative}.filter-badge-count{position:absolute;top:2px;right:2px;min-width:18px;height:18px;padding:0 4px;background-color:var(--mb-color-brand);color:#fff;border-radius:9px;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;line-height:1;border:2px solid var(--mb-color-bg-white)}.icon-btn-primary{color:var(--mb-color-brand)}.icon-btn-primary:hover{background-color:#509ee31a;color:var(--mb-color-brand)}.icon-btn-success{color:var(--mb-color-success)}.icon-btn-success:hover{background-color:#84bb4c1a;color:var(--mb-color-success)}.published-badge{padding:4px 10px;background-color:var(--mb-color-success);color:#fff;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;margin-left:12px;letter-spacing:.5px;flex-shrink:0;white-space:nowrap}.published-mode .dashboard-toolbar{border-bottom:1px solid var(--mb-color-border-light);box-shadow:0 1px 2px var(--mb-color-shadow)}.published-mode .dashboard-title{font-weight:500}.dashboard-grid-container{flex:1;overflow-y:auto;overflow-x:auto;padding:16px;position:relative;background-color:var(--mb-color-bg-light);box-sizing:border-box}.dashboard-grid-container .grid-wrapper{width:100%;flex-shrink:0;overflow:visible;position:relative;min-width:100%;box-sizing:border-box}.dashboard-grid-container .grid-wrapper>.react-grid-layout{overflow:visible;box-sizing:border-box;max-width:100%!important}@media(max-width:767px){.dashboard-toolbar{padding:12px 16px;gap:8px}.toolbar-left{gap:8px;width:100%;order:1}.toolbar-right{width:100%;order:2;justify-content:flex-end;flex-wrap:wrap}.dashboard-title{font-size:18px}.dashboard-title-section{flex:1;min-width:0}.dashboard-description-badge{display:none}.published-badge{margin-left:8px;font-size:10px;padding:3px 8px}.back-btn-toolbar{flex-shrink:0}.icon-btn{min-width:32px;min-height:32px;padding:6px}.icon-btn svg{width:16px;height:16px}.dashboard-grid-container{padding:12px}}.react-grid-layout{position:relative;margin:0!important;padding:0!important;left:0!important;top:0!important;box-sizing:border-box!important}.react-grid-item{padding:0;overflow:visible;position:relative}.react-grid-item>.react-resizable-handle{z-index:1000!important;pointer-events:auto!important;position:absolute!important}.react-grid-item .react-resizable-handle{pointer-events:auto!important;z-index:1000!important}.react-grid-item .panel-wrapper{pointer-events:none}.react-grid-item .panel-wrapper>*{pointer-events:auto}@media(max-width:767px){.react-grid-item{padding:4px;width:100%!important}.react-grid-layout{display:flex;flex-direction:column}.react-grid-item{position:relative!important;left:0!important;top:auto!important;transform:none!important}}.react-grid-layout .layout{margin:0;padding:0}.dashboard-grid-container.published-grid{background-image:none;background-color:var(--mb-color-bg-light)}.empty-dashboard{display:flex;align-items:center;justify-content:center;height:100%;color:var(--mb-color-text-secondary);font-size:18px}.panel-wrapper{background:var(--mb-color-bg-white);border-radius:8px;border:1px solid var(--mb-color-border-light);box-shadow:0 1px 3px var(--mb-color-shadow);overflow:visible;transition:all .2s;width:100%;height:100%;box-sizing:border-box;position:relative;pointer-events:none}.panel-content{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;border-radius:8px}.panel-content-draggable{cursor:move;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.published-grid .panel-content-draggable{cursor:default;touch-action:auto;-webkit-user-select:auto;user-select:auto}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:var(--mb-color-bg-white);border-bottom:1px solid var(--mb-color-border-light);cursor:move;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;pointer-events:auto}.published-grid .panel-header{cursor:default;touch-action:auto;-webkit-user-select:auto;user-select:auto}.panel-header-drag-area{flex:1;display:flex;align-items:center;cursor:move;min-width:0}.published-grid .panel-header-drag-area,.panel-header .panel-actions{cursor:default}.panel-title{font-size:15px;font-weight:600;color:var(--mb-color-text-primary);cursor:move;-webkit-user-select:none;user-select:none}.published-grid .panel-title{cursor:default;-webkit-user-select:auto;user-select:auto}.panel-title-empty{flex:1}.panel-actions{display:flex;gap:8px;flex-shrink:0;pointer-events:auto;z-index:10;position:relative}.panel-btn{background:none;border:none;cursor:pointer;padding:6px;border-radius:6px;transition:all .2s;pointer-events:auto;z-index:20;position:relative;display:flex;align-items:center;justify-content:center;color:var(--mb-color-text-secondary);min-width:28px;min-height:28px;line-height:1;touch-action:manipulation}.panel-btn svg{width:16px;height:16px;stroke:currentColor;fill:none}.panel-btn:hover{background-color:var(--mb-color-bg-medium);color:var(--mb-color-text-primary)}.panel-btn:active{background-color:var(--mb-color-border);transform:scale(.95)}.panel-edit-btn:hover{background-color:var(--mb-color-bg-medium);color:var(--mb-color-text-primary)}.panel-delete-btn:hover{background-color:var(--mb-color-danger-light);color:var(--mb-color-danger)}.panel-customize-btn:hover{background-color:var(--mb-color-bg-medium);color:var(--mb-color-text-primary)}.panel-body{flex:1;padding:0;overflow:auto;pointer-events:auto}.panel-placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:var(--mb-color-text-secondary);font-size:14px}.panel-widget{width:100%;height:100%;display:flex;flex-direction:column}.panel-widget .panel-widget-container,.panel-widget .widget-container.panel-widget-container{background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important;height:100%;display:flex;flex-direction:column}.panel-widget .widget-content{background:transparent!important;padding:0!important;flex:1;min-height:0}.panel-widget-loading,.panel-widget-error,.panel-widget-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--mb-color-text-secondary);font-size:14px;padding:16px}.panel-widget-error{color:var(--mb-color-danger)}.loading-spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--mb-color-border-light);border-top-color:var(--mb-color-brand);border-radius:50%;animation:spin .6s linear infinite}.dashboard-loading{display:flex;align-items:center;justify-content:center;height:100vh;width:100%;background-color:var(--mb-color-bg-light)}.dashboard-loading-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg)}.dashboard-loading-spinner{width:40px;height:40px;border:3px solid var(--mb-color-bg-medium);border-top-color:var(--mb-color-brand);border-radius:50%;animation:spin 1s linear infinite}.dashboard-loading-text{font-size:var(--font-size-md);color:var(--mb-color-text-secondary);font-weight:500}.published-mode .panel-wrapper{box-shadow:0 1px 3px #00000014}.published-mode .panel-wrapper:hover{box-shadow:0 1px 3px #00000014;border-color:var(--mb-color-border-light)}.published-mode .panel-header{cursor:default;background-color:transparent;padding:12px 16px}.published-mode .panel-title{cursor:default;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.widget-wrapper{background:var(--mb-color-bg-white);border-radius:8px;border:1px solid var(--mb-color-border-light);box-shadow:0 1px 3px var(--mb-color-shadow);overflow:hidden;transition:all .2s;width:100%;height:100%;padding:8px;box-sizing:border-box;position:relative;pointer-events:none}.widget-wrapper>*{pointer-events:auto}.widget-wrapper:hover{box-shadow:0 4px 12px var(--mb-color-shadow-hover);border-color:var(--mb-color-border)}.published-mode .widget-wrapper{box-shadow:0 1px 3px #00000014}.published-mode .widget-wrapper:hover{box-shadow:0 1px 3px #00000014;border-color:var(--mb-color-border-light)}.widget-container{height:100%;display:flex;flex-direction:column}.widget-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:var(--mb-color-bg-white);border-bottom:1px solid var(--mb-color-border-light);cursor:move;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.widget-title-section{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.widget-header h3{margin:0;font-size:15px;font-weight:600;color:var(--mb-color-text-primary);cursor:move;-webkit-user-select:none;user-select:none;line-height:1.2}.widget-description{font-size:12px;color:var(--mb-color-text-secondary);line-height:1.3;-webkit-user-select:none;user-select:none;cursor:move}.widget-actions{display:flex;gap:8px;flex-shrink:0}.published-mode .widget-header{cursor:default;background-color:transparent;padding:8px 16px}.published-mode .widget-header h3{cursor:default;font-size:18px;font-weight:500;color:var(--mb-color-text-primary)}.widget-btn{background:none;border:none;cursor:pointer;padding:6px;border-radius:6px;transition:all .2s;pointer-events:auto;z-index:20;position:relative;display:flex;align-items:center;justify-content:center;color:var(--mb-color-text-secondary);min-width:28px;min-height:28px;line-height:1}.widget-btn svg{width:16px;height:16px;stroke:currentColor;fill:none}.widget-btn:hover{background-color:var(--mb-color-bg-medium);color:var(--mb-color-text-primary)}.widget-btn:active{background-color:var(--mb-color-border);transform:scale(.95)}.widget-content{flex:1;padding:4px;overflow:hidden;min-height:0;position:relative;display:flex;flex-direction:column}.widget-content.loading{overflow:hidden}.widget-content>div{flex:1;min-height:0;overflow:hidden}@media(max-width:767px){.widget-header{padding:10px 12px}.widget-content{padding:12px}.widget-header h3{font-size:14px}.published-mode .widget-header h3{font-size:16px}}.data-table{width:100%;border-collapse:collapse;font-size:14px}.data-table th,.data-table td{padding:10px;text-align:left;border-bottom:1px solid var(--mb-color-border-light)}.data-table th{background-color:var(--mb-color-bg-medium);font-weight:600;color:var(--mb-color-text-primary);position:relative}.sort-indicator{margin-left:4px;color:var(--mb-color-brand);font-weight:700}.data-table tr:hover{background-color:var(--mb-color-bg-medium)}.react-grid-item{transition:all .2s ease;transition-property:left,top,width,height;overflow:visible;z-index:10}.react-grid-item.react-grid-placeholder{background:var(--mb-color-brand);opacity:.2;transition-duration:.1s;z-index:2;-webkit-user-select:none;user-select:none;border-radius:8px}.published-mode .react-grid-item,.published-grid .react-grid-item{cursor:default}.published-mode .react-grid-item .react-resizable-handle,.published-grid .react-grid-item .react-resizable-handle{display:none}.react-grid-layout{position:relative;transition:height .2s ease}.react-grid-item{transition:all .2s ease;transition-property:left,top,width,height}.react-grid-item img{pointer-events:none;-webkit-user-select:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{transition:none;z-index:1;will-change:width,height}.react-grid-item.react-draggable-dragging{transition:none;z-index:3;will-change:transform}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{background:red;opacity:.2;transition-duration:.1s;z-index:2;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item>.react-resizable-handle{position:absolute;width:20px;height:20px}.react-grid-item>.react-resizable-handle:after{content:"";position:absolute;right:3px;bottom:3px;width:5px;height:5px;border-right:2px solid rgba(0,0,0,.4);border-bottom:2px solid rgba(0,0,0,.4)}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-w,.react-grid-item>.react-resizable-handle.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.react-resizable{position:relative}.react-resizable-handle{position:absolute;width:20px;height:20px;background-repeat:no-repeat;background-origin:content-box;box-sizing:border-box;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+);background-position:bottom right;padding:0 3px 3px 0}.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-resizable-handle-w,.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.dashboard-preview{width:100%;height:100vh;display:flex;flex-direction:column;background-color:var(--mb-color-bg-light);overflow:hidden}.dashboard-preview .preview-title-bar{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) 0}.dashboard-preview .preview-title-left{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;min-width:0}.dashboard-preview .preview-back-btn{background:none;border:1px solid var(--mb-color-border-light);border-radius:6px;padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--mb-color-text-secondary);transition:all .2s;flex-shrink:0;min-width:36px;min-height:36px}.dashboard-preview .preview-back-btn:hover{background-color:var(--mb-color-bg-medium);color:var(--mb-color-text-primary);border-color:var(--mb-color-border)}.dashboard-preview .preview-back-btn:active{transform:scale(.95)}.dashboard-preview .preview-back-btn svg{stroke:currentColor;fill:none}.dashboard-preview .preview-title-wrapper{display:flex;align-items:center;gap:var(--spacing-xs);flex:1;min-width:0}.dashboard-preview .preview-title{margin:0;font-size:24px;font-weight:600;color:var(--mb-color-text-primary);letter-spacing:-.3px;line-height:1.4;display:inline-block;vertical-align:middle}.dashboard-preview .preview-description-tooltip{position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:help;flex-shrink:0;vertical-align:middle;margin-left:var(--spacing-xs)}.dashboard-preview .preview-info-icon{opacity:.6;color:var(--mb-color-text-secondary);transition:opacity .2s;display:flex;align-items:center;justify-content:center}.dashboard-preview .preview-description-tooltip:hover .preview-info-icon{opacity:1}.dashboard-preview .preview-description-text{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:8px;padding:8px 12px;background-color:#2e3538f2;color:#fff;font-size:var(--font-size-sm);line-height:1.4;white-space:nowrap;border-radius:4px;opacity:0;pointer-events:none;transition:opacity .2s;z-index:1000;max-width:300px;white-space:normal;text-align:center;box-shadow:0 2px 8px #00000026}.dashboard-preview .preview-description-tooltip:hover .preview-description-text{opacity:1}.dashboard-preview .preview-description-text:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#2e3538f2}.dashboard-preview .preview-filter-btn{background:none;border:1px solid var(--mb-color-border-light);border-radius:6px;padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--mb-color-text-secondary);transition:all .2s;flex-shrink:0;min-width:36px;min-height:36px;position:relative}.dashboard-preview .filter-btn-with-badge{position:relative}.dashboard-preview .filter-badge-count{position:absolute;top:2px;right:2px;min-width:18px;height:18px;padding:0 4px;background-color:var(--mb-color-brand);color:#fff;border-radius:9px;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;line-height:1;border:2px solid var(--mb-color-bg-white)}.dashboard-preview .preview-filter-btn:hover{background-color:var(--mb-color-bg-medium);color:var(--mb-color-text-primary);border-color:var(--mb-color-border)}.dashboard-preview .preview-filter-btn:active{transform:scale(.95)}.dashboard-preview .preview-filter-btn svg{stroke:currentColor;fill:none}.dashboard-preview .preview-loading,.dashboard-preview .preview-error{display:flex;align-items:center;justify-content:center;height:100vh;font-size:var(--font-size-lg);color:var(--mb-color-text-secondary)}.dashboard-preview .preview-error{color:var(--mb-color-error)}.dashboard-preview .preview-grid-container{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-md);position:relative;background-color:var(--mb-color-bg-light);min-height:0;height:100%;box-sizing:border-box}.dashboard-preview .dashboard-grid-container{padding:0;overflow:visible}.dashboard-preview .dashboard-grid-container.published-grid{background-color:transparent}@media(max-width:767px){.dashboard-preview .preview-grid-container{padding:var(--spacing-sm)}}.dashboard-preview .preview-empty,.dashboard-preview .empty-dashboard{display:flex;align-items:center;justify-content:center;height:100%;color:var(--mb-color-text-secondary);font-size:var(--font-size-lg);padding:var(--spacing-2xl)}@media(max-width:767px){.dashboard-preview .preview-title{font-size:20px}.dashboard-preview .preview-grid-container{padding:var(--spacing-sm)}.dashboard-preview .preview-title-bar{margin-bottom:var(--spacing-sm)}.dashboard-preview .preview-description-text{max-width:250px;font-size:12px}}.tenant-preview{width:100%;min-height:100vh;background-color:var(--mb-color-bg-light);padding:var(--spacing-xl)}.tenant-preview .preview-title{margin:0 0 var(--spacing-xl) 0;font-size:28px;font-weight:600;color:var(--mb-color-text-primary);letter-spacing:-.3px}.tenant-preview .preview-loading,.tenant-preview .preview-error{display:flex;align-items:center;justify-content:center;min-height:60vh;font-size:var(--font-size-lg);color:var(--mb-color-text-secondary)}.tenant-preview .preview-error{color:var(--mb-color-error)}.tenant-preview .preview-empty{display:flex;align-items:center;justify-content:center;min-height:60vh;color:var(--mb-color-text-secondary);font-size:var(--font-size-base)}.dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:100%}.dashboard-card{background:var(--mb-color-bg-white);border-radius:8px;padding:20px;border:1px solid var(--mb-color-border-light);cursor:pointer;transition:all .2s;box-shadow:0 1px 3px var(--mb-color-shadow)}.dashboard-card:hover{box-shadow:0 4px 12px var(--mb-color-shadow-hover);border-color:var(--mb-color-border);transform:translateY(-1px)}.dashboard-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;position:relative}.dashboard-card-header h3{margin:0;font-size:18px;font-weight:600;color:var(--mb-color-text-primary);cursor:pointer;flex:1;line-height:1.4;min-width:0}.dashboard-kpi-preview{height:100px;width:calc(100% + 40px);margin-left:-20px;margin-right:-20px;margin-top:8px;padding:0}@media(max-width:1024px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.tenant-preview{padding:var(--spacing-md)}.dashboard-grid{grid-template-columns:1fr}}.tenant-selector{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--mb-color-bg-light);padding:var(--spacing-3xl);position:relative}.tenant-selector-admin-btn,a.tenant-selector-admin-btn{text-decoration:none;color:inherit}.tenant-selector-admin-btn{position:absolute;top:var(--spacing-2xl);right:var(--spacing-2xl);background:none;border:none;cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-md);transition:all .2s;display:flex;align-items:center;justify-content:center;color:var(--mb-color-text-secondary);min-width:36px;min-height:36px;line-height:1}.tenant-selector-admin-btn svg{width:18px;height:18px;stroke:currentColor;fill:none;pointer-events:none}.tenant-selector-admin-btn:hover{background-color:var(--mb-color-bg-medium);color:var(--mb-color-text-primary)}.tenant-selector-admin-btn:active{transform:scale(.95)}.tenant-selector-content{width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;align-items:stretch;gap:var(--spacing-xl);overflow:hidden}.tenant-selector-title{margin:0;font-size:var(--font-size-3xl);font-weight:600;color:var(--mb-color-text-primary);letter-spacing:-.3px;text-align:center}.loading-spinner{width:48px;height:48px;border:3px solid var(--mb-color-border-light);border-top-color:var(--mb-color-brand);border-radius:50%;animation:spin .8s linear infinite}.tenant-search-wrapper{width:100%}.tenant-search-input{width:100%;padding:var(--spacing-md) var(--spacing-lg);border:1px solid var(--mb-color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);font-family:inherit;background-color:var(--mb-color-bg-white);color:var(--mb-color-text-primary);transition:all .2s}.tenant-search-input::placeholder{color:var(--mb-color-text-tertiary)}.tenant-search-input:focus{outline:none;border-color:var(--mb-color-brand);box-shadow:0 0 0 3px #509ee31a}.tenant-list-container{width:100%;flex:1;overflow-y:auto;overflow-x:hidden;min-height:0}.tenant-list{width:100%;display:flex;flex-direction:column;gap:var(--spacing-lg);align-items:stretch;padding-right:var(--spacing-xs)}.tenant-results-count{text-align:center;font-size:var(--font-size-sm);color:var(--mb-color-text-secondary);padding-top:var(--spacing-sm)}.tenant-selector .tenant-item{width:100%;padding:var(--spacing-xl) var(--spacing-2xl);background-color:var(--mb-color-bg-white);border:1px solid var(--mb-color-border-light);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s;text-align:left}.tenant-selector .tenant-item:hover{background-color:var(--mb-color-bg-medium);border-color:var(--mb-color-border);box-shadow:0 2px 8px var(--mb-color-shadow);transform:translateY(-1px)}.tenant-selector .tenant-item:active{transform:translateY(0)}.tenant-selector .tenant-item-content{display:flex;flex-direction:column;gap:var(--spacing-sm)}.tenant-selector .tenant-item-name{margin:0;font-size:var(--font-size-xl);font-weight:600;color:var(--mb-color-text-primary)}.tenant-selector .tenant-item-description{margin:0;font-size:var(--font-size-base);color:var(--mb-color-text-secondary);line-height:1.5}.tenant-selector .tenant-item-meta{display:flex;gap:var(--spacing-lg);margin-top:var(--spacing-xs)}.tenant-selector .tenant-item-date{font-size:var(--font-size-sm);color:var(--mb-color-text-tertiary)}.tenant-selector .empty-state{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xl);text-align:center}.tenant-selector .empty-state p{font-size:var(--font-size-lg);color:var(--mb-color-text-secondary);margin:0}.tenant-management{width:100%}.tenant-management .tenant-management-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-2xl);gap:var(--spacing-lg)}.tenant-management .tenant-management-title{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-xl);font-weight:600;color:var(--mb-color-text-primary)}.tenant-management .tenant-management-subtitle{margin:0;font-size:var(--font-size-base);color:var(--mb-color-text-secondary);line-height:1.5}.tenant-management .current-tenant-badge{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);margin-bottom:var(--spacing-2xl);background-color:#509ee31a;border:1px solid rgba(80,158,227,.3);border-radius:var(--radius-md);font-size:var(--font-size-base)}.tenant-management .current-tenant-label{color:var(--mb-color-text-secondary);font-weight:500}.tenant-management .current-tenant-name{color:var(--mb-color-brand);font-weight:600}.tenant-management .tenant-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.tenant-management .tenant-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);background-color:var(--mb-color-bg-white);border:1px solid var(--mb-color-border-light);border-radius:var(--radius-lg);transition:all .2s;width:100%}.tenant-management .tenant-item:hover{border-color:var(--mb-color-border);box-shadow:0 2px 4px var(--mb-color-shadow)}.tenant-management .tenant-item.inactive{opacity:.6}.tenant-management .tenant-item-content{flex:1;min-width:0;margin-right:var(--spacing-lg)}.tenant-management .tenant-item-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-sm);flex-wrap:wrap}.tenant-management .tenant-item-name{margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--mb-color-text-primary)}.tenant-management .current-badge{padding:2px var(--spacing-sm);background-color:var(--mb-color-brand);color:#fff;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase}.tenant-management .inactive-badge{padding:2px var(--spacing-sm);background-color:var(--mb-color-text-secondary);color:#fff;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase}.tenant-management .tenant-item-description{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-base);color:var(--mb-color-text-secondary);line-height:1.5}.tenant-management .tenant-item-meta{display:flex;gap:var(--spacing-lg);margin:0;font-size:var(--font-size-sm);color:var(--mb-color-text-secondary)}.tenant-management .tenant-item-actions{display:flex;gap:var(--spacing-sm);flex-shrink:0}.tenant-management .empty-state{padding:48px var(--spacing-2xl);text-align:center;color:var(--mb-color-text-secondary)}.tenant-management .empty-state p{margin:0;font-size:var(--font-size-base)}.data-source-management{width:100%}.data-source-management-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-2xl);gap:var(--spacing-lg)}.data-source-management-title{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-xl);font-weight:600;color:var(--mb-color-text-primary)}.data-source-management-subtitle{margin:0;font-size:var(--font-size-base);color:var(--mb-color-text-secondary);line-height:1.5}.data-source-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.data-source-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);background-color:var(--mb-color-bg-white);border:1px solid var(--mb-color-border-light);border-radius:var(--radius-lg);transition:all .2s}.data-source-item:hover{border-color:var(--mb-color-border);box-shadow:0 2px 4px var(--mb-color-shadow)}.data-source-item.inactive{opacity:.6}.data-source-item-content{flex:1;min-width:0;margin-right:var(--spacing-lg)}.data-source-item-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-sm);flex-wrap:wrap}.data-source-item-name{margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--mb-color-text-primary)}.data-source-type-badge{padding:2px var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;color:#fff}.data-source-type-badge.type-postgres{background-color:#2563eb}.data-source-type-badge.type-sqlserver{background-color:#dc2626}.data-source-type-badge.type-mysql{background-color:#9333ea}.data-source-item-description{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-base);color:var(--mb-color-text-secondary);line-height:1.5}.data-source-item-details{display:flex;flex-wrap:wrap;gap:var(--spacing-lg);margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-sm)}.data-source-detail{color:var(--mb-color-text-secondary)}.data-source-detail strong{color:var(--mb-color-text-primary);font-weight:600;margin-right:var(--spacing-xs)}.data-source-item-meta{display:flex;gap:var(--spacing-lg);font-size:var(--font-size-sm);color:var(--mb-color-text-secondary)}.data-source-item-actions{display:flex;gap:var(--spacing-sm);flex-shrink:0}@media(max-width:767px){.data-source-management-header{flex-direction:column;align-items:stretch}.data-source-item{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.data-source-item-content{margin-right:0}.data-source-item-actions{justify-content:flex-end}}.dashboard-management{width:100%}.dashboard-management-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-2xl);gap:var(--spacing-lg)}.dashboard-management-title{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-xl);font-weight:600;color:var(--mb-color-text-primary)}.dashboard-management-subtitle{margin:0;font-size:var(--font-size-base);color:var(--mb-color-text-secondary);line-height:1.5}.dashboard-management .dashboard-list{display:flex;flex-direction:column;gap:var(--spacing-md);margin:0;padding:0}.dashboard-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);background-color:var(--mb-color-bg-white);border:1px solid var(--mb-color-border-light);border-radius:var(--radius-lg);transition:all .2s}.dashboard-item:hover{border-color:var(--mb-color-border);box-shadow:0 2px 4px var(--mb-color-shadow)}.dashboard-item.hidden{opacity:.6}.dashboard-item-content{flex:1;min-width:0;margin-right:var(--spacing-lg)}.dashboard-item-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-sm);flex-wrap:wrap}.dashboard-item-name{margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--mb-color-text-primary)}.dashboard-item-badges{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.dashboard-badge{padding:2px var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase}.dashboard-badge.published{background-color:var(--mb-color-brand);color:#fff}.dashboard-badge.hidden{background-color:var(--mb-color-text-secondary);color:#fff}.dashboard-item-description{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-base);color:var(--mb-color-text-secondary);line-height:1.5}.dashboard-item-details{display:flex;flex-wrap:wrap;gap:var(--spacing-lg);margin:0;font-size:var(--font-size-sm);color:var(--mb-color-text-secondary)}.dashboard-detail{color:var(--mb-color-text-secondary)}.dashboard-detail strong{color:var(--mb-color-text-primary);font-weight:600;margin-right:var(--spacing-xs)}.dashboard-item-actions{display:flex;gap:var(--spacing-sm);flex-shrink:0}@media(max-width:767px){.dashboard-management-header{flex-direction:column;align-items:stretch}.dashboard-item{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.dashboard-item-content{margin-right:0}.dashboard-item-actions{justify-content:flex-end}}.visual-query-builder{display:flex;flex-direction:column;gap:var(--spacing-2xl);max-height:calc(90vh - 200px);overflow-y:auto}.vqb-section{border:1px solid var(--mb-color-border-light);border-radius:var(--radius-md);padding:var(--spacing-xl);background-color:var(--mb-color-bg-light)}.vqb-section-title{margin:0 0 var(--spacing-lg) 0;font-size:var(--font-size-lg);font-weight:600;color:var(--mb-color-text-primary)}.vqb-fields-list,.vqb-joins-list,.vqb-groupby-list,.vqb-sort-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.vqb-field-item,.vqb-join-item,.vqb-groupby-item,.vqb-sort-item{background-color:var(--mb-color-bg-white);border:1px solid var(--mb-color-border-light);border-radius:var(--radius-md);padding:var(--spacing-md)}.vqb-field-row,.vqb-join-row{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:var(--spacing-md);align-items:center}.vqb-groupby-item,.vqb-sort-item{display:grid;grid-template-columns:2fr 1fr auto;gap:var(--spacing-md);align-items:center}.vqb-aggregation,.vqb-alias{min-width:150px}.vqb-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-sm)}.vqb-sql-preview{background-color:var(--mb-color-bg-medium);border:1px solid var(--mb-color-border);border-radius:var(--radius-md);padding:var(--spacing-lg);max-height:300px;overflow-y:auto}.vqb-sql-preview pre{margin:0;font-family:Courier New,monospace;font-size:var(--font-size-sm);color:var(--mb-color-text-primary);white-space:pre-wrap;word-wrap:break-word}.error-message{padding:var(--spacing-md);background-color:#ef8c8c1a;color:var(--mb-color-error);border:1px solid var(--mb-color-error);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.loading-text{margin-top:var(--spacing-sm);color:var(--mb-color-text-secondary);font-size:var(--font-size-sm);font-style:italic}@media(max-width:768px){.vqb-field-row,.vqb-join-row,.vqb-groupby-item,.vqb-sort-item{grid-template-columns:1fr}}.metadata-manager-description{margin:0 0 var(--spacing-xl) 0;color:var(--mb-color-text-secondary);font-size:var(--font-size-sm);line-height:1.5}.metadata-table-container{border:1px solid var(--mb-color-border-light);border-radius:var(--radius-md);overflow:hidden;background:var(--mb-color-bg-white)}.metadata-table-header{display:grid;grid-template-columns:1.5fr 1fr 1.5fr 2fr 1fr .8fr;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--mb-color-bg-secondary);border-bottom:2px solid var(--mb-color-border-light);font-weight:600;font-size:var(--font-size-sm);color:var(--mb-color-text-primary);text-transform:uppercase;letter-spacing:.5px}.metadata-header-cell{display:flex;align-items:center}.metadata-table-row{display:grid;grid-template-columns:1.5fr 1fr 1.5fr 2fr 1fr .8fr;gap:var(--spacing-md);padding:var(--spacing-lg);border-bottom:1px solid var(--mb-color-border-light);align-items:start}.metadata-table-row:last-child{border-bottom:none}.metadata-table-row:hover{background:var(--mb-color-bg-secondary)}.metadata-cell{display:flex;align-items:flex-start}.metadata-cell-name{flex-direction:column;gap:var(--spacing-xs)}.field-name-display{display:flex;flex-direction:column;gap:var(--spacing-xs)}.field-name-display code{font-family:Courier New,monospace;font-size:var(--font-size-sm);color:var(--mb-color-text-primary);background:var(--mb-color-bg-secondary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);border:1px solid var(--mb-color-border-light)}.field-type-badge{display:inline-block;font-size:var(--font-size-xs);padding:2px var(--spacing-xs);background:var(--mb-color-bg-tertiary);color:var(--mb-color-text-secondary);border-radius:var(--radius-sm);text-transform:lowercase}.metadata-cell-display input,.metadata-cell-description textarea,.metadata-cell-type select,.metadata-cell-format select{width:100%;min-width:0}.metadata-cell-visibility{justify-content:center;padding-top:var(--spacing-xs)}@media(max-width:1200px){.metadata-table-header,.metadata-table-row{grid-template-columns:1.2fr .9fr 1.2fr 1.8fr .9fr .7fr}}@media(max-width:900px){.metadata-table-header,.metadata-table-row{grid-template-columns:1fr 1fr;gap:var(--spacing-sm)}.metadata-header-cell:nth-child(n+3),.metadata-cell:nth-child(n+3){grid-column:1 / -1}.metadata-cell-visibility{grid-column:2;justify-content:flex-start}}.query-management{width:100%}.query-management-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-2xl);gap:var(--spacing-lg)}.query-management-title{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-xl);font-weight:600;color:var(--mb-color-text-primary)}.query-management-subtitle{margin:0;font-size:var(--font-size-base);color:var(--mb-color-text-secondary);line-height:1.5}.query-list{width:100%}.query-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-xl);padding:var(--spacing-sm) 0}.query-card{display:flex;flex-direction:column;padding:var(--spacing-xl);background-color:var(--mb-color-bg-white);border:1px solid var(--mb-color-border-light);border-radius:var(--radius-lg);transition:all .2s ease;box-shadow:0 1px 3px #0000000d}.query-card:hover{border-color:var(--mb-color-border);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.query-card.inactive{opacity:.6}.query-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md);gap:var(--spacing-md)}.query-card-title-section{flex:1;min-width:0}.query-card-name{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-lg);font-weight:600;color:var(--mb-color-text-primary);line-height:1.3;word-break:break-word}.query-card-badges{display:flex;gap:var(--spacing-xs);flex-wrap:wrap;margin-top:var(--spacing-xs)}.sql-viewer-content{padding:var(--spacing-sm)}.query-datasource-badge{padding:2px var(--spacing-sm);background-color:var(--mb-color-bg-medium);color:var(--mb-color-text-primary);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase}.inactive-badge{padding:2px var(--spacing-sm);background-color:var(--mb-color-text-secondary);color:#fff;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase}.query-card-description{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-sm);color:var(--mb-color-text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.query-card-columns{margin:var(--spacing-md) 0;flex:1}.query-card-columns-header{margin-bottom:var(--spacing-xs)}.query-columns-count{font-size:var(--font-size-xs);font-weight:600;color:var(--mb-color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.query-card-no-columns{margin:var(--spacing-md) 0;padding:var(--spacing-md);background-color:var(--mb-color-bg-light);border-radius:var(--radius-md);text-align:center}.query-no-columns-text{font-size:var(--font-size-sm);color:var(--mb-color-text-tertiary);font-style:italic}.query-columns-list{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:var(--spacing-xs)}.query-column-badge{padding:2px var(--spacing-sm);background-color:var(--mb-color-bg-medium);color:var(--mb-color-text-primary);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500}.query-column-more{padding:2px var(--spacing-sm);color:var(--mb-color-text-secondary);font-size:var(--font-size-xs);font-style:italic}.query-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--mb-color-border-light);gap:var(--spacing-md)}.query-card-meta{flex:1;min-width:0}.query-card-date{font-size:var(--font-size-xs);color:var(--mb-color-text-tertiary)}.query-card-actions{display:flex;gap:var(--spacing-xs);flex-shrink:0}.icon-btn-sm{padding:var(--spacing-xs);width:28px;height:28px;display:flex;align-items:center;justify-content:center}.columns-metadata-table{border:1px solid var(--mb-color-border-light);border-radius:var(--radius-md);overflow:hidden;margin-top:var(--spacing-sm)}.columns-metadata-header{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--mb-color-bg-medium);border-bottom:1px solid var(--mb-color-border-light);font-weight:600;font-size:var(--font-size-sm);color:var(--mb-color-text-primary)}.columns-metadata-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--spacing-md);padding:var(--spacing-md);border-bottom:1px solid var(--mb-color-border-light)}.columns-metadata-row:last-child{border-bottom:none}.column-cell{font-size:var(--font-size-sm);color:var(--mb-color-text-primary)}.column-name{font-weight:500}.type-badge{display:inline-block;padding:2px var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase}.type-badge.type-string{background-color:#509ee31a;color:var(--mb-color-brand)}.type-badge.type-number{background-color:#84bb4c1a;color:var(--mb-color-success)}.type-badge.type-date{background-color:#f9cf481a;color:var(--mb-color-warning)}.type-badge.type-boolean{background-color:#ef8c8c1a;color:var(--mb-color-error)}.test-result{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);border-radius:var(--radius-md);margin-top:var(--spacing-md);font-size:var(--font-size-base)}.test-result.success{background-color:#84bb4c1a;color:var(--mb-color-success);border:1px solid var(--mb-color-success)}.test-result.error{background-color:#ef8c8c1a;color:var(--mb-color-error);border:1px solid var(--mb-color-error)}.test-metadata{display:flex;gap:var(--spacing-lg);margin-top:var(--spacing-md);padding:var(--spacing-md);background-color:var(--mb-color-bg-light);border-radius:var(--radius-md);font-size:var(--font-size-sm);flex-wrap:wrap}.metadata-item{color:var(--mb-color-text-primary)}.metadata-item strong{color:var(--mb-color-text-secondary);margin-right:var(--spacing-xs)}.sample-data-table-wrapper{border:1px solid var(--mb-color-border-light);border-radius:var(--radius-md);overflow:auto;margin-top:var(--spacing-sm);max-height:400px;position:relative}.sample-data-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm);min-width:100%}.sample-data-table thead{position:sticky;top:0;z-index:10;background-color:var(--mb-color-bg-medium)}.sample-data-header-cell{padding:var(--spacing-md);background-color:var(--mb-color-bg-medium);border-bottom:2px solid var(--mb-color-border);font-weight:600;font-size:var(--font-size-sm);color:var(--mb-color-text-primary);text-align:left;white-space:nowrap;min-width:120px;position:sticky;top:0}.sample-data-header-cell:not(:last-child){border-right:1px solid var(--mb-color-border-light)}.sample-data-row{border-bottom:1px solid var(--mb-color-border-light)}.sample-data-row:last-child{border-bottom:none}.sample-data-row:hover{background-color:var(--mb-color-bg-light)}.sample-data-cell{padding:var(--spacing-md);color:var(--mb-color-text-primary);word-break:break-word;overflow-wrap:break-word;white-space:normal;min-width:120px;max-width:300px;vertical-align:top}.sample-data-cell:not(:last-child){border-right:1px solid var(--mb-color-border-light)}.sample-data-cell em{color:var(--mb-color-text-tertiary);font-style:italic}.sample-data-more{padding:var(--spacing-md);text-align:center;color:var(--mb-color-text-secondary);font-size:var(--font-size-sm);font-style:italic;background-color:var(--mb-color-bg-light)}@media(max-width:767px){.query-management-header{flex-direction:column;align-items:stretch}.query-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.query-card{padding:var(--spacing-lg)}.query-card-footer{flex-direction:column;align-items:stretch;gap:var(--spacing-sm)}.query-card-actions{justify-content:flex-end}}.appearance-management{width:100%}.appearance-loading,.appearance-error{padding:var(--spacing-2xl);text-align:center;color:var(--mb-color-text-secondary);font-size:var(--font-size-base)}.appearance-error{color:var(--mb-color-error)}.appearance-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-2xl);gap:var(--spacing-lg);flex-wrap:wrap}.appearance-title{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-xl);font-weight:600;color:var(--mb-color-text-primary)}.appearance-subtitle{margin:0;font-size:var(--font-size-base);color:var(--mb-color-text-secondary);line-height:1.5;max-width:600px}.appearance-actions{display:flex;gap:var(--spacing-md);flex-shrink:0}.appearance-tabs{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-2xl);border-bottom:2px solid var(--mb-color-border-light)}.appearance-tab{padding:var(--spacing-md) var(--spacing-lg);border:none;background:none;font-size:var(--font-size-base);font-weight:500;color:var(--mb-color-text-secondary);cursor:pointer;transition:all .2s;border-bottom:2px solid transparent;margin-bottom:-2px}.appearance-tab:hover{color:var(--mb-color-text-primary);background-color:var(--mb-color-bg-medium)}.appearance-tab.active{color:var(--mb-color-brand);border-bottom-color:var(--mb-color-brand);font-weight:600}.appearance-content{background:var(--mb-color-bg-white);border-radius:var(--radius-lg);border:1px solid var(--mb-color-border-light);overflow:hidden}.appearance-section{padding:var(--spacing-2xl)}.appearance-section-title{margin:0 0 var(--spacing-2xl) 0;font-size:var(--font-size-lg);font-weight:600;color:var(--mb-color-text-primary);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--mb-color-border-light)}.appearance-subsection-title{margin:var(--spacing-3xl) 0 var(--spacing-lg) 0;font-size:var(--font-size-base);font-weight:600;color:var(--mb-color-text-primary);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--mb-color-border-light)}.appearance-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.color-palette{display:flex;flex-direction:column;gap:var(--spacing-md)}.color-palette-item{display:flex;gap:var(--spacing-md);align-items:center}@media(max-width:767px){.appearance-header{flex-direction:column}.appearance-actions{width:100%;justify-content:stretch}.appearance-actions button{flex:1}.appearance-tabs{overflow-x:auto;flex-wrap:nowrap}.appearance-tab{white-space:nowrap;flex-shrink:0}.appearance-section{padding:var(--spacing-lg)}}.cache-management{width:100%}.cache-management-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-2xl);gap:var(--spacing-lg)}.cache-management-title{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-xl);font-weight:600;color:var(--mb-color-text-primary)}.cache-management-subtitle{margin:0;font-size:var(--font-size-base);color:var(--mb-color-text-secondary);line-height:1.5}.cache-management-actions{display:flex;gap:var(--spacing-md);align-items:center}.cache-statistics{background:var(--mb-color-bg-white);border:1px solid var(--mb-color-border-light);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.cache-statistics-title{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-lg);font-weight:600;color:var(--mb-color-text-primary)}.cache-statistics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg)}.cache-stat-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.cache-stat-label{font-size:var(--font-size-sm);color:var(--mb-color-text-secondary);font-weight:500}.cache-stat-value{font-size:var(--font-size-lg);color:var(--mb-color-text-primary);font-weight:600}.cache-keys-container{width:100%}.cache-keys-title{margin:0 0 var(--spacing-lg) 0;font-size:var(--font-size-lg);font-weight:600;color:var(--mb-color-text-primary)}.cache-keys-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.cache-key-item{background:var(--mb-color-bg-white);border:1px solid var(--mb-color-border-light);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all .2s}.cache-key-item:hover{border-color:var(--mb-color-border);box-shadow:0 2px 4px var(--mb-color-shadow)}.cache-key-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md);gap:var(--spacing-md)}.cache-key-info{display:flex;flex-wrap:wrap;gap:var(--spacing-lg);flex:1}.cache-key-field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.cache-key-label{font-size:var(--font-size-xs);color:var(--mb-color-text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.cache-key-value{font-size:var(--font-size-sm);color:var(--mb-color-text-primary);font-family:Courier New,monospace;word-break:break-word}.cache-key-hash{font-size:var(--font-size-xs);color:var(--mb-color-text-secondary);background:var(--mb-color-bg-medium);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);max-width:100%;overflow-wrap:break-word}.cache-key-query{background:var(--mb-color-bg-medium);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);max-width:100%;overflow-wrap:break-word;white-space:pre-wrap}.cache-key-actions{display:flex;gap:var(--spacing-sm);align-items:flex-start;flex-shrink:0}.cache-action-btn{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);white-space:nowrap}.cache-key-details{display:flex;flex-direction:column;gap:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--mb-color-border-light)}.loading-spinner-container{display:flex;justify-content:center;align-items:center;padding:var(--spacing-4xl)}.empty-state{text-align:center;padding:var(--spacing-4xl);color:var(--mb-color-text-secondary)}.success-message{background-color:#d4edda;color:#155724;padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid #c3e6cb}.cache-settings{background:var(--mb-color-bg-white);border:1px solid var(--mb-color-border-light);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.cache-settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.cache-settings-title{margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--mb-color-text-primary)}.cache-settings-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-switch-wrapper,.form-input-wrapper{display:flex;align-items:center;gap:var(--spacing-md)}.form-input-wrapper .form-input{flex:1;max-width:300px}.form-hint{font-size:var(--font-size-xs);color:var(--mb-color-text-secondary);font-weight:400;margin-left:var(--spacing-xs)}.form-description{margin:var(--spacing-xs) 0 0 0;font-size:var(--font-size-sm);color:var(--mb-color-text-secondary);font-style:italic}.btn-link{background:none;border:none;color:var(--mb-color-brand);cursor:pointer;font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm);text-decoration:underline;transition:color .2s}.btn-link:hover:not(:disabled){color:var(--mb-color-brand-hover)}.btn-link:disabled{opacity:.5;cursor:not-allowed}.cache-settings-form-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--mb-color-border-light)}.cache-settings-display{display:flex;flex-direction:column;gap:var(--spacing-xl)}.cache-settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg)}.cache-setting-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.cache-setting-label{font-size:var(--font-size-sm);color:var(--mb-color-text-secondary);font-weight:500}.cache-setting-value{font-size:var(--font-size-base);color:var(--mb-color-text-primary);font-weight:500;display:flex;align-items:center;gap:var(--spacing-xs)}.cache-setting-default-badge{font-size:var(--font-size-xs);color:var(--mb-color-text-secondary);font-weight:400;font-style:italic}.cache-settings-global-info{padding:var(--spacing-lg);background:var(--mb-color-bg-medium);border-radius:var(--radius-md);border:1px solid var(--mb-color-border-light)}.cache-settings-global-title{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-base);font-weight:600;color:var(--mb-color-text-primary)}.cache-settings-global-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}@media(max-width:767px){.cache-management-header{flex-direction:column;align-items:stretch}.cache-management-actions{flex-direction:column;width:100%}.cache-management-actions .btn{width:100%}.cache-key-header{flex-direction:column}.cache-key-actions{width:100%;justify-content:stretch}.cache-key-actions .btn{flex:1}.cache-statistics-grid{grid-template-columns:1fr}.cache-settings-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.cache-settings-form-actions{flex-direction:column}.cache-settings-form-actions .btn{width:100%}.form-input-wrapper{flex-direction:column;align-items:stretch}.form-input-wrapper .form-input{max-width:100%}.cache-settings-grid,.cache-settings-global-grid{grid-template-columns:1fr}}.monaco-editor-wrapper{border:1px solid var(--mb-color-border);border-radius:var(--radius-md);overflow:hidden}.monaco-editor-wrapper:focus-within{border-color:var(--mb-color-brand);box-shadow:0 0 0 3px #509ee31a}.token-management{width:100%}.token-management-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-2xl);gap:var(--spacing-lg)}.token-management-title{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-xl);font-weight:600;color:var(--mb-color-text-primary)}.token-management-subtitle{margin:0;font-size:var(--font-size-base);color:var(--mb-color-text-secondary);line-height:1.5}.token-filters{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl);flex-wrap:wrap}.filter-icon{position:absolute;left:var(--spacing-md);color:var(--mb-color-text-secondary);pointer-events:none}.filter-input{padding-left:calc(var(--spacing-md) + 18px + var(--spacing-sm))}.token-table-container{background:var(--mb-color-bg-white);border:1px solid var(--mb-color-border-light);border-radius:var(--radius-lg);overflow:hidden}.token-table{width:100%;border-collapse:collapse}.token-table thead{background-color:var(--mb-color-bg-medium)}.token-table th{padding:var(--spacing-lg);text-align:left;font-size:var(--font-size-sm);font-weight:600;color:var(--mb-color-text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--mb-color-border-light)}.token-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s}.token-table th.sortable:hover{color:var(--mb-color-text-primary)}.token-table td{padding:var(--spacing-lg);border-bottom:1px solid var(--mb-color-border-light);font-size:var(--font-size-base);color:var(--mb-color-text-primary)}.token-table tbody tr:hover{background-color:var(--mb-color-bg-medium)}.token-table tbody tr:last-child td{border-bottom:none}.token-name{font-weight:500}.token-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end}.status-badge-expired{background-color:#dc35451a;color:#dc3545}.status-badge-revoked{background-color:#6c757d1a;color:#6c757d}.status-badge-not-activated{background-color:#ffc1071a;color:#ffc107}.token-display{margin-top:var(--spacing-lg)}.token-display-warning{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-lg);background-color:#ffc1071a;border:1px solid rgba(255,193,7,.3);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);font-size:var(--font-size-sm);color:var(--mb-color-text-primary)}.warning-icon{font-size:var(--font-size-lg);flex-shrink:0}.token-display-box{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background-color:var(--mb-color-bg-medium);border:1px solid var(--mb-color-border-light);border-radius:var(--radius-md)}.token-value{flex:1;font-family:Courier New,monospace;font-size:var(--font-size-sm);color:var(--mb-color-text-primary);word-break:break-all;padding:var(--spacing-sm);background-color:var(--mb-color-bg-white);border-radius:var(--radius-sm)}.token-copy-btn{flex-shrink:0;display:flex;align-items:center;gap:var(--spacing-xs)}.revoke-warning{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-lg);background-color:#dc35451a;border:1px solid rgba(220,53,69,.3);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.revoke-warning p{margin:0;font-size:var(--font-size-base);color:var(--mb-color-text-primary)}.revoke-token-info{padding:var(--spacing-lg);background-color:var(--mb-color-bg-medium);border-radius:var(--radius-md)}.revoke-token-info p{margin:var(--spacing-sm) 0;font-size:var(--font-size-base);color:var(--mb-color-text-primary)}.revoke-token-info strong{color:var(--mb-color-text-secondary);margin-right:var(--spacing-sm)}.token-detail{width:100%}.token-detail-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-2xl)}.token-detail-title{margin:0;font-size:var(--font-size-xl);font-weight:600;color:var(--mb-color-text-primary)}.token-detail-content{display:flex;flex-direction:column;gap:var(--spacing-2xl)}.token-detail-section{background:var(--mb-color-bg-white);border:1px solid var(--mb-color-border-light);border-radius:var(--radius-lg);padding:var(--spacing-2xl)}.token-detail-section .form-group{margin-bottom:var(--spacing-lg)}.token-detail-section .form-group:last-child{margin-bottom:0}.token-detail-section label{display:block;margin-bottom:var(--spacing-sm);font-size:var(--font-size-sm);font-weight:500;color:var(--mb-color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.token-detail-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-xl)}.token-detail-actions .btn{display:flex;align-items:center;gap:var(--spacing-xs)}.radio-group{display:flex;flex-direction:column;gap:var(--spacing-md)}.radio-label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;font-size:var(--font-size-base);color:var(--mb-color-text-primary)}.radio-label input[type=radio]{width:18px;height:18px;cursor:pointer}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;font-size:var(--font-size-base);color:var(--mb-color-text-primary)}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.form-help{margin:var(--spacing-xs) 0 0 0;font-size:var(--font-size-sm);color:var(--mb-color-text-secondary);font-style:italic}.required{color:#dc3545}.loading-state,.empty-state{padding:48px var(--spacing-2xl);text-align:center;color:var(--mb-color-text-secondary);background:var(--mb-color-bg-white);border:1px solid var(--mb-color-border-light);border-radius:var(--radius-lg)}.loading-state p,.empty-state p{margin:0;font-size:var(--font-size-base)}.error-state{padding:48px var(--spacing-2xl);text-align:center;color:#dc3545;background:var(--mb-color-bg-white);border:1px solid rgba(220,53,69,.3);border-radius:var(--radius-lg)}@media(max-width:767px){.token-management-header{flex-direction:column;align-items:stretch}.token-filters{flex-direction:column}.filter-group{min-width:100%}.token-table-container{overflow-x:auto}.token-table{min-width:800px}.token-detail-section{padding:var(--spacing-lg)}.token-detail-actions{flex-direction:column}.token-detail-actions .btn{width:100%;justify-content:center}}.modules-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.modules-header label{margin-bottom:0}.btn-sm{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);display:flex;align-items:center;gap:var(--spacing-xs)}.modules-list{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.module-row{display:flex;gap:var(--spacing-md);align-items:flex-start}.module-field{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.success-message{padding:var(--spacing-lg);background-color:#28a7451a;border:1px solid rgba(40,167,69,.3);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.success-message p{margin:0;color:var(--mb-color-text-primary)}@media(max-width:767px){.module-row{flex-direction:column}.modules-header{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}}.account-key-readonly{font-family:Courier New,monospace;font-size:var(--font-size-sm);background-color:var(--mb-color-bg-medium);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);display:inline-block}.account-key-readonly code{background:none;padding:0;color:var(--mb-color-text-primary)}.account-detail{width:100%}.account-detail-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-2xl);flex-wrap:wrap}.back-btn,a.back-btn{text-decoration:none;color:inherit}.back-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;background:none;color:var(--mb-color-text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:all .2s}.back-btn:hover{background-color:var(--mb-color-bg-medium);color:var(--mb-color-text-primary)}.account-detail-title{margin:0;font-size:var(--font-size-xl);font-weight:600;color:var(--mb-color-text-primary);flex:1}.account-detail-actions{display:flex;gap:var(--spacing-md)}.account-detail-content{display:flex;flex-direction:column;gap:var(--spacing-2xl)}.account-detail-section{background:var(--mb-color-bg-white);border:1px solid var(--mb-color-border-light);border-radius:var(--radius-lg);padding:var(--spacing-2xl)}.section-title{margin:0 0 var(--spacing-xl) 0;font-size:var(--font-size-lg);font-weight:600;color:var(--mb-color-text-primary);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--mb-color-border-light)}.account-detail-section .form-group{margin-bottom:var(--spacing-lg)}.account-detail-section .form-group:last-child{margin-bottom:0}.account-detail-section label{display:block;margin-bottom:var(--spacing-sm);font-size:var(--font-size-sm);font-weight:500;color:var(--mb-color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.form-value{margin:0;font-size:var(--font-size-base);color:var(--mb-color-text-primary);padding:var(--spacing-sm) 0}.modules-table-container{margin-bottom:var(--spacing-lg);overflow-x:auto}.modules-table{width:100%;border-collapse:collapse}.modules-table thead{background-color:var(--mb-color-bg-medium)}.modules-table th{padding:var(--spacing-md) var(--spacing-lg);text-align:left;font-size:var(--font-size-sm);font-weight:600;color:var(--mb-color-text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--mb-color-border-light)}.modules-table td{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--mb-color-border-light);font-size:var(--font-size-base);color:var(--mb-color-text-primary)}.modules-table tbody tr:hover{background-color:var(--mb-color-bg-medium)}.modules-table tbody tr:last-child td{border-bottom:none}.modules-total{padding:var(--spacing-md);background-color:var(--mb-color-bg-medium);border-radius:var(--radius-md);text-align:right;font-size:var(--font-size-lg);color:var(--mb-color-text-primary)}@media(max-width:767px){.account-detail-header{flex-direction:column;align-items:stretch}.account-detail-actions{flex-direction:column;width:100%}.account-detail-actions .btn{width:100%;justify-content:center}.account-detail-section{padding:var(--spacing-lg)}}.account-management{width:100%}.account-management-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-2xl);gap:var(--spacing-lg)}.account-management-title{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-xl);font-weight:600;color:var(--mb-color-text-primary)}.account-management-subtitle{margin:0;font-size:var(--font-size-base);color:var(--mb-color-text-secondary);line-height:1.5}.account-filters{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl);flex-wrap:wrap}.filter-group{flex:1;min-width:200px}.filter-input-wrapper{position:relative;display:flex;align-items:center}.filter-input{width:100%}.account-table-container{background:var(--mb-color-bg-white);border:1px solid var(--mb-color-border-light);border-radius:var(--radius-lg);overflow:hidden}.account-table{width:100%;border-collapse:collapse}.account-table thead{background-color:var(--mb-color-bg-medium)}.account-table th{padding:var(--spacing-lg);text-align:left;font-size:var(--font-size-sm);font-weight:600;color:var(--mb-color-text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--mb-color-border-light)}.account-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s}.account-table th.sortable:hover{color:var(--mb-color-text-primary)}.sort-indicator{margin-left:var(--spacing-xs);color:var(--mb-color-brand)}.account-table td{padding:var(--spacing-lg);border-bottom:1px solid var(--mb-color-border-light);font-size:var(--font-size-base);color:var(--mb-color-text-primary)}.account-table tbody tr:hover{background-color:var(--mb-color-bg-medium)}.account-table tbody tr:last-child td{border-bottom:none}.account-name{font-weight:500}.account-code{font-family:Courier New,monospace;font-size:var(--font-size-sm)}.account-key-cell{font-family:Courier New,monospace}.account-key-preview{font-size:var(--font-size-xs);color:var(--mb-color-text-secondary)}.actions-column{width:120px;text-align:right}.account-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end}.status-badge{display:inline-block;padding:4px var(--spacing-md);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge-active{background-color:#28a7451a;color:#28a745}.status-badge-deactivated{background-color:#6c757d1a;color:#6c757d}@media(max-width:767px){.account-management-header{flex-direction:column;align-items:stretch}.account-filters{flex-direction:column}.filter-group{min-width:100%}.account-table-container{overflow-x:auto}.account-table{min-width:1000px}}.admin-page{display:flex;flex-direction:column;height:100vh;background-color:var(--mb-color-bg-light)}.admin-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;background:var(--mb-color-bg-white);border-bottom:1px solid var(--mb-color-border-light);box-shadow:0 1px 2px var(--mb-color-shadow);flex-shrink:0}.admin-header-left{display:flex;align-items:center;gap:16px;flex:1}.admin-title{margin:0;font-size:20px;font-weight:600;color:var(--mb-color-text-primary);letter-spacing:-.2px}.admin-user-name{font-size:14px;font-weight:500;color:var(--mb-color-text-secondary);padding:6px 12px;background-color:var(--mb-color-bg-medium);border-radius:var(--radius-sm)}.admin-container{display:flex;flex:1;overflow:hidden}.admin-sidebar{width:240px;background-color:var(--mb-color-bg-white);border-right:1px solid var(--mb-color-border-light);flex-shrink:0;overflow-y:auto}.admin-nav{display:flex;flex-direction:column;padding:16px 0}.admin-nav-item,a.admin-nav-item{text-decoration:none;color:inherit}.admin-nav-item{padding:12px 24px;border:none;background:none;text-align:left;font-size:14px;font-weight:500;color:var(--mb-color-text-secondary);cursor:pointer;transition:all .2s;border-left:3px solid transparent}.admin-nav-item:hover{background-color:var(--mb-color-bg-medium);color:var(--mb-color-text-primary)}.admin-nav-item.active{background-color:#509ee31a;color:var(--mb-color-brand);border-left-color:var(--mb-color-brand);font-weight:600}.admin-nav-item-hidden{display:none}.admin-content{flex:1;overflow-y:auto;padding:24px;background-color:var(--mb-color-bg-light)}.admin-section{background:var(--mb-color-bg-white);border-radius:8px;border:1px solid var(--mb-color-border-light);margin-bottom:24px;overflow:hidden}.admin-section-hidden{display:none}.admin-section-title{margin:0;padding:20px 24px;font-size:16px;font-weight:600;color:var(--mb-color-text-primary);background-color:var(--mb-color-bg-medium);border-bottom:1px solid var(--mb-color-border-light)}.admin-section-content{padding:24px}.admin-placeholder{color:var(--mb-color-text-secondary);font-size:14px;margin:0;font-style:italic}@media(max-width:767px){.admin-header{padding:12px 16px;gap:12px}.admin-title{font-size:18px}.admin-container{flex-direction:column}.admin-sidebar{width:100%;border-right:none;border-bottom:1px solid var(--mb-color-border-light)}.admin-nav{flex-direction:row;overflow-x:auto;padding:0}.admin-nav-item{padding:12px 16px;white-space:nowrap;border-left:none;border-bottom:3px solid transparent}.admin-nav-item.active{border-left:none;border-bottom-color:var(--mb-color-brand)}.admin-content{padding:16px}.admin-section{margin-bottom:16px}.admin-section-title{padding:16px;font-size:15px}.admin-section-content{padding:16px}}.tenant-guard-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:var(--mb-color-bg-light)}.tenant-guard-spinner{width:48px;height:48px;border:3px solid var(--mb-color-border-light);border-top-color:var(--mb-color-brand);border-radius:50%;animation:spin .8s linear infinite}.auth-guard-loading{display:flex;justify-content:center;align-items:center;min-height:100vh;width:100%}.auth-guard-spinner{width:40px;height:40px;border:4px solid var(--mb-color-border, #e0e0e0);border-top-color:var(--mb-color-primary, #007bff);border-radius:50%;animation:spin 1s linear infinite}.login-page{display:flex;justify-content:center;align-items:center;min-height:100vh;width:100%;background-color:var(--mb-color-bg-light);padding:var(--spacing-xl)}.login-card{background:var(--mb-color-bg-white);border-radius:var(--radius-lg);padding:0;box-shadow:0 4px 24px var(--mb-color-shadow);max-width:420px;width:100%;border:1px solid var(--mb-color-border-light);overflow:hidden}.login-header{padding:var(--spacing-3xl) var(--spacing-3xl) var(--spacing-xl);text-align:center;background:linear-gradient(180deg,var(--mb-color-bg-medium) 0%,var(--mb-color-bg-white) 100%);border-bottom:1px solid var(--mb-color-border-light)}.login-logo{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;background:var(--mb-color-brand);border-radius:16px;margin-bottom:var(--spacing-lg);color:#fff;box-shadow:0 4px 12px #509ee34d}.login-logo svg{width:40px;height:40px}.login-title{font-size:var(--font-size-3xl);font-weight:600;margin:0 0 var(--spacing-sm) 0;color:var(--mb-color-text-primary);letter-spacing:-.5px}.login-subtitle{font-size:var(--font-size-base);color:var(--mb-color-text-secondary);margin:0;line-height:1.5}.login-content{padding:var(--spacing-2xl) var(--spacing-3xl)}.login-btn{width:100%;padding:14px var(--spacing-xl);font-size:var(--font-size-base);font-weight:500;border-radius:var(--radius-md);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:var(--spacing-md)}.login-btn.btn-primary{background-color:var(--mb-color-brand);color:#fff;border:none}.login-btn.btn-primary:hover{background-color:var(--mb-color-brand-hover);transform:translateY(-1px);box-shadow:0 4px 12px #509ee34d}.login-btn.btn-secondary{background-color:var(--mb-color-bg-white);color:var(--mb-color-text-primary);border:1px solid var(--mb-color-border)}.login-btn.btn-secondary:hover{background-color:var(--mb-color-bg-medium);border-color:var(--mb-color-border)}.login-divider{display:flex;align-items:center;margin:var(--spacing-xl) 0}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background-color:var(--mb-color-border-light)}.login-divider span{padding:0 var(--spacing-lg);color:var(--mb-color-text-tertiary);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.5px}.login-footer{padding:var(--spacing-lg) var(--spacing-3xl);text-align:center;background-color:var(--mb-color-bg-light);border-top:1px solid var(--mb-color-border-light)}.login-footer p{margin:0;font-size:var(--font-size-sm);color:var(--mb-color-text-tertiary)}.login-loading{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);color:var(--mb-color-text-secondary)}.login-loading p{margin:0;font-size:var(--font-size-base)}.login-spinner{width:40px;height:40px;border:3px solid var(--mb-color-border);border-top-color:var(--mb-color-brand);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}:root{--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 24px;--spacing-3xl: 32px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-md: 13px;--font-size-base: 14px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 20px;--font-size-3xl: 28px;--z-index-modal: 1500;--z-index-modal-overlay: 2000;--z-index-dropdown: 1000}.modal-overlay{position:fixed;inset:0;background-color:#2e353899;display:flex;align-items:center;justify-content:center;z-index:var(--z-index-modal);padding:var(--spacing-xl);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-overlay.high-z{z-index:var(--z-index-modal-overlay)}.modal-content{background:var(--mb-color-bg-white);border-radius:var(--radius-lg);width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #0003;display:flex;flex-direction:column;border:1px solid var(--mb-color-border-light)}.modal-content.large{max-width:1400px;width:95%;height:90vh;max-height:90vh;overflow:hidden}.modal-content.medium{max-width:800px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xl) var(--spacing-2xl);border-bottom:1px solid var(--mb-color-border-light);background-color:var(--mb-color-bg-white);flex-shrink:0}.modal-header h2,.modal-header h3{margin:0;font-size:var(--font-size-2xl);font-weight:600;color:var(--mb-color-text-primary);letter-spacing:-.2px}.modal-header h3{font-size:var(--font-size-xl)}.modal-body{padding:var(--spacing-2xl);overflow-y:auto;flex:1}.modal-footer{display:flex;justify-content:flex-end;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-2xl);border-top:1px solid var(--mb-color-border-light);background-color:var(--mb-color-bg-white);flex-shrink:0}.close-btn{background:none;border:none;cursor:pointer;color:var(--mb-color-text-secondary);padding:var(--spacing-sm);min-width:36px;min-height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:all .2s;line-height:1}.close-btn svg{width:20px;height:20px;stroke:currentColor;fill:none}.close-btn:hover{background-color:var(--mb-color-bg-medium);color:var(--mb-color-text-primary)}.form-group{margin-bottom:var(--spacing-2xl)}.form-group:last-child{margin-bottom:0}.form-group label{display:block;margin-bottom:var(--spacing-sm);font-weight:500;color:var(--mb-color-text-primary);font-size:var(--font-size-md)}.form-group small{display:block;margin-top:var(--spacing-xs);color:var(--mb-color-text-secondary);font-size:var(--font-size-sm)}.form-input,.form-textarea,.form-select{width:100%;padding:10px var(--spacing-md);border:1px solid var(--mb-color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);font-family:inherit;transition:all .2s;background-color:var(--mb-color-bg-white);color:var(--mb-color-text-primary)}.form-input::placeholder,.form-textarea::placeholder{color:var(--mb-color-text-tertiary)}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--mb-color-brand);box-shadow:0 0 0 3px #509ee31a}.form-textarea{resize:vertical;min-height:60px;line-height:1.5}.form-select{cursor:pointer}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl)}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;font-size:var(--font-size-base);color:var(--mb-color-text-primary);margin-bottom:0}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;margin:0;accent-color:var(--mb-color-brand)}.btn{padding:10px var(--spacing-xl);border:none;border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{padding:10px var(--spacing-xl);border:none;border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);background-color:var(--mb-color-brand);color:#fff}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-primary:hover:not(:disabled){background-color:var(--mb-color-brand-hover)}.btn-secondary{padding:10px var(--spacing-xl);border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);border:1px solid var(--mb-color-border);background-color:var(--mb-color-bg-white);color:var(--mb-color-text-primary)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary:hover:not(:disabled){background-color:var(--mb-color-bg-medium);border-color:var(--mb-color-border)}.btn-danger{padding:10px var(--spacing-xl);border:none;border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);background-color:var(--mb-color-error);color:#fff}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.btn-danger:hover:not(:disabled){opacity:.9}.icon-btn{background:none;border:none;cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-md);transition:all .2s;display:flex;align-items:center;justify-content:center;color:var(--mb-color-text-secondary);min-width:36px;min-height:36px;line-height:1;text-decoration:none}a.icon-btn{text-decoration:none;color:var(--mb-color-text-secondary)}.icon-btn svg{width:18px;height:18px;stroke:currentColor;fill:none}.icon-btn:hover{background-color:var(--mb-color-bg-medium);color:var(--mb-color-text-primary)}.icon-btn:active{transform:scale(.95)}.icon-btn-danger{color:#ef4444}.icon-btn-danger:hover{background-color:#ef44441a;color:#ef4444}.tabs{display:flex;border-bottom:1px solid var(--mb-color-border-light);padding:0 var(--spacing-xl);gap:var(--spacing-sm);overflow-x:hidden;overflow-y:hidden;background-color:var(--mb-color-bg-white);flex-wrap:nowrap}.tab-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:var(--font-size-md);font-weight:500;color:var(--mb-color-text-secondary);transition:all .2s;white-space:nowrap;margin-bottom:-1px}.tab-btn:hover{color:var(--mb-color-text-primary);background-color:var(--mb-color-bg-medium)}.tab-btn.active{color:var(--mb-color-brand);border-bottom-color:var(--mb-color-brand);background-color:transparent}.tab-icon{font-size:var(--font-size-lg)}.tab-label{font-size:var(--font-size-base)}.tab-panel{animation:fadeIn .2s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.empty-state{padding:48px var(--spacing-2xl);text-align:center;color:var(--mb-color-text-secondary)}.empty-state p{margin:0;font-size:var(--font-size-base)}.error-message{background-color:#ef8c8c1a;color:var(--mb-color-error);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);margin-bottom:var(--spacing-xl);border:1px solid var(--mb-color-error);font-size:var(--font-size-base)}.success-message{background-color:#84bb4c1a;color:var(--mb-color-success);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);margin-bottom:var(--spacing-xl);border:1px solid var(--mb-color-success);font-size:var(--font-size-base)}*{box-sizing:border-box}:root{--mb-color-brand: #509EE3;--mb-color-brand-hover: #3D7FB8;--mb-color-text-primary: #2E3538;--mb-color-text-secondary: #6B808C;--mb-color-text-tertiary: #94A1AB;--mb-color-bg-white: #FFFFFF;--mb-color-bg-light: #F8F9FA;--mb-color-bg-medium: #EDF2F5;--mb-color-border: #DCE4E9;--mb-color-border-light: #E9EDF0;--mb-color-shadow: rgba(0, 0, 0, .08);--mb-color-shadow-hover: rgba(0, 0, 0, .12);--mb-color-success: #84BB4C;--mb-color-error: #EF8C8C;--mb-color-warning: #F9CF48;--mb-color-info: #509EE3}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--mb-color-bg-light);color:var(--mb-color-text-primary)}.app{width:100%;min-height:100vh;background-color:var(--mb-color-bg-light)}