.theme-switcher{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:var(--mb-color-bg-white);border:1px solid var(--mb-color-border);border-radius:8px;color:var(--mb-color-text-secondary);cursor:pointer;transition:color .2s,border-color .2s,background .2s}.theme-switcher:hover{color:var(--mb-color-text-primary);border-color:var(--mb-color-brand);background:var(--mb-color-bg-light)}.theme-switcher:focus{outline:none;border-color:var(--mb-color-brand);box-shadow:0 0 0 2px #509ee340}.theme-switcher__icon{flex-shrink:0}.language-switcher{position:relative;display:flex;align-items:center}.language-switcher__trigger{display:flex;align-items:center;gap:.35rem;height:36px;min-height:36px;padding:0 .5rem;font-size:.875rem;color:var(--mb-color-text-primary);background:var(--mb-color-bg-white);border:1px solid var(--mb-color-border);border-radius:8px;cursor:pointer;min-width:0;box-sizing:border-box}.language-switcher__trigger:hover{border-color:var(--mb-color-brand);background:var(--mb-color-bg-light)}.language-switcher__trigger:focus{outline:none;border-color:var(--mb-color-brand);box-shadow:0 0 0 2px #509ee333}.language-switcher__trigger-text{white-space:nowrap}.language-switcher__chevron{flex-shrink:0;opacity:.7;transition:transform .15s ease}.language-switcher--open .language-switcher__chevron{transform:rotate(180deg)}.language-switcher__dropdown{position:absolute;top:calc(100% + 4px);right:0;min-width:160px;margin:0;padding:4px 0;list-style:none;background:var(--mb-color-dropdown-bg);border:none;border-radius:8px;box-shadow:0 4px 12px #0003;z-index:1001}.language-switcher__option{display:flex;align-items:center;gap:.5rem;padding:.5rem 12px;font-size:.875rem;color:var(--mb-color-dropdown-text);cursor:pointer;white-space:nowrap}.language-switcher__option:hover{background:var(--mb-color-dropdown-hover)}.language-switcher__option--selected{background:var(--mb-color-dropdown-selected)}.language-switcher__option-code{font-weight:600;min-width:1.5rem;color:var(--mb-color-dropdown-text);opacity:.9}.language-switcher__option-name{flex:1;color:var(--mb-color-dropdown-text)}.language-switcher__check{flex-shrink:0;margin-left:auto;color:var(--mb-color-dropdown-text)}.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}.mobile-header-menu{display:none;position:relative}.mobile-menu-trigger{flex-shrink:0}.hamburger-icon{position:relative;width:18px;height:2px;background-color:currentColor;border-radius:2px;display:inline-block}.hamburger-icon:before,.hamburger-icon:after{content:"";position:absolute;left:0;width:18px;height:2px;background-color:currentColor;border-radius:2px}.hamburger-icon:before{top:-6px}.hamburger-icon:after{top:6px}.mobile-menu-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:230px;background:var(--mb-color-bg-white);border:1px solid var(--mb-color-border-light);border-radius:8px;box-shadow:0 8px 24px var(--mb-color-shadow-hover);padding:10px;z-index:var(--z-index-dropdown, 1200)}.mobile-menu-user-info{display:flex;flex-direction:column;gap:6px;padding:8px;background-color:var(--mb-color-bg-light);border-radius:6px;margin-bottom:8px}.mobile-menu-user-name{font-size:14px;font-weight:600;color:var(--mb-color-text-primary)}.mobile-menu-actions{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.user-name{display:flex;align-items:center;gap:8px;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}.user-name .role-badge{font-size:11px;font-weight:600;color:var(--mb-color-brand, #509ee3);background-color:var(--mb-color-primary-light, #e8f0fe);padding:2px 8px;border-radius:10px;white-space:nowrap;cursor:help}.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}.kpi-chart{height:100%;width:100%;padding:0;margin:0;overflow:hidden}.dashboard-kpi-chart-tooltip{pointer-events:none}.dashboard-kpi-tooltip-card{min-width:132px;max-width:220px;padding:8px 10px;border:1px solid var(--mb-color-border-light);border-radius:8px;background:var(--mb-color-bg-white);box-shadow:0 6px 18px #10182824;color:var(--mb-color-text-primary);font-size:12px;line-height:1.35}.dashboard-kpi-tooltip-category{margin-bottom:4px;color:var(--mb-color-text-secondary);font-size:11px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-kpi-tooltip-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.dashboard-kpi-tooltip-label{color:var(--mb-color-text-secondary);font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-kpi-tooltip-value{color:var(--mb-color-text-primary);font-weight:700;white-space:nowrap}.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;color:var(--mb-color-text-primary)}.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-list{padding:16px}.dashboard-list-header{align-items:flex-start;gap:10px;margin-bottom:20px}.dashboard-list-title-wrapper{align-items:flex-start;flex-direction:column;gap:8px;min-width:0;flex:1}.dashboard-list-header h1{font-size:28px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.tenant-badge{margin-top:0}.desktop-actions{display:none}.mobile-header-menu{display:block}.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}.tooltip-trigger{display:inline-flex;pointer-events:auto;position:relative;align-items:center;cursor:inherit;background:transparent;border:none;box-shadow:none;padding:0;margin:0}.tooltip{background-color:#000000f2;color:#fff;padding:8px 12px;border-radius:6px;font-size:12px;font-weight:500;white-space:normal;word-wrap:break-word;overflow-wrap:anywhere;box-sizing:border-box;pointer-events:none;box-shadow:0 4px 12px #00000040;line-height:1.4;letter-spacing:.3px;animation:tooltipFadeIn .3s ease}@keyframes tooltipFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.tooltip-arrow{position:absolute;width:0;height:0;border-style:solid}.tooltip-top .tooltip-arrow{bottom:-6px;left:var(--tooltip-arrow-left, 50%);transform:translate(-50%);border-width:6px 6px 0 6px;border-color:rgba(0,0,0,.95) transparent transparent transparent}.tooltip-bottom .tooltip-arrow{top:-6px;left:var(--tooltip-arrow-left, 50%);transform:translate(-50%);border-width:0 6px 6px 6px;border-color:transparent transparent rgba(0,0,0,.95) transparent}.tooltip-left .tooltip-arrow{right:-6px;top:var(--tooltip-arrow-top, 50%);transform:translateY(-50%);border-width:6px 0 6px 6px;border-color:transparent transparent transparent rgba(0,0,0,.95)}.tooltip-right .tooltip-arrow{left:-6px;top:var(--tooltip-arrow-top, 50%);transform:translateY(-50%);border-width:6px 6px 6px 0;border-color:transparent rgba(0,0,0,.95) transparent transparent}.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:border-color .2s ease,box-shadow .2s ease,background-color .2s ease;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 #509ee31f}.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-xs)}.multi-select-single-value{color:var(--mb-color-text-primary);font-size:var(--font-size-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase}.filter-topbar .multi-select-placeholder,.filter-topbar .multi-select-single-value{font-size:var(--font-size-xs)}.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:var(--mb-color-bg-white);border:1px solid var(--mb-color-border-light);border-radius:var(--radius-lg);box-shadow:0 8px 24px #1018281f;z-index:var(--z-index-dropdown);max-height:340px;overflow:hidden;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:10px;border-bottom:1px solid var(--mb-color-border-light);background-color:var(--mb-color-bg-white)}.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:8px 12px 8px 36px;border:1px solid var(--mb-color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;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-secondary);font-size:var(--font-size-xs)}.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:8px;max-height:280px;overflow-y:auto}.multi-select-apply{display:flex;justify-content:flex-end;padding:10px;border-top:1px solid var(--mb-color-border-light);background-color:var(--mb-color-bg-white)}.multi-select-apply-button{min-width:96px}.multi-select-option{display:flex;align-items:center;gap:10px;padding:8px 10px;cursor:pointer;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:400;line-height:1.25;color:var(--mb-color-text-primary);font-family:inherit;border:1px solid transparent;transition:background-color .18s ease,color .18s ease,border-color .18s ease;-webkit-user-select:none;user-select:none}.multi-select-option-select-all{border-bottom:1px solid var(--mb-color-border-light);margin-bottom:4px;padding-bottom:10px;color:var(--mb-color-text-secondary)}.multi-select-option-checkbox{appearance:none;-webkit-appearance:none;width:18px;height:18px;margin:0;border:1px solid var(--mb-color-border);border-radius:4px;background:var(--mb-color-bg-white);display:inline-flex;align-items:center;justify-content:center;position:relative;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease;flex-shrink:0}.multi-select-option-checkbox:after{content:"";width:9px;height:5px;border:2px solid transparent;border-top:0;border-right:0;transform:rotate(-45deg) scale(.9);opacity:0;transition:opacity .15s ease}.multi-select-option-checkbox:hover{border-color:var(--mb-color-brand)}.multi-select-option-checkbox:focus-visible{outline:none;border-color:var(--mb-color-brand);box-shadow:0 0 0 3px #509ee31f}.multi-select-option-checkbox:checked{border-color:var(--mb-color-brand);background:var(--mb-color-bg-white)}.multi-select-option-checkbox:checked:after{border-color:var(--mb-color-brand);opacity:1}.multi-select-option-text{flex:1;min-width:0;color:var(--mb-color-text-primary);font-size:var(--font-size-sm);font-weight:500;line-height:1.25;font-family:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase}.multi-select-option-select-all .multi-select-option-text{color:var(--mb-color-text-secondary)}.multi-select-option.selected{background-color:transparent;color:var(--mb-color-text-primary);border-color:transparent}.multi-select-dropdown-topbar .multi-select-option{padding:8px 10px;font-size:var(--font-size-sm);gap:6px}.multi-select-dropdown-topbar .multi-select-option-checkbox{width:15px;height:15px}.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-dropdown-topbar .multi-select-apply{padding:8px}.multi-select-option:hover,.multi-select-option.selected:hover{background-color:var(--mb-color-bg-light)}.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;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.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:grid;grid-template-columns:repeat(6,minmax(0,1fr));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);min-width:0;width:100%}.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{width:100%;min-height:38px;padding:6px 12px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;color:var(--mb-color-text-secondary);font-size:var(--font-size-base);background-color:var(--mb-color-bg-light);border:1px solid var(--mb-color-border-light);border-radius:var(--radius-md);font-style:italic}.filter-topbar .filter-input-loading{min-height:34px;padding:5px 12px;font-size:var(--font-size-sm)}.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);font-size:var(--font-size-xs)}.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-clear-btn{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;padding:0;border:none;border-radius:50%;background-color:var(--mb-color-bg-medium, #e8ecee);color:var(--mb-color-text-secondary);cursor:pointer;transition:all .15s;flex-shrink:0}.filter-clear-btn:hover{background-color:var(--mb-color-error, #e65050);color:#fff}.filter-linked-badge{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}.unified-date-picker{position:relative;width:100%}.unified-date-picker>.tooltip-trigger{width:100%}.unified-date-trigger{width:100%;min-height:38px;border:1px solid var(--mb-color-border);border-radius:var(--radius-md);background:var(--mb-color-bg-white);color:var(--mb-color-text-primary);text-align:left;padding:6px 12px;cursor:pointer;font-size:var(--font-size-sm);transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.unified-date-trigger:hover{border-color:var(--mb-color-border);background:var(--mb-color-bg-light)}.unified-date-trigger:focus-visible{outline:none;border-color:var(--mb-color-brand);box-shadow:0 0 0 3px #509ee31f}.unified-date-trigger-text{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unified-date-trigger-text.is-placeholder{color:var(--mb-color-text-tertiary);font-size:var(--font-size-xs)}.unified-date-panel{position:fixed;z-index:2300;background:var(--mb-color-bg-white);border:1px solid var(--mb-color-border-light);border-radius:var(--radius-lg);box-shadow:0 8px 24px #1018281f;padding:10px;display:flex;flex-direction:column;gap:10px;overflow-y:auto}.unified-date-main-options{display:flex;flex-direction:column;gap:2px}.unified-date-main-options button,.unified-date-tabs button,.unified-date-pill-grid button,.unified-date-back{border:1px solid transparent;background:transparent;color:var(--mb-color-text-primary);padding:8px 10px;border-radius:var(--radius-sm);text-align:left;cursor:pointer;font-size:var(--font-size-sm);font-weight:500;line-height:1.25;transition:background-color .18s ease,color .18s ease,border-color .18s ease}.unified-date-main-options button:hover,.unified-date-tabs button:hover,.unified-date-pill-grid button:hover,.unified-date-back:hover{background:var(--mb-color-bg-light)}.unified-date-back{display:inline-flex;align-items:center;gap:6px;width:fit-content;color:var(--mb-color-text-secondary)}.unified-date-tabs{display:flex;border-bottom:1px solid var(--mb-color-border-light);margin-bottom:10px;gap:2px}.unified-date-tabs button.active{color:var(--mb-color-brand);border-bottom:2px solid var(--mb-color-brand);border-radius:0;background:transparent}.unified-date-pill-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.unified-date-pill-grid button{border:1px solid var(--mb-color-border);border-radius:999px;text-align:center;background:var(--mb-color-bg-white);min-height:34px;padding:6px 10px}.unified-date-editor{display:flex;flex-direction:column;gap:8px;background:transparent;border:none;border-radius:0;padding:0}.unified-date-inline{display:flex;gap:8px}.unified-date-editor .form-input,.unified-date-editor .form-select{min-height:34px;padding:4px 10px;font-size:var(--font-size-sm)}.unified-date-checkbox{display:inline-flex;align-items:center;gap:8px;font-size:var(--font-size-sm);color:var(--mb-color-text-secondary);padding-left:2px}.unified-date-editor .btn{align-self:flex-end;min-width:112px;min-height:34px;padding:6px 12px}.unified-date-main-options button:nth-child(3),.unified-date-main-options button:nth-child(6),.unified-date-main-options button:nth-child(9){margin-top:6px;border-top:1px solid var(--mb-color-border-light);border-top-left-radius:0;border-top-right-radius:0;padding-top:10px}.filter-topbar .unified-date-trigger{min-height:34px;padding:5px 12px;font-size:var(--font-size-sm)}@media(max-width:768px){.filter-display-filters,.filter-topbar .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}}.widget-filter-manager{margin-top:0;padding:0;display:block;width:100%;box-sizing:border-box}.dashboard-filter-ignore-manager{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--mb-color-border)}.dashboard-filter-ignore-header{margin-bottom:var(--spacing-md)}.dashboard-filter-ignore-header h4{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-md);font-weight:600;color:var(--mb-color-text)}.dashboard-filter-ignore-header p{margin:0;font-size:var(--font-size-sm);color:var(--mb-color-text-secondary)}.dashboard-filter-ignore-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.dashboard-filter-ignore-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);border:1px solid var(--mb-color-border);border-radius:var(--radius-md);background-color:var(--mb-color-background);cursor:pointer}.dashboard-filter-ignore-item:hover{background-color:var(--mb-color-background-hover)}.dashboard-filter-ignore-content{display:flex;flex-direction:column;min-width:0}.dashboard-filter-ignore-name{font-size:var(--font-size-sm);font-weight:600;color:var(--mb-color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-filter-ignore-meta{font-size:var(--font-size-xs);color:var(--mb-color-text-secondary)}.dashboard-filter-ignore-state{padding:2px 6px;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;white-space:nowrap}.dashboard-filter-ignore-state.applied{color:var(--mb-color-success);background-color:#22c55e1a}.dashboard-filter-ignore-state.ignored{color:var(--mb-color-warning);background-color:#f59e0b1f}.dashboard-filter-ignore-empty{padding:var(--spacing-md)}.widget-filter-manager-header{display:flex;justify-content:flex-end;align-items:center;margin-bottom:var(--spacing-sm)}.widget-filter-reorder-hint{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-xs);color:var(--mb-color-text-secondary);line-height:1.45}.widget-filter-reorder-hint--desktop{display:none}.widget-filter-reorder-group{display:flex;flex-direction:row;align-items:center;gap:2px;flex-shrink:0}.widget-filter-step-buttons{display:flex;flex-direction:column;gap:0;flex-shrink:0}.widget-filter-drag-handle{display:none;flex-shrink:0;align-items:center;justify-content:center;padding:4px 2px;margin:0;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--mb-color-text-secondary);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.widget-filter-drag-handle:hover{color:var(--mb-color-text);background-color:var(--mb-color-background-hover)}.widget-filter-drag-handle:active{cursor:grabbing}.widget-filter-drag-handle:focus-visible{outline:2px solid var(--mb-color-primary, #2563eb);outline-offset:2px}@media(min-width:64rem){.widget-filter-step-buttons{display:none}.widget-filter-drag-handle{display:flex}.widget-filter-reorder-hint--mobile{display:none}.widget-filter-reorder-hint--desktop{display:block}}.widget-filter-step-btn{display:flex;align-items:center;justify-content:center;padding:2px;min-width:28px;min-height:22px;margin:0;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--mb-color-text-secondary);cursor:pointer;line-height:0}.widget-filter-step-btn:hover:not(:disabled){color:var(--mb-color-text);background-color:var(--mb-color-background-hover)}.widget-filter-step-btn:disabled{opacity:.35;cursor:not-allowed}.widget-filter-step-btn:focus-visible{outline:2px solid var(--mb-color-primary, #2563eb);outline-offset:1px}.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-list.filter-drag-active .widget-filter-item-actions,.widget-filter-list.filter-drag-active .widget-filter-step-buttons{pointer-events:none}.widget-filter-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--spacing-sm);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,border-color .15s,box-shadow .15s;min-width:0;max-width:100%;box-sizing:border-box}.widget-filter-item.drag-over{border-color:var(--mb-color-primary, #2563eb);box-shadow:0 0 0 1px var(--mb-color-primary, #2563eb)}.widget-filter-item:hover{background-color:var(--mb-color-background-hover)}.widget-filter-item.disabled{opacity:.6}.widget-filter-item-content{min-width:0;max-width:100%}.widget-filter-item-header{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs);flex-wrap:wrap;min-width:0}.widget-filter-field{font-weight:600;font-size:var(--font-size-sm);color:var(--mb-color-text);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1 auto}.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;flex-shrink:0}.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;flex-shrink:0}.widget-filter-item-details{display:flex;flex-wrap:wrap;gap:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-xs);color:var(--mb-color-text-secondary);min-width:0}.widget-filter-item-actions{display:flex;gap:var(--spacing-xs);flex-shrink:0}.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-content.large{max-width:1400px;width:95%;height:90vh;max-height:90vh;min-height:0;overflow:hidden}.modal-body-split{display:grid;grid-template-columns:1fr 1fr;gap:0;flex:1;overflow:hidden;min-height:0}.modal-body-split>*{min-width:0}.modal-form-section{border-right:1px solid var(--mb-color-border-light);overflow-y:auto;overflow-x:hidden;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;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.modal-form-section .tabs .tab-btn{flex:0 0 auto}.modal-form-section .tabs::-webkit-scrollbar{display:none}.modal-preview-section{background-color:var(--mb-color-bg-light);display:flex;flex-direction:column;overflow:hidden;min-height:0}.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:auto;display:flex;align-items:center;justify-content:center;background-color:var(--mb-color-bg-light);flex:1;width:100%;min-height:0;max-width:100%;box-sizing:border-box}.preview-widget-wrapper{width:100%;max-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:auto;display:flex;flex-direction:column;position:relative;box-sizing:border-box}.preview-widget-wrapper--board-size{width:auto;height:auto;max-width:none}.preview-widget-scale-inner{display:flex;flex-direction:column;min-height:0;box-sizing:border-box}.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:auto;padding:4px;min-height:0}.preview-widget-wrapper .widget-content>div{height:100%;width:100%;min-width:0;min-height:0;max-width:100%;box-sizing:border-box}.preview-widget-wrapper .widget-title-section{min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:break-word}.preview-widget-wrapper .widget-header h3,.preview-widget-wrapper .widget-description{overflow-wrap:anywhere;word-break:break-word;white-space:normal}.preview-widget-wrapper .widget-error,.preview-widget-wrapper .widget-empty{min-height:min(120px,40vh);max-height:100%;padding:var(--spacing-md);box-sizing:border-box;overflow:auto}.preview-widget-wrapper .error-message,.preview-widget-wrapper .empty-message{max-width:100%;overflow-wrap:anywhere;word-break:break-word}.widget-form{padding:var(--spacing-2xl);flex:1;display:flex;flex-direction:column}.widget-form--no-padding{padding:0}.title-input-with-align{display:flex;flex-wrap:wrap;gap:var(--spacing-md);align-items:stretch}.title-input-with-align .title-input-field{flex:1 0 12rem;min-width:0;max-width:100%}.title-alignment-buttons{display:flex;flex:0 0 auto;max-width:100%;border:1px solid var(--mb-color-border);border-radius:var(--radius-md);overflow:hidden;background:var(--mb-color-bg-white)}@media(max-width:36rem){.title-input-with-align .title-input-field,.title-input-with-align .title-alignment-buttons{flex:1 1 100%}}.title-align-btn{display:flex;align-items:center;justify-content:center;padding:8px 10px;background:transparent;border:none;border-right:1px solid var(--mb-color-border-light);cursor:pointer;color:var(--mb-color-text-secondary);line-height:0}.title-align-btn:last-child{border-right:none}.title-align-btn:focus-visible{outline:2px solid var(--mb-color-brand);outline-offset:-2px;position:relative;z-index:1}.title-align-btn.active:focus-visible{outline-color:#fff}.title-align-btn:hover{background:var(--mb-color-bg-medium);color:var(--mb-color-text-primary)}.title-align-btn.active{background:var(--mb-color-brand);color:#fff}.title-align-btn.active:hover{color:#fff}.tab-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-2xl);background-color:var(--mb-color-bg-white)}.tab-content--no-padding{padding:0}.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-text-input{flex:1;font-family:Courier New,monospace}.metric-adornment-section{margin-bottom:var(--spacing-lg)}.metric-adornment-section-title{margin-bottom:var(--spacing-sm);font-size:var(--font-size-sm);font-weight:600;color:var(--mb-color-text-primary)}.metric-adornment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-md)}.metric-adornment-card{border:1px solid var(--mb-color-border-light);border-radius:var(--radius-md);padding:var(--spacing-md);background:var(--mb-color-bg-white)}.metric-adornment-card .form-row{margin-bottom:var(--spacing-sm)}.metric-icon-picker{position:relative}.metric-icon-picker-trigger{display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--mb-color-border-light);border-radius:var(--radius-md);background:var(--mb-color-bg-white);color:var(--mb-color-text-primary);cursor:pointer;font-size:var(--font-size-sm);text-align:left}.metric-icon-picker-trigger svg{color:var(--mb-color-brand);font-size:16px}.metric-icon-picker-trigger span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.metric-icon-picker-trigger code{color:var(--mb-color-text-secondary);font-size:11px}@media(max-width:768px){.metric-adornment-grid{grid-template-columns:1fr}}.range-value{display:inline-block;margin-left:var(--spacing-md);font-weight:600;color:var(--mb-color-brand);min-width:40px}.gauge-config-layout .form-row{grid-template-columns:1fr;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.gauge-config-layout .form-group{margin-bottom:0}.gauge-config-layout .form-group:last-child{margin-bottom:0}.gauge-config-layout .switch-label{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.gauge-config-layout .switch-text{order:-1;padding-left:0;line-height:1.4}.table-column-search-row{display:flex;gap:var(--spacing-sm);align-items:stretch;margin-bottom:var(--spacing-lg)}.table-column-search-row .form-input{flex:1;min-width:0}.table-column-search-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;min-width:44px;padding:0 var(--spacing-sm);background:var(--mb-color-brand);color:#fff;border-radius:var(--radius-md);border:1px solid var(--mb-color-brand)}.table-column-search-icon svg{display:block}.columns-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.column-search-box{position:sticky;top:0;z-index:1;background:var(--mb-color-bg-white);padding-bottom:var(--spacing-sm)}.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);cursor:pointer}.column-header.collapsed{margin-bottom:0;padding-bottom:0;border-bottom:0}.table-column-reorder-disabled-hint{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-sm);color:var(--mb-color-text-secondary)}.column-reorder-actions{display:flex;align-items:center;gap:var(--spacing-xs)}.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,.column-config .form-row{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}.conditional-rules-section{padding:0}.conditional-rules-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.conditional-rules-header h4{margin:0;font-size:var(--font-size-md);font-weight:600;color:var(--mb-color-text-primary)}.conditional-rules-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.conditional-rule-item{background:var(--mb-color-bg-white);border:1px solid var(--mb-color-border-light);border-radius:var(--radius-md);padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm);transition:box-shadow .2s}.conditional-rule-item:hover{box-shadow:0 2px 4px var(--mb-color-shadow)}.conditional-rule-item-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--mb-color-border-light)}.conditional-rule-header-right{display:flex;align-items:center;gap:var(--spacing-md)}.value-type-switch-header{display:flex;align-items:center;gap:var(--spacing-xs)}.value-type-label-header{font-size:var(--font-size-sm);color:var(--mb-color-text-secondary);white-space:nowrap;font-weight:400}.conditional-rule-title{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm)}.conditional-rule-title strong{color:var(--mb-color-text-primary)}.conditional-rule-actions{display:flex;align-items:center;gap:var(--spacing-xs)}.conditional-rule-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm)}.metric-conditional-rule-grid{align-items:end}.metric-conditional-rule-grid .form-group{margin-bottom:0}.metric-conditional-rule-grid .conditional-rule-color{min-width:0}.metric-conditional-rule-grid .conditional-rule-color .color-input-group{align-items:stretch}.metric-conditional-rule-grid .conditional-rule-color input[type=color]{width:56px;height:40px}@media(max-width:768px){.conditional-rule-grid{grid-template-columns:1fr}}.conditional-rule-footer{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-md);padding-top:var(--spacing-sm);border-top:1px solid var(--mb-color-border-light);flex-wrap:wrap}.conditional-rule-color{flex:1;min-width:200px}.conditional-rule-color .color-input-group{display:flex;gap:var(--spacing-xs);align-items:center}.conditional-rule-color input[type=color]{width:45px;height:36px;border:1px solid var(--mb-color-border);border-radius:var(--radius-sm);cursor:pointer;padding:2px;flex-shrink:0}.conditional-rule-color input[type=color]::-webkit-color-swatch-wrapper{padding:0}.conditional-rule-color input[type=color]::-webkit-color-swatch{border:none;border-radius:var(--radius-sm)}.conditional-rule-color .color-text-input{flex:1;font-family:Courier New,monospace}.conditional-rule-switches{display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:180px}@media(max-width:56rem){.modal-content.large{width:min(100%,100vw - 1rem);max-height:min(90vh,100dvh - 1rem)}.modal-body-split{grid-template-columns:1fr;grid-template-rows:auto minmax(11rem,1fr);overflow-y:auto;overflow-x:hidden;align-content:stretch;min-height:0}.modal-form-section{border-right:none;border-bottom:1px solid var(--mb-color-border-light);overflow-x:hidden;min-height:0;max-height:min(55vh,28rem)}.modal-preview-section{min-height:0;min-width:0;display:flex;flex-direction:column;overflow:hidden}.preview-content{aspect-ratio:unset;flex:1;min-height:0}.preview-header{padding:var(--spacing-md) var(--spacing-lg);flex-shrink:0}.widget-form{padding:var(--spacing-lg)}.widget-form--no-padding{padding:0}}.form-group--panel-size .panel-size-heading{display:block;font-weight:600;margin-bottom:var(--spacing-sm);color:var(--mb-color-text-primary)}.panel-size-inputs{display:flex;flex-wrap:wrap;gap:var(--spacing-md);align-items:flex-end}.panel-size-inputs>div{flex:1;min-width:120px}.form-group--panel-size .panel-size-inputs label{display:block;margin-bottom:var(--spacing-xs)}.form-group--panel-size .form-hint{margin-top:var(--spacing-sm);margin-bottom:0;font-size:var(--font-size-sm);color:var(--mb-color-text-secondary)}.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)}.add-panel-type-modal-description{margin:0 0 20px;color:var(--mb-color-text-secondary)}.add-panel-type-modal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.add-panel-type-modal-grid.single-option{grid-template-columns:minmax(0,1fr)}.add-panel-type-option{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-height:140px;padding:20px;border:1px solid var(--mb-color-border);border-radius:12px;background:var(--mb-color-bg-white);color:var(--mb-color-text-primary);cursor:pointer;text-align:left;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.add-panel-type-option:hover{border-color:var(--mb-color-brand);box-shadow:0 8px 20px #509ee31f;transform:translateY(-1px)}.add-panel-type-option-title{font-size:18px;font-weight:700}.add-panel-type-option-copy{color:var(--mb-color-text-secondary);line-height:1.5}@media(max-width:768px){.add-panel-type-modal-grid{grid-template-columns:1fr}}.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}.table-widget-scroll-container{width:100%;height:100%;min-height:0;flex:1;overflow-x:auto;overflow-y:auto}.table-widget-layout{display:flex;flex-direction:column;height:100%;min-height:0}.table-widget-scroll-container .data-table{width:max-content;min-width:100%;font-size:12px}.table-widget-tooltip-target{display:inline-block;max-width:100%;cursor:help}.table-widget-preview-search-input{width:100%;padding:6px 8px;border:1px solid var(--mb-color-border);border-radius:var(--radius-sm);background-color:var(--mb-color-bg-light);color:var(--mb-color-text-primary);font-size:12px;box-sizing:border-box}.table-widget-header-tools{display:flex;align-items:center;gap:8px;min-width:0}.table-widget-preview-search-input--header{width:180px;min-width:140px;max-width:240px}.table-widget-pagination{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-shrink:0;padding:6px 8px;border-top:1px solid var(--mb-color-border-light);background:var(--mb-color-bg-white);font-size:12px;color:var(--mb-color-text-secondary)}.table-widget-pagination-btn{min-width:28px;height:28px;border:1px solid var(--mb-color-border);border-radius:var(--radius-sm);background:var(--mb-color-bg-white);color:var(--mb-color-text-primary);cursor:pointer}.table-widget-pagination-btn:disabled{opacity:.45;cursor:not-allowed}.table-widget-pagination-page{min-width:88px;text-align:center}.drilldown-modal{display:flex;flex-direction:column}.drilldown-header-content{display:flex;flex-direction:column;gap:var(--spacing-sm)}.drilldown-header-content h2{margin:0;font-size:var(--font-size-xl);font-weight:600;color:var(--mb-color-text-primary)}.drilldown-aggregation-info{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm)}.drilldown-aggregation-label{color:var(--mb-color-text-secondary)}.drilldown-aggregation-value{font-weight:600;color:var(--mb-color-brand);font-size:var(--font-size-base)}.drilldown-aggregation-raw{color:var(--mb-color-text-tertiary);font-size:var(--font-size-sm)}.drilldown-body{flex:1;overflow:hidden;padding:0!important;display:flex;flex-direction:column}.drilldown-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl);gap:var(--spacing-lg);color:var(--mb-color-text-secondary);flex:1}.drilldown-loading-spinner{width:40px;height:40px;border:3px solid var(--mb-color-border-light);border-top-color:var(--mb-color-brand);border-radius:50%;animation:drilldown-spin .8s linear infinite}@keyframes drilldown-spin{to{transform:rotate(360deg)}}.drilldown-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl);color:var(--mb-color-error);flex:1}.drilldown-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl);gap:var(--spacing-md);color:var(--mb-color-text-secondary);flex:1}.drilldown-empty-icon{opacity:.5}.drilldown-table-container{flex:1;overflow:auto;border-top:1px solid var(--mb-color-border-light)}.drilldown-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.drilldown-table thead{position:sticky;top:0;z-index:1;background-color:var(--mb-color-bg-light)}.drilldown-th{padding:var(--spacing-md) var(--spacing-lg);font-weight:600;color:var(--mb-color-text-primary);border-bottom:2px solid var(--mb-color-border);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .15s ease}.drilldown-th:hover{background-color:var(--mb-color-bg-medium)}.drilldown-th.sorted{color:var(--mb-color-brand);background-color:#509ee30d}.drilldown-th-content{display:flex;align-items:center;gap:var(--spacing-xs)}.drilldown-sort-icon{display:flex;align-items:center;width:14px;color:var(--mb-color-brand)}.drilldown-table tbody tr{transition:background-color .15s ease}.drilldown-table tbody tr:hover{background-color:var(--mb-color-bg-light)}.drilldown-table tbody tr:nth-child(2n){background-color:#00000005}.drilldown-table tbody tr:nth-child(2n):hover{background-color:var(--mb-color-bg-light)}table.drilldown-table td{white-space:nowrap;width:1%;padding:var(--spacing-sm) var(--spacing-lg);border-bottom:1px solid var(--mb-color-border-light);color:var(--mb-color-text-primary)}.drilldown-metric-cell{font-weight:500;color:var(--mb-color-brand);background-color:#509ee30d}.drilldown-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--mb-color-border-light);padding:var(--spacing-md) var(--spacing-2xl)!important;background-color:var(--mb-color-bg-light)}.drilldown-pagination-info{font-size:var(--font-size-sm);color:var(--mb-color-text-secondary)}.drilldown-pagination-controls{display:flex;align-items:center;gap:var(--spacing-xl)}.drilldown-page-size{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--mb-color-text-secondary)}.drilldown-page-size-select{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--mb-color-border);border-radius:var(--radius-sm);background-color:var(--mb-color-bg-white);font-size:var(--font-size-sm);cursor:pointer}.drilldown-page-size-select:focus{outline:none;border-color:var(--mb-color-brand)}.drilldown-page-navigation{display:flex;align-items:center;gap:var(--spacing-sm)}.drilldown-page-btn{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:var(--mb-color-bg-white);color:var(--mb-color-text-primary);cursor:pointer;transition:all .15s ease}.drilldown-page-btn:hover:not(:disabled){background-color:var(--mb-color-bg-medium);border-color:var(--mb-color-brand)}.drilldown-page-btn:disabled{opacity:.5;cursor:not-allowed}.drilldown-page-indicator{font-size:var(--font-size-sm);color:var(--mb-color-text-secondary);min-width:100px;text-align:center}@media(max-width:768px){.drilldown-footer{flex-direction:column;gap:var(--spacing-md);align-items:stretch}.drilldown-pagination-controls{justify-content:space-between}.drilldown-pagination-info{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{display:inline-flex;align-items:center;justify-content:center;gap:.15em;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;color:var(--mb-color-text-primary)}.metric-value-number{white-space:nowrap}.metric-value-adornment{display:inline-flex;align-items:center;justify-content:center;line-height:1}.metric-value-adornment svg{width:1em;height:1em}.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-btn-drilldown{color:var(--mb-color-brand)}.widget-btn-drilldown:hover{background-color:#509ee31a;color:var(--mb-color-brand)}.card-widget-content{display:flex;flex-direction:column;height:100%;padding:0;box-sizing:border-box}.card-widget-inner{display:flex;flex:1;min-height:0;padding:12px}.card-widget-body{display:flex;flex-direction:column;flex:1;min-height:0}.card-widget-loading-state{display:flex;flex:1;min-height:0}.card-widget-main{display:grid;gap:18px;align-items:center;align-content:center;flex:1}.card-widget-main--1{grid-template-columns:minmax(0,1fr)}.card-widget-main--2{grid-template-columns:repeat(2,minmax(0,1fr))}.card-widget-main--stacked{grid-template-columns:minmax(0,1fr)}.card-widget-small-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:auto;padding-top:16px;border-top:1px solid var(--mb-color-border-light)}.card-widget-metric{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;text-align:center}.card-widget-metric--main{min-height:96px}.card-widget-metric--small{min-height:58px}.card-widget-metric-title{color:var(--mb-color-text-secondary);margin-bottom:6px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-widget-metric-title--main{font-size:14px;font-weight:600}.card-widget-metric-title--small{font-size:12px;font-weight:600}.card-widget-metric-display{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:100%}.card-widget-metric-display--horizontal{flex-direction:row;flex-wrap:wrap;gap:8px}.card-widget-metric-value{display:inline-flex;align-items:center;justify-content:center;gap:2px;flex-wrap:wrap;max-width:100%;color:var(--mb-color-text-primary)}.card-widget-metric-value--main{font-size:clamp(28px,4vw,44px);font-weight:700;line-height:1}.card-widget-metric-value--small{font-size:clamp(16px,2.1vw,22px);font-weight:700;line-height:1.1}.card-widget-metric-prefix,.card-widget-metric-suffix{color:var(--mb-color-text-secondary);text-align:center;line-height:1.2;max-width:100%;overflow-wrap:anywhere}.card-widget-metric-adornment-icon{display:inline-flex;align-items:center;justify-content:center}.card-widget-metric-adornment-icon svg{width:1em;height:1em}.card-widget-metric-display--horizontal .card-widget-metric-prefix,.card-widget-metric-display--horizontal .card-widget-metric-suffix{max-width:none}.card-widget-metric-prefix--main,.card-widget-metric-suffix--main{font-size:15px}.card-widget-metric-prefix--small,.card-widget-metric-suffix--small{font-size:12px}.card-widget-metric-number{white-space:nowrap}.card-widget-metric-skeleton{border-radius:8px;background:linear-gradient(90deg,var(--mb-color-bg-medium) 0%,var(--mb-color-bg-hover) 50%,var(--mb-color-bg-medium) 100%);background-size:200% 100%;animation:cardWidgetPulse 1.6s ease-in-out infinite}.card-widget-metric-loading{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.card-widget-metric-skeleton--main{width:70%;height:42px}.card-widget-metric-skeleton--small{width:80%;height:20px}.card-widget-metric-skeleton-detail{border-radius:999px;background:linear-gradient(90deg,var(--mb-color-bg-medium) 0%,var(--mb-color-bg-hover) 50%,var(--mb-color-bg-medium) 100%);background-size:200% 100%;animation:cardWidgetPulse 1.6s ease-in-out infinite;opacity:.75}.card-widget-metric-skeleton-detail--main{width:42%;height:12px}.card-widget-metric-skeleton-detail--small{width:55%;height:10px}.card-widget-metric-error{color:var(--mb-color-error);font-size:12px;line-height:1.4}.card-widget-metric-empty{display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--mb-color-text-tertiary);font-size:12px}@keyframes cardWidgetPulse{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:768px){.card-widget-content{padding:0}.card-widget-inner{padding:12px}.card-widget-main--2,.card-widget-small-row{grid-template-columns:repeat(1,minmax(0,1fr))}.card-widget-metric--main{min-height:72px}}.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}.tag-input{display:flex;flex-wrap:wrap;align-items:center;gap:6px;width:100%;min-height:42px;padding:6px 8px;border:1px solid var(--mb-color-border);border-radius:var(--radius-md);background:var(--mb-color-bg-white);cursor:text}.tag-input:focus-within{border-color:var(--mb-color-primary);box-shadow:0 0 0 2px var(--mb-color-primary-light)}.tag-input-pill{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:3px 7px;border-radius:999px;background:var(--mb-color-primary-light);color:var(--mb-color-primary);font-size:var(--font-size-sm);line-height:1.4}.tag-input-remove{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer;font-size:12px;line-height:1}.tag-input-remove:hover{background:#00000014}.tag-input-field{flex:1 1 140px;min-width:80px;border:0;outline:0;background:transparent;color:var(--mb-color-text-primary);font:inherit}.icon-picker-modal-overlay{position:fixed;inset:0;z-index:3000;display:flex;align-items:center;justify-content:center;padding:24px;background:#00000073}.icon-picker-modal{display:flex;flex-direction:column;width:min(920px,100%);max-height:min(760px,92vh);border-radius:var(--radius-lg);background:var(--mb-color-bg-white);box-shadow:0 20px 50px #0f172a3d;overflow:hidden}.icon-picker-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 24px 16px;border-bottom:1px solid var(--mb-color-border-light)}.icon-picker-modal-header h3{margin:0;color:var(--mb-color-text-primary);font-size:18px;font-weight:700}.icon-picker-modal-header p{margin:4px 0 0;color:var(--mb-color-text-secondary);font-size:13px}.icon-picker-modal-close{width:32px;height:32px;border:1px solid var(--mb-color-border-light);border-radius:var(--radius-md);background:var(--mb-color-bg-white);color:var(--mb-color-text-secondary);cursor:pointer;font-size:16px;line-height:1}.icon-picker-modal-close:hover{border-color:var(--mb-color-brand);color:var(--mb-color-brand)}.icon-picker-modal-search{display:flex;align-items:center;gap:16px;padding:16px 24px;border-bottom:1px solid var(--mb-color-border-light)}.icon-picker-modal-search input{flex:1;min-width:0;padding:10px 12px;border:1px solid var(--mb-color-border);border-radius:var(--radius-md);color:var(--mb-color-text-primary);font-size:14px}.icon-picker-modal-search span{color:var(--mb-color-text-secondary);font-size:12px;white-space:nowrap}.icon-picker-modal-selected{display:flex;align-items:center;gap:10px;margin:16px 24px 0;padding:10px 12px;border:1px solid rgba(80,158,227,.35);border-radius:var(--radius-md);background:#509ee314;color:var(--mb-color-text-primary);font-size:13px}.icon-picker-modal-selected svg{color:var(--mb-color-brand);font-size:18px}.icon-picker-modal-selected code,.icon-picker-modal-option code{color:var(--mb-color-text-secondary);font-size:11px}.icon-picker-modal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:10px;padding:16px 24px 24px;overflow:auto}.icon-picker-modal-option{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:116px;padding:12px 10px;border:1px solid var(--mb-color-border-light);border-radius:var(--radius-md);background:var(--mb-color-bg-white);color:var(--mb-color-text-primary);cursor:pointer;text-align:center}.icon-picker-modal-option svg{color:var(--mb-color-brand);font-size:24px}.icon-picker-modal-option span,.icon-picker-modal-option code{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-picker-modal-option span{font-size:12px;font-weight:600}.icon-picker-modal-option small{color:var(--mb-color-text-secondary);font-size:11px}.icon-picker-modal-option:hover,.icon-picker-modal-option.selected{border-color:var(--mb-color-brand);background:#509ee314}.icon-picker-modal-empty{grid-column:1 / -1;padding:40px 16px;color:var(--mb-color-text-secondary);text-align:center}@media(max-width:640px){.icon-picker-modal-overlay{padding:12px}.icon-picker-modal-search{align-items:stretch;flex-direction:column;gap:8px}.icon-picker-modal-grid{grid-template-columns:repeat(auto-fill,minmax(126px,1fr))}}.card-config-modal{max-width:1400px}.card-config-form{padding-bottom:0}.card-config-sections{display:flex;flex-direction:column;gap:var(--spacing-2xl);flex:1;min-height:0}.card-config-section{border:none;border-radius:0;padding:0;background:transparent}.card-config-section h3,.card-config-metric-card h4{margin:0 0 16px;color:var(--mb-color-text-primary)}.card-config-section h3{margin-bottom:20px}.card-config-form>.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:var(--mb-color-bg-white);margin:auto calc(-1 * var(--spacing-2xl)) 0;flex-shrink:0}.card-config-form>.form-actions .form-actions-right{display:flex;gap:var(--spacing-md);align-items:center}.card-config-modal .icon-btn{background:none;border:none;color:var(--mb-color-text-secondary);width:36px;height:36px;border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease,color .2s ease}.card-config-modal .icon-btn:hover{background:var(--mb-color-bg-medium);color:var(--mb-color-text-primary)}.card-config-modal .widget-filter-edit-form .form-actions{background:transparent;border-top:none;padding-left:0;padding-right:0;padding-bottom:0}.card-config-metric-list{display:flex;flex-direction:column;gap:16px}.card-config-metric-card{border:1px solid var(--mb-color-border-light);border-radius:12px;background:var(--mb-color-bg-light, var(--mb-color-bg-white));overflow:hidden}.card-config-metric-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:16px;border:none;background:transparent;color:inherit;cursor:pointer;text-align:left}.card-config-metric-card-header:hover{background:#509ee30a}.card-config-metric-card-header.expanded{border-bottom:1px solid var(--mb-color-border-light)}.card-config-metric-card-header-main{min-width:0}.card-config-metric-card-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.card-config-metric-card-meta strong{font-size:13px;font-weight:600;color:var(--mb-color-text-secondary)}.card-config-metric-card-body{padding:16px}.card-config-metric-card-header span{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:999px;background:#509ee31a;color:var(--mb-color-brand);font-size:12px;font-weight:600}.card-config-metric-collapsed-summary{display:flex;flex-wrap:wrap;gap:8px;padding:0 16px 16px}.card-config-metric-collapsed-summary span{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;background:var(--mb-color-bg-medium);color:var(--mb-color-text-secondary);font-size:12px}.card-config-style-grid{display:flex;flex-direction:column;gap:12px;margin-top:8px}.card-config-style-card{border:1px solid var(--mb-color-border-light);border-radius:10px;padding:14px 16px;background:var(--mb-color-bg-white)}.card-config-style-card-title{margin-bottom:12px;font-size:13px;font-weight:600;color:var(--mb-color-text-primary)}.card-config-style-card-fields{display:grid;grid-template-columns:88px minmax(140px,1fr) minmax(140px,1fr);gap:16px;align-items:end}.card-config-style-card-fields .form-group{margin-bottom:0}.card-config-subsection{margin-bottom:16px}.card-config-subsection-title{margin-bottom:10px;font-size:13px;font-weight:600;color:var(--mb-color-text-primary)}.card-config-adornment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.card-config-adornment-card{border:1px solid var(--mb-color-border-light);border-radius:10px;padding:14px 16px;background:var(--mb-color-bg-white)}.card-config-adornment-card .form-row{margin-bottom:12px}.card-config-icon-picker{position:relative}.card-config-icon-picker-trigger{display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;padding:9px 12px;border:1px solid var(--mb-color-border-light);border-radius:var(--radius-md);background:var(--mb-color-bg-white);color:var(--mb-color-text-primary);cursor:pointer;font-size:12px;text-align:left}.card-config-icon-picker-trigger svg{color:var(--mb-color-brand);font-size:16px}.card-config-icon-picker-trigger span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-config-icon-picker-trigger code{color:var(--mb-color-text-secondary);font-size:11px}.card-config-switch-grid{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.card-config-switch-grid .form-group{margin-bottom:0}.card-config-switch-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.card-config-switch-row label{margin-bottom:0}.card-config-preview{min-height:0}.card-config-preview-frame{min-height:0;display:flex}.card-config-preview-frame .widget-container{width:100%;height:100%}.color-input-group{display:flex;align-items:center;gap:0}.color-input-group input[type=color]{width:56px;height:40px;border:1px solid var(--mb-color-border);border-radius:var(--radius-md);background:var(--mb-color-bg-white);cursor:pointer;padding:2px;flex-shrink:0}.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)}@media(max-width:1100px){.card-config-adornment-grid{grid-template-columns:1fr}.card-config-form>.form-actions{margin-left:calc(-1 * var(--spacing-lg));margin-right:calc(-1 * var(--spacing-lg))}.card-config-preview{order:-1}}@media(max-width:768px){.card-config-form>.form-actions{flex-wrap:wrap;gap:var(--spacing-md)}.card-config-form>.form-actions .form-actions-right{width:100%;justify-content:flex-end}.card-config-style-card-fields{grid-template-columns:1fr;gap:12px}}.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-reorder-hint{margin:0;font-size:var(--font-size-sm);color:var(--mb-color-text-secondary)}.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,.filter-item-reorder-actions{display:flex;align-items:center;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)}.filter-builder-modal .btn-icon:disabled{opacity:.5;cursor:not-allowed}.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)}.filter-builder-default-date-label{display:flex;align-items:center;gap:8px}.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)}.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:block;overflow-x:hidden;overflow-y:visible;position:relative}.filter-topbar-content{width:100%;min-width:0;overflow-x:hidden;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{width:100%;overflow:visible}.filter-topbar .filter-display-filters{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:flex-end;gap:var(--spacing-md);width:100%;overflow:visible}.filter-topbar .filter-input-group{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-xs);min-width:0;width:100%;max-width:none;position:relative;overflow:visible}.filter-topbar .filter-input-group label{padding:2px 0;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;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%;min-width:0}.filter-topbar .filter-input-range .form-input{flex:1;min-width:0}@media(max-width:767px){.filter-topbar{padding:var(--spacing-sm)}.filter-topbar-content{width:100%}.filter-topbar .filter-display-filters{grid-template-columns:1fr;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-container>.tooltip-trigger{display:flex}.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}.toolbar-left>.tooltip-trigger,.toolbar-right>.tooltip-trigger,.dashboard-title-section>.tooltip-trigger{display:flex;min-width:0}.back-btn-toolbar,a.back-btn-toolbar{text-decoration:none;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,a.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-section>.tooltip-trigger{flex:1}.dashboard-title-section>.dashboard-title{flex:1;min-width:0}.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:0;width:100%!important}.react-grid-layout{display:flex;flex-direction:column;gap:16px}.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)}.dashboard-grid-container.builder-edit-grid .grid-wrapper{padding-bottom:1200px}.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}.panel-header-drag-area>.panel-title{flex:0 1 auto;min-width:0;display:flex;align-items:center;justify-content:flex-start;max-width:100%}.panel-title-label{min-width:0;max-width:100%;flex:0 1 auto;display:flex;overflow:hidden}.panel-title-label>.tooltip-trigger{flex:0 1 auto;min-width:0;max-width:100%}.panel-title-text{min-width:0;max-width:100%;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel-title-info{flex:0 0 auto;display:inline-flex;align-items:center;opacity:.55;transition:opacity .2s ease}.panel-title-info>.tooltip-trigger{display:inline-flex}.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;display:flex;align-items:center;gap:8px}.panel-title:hover .panel-title-info{opacity:1}.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-actions-menu{gap:0}.panel-actions-menu>.tooltip-trigger{display:flex}.panel-actions-table-search{margin-left:auto}.panel-table-search-input{width:180px;min-width:140px;max-width:240px;padding:3px 0;text-align:right;background:none;border:0;border-radius:var(--radius-sm);color:var(--mb-color-text-primary);font-size:12px;box-sizing:border-box}.panel-actions-menu-trigger{min-width:26px;min-height:26px;padding:4px}.panel-actions-dropdown{position:absolute;top:calc(100% + 6px);right:0;min-width:40px;background-color:var(--mb-color-bg-white);border:1px solid var(--mb-color-border-light);border-radius:8px;box-shadow:0 6px 20px var(--mb-color-shadow);padding:4px;z-index:50}.panel-actions-dropdown>.tooltip-trigger{display:flex}.panel-actions-dropdown-item{width:32px;height:32px;background:none;border:none;color:var(--mb-color-text-primary);display:flex;align-items:center;border-radius:6px;padding:0;cursor:pointer;justify-content:center}.panel-actions-dropdown-item svg{width:14px;height:14px;stroke:currentColor}.panel-actions-dropdown-item:hover{background-color:var(--mb-color-bg-medium)}.panel-actions-dropdown-item-danger{color:var(--mb-color-danger)}.panel-actions-dropdown-item-danger:hover{background-color:var(--mb-color-danger-light)}.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,.panel-raw-sql-btn:hover{background-color:var(--mb-color-bg-medium);color:var(--mb-color-text-primary)}.panel-actions-drilldown{opacity:0;transition:opacity .2s ease}.panel-wrapper:hover .panel-actions-drilldown{opacity:1}.panel-drilldown-btn{color:var(--mb-color-text-secondary)}.panel-drilldown-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)}.raw-sql-modal .modal-body{overflow-y:auto}.raw-sql-modal-subtitle{margin-top:var(--spacing-xs);color:var(--mb-color-text-secondary);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.04em}.raw-sql-modal-body{display:flex;flex-direction:column;gap:var(--spacing-xl)}.raw-sql-loading{min-height:260px;display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);color:var(--mb-color-text-secondary)}.raw-sql-section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.raw-sql-section-header{display:flex;align-items:center;justify-content:space-between}.raw-sql-section-header h4{margin:0;color:var(--mb-color-text-primary);font-size:var(--font-size-base);font-weight:600}.raw-sql-editor-wrapper,.monaco-editor-wrapper{border:1px solid var(--mb-color-border);border-radius:var(--radius-md);overflow:hidden}.raw-sql-parameters{border:1px solid var(--mb-color-border-light);border-radius:var(--radius-md);overflow:hidden}.raw-sql-parameter{display:grid;grid-template-columns:minmax(180px,280px) 1fr;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--mb-color-border-light);color:var(--mb-color-text-primary);font-size:var(--font-size-sm)}.raw-sql-parameter:last-child{border-bottom:none}.raw-sql-parameter code{color:var(--mb-color-brand);word-break:break-word}.raw-sql-parameter span{word-break:break-word}.raw-sql-empty-parameters{color:var(--mb-color-text-secondary);font-size:var(--font-size-sm)}.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:inherit}.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}.widget-actions>.tooltip-trigger{display:flex}.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}.widget-content>.table-widget-scroll-container{overflow:auto}@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:12px}.table-widget-scroll-container .data-table thead{position:sticky;top:0;z-index:1;background-color:var(--mb-color-bg-light)}.data-table th,.data-table td{padding:10px;text-align:left;border-bottom:1px solid var(--mb-color-border-light);white-space:nowrap}.data-table th{background-color:var(--mb-color-bg-light);font-weight:600;color:var(--mb-color-text-primary);position:relative;border-bottom:2px solid var(--mb-color-border)}.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-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}.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-type-badge.type-databricks{background-color:#ea580c}.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}.connection-string-masked{-webkit-text-security:disc}@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-search-container{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.metadata-search-input{flex:1}.metadata-search-count{font-size:var(--font-size-sm);color:var(--mb-color-text-secondary);white-space:nowrap}.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-search-container{flex-direction:column;align-items:stretch;gap:var(--spacing-sm)}.metadata-search-count{white-space:normal}.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}.custom-css-textarea{min-height:220px;font-family:Courier New,Courier,monospace;font-size:var(--font-size-sm);line-height:1.5}@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}.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)}.credentials-section{width:100%}.credentials-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);flex-wrap:wrap;gap:var(--spacing-md)}.credentials-header .section-title{margin:0;padding-bottom:0;border-bottom:none}.credentials-table-container{overflow-x:auto}.credentials-table{width:100%;border-collapse:collapse}.credentials-table thead{background-color:var(--mb-color-bg-medium)}.credentials-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)}.credentials-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)}.credentials-table tbody tr:hover{background-color:var(--mb-color-bg-medium)}.credentials-table tbody tr:last-child td{border-bottom:none}.credential-type-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}.credential-type-user-password{background-color:#509ee31a;color:var(--mb-color-brand)}.credential-type-client-secret{background-color:#8b5cf61a;color:#8b5cf6}.action-buttons{display:flex;gap:var(--spacing-sm);align-items:center}.icon-btn-secondary{color:var(--mb-color-text-secondary)}.icon-btn-secondary:hover{background-color:var(--mb-color-bg-medium);color:var(--mb-color-text-primary)}.radio-group{display:flex;gap:var(--spacing-xl);flex-wrap:wrap}.radio-option{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}.radio-option input[type=radio]{width:18px;height:18px;cursor:pointer;margin:0;accent-color:var(--mb-color-brand)}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper .form-input{padding-right:45px}.password-toggle-btn{position:absolute;right:var(--spacing-md);background:none;border:none;cursor:pointer;color:var(--mb-color-text-secondary);padding:var(--spacing-xs);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all .2s;min-width:32px;min-height:32px}.password-toggle-btn:hover{background-color:var(--mb-color-bg-medium);color:var(--mb-color-text-primary)}.password-toggle-btn svg{width:18px;height:18px;stroke:currentColor;fill:none}.required{color:var(--mb-color-error);margin-left:2px}.form-help{display:block;margin-top:var(--spacing-xs);color:var(--mb-color-text-tertiary);font-size:var(--font-size-sm)}.form-help.warning{color:#f59e0b;background-color:#f59e0b1a;padding:var(--spacing-md);border-radius:var(--radius-md);border-left:3px solid #f59e0b}.delete-warning{margin:0 0 var(--spacing-xl) 0;color:var(--mb-color-text-primary);font-size:var(--font-size-base);line-height:1.5}.credential-details{background-color:var(--mb-color-bg-medium);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-top:var(--spacing-lg)}.detail-row{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md);font-size:var(--font-size-base)}.detail-row:last-child{margin-bottom:0}.detail-row strong{min-width:100px;color:var(--mb-color-text-secondary);font-weight:600}.detail-row span{color:var(--mb-color-text-primary);flex:1}.loading-state,.error-state{padding:var(--spacing-2xl);text-align:center;color:var(--mb-color-text-secondary)}.error-state{display:flex;flex-direction:column;gap:var(--spacing-md);align-items:center}.error-state .error-message{color:var(--mb-color-error);font-size:var(--font-size-base)}.empty-state{padding:var(--spacing-2xl);text-align:center;color:var(--mb-color-text-secondary)}@media(max-width:767px){.credentials-header{flex-direction:column;align-items:stretch}.credentials-header .btn{width:100%;justify-content:center}.credentials-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.credentials-table{min-width:600px}.action-buttons{flex-direction:column;gap:var(--spacing-xs)}.radio-group{flex-direction:column;gap:var(--spacing-md)}.detail-row{flex-direction:column;gap:var(--spacing-xs)}.detail-row strong{min-width:auto}}.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}.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)}.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}}.user-management{width:100%}.user-management-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-2xl);gap:var(--spacing-lg)}.user-management-title{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-xl);font-weight:600;color:var(--mb-color-text-primary)}.user-management-subtitle{margin:0;font-size:var(--font-size-base);color:var(--mb-color-text-secondary);line-height:1.5}.user-management-error{padding:var(--spacing-md) var(--spacing-lg);margin-bottom:var(--spacing-2xl);border-radius:var(--radius-md);background-color:var(--mb-color-error-light, #fde8e8);color:var(--mb-color-error, #e65050);font-size:var(--font-size-base);border:1px solid var(--mb-color-error)}.user-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%}.user-table-container{background:var(--mb-color-bg-white);border:1px solid var(--mb-color-border-light);border-radius:var(--radius-lg);overflow:hidden}.user-table{width:100%;border-collapse:collapse}.user-table thead{background-color:var(--mb-color-bg-medium)}.user-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)}.user-table th.actions-column{width:200px;text-align:right}.user-table td{padding:var(--spacing-lg);border-bottom:1px solid var(--mb-color-border-light);font-size:var(--font-size-base)}.user-table tbody tr:hover{background-color:var(--mb-color-bg-medium)}.user-table tbody tr:last-child td{border-bottom:none}.user-name-cell{color:var(--mb-color-text-primary);font-weight:500}.user-email-cell{color:var(--mb-color-text-secondary)}.user-roles-cell{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.user-role-badge{font-size:var(--font-size-xs);font-weight:600;padding:2px var(--spacing-sm);border-radius:10px;background-color:var(--mb-color-primary-light, #e8f0fe);color:var(--mb-color-brand, #509ee3);white-space:nowrap}.actions-column{width:120px;text-align:right}.user-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end}.user-table .user-actions .icon-btn{background:none;border:none;padding:var(--spacing-sm);min-width:36px;min-height:36px;box-shadow:none;outline:none;font:inherit;appearance:none;-webkit-appearance:none;-moz-appearance:none}.user-table .user-actions .icon-btn:focus{outline:none;box-shadow:none}.user-management-modal-overlay{position:fixed;inset:0;background-color:#0006;display:flex;align-items:center;justify-content:center;z-index:var(--z-index-modal);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.user-management-modal-content{background-color:var(--mb-color-bg-white);border-radius:var(--radius-lg);padding:var(--spacing-2xl);max-width:520px;width:90%;max-height:80vh;overflow:auto;box-shadow:0 8px 32px #0003;color:var(--mb-color-text-primary);border:1px solid var(--mb-color-border-light)}.user-management-modal-title{margin:0 0 var(--spacing-lg) 0;font-size:var(--font-size-xl);font-weight:600;color:var(--mb-color-text-primary)}.user-management-modal-subtitle{margin:0 0 var(--spacing-lg) 0;color:var(--mb-color-text-secondary);font-size:var(--font-size-base)}.user-management-modal-form-group{margin-bottom:var(--spacing-lg)}.user-management-modal-form-group:last-of-type{margin-bottom:var(--spacing-2xl)}.user-management-modal-label{display:block;margin-bottom:var(--spacing-xs);font-weight:600;font-size:var(--font-size-sm);color:var(--mb-color-text-primary)}.user-management-modal-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--mb-color-border);font-size:var(--font-size-base);background-color:var(--mb-color-bg-white);color:var(--mb-color-text-primary);transition:all .2s}.user-management-modal-input:focus{outline:none;border-color:var(--mb-color-brand);box-shadow:0 0 0 3px #509ee31a}.user-management-modal-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm)}.user-management-modal-btn{padding:var(--spacing-sm) var(--spacing-xl);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-base);font-weight:500;transition:all .2s}.user-management-modal-btn:disabled{opacity:.6;cursor:not-allowed}.user-management-modal-btn-cancel{border:1px solid var(--mb-color-border);background-color:var(--mb-color-bg-white);color:var(--mb-color-text-primary)}.user-management-modal-btn-cancel:hover:not(:disabled){background-color:var(--mb-color-bg-medium)}.user-management-modal-btn-primary{border:none;background-color:var(--mb-color-brand, #509ee3);color:#fff}.user-management-modal-btn-primary:hover:not(:disabled){background-color:var(--mb-color-brand-hover)}.user-management-modal-btn-danger{border:none;background-color:var(--mb-color-error, #e65050);color:#fff}.user-management-modal-btn-danger:hover:not(:disabled){opacity:.9}.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)}@media(max-width:767px){.user-management-header{flex-direction:column;align-items:stretch}.user-filters{flex-direction:column}.filter-group{min-width:100%}.user-table-container{overflow-x:auto}.user-table{min-width:600px}}.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}.role-badge{font-size:11px;font-weight:600;color:var(--mb-color-brand, #509ee3);background-color:var(--mb-color-primary-light, #e8f0fe);padding:3px 10px;border-radius:12px;white-space:nowrap;cursor:help}.admin-header-right{display:flex;align-items:center;gap:var(--spacing-md)}.admin-user-info{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md);background-color:var(--mb-color-bg-medium);border-radius:var(--radius-sm)}.admin-user-info .role-badge{margin:0}.admin-user-name{font-size:var(--font-size-base);font-weight:500;color:var(--mb-color-text-secondary)}.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;--mb-color-dropdown-bg: #3d454d;--mb-color-dropdown-text: #fff;--mb-color-dropdown-hover: rgba(255, 255, 255, .08);--mb-color-dropdown-selected: rgba(255, 255, 255, .12)}[data-theme=dark]{--mb-color-brand: #6BB3F7;--mb-color-brand-hover: #509EE3;--mb-color-text-primary: #E8EDF1;--mb-color-text-secondary: #B0BEC9;--mb-color-text-tertiary: #8A9BA8;--mb-color-bg-white: #1E2B36;--mb-color-bg-light: #141C24;--mb-color-bg-medium: #253540;--mb-color-border: #3D4F5C;--mb-color-border-light: #2D3D48;--mb-color-shadow: rgba(0, 0, 0, .3);--mb-color-shadow-hover: rgba(0, 0, 0, .4);--mb-color-success: #7BC74C;--mb-color-error: #E57373;--mb-color-warning: #FFB74D;--mb-color-info: #6BB3F7;--mb-color-dropdown-bg: #253540;--mb-color-dropdown-text: #E8EDF1;--mb-color-dropdown-hover: rgba(255, 255, 255, .06);--mb-color-dropdown-selected: rgba(255, 255, 255, .1)}[data-theme=dark] body{background-color:var(--mb-color-bg-light);color:var(--mb-color-text-primary)}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);position:relative}