@layer components{.tab-container{display:flex;flex-direction:column;border:1px solid #dee2e6;border-radius:4px;background-color:#fff;font-family:Arial,sans-serif}.tab-container__header{display:flex;background-color:#f8f9fa;border-bottom:1px solid #dee2e6;overflow-x:auto;min-height:40px}.tab-container__tab{display:flex;align-items:center;padding:8px 16px;border:none;background-color:transparent;border-bottom:3px solid transparent;cursor:pointer;font-size:12px;color:#333;white-space:nowrap;min-width:0;flex-shrink:0;position:relative;transition:all .2s ease}.tab-container__tab:hover{background-color:#e9ecef}.tab-container__tab--active{background-color:#fff;border-bottom-color:#007bff;font-weight:700;color:#007bff}.tab-container__tab--disabled{color:#999;cursor:not-allowed;opacity:.6}.tab-container__tab--disabled:hover{background-color:transparent}.tab-container__tab-icon{margin-right:6px;font-size:14px}.tab-container__tab-title{flex:1;overflow:hidden;text-overflow:ellipsis}.tab-container__tab-badge{margin-left:6px;background-color:#dc3545;color:#fff;border-radius:50%;font-size:10px;font-weight:700;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center}.tab-container__tab-close{margin-left:8px;font-size:14px;color:#666;cursor:pointer;padding:2px;border-radius:2px;transition:color .2s ease,background-color .2s ease}.tab-container__tab-close:hover{color:#dc3545;background-color:#f8f9fa}.tab-container__content{flex:1;padding:16px;background-color:#fff;overflow:auto}.progress-stepper{display:flex;align-items:center;font-family:Arial,sans-serif;padding:16px 0}.progress-stepper--vertical{flex-direction:column;align-items:flex-start}.progress-stepper__step{display:flex;align-items:center;position:relative;flex:1;min-width:0;cursor:pointer;transition:opacity .2s ease}.progress-stepper__step:hover:not(.progress-stepper__step--disabled){opacity:.8}.progress-stepper__step--disabled{cursor:not-allowed;opacity:.6}.progress-stepper--vertical .progress-stepper__step{flex-direction:column;align-items:flex-start;width:100%;padding:12px 0}.progress-stepper__circle{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;position:relative;z-index:10;transition:all .3s ease}.progress-stepper__circle--completed{background-color:#28a745;color:#fff;border:2px solid #28a745}.progress-stepper__circle--active{background-color:#007bff;color:#fff;border:2px solid #007bff}.progress-stepper__circle--inactive{background-color:#e9ecef;color:#666;border:2px solid #e9ecef}.progress-stepper__circle--disabled{background-color:#f8f9fa;color:#999;border:2px solid #e9ecef;opacity:.6}.progress-stepper__line{flex:1;height:2px;background-color:#e9ecef;position:relative;z-index:5}.progress-stepper--vertical .progress-stepper__line{width:2px;height:40px;margin-left:14px}.progress-stepper__line--completed{background-color:#28a745}.progress-stepper__content{margin-left:12px;display:flex;flex-direction:column}.progress-stepper--vertical .progress-stepper__content{margin-left:12px;margin-top:-20px}.progress-stepper__title{font-size:11px;font-weight:700;color:#333;margin-bottom:2px}.progress-stepper__description{font-size:10px;color:#666;line-height:1.3}.progress-stepper__step--active .progress-stepper__title{color:#007bff}.split-pane{display:flex;height:100%;position:relative;overflow:hidden}.split-pane--vertical{flex-direction:column}.split-pane__pane{overflow:auto;background-color:#fff;border:1px solid #e9ecef}.split-pane__pane--left,.split-pane__pane--top{border-right:none;border-bottom:none}.split-pane__pane--right,.split-pane__pane--bottom{border-left:none;border-top:none}.split-pane__splitter{background-color:#e9ecef;cursor:col-resize;user-select:none;position:relative;transition:background-color .2s ease}.split-pane--vertical .split-pane__splitter{cursor:row-resize}.split-pane__splitter:hover{background-color:#dee2e6}.split-pane__splitter--resizing{background-color:#007bff}.split-pane__splitter-grip{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;display:flex;align-items:center;justify-content:center}.split-pane__splitter-grip:before{content:"";width:2px;height:16px;background-color:#999;box-shadow:4px 0 #999,-4px 0 #999}.split-pane--vertical .split-pane__splitter-grip:before{width:16px;height:2px;box-shadow:0 4px #999,0 -4px #999}.tree-view{background-color:#fff;border:1px solid #e9ecef;border-radius:4px;font-family:Arial,sans-serif;font-size:13px;overflow:auto;position:relative}.tree-view__node{display:flex;align-items:center;padding:4px 8px;cursor:pointer;user-select:none;position:relative;white-space:nowrap;transition:background-color .2s ease}.tree-view__node:hover{background-color:#f5f5f5}.tree-view__node--selected{background-color:#e3f2fd;color:#007bff}.tree-view__node--disabled{color:#999;cursor:not-allowed;opacity:.6}.tree-view__node--disabled:hover{background-color:transparent}.tree-view__expand-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center;margin-right:4px;font-size:10px;color:#666;cursor:pointer;transition:transform .2s ease}.tree-view__expand-icon--expanded{transform:rotate(90deg)}.tree-view__icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center;margin-right:6px;font-size:14px;color:#666}.tree-view__checkbox{width:14px;height:14px;border:1px solid #999;border-radius:2px;margin-right:6px;display:flex;align-items:center;justify-content:center;font-size:10px;transition:all .2s ease}.tree-view__checkbox--checked{background-color:#007bff;border-color:#007bff;color:#fff}.tree-view__label{flex:1;overflow:hidden;text-overflow:ellipsis}.tree-view__scrollbar{position:absolute;right:0;top:0;width:8px;height:100%;background-color:#f0f0f0}.tree-view__scrollbar-thumb{background-color:silver;border-radius:4px;cursor:pointer;transition:background-color .2s ease}.tree-view__scrollbar-thumb:hover{background-color:#a0a0a0}.file-upload{border:2px dashed #dee2e6;border-radius:8px;padding:32px;text-align:center;background-color:#f8f9fa;font-family:Arial,sans-serif;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.file-upload:hover{border-color:#007bff;background-color:#f0f8ff}.file-upload--drag-over{border-color:#007bff;border-style:solid;background-color:#e3f2fd;transform:scale(1.02)}.file-upload--disabled{opacity:.6;cursor:not-allowed;background-color:#f8f9fa}.file-upload--disabled:hover{border-color:#dee2e6;background-color:#f8f9fa;transform:none}.file-upload__icon{font-size:48px;color:#6c757d;margin-bottom:16px;display:block}.file-upload__text{font-size:14px;color:#333;margin-bottom:16px;line-height:1.4}.file-upload__button{background-color:#007bff;color:#fff;border:none;border-radius:4px;padding:8px 16px;font-size:12px;cursor:pointer;transition:background-color .2s ease}.file-upload__button:hover{background-color:#0056b3}.file-upload__file-list{margin-top:16px;text-align:left;max-height:150px;overflow-y:auto}.file-upload__file-item{display:flex;align-items:center;padding:8px 12px;background-color:#fff;border:1px solid #e9ecef;border-radius:4px;margin-bottom:4px;font-size:12px}.file-upload__file-item--error{border-color:#dc3545;background-color:#ffeaea}.file-upload__file-icon{margin-right:8px;color:#666}.file-upload__file-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-upload__file-size{color:#666;margin-left:8px;margin-right:8px}.file-upload__file-remove{color:#dc3545;cursor:pointer;font-weight:700;padding:2px 6px;border-radius:2px;transition:background-color .2s ease}.file-upload__file-remove:hover{background-color:#f8d7da}.file-upload__progress{position:absolute;bottom:0;left:0;right:0;height:4px;background-color:#e9ecef}.file-upload__progress-bar{height:100%;background-color:#007bff;transition:width .3s ease}.file-upload__progress-text{position:absolute;bottom:8px;left:50%;transform:translate(-50%);font-size:11px;color:#333;background-color:#ffffffe5;padding:2px 8px;border-radius:4px}.tab-container--error{border-color:#dc3545}.tab-container__tab--error{border-bottom-color:#dc3545;color:#dc3545}.progress-stepper__step--error .progress-stepper__circle{background-color:#dc3545;border-color:#dc3545;color:#fff}.tree-view--error{border-color:#dc3545}.file-upload--error{border-color:#dc3545;background-color:#ffeaea}.tab-container--loading{opacity:.7;pointer-events:none}.progress-stepper--loading .progress-stepper__circle{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.tab-container__tab--disabled,.progress-stepper__step--disabled,.tree-view__node--disabled,.file-upload--disabled{filter:grayscale(100%)}@media (width <= 768px){.tab-container__tab{padding:6px 12px;font-size:11px}.progress-stepper__circle{width:24px;height:24px;font-size:10px}.split-pane__splitter{min-width:8px;min-height:8px}.tree-view__node{padding:6px}.file-upload{padding:20px}.file-upload__icon{font-size:36px}}.tab-container__tab:focus,.progress-stepper__step:focus,.tree-view__node:focus,.file-upload:focus,.file-upload__button:focus,.tree-view__expand-icon:focus{outline:2px solid #007bff;outline-offset:2px}@media (prefers-reduced-motion: reduce){.tab-container__tab,.progress-stepper__circle,.progress-stepper__line,.split-pane__splitter,.tree-view__node,.tree-view__expand-icon,.file-upload,.file-upload__progress-bar,.file-upload__button,.tab-container__tab-close,.tree-view__checkbox{transition:none;animation:none}.file-upload--drag-over{transform:none}}@media (prefers-contrast: high){.tab-container,.split-pane__pane,.tree-view,.file-upload{border-width:2px}.tab-container__tab--active{border-bottom-width:4px}.progress-stepper__circle{border-width:3px}.progress-stepper__line{height:3px}.tree-view__checkbox{border-width:2px}.file-upload{border-width:3px}.tab-container__tab--active{color:#0056b3;border-bottom-color:#0056b3}.progress-stepper__circle--active{background-color:#0056b3;border-color:#0056b3}.tree-view__node--selected{background-color:#0056b3;color:#fff}}}@layer components{:root{--modal-backdrop: rgb(0 0 0 / 50%);--modal-background: var(--color-white);--modal-border: var(--color-gray-200);--modal-shadow: var(--shadow-xl);--nav-background: var(--color-white);--nav-border: var(--color-gray-200);--nav-item-hover: var(--color-gray-50);--nav-item-selected: var(--color-primary);--nav-item-focus: var(--color-warning);--form-background: var(--color-white);--form-border: var(--color-gray-400);--form-border-focus: var(--color-primary);--form-border-error: var(--color-error);--form-disabled-bg: var(--color-gray-50);--tooltip-background: rgb(0 0 0 / 90%);--tooltip-text: var(--color-white);--modal-border-radius: var(--radius-lg);--button-border-radius: var(--radius-base);--input-border-radius: var(--radius-base);--transition-modal: .3s ease-out;--z-modal-backdrop: 999;--z-modal: 1000;--z-tooltip: 1500;--touch-target-min: var( --touch-target-min, 44px );--focus-ring-width: 2px;--focus-ring-offset: 2px;--component-padding: var(--container-padding, 1rem);--component-font-scale: var(--font-scale, 1)}.transition-standard{transition:all var(--transition-fast, .15s) ease-in-out}.transition-modal{transition:opacity var(--transition-modal, .3s) ease-out}.transition-tooltip{transition:opacity var(--transition-fast, .15s) ease-in-out}.transition-nav{transition:all var(--transition-normal, .2s) ease-in-out}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--modal-backdrop);z-index:var(--z-modal-backdrop);opacity:0;transition:opacity var(--transition-modal);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;overflow-y:auto;padding:var(--component-padding);contain:strict}.modal-backdrop.visible{opacity:1}.modal-dialog{background:var(--modal-background);border-radius:var(--modal-border-radius);box-shadow:var(--modal-shadow);z-index:var(--z-modal);min-width:300px;max-width:90vw;max-height:95vh;position:relative;display:flex;flex-direction:column;overflow:visible;animation:modalSlideIn var(--transition-modal);border:1px solid var(--modal-border);contain:layout style}.modal-dialog:focus{outline:none}.modal-header{padding:calc(var(--component-padding) * var(--component-font-scale));border-bottom:1px solid var(--modal-border);display:flex;justify-content:space-between;align-items:center;background:var(--modal-background);flex-shrink:0;border-top-left-radius:var(--modal-border-radius);border-top-right-radius:var(--modal-border-radius)}.modal-title{margin:0;font-size:calc(var(--font-size-lg, 18px) * var(--component-font-scale));font-weight:var(--font-weight-semibold, 600);color:var(--color-gray-900, #333);line-height:var(--line-height-tight, 1.25)}.modal-close{background:none;border:none;font-size:calc(var(--font-size-2xl, 24px) * var(--component-font-scale));cursor:pointer;color:var(--color-gray-600, #666);width:var(--touch-target-min);height:var(--touch-target-min);display:flex;align-items:center;justify-content:center;border-radius:var(--button-border-radius);transition:all var(--transition-fast);position:relative}.modal-close:hover,.modal-close:focus{background-color:var(--nav-item-hover);color:var(--color-gray-800, #333)}.modal-close:focus-visible{outline:var(--focus-ring-width) solid var(--form-border-focus);outline-offset:var(--focus-ring-offset)}.modal-body{padding:calc(var(--component-padding) * var(--component-font-scale));background:var(--modal-background);flex:1;overflow:hidden auto;min-height:0;max-height:calc(90vh - calc(var(--component-padding) * 7 * var(--component-font-scale)))}.modal-backdrop:not(.pre-launch-modal) .modal-body{max-height:none}.modal-footer{padding:calc(var(--spacing-3, 12px) * var(--component-font-scale)) calc(var(--spacing-4, 16px) * var(--component-font-scale));border-top:1px solid var(--modal-border);display:flex;align-items:center;justify-content:flex-end;gap:calc(var(--spacing-2, 8px) * var(--component-font-scale));background:var(--modal-background);flex-shrink:0;position:relative;z-index:10;flex-wrap:wrap;overflow:auto visible;min-height:var(--touch-target-min, 44px);scroll-behavior:smooth;scrollbar-width:thin;border-bottom-left-radius:var(--modal-border-radius);border-bottom-right-radius:var(--modal-border-radius);transition:all var(--transition-normal, .2s) ease-in-out}.scroll-indicator{position:absolute;top:50%;transform:translateY(-50%);width:20px;height:20px;background:var(--modal-background);border:1px solid var(--modal-border);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--text-color);cursor:pointer;transition:opacity var(--transition-fast);z-index:20;pointer-events:none;box-shadow:0 2px 4px #0000001a}.scroll-indicator-left{left:4px}.scroll-indicator-right{right:4px}.scroll-indicator:hover{background:var(--color-background-hover, #f3f4f6)}.modal-footer.has-overflow-x{padding-left:30px;padding-right:30px}.modal-footer.needs-stacking{flex-direction:column;align-items:stretch}.modal-footer.needs-stacking .modal-button{width:100%;justify-content:center}.modal-footer.mobile-layout{flex-direction:column;align-items:stretch;gap:var(--spacing-2, 8px)}.modal-footer.mobile-layout .modal-button{width:100%;justify-content:center}.modal-footer.small-mobile-layout{padding:var(--spacing-2, 8px)}.modal-footer>.modal-button:not(:last-child){margin-right:0}.modal-footer.many-buttons{justify-content:center;flex-wrap:wrap}.modal-footer.many-buttons .modal-button{min-width:60px;padding:var(--spacing-2, 8px) var(--spacing-3, 12px);font-size:var(--font-size-xs, 12px)}.navigation-menu{background:var(--nav-background);border:1px solid var(--nav-border);border-radius:var(--button-border-radius);box-shadow:var(--shadow-md, 0 2px 8px rgb(0 0 0 / 10%));contain:layout style;isolation:isolate}.navigation-menu.vertical{min-width:200px}.navigation-menu.horizontal{display:flex}.navigation-menu.horizontal .nav-item{border-bottom:none;border-right:1px solid var(--color-gray-100, #f0f0f0)}.navigation-menu.horizontal .nav-item:last-child{border-right:none}.nav-item{padding:calc(var(--spacing-3, 12px) * var(--component-font-scale)) calc(var(--spacing-4, 16px) * var(--component-font-scale));cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:space-between;min-height:var(--touch-target-min);position:relative;color:var(--color-gray-700, #555);text-decoration:none;font-weight:var(--font-weight-medium, 500);font-size:calc(1rem * var(--component-font-scale))}.nav-item:last-child{border-bottom:none}.nav-item:hover:not(.disabled){background-color:var(--nav-item-hover);color:var(--color-gray-900, #333);transform:translate(2px)}.nav-item.selected{background-color:var(--nav-item-selected);color:var(--color-white, white);font-weight:var(--font-weight-semibold, 600)}.nav-item.selected:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--color-white, white)}.nav-item:focus-visible{outline:var(--focus-ring-width) solid var(--nav-item-focus);outline-offset:-2px;z-index:1}.nav-item.disabled{opacity:.6;cursor:not-allowed;color:var(--color-gray-400, #999)}.nav-item-icon{margin-right:calc(var(--spacing-2, 10px) * var(--component-font-scale));opacity:.7;font-size:calc(var(--font-size-base, 16px) * var(--component-font-scale));width:calc(20px * var(--component-font-scale));height:calc(20px * var(--component-font-scale));display:flex;align-items:center;justify-content:center}.nav-item.selected .nav-item-icon{opacity:1}.nav-item-badge{background:var(--color-error, #f44336);color:var(--color-white, white);border-radius:var(--radius-full, 50px);padding:2px 6px;font-size:var(--font-size-xs, 10px);font-weight:var(--font-weight-bold, 700);min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;margin-left:auto}.nav-item.selected .nav-item-badge{background:#fff3}.navigation-menu:focus-within{box-shadow:0 0 0 2px var(--nav-item-focus)}.nav-item[aria-current=page],.nav-item[aria-selected=true]{background-color:var(--nav-item-selected);color:var(--color-white, white)}.nav-item[aria-disabled=true]{opacity:.6;cursor:not-allowed;pointer-events:none}.chart-container{background:var(--modal-background);border:1px solid var(--modal-border);border-radius:var(--modal-border-radius);padding:calc(var(--component-padding) * var(--component-font-scale));box-shadow:var(--shadow-sm, 0 2px 4px rgb(0 0 0 / 10%));position:relative;contain:layout style}.chart-container.loading{pointer-events:none}.chart-container.loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:32px;height:32px;border:3px solid var(--color-gray-300, #ccc);border-top:3px solid var(--nav-item-selected);border-radius:50%;animation:componentSpin 1s linear infinite;z-index:10}.chart-title{font-size:calc(var(--font-size-lg, 16px) * var(--component-font-scale));font-weight:var(--font-weight-semibold, 600);margin-bottom:calc(var(--component-padding) * var(--component-font-scale));text-align:center;color:var(--color-gray-900, #333);line-height:var(--line-height-tight, 1.25)}.chart-legend{display:flex;justify-content:center;gap:var(--spacing-5, 20px);margin-top:var(--spacing-4, 15px);font-size:var(--font-size-xs, 12px);flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:var(--spacing-1, 5px);color:var(--color-gray-700, #555);font-weight:var(--font-weight-medium, 500)}.legend-color{width:12px;height:12px;border-radius:var(--radius-sm, 2px);border:1px solid var(--modal-border);flex-shrink:0}.chart-no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;color:var(--color-gray-500, #999);font-style:italic}.chart-no-data:before{content:"📊";font-size:var(--font-size-4xl, 48px);margin-bottom:var(--spacing-2, 8px)}.form-field{margin-bottom:calc(var(--component-padding) * var(--component-font-scale));position:relative}.form-label{display:block;margin-bottom:calc(var(--spacing-1, 5px) * var(--component-font-scale));font-size:calc(var(--font-size-sm, 14px) * var(--component-font-scale));font-weight:var(--font-weight-medium, 500);color:var(--color-gray-900, #333);line-height:var(--line-height-normal, 1.5)}.form-label.required:after{content:" *";color:var(--form-border-error);font-weight:var(--font-weight-bold, 700)}.form-input,.form-select,.form-textarea{width:100%;padding:calc(var(--spacing-2, 10px) * var(--component-font-scale)) calc(var(--spacing-3, 12px) * var(--component-font-scale));border:1px solid var(--form-border);border-radius:var(--input-border-radius);font-size:calc(var(--font-size-sm, 14px) * var(--component-font-scale));font-family:inherit;line-height:var(--line-height-normal, 1.5);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast);background:var(--form-background);color:var(--color-gray-900, #333);min-height:var(--touch-target-min)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--form-border-focus);box-shadow:0 0 0 3px #2196f31a}.form-input:focus-visible,.form-select:focus-visible,.form-textarea:focus-visible{outline:var(--focus-ring-width) solid var(--form-border-focus);outline-offset:var(--focus-ring-offset)}.form-input.error,.form-select.error,.form-textarea.error{border-color:var(--form-border-error);box-shadow:0 0 0 3px #f443361a}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background-color:var(--form-disabled-bg);color:var(--color-gray-500, #999);cursor:not-allowed}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-gray-500, #999);opacity:1}.form-error{margin-top:var(--spacing-1, 5px);font-size:var(--font-size-xs, 12px);color:var(--form-border-error);display:flex;align-items:center;gap:var(--spacing-1, 4px)}.form-error:before{content:"⚠";font-size:var(--font-size-sm, 14px)}.form-success{margin-top:var(--spacing-1, 5px);font-size:var(--font-size-xs, 12px);color:var(--color-success, #4caf50);display:flex;align-items:center;gap:var(--spacing-1, 4px)}.form-success:before{content:"✓";font-size:var(--font-size-sm, 14px)}.form-textarea{min-height:80px;resize:vertical;font-family:inherit}.form-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 8px center;background-repeat:no-repeat;background-size:16px;padding-right:var(--spacing-8, 32px);appearance:none;cursor:pointer}.form-select:disabled{cursor:not-allowed}.form-group{display:flex;gap:var(--spacing-3, 12px);align-items:flex-end}.form-group .form-field{flex:1;margin-bottom:0}.form-input-wrapper{position:relative;display:flex;align-items:center}.form-input-icon{position:absolute;left:var(--spacing-3, 12px);color:var(--color-gray-500, #999);z-index:1;pointer-events:none}.form-input-wrapper .form-input{padding-left:var(--spacing-8, 40px)}.form-input-wrapper.icon-right .form-input-icon{left:auto;right:var(--spacing-3, 12px)}.form-input-wrapper.icon-right .form-input{padding-left:var(--spacing-3, 12px);padding-right:var(--spacing-8, 40px)}.form-input.loading,.form-select.loading{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3ccircle cx='12' cy='12' r='10' stroke='%23ccc' stroke-width='4'/%3e%3cpath fill='%232196f3' d='m4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z'/%3e%3c/svg%3e");background-position:right 8px center;background-repeat:no-repeat;background-size:16px;padding-right:var(--spacing-8, 32px)}.tooltip{position:absolute;background:var(--tooltip-background);color:var(--tooltip-text);padding:calc(var(--spacing-2, 8px) * var(--component-font-scale)) calc(var(--spacing-3, 12px) * var(--component-font-scale));border-radius:var(--button-border-radius);font-size:calc(var(--font-size-xs, 12px) * var(--component-font-scale));z-index:var(--z-tooltip);pointer-events:none;opacity:0;transition:opacity var(--transition-fast);max-width:calc(250px * var(--component-font-scale));white-space:normal;line-height:var(--line-height-normal, 1.5);box-shadow:var(--shadow-md, 0 2px 8px rgb(0 0 0 / 15%));border:1px solid var(--modal-border)}.tooltip.visible{opacity:1}.tooltip.large{max-width:300px;padding:var(--spacing-3, 12px) var(--spacing-4, 16px);font-size:var(--font-size-sm, 14px)}.tooltip:before{content:"";position:absolute;border:6px solid transparent}.tooltip.top,.tooltip.bottom{margin:6px 0}.tooltip.left,.tooltip.right{margin:0 6px}.tooltip.top:before,.tooltip.bottom:before{left:50%;transform:translate(-50%)}.tooltip.left:before,.tooltip.right:before{top:50%;transform:translateY(-50%)}.tooltip.top:before{top:100%;border-top-color:var(--tooltip-background)}.tooltip.bottom:before{bottom:100%;border-bottom-color:var(--tooltip-background)}.tooltip.left:before{left:100%;border-left-color:var(--tooltip-background)}.tooltip.right:before{right:100%;border-right-color:var(--tooltip-background)}.tooltip.error{background:var(--form-border-error);color:var(--color-white, white)}.tooltip.error:before{border-color:var(--form-border-error) var(--form-border-error) var(--form-border-error) var(--form-border-error)}.tooltip.success{background:var(--color-success, #4caf50);color:var(--color-white, white)}.tooltip.warning{background:var(--color-warning, #ff9800);color:var(--color-white, white)}.component-loading{position:relative;pointer-events:none;opacity:.7}.component-loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px;border:2px solid var(--color-gray-300, #ccc);border-top:2px solid var(--nav-item-selected);border-radius:50%;animation:componentSpin .8s linear infinite;z-index:10}.component-error{border-color:var(--form-border-error)!important;background-color:#f443360d}.component-error:before{content:"⚠";position:absolute;top:var(--spacing-1, 4px);right:var(--spacing-1, 4px);color:var(--form-border-error);font-weight:700;z-index:10}.component-success{border-color:var(--color-success, #4caf50)!important;background-color:#4caf500d}.component-success:before{content:"✓";position:absolute;top:var(--spacing-1, 4px);right:var(--spacing-1, 4px);color:var(--color-success, #4caf50);font-weight:700;z-index:10}.advanced-ui-hidden{display:none!important}.advanced-ui-visible{display:block!important}.advanced-ui-flex{display:flex!important}.advanced-ui-inline-flex{display:inline-flex!important}.advanced-ui-center{display:flex;align-items:center;justify-content:center}.advanced-ui-disabled{opacity:.6;pointer-events:none;cursor:not-allowed}.advanced-ui-clickable{cursor:pointer}.advanced-ui-no-select{user-select:none}.advanced-ui-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.advanced-ui-border{border:1px solid var(--modal-border)}.advanced-ui-border-rounded{border-radius:var(--button-border-radius)}.advanced-ui-shadow{box-shadow:var(--shadow-md, 0 2px 8px rgb(0 0 0 / 10%))}.advanced-ui-transition{transition:all var(--transition-fast)}.advanced-ui-m-0{margin:0}.advanced-ui-m-1{margin:var(--spacing-1, 4px)}.advanced-ui-m-2{margin:var(--spacing-2, 8px)}.advanced-ui-m-3{margin:var(--spacing-3, 12px)}.advanced-ui-m-4{margin:var(--spacing-4, 16px)}.advanced-ui-p-0{padding:0}.advanced-ui-p-1{padding:var(--spacing-1, 4px)}.advanced-ui-p-2{padding:var(--spacing-2, 8px)}.advanced-ui-p-3{padding:var(--spacing-3, 12px)}.advanced-ui-p-4{padding:var(--spacing-4, 16px)}.advanced-ui-text-left{text-align:left}.advanced-ui-text-center{text-align:center}.advanced-ui-text-right{text-align:right}.advanced-ui-font-bold{font-weight:var(--font-weight-bold, 700)}.advanced-ui-font-medium{font-weight:var(--font-weight-medium, 500)}.advanced-ui-font-normal{font-weight:var(--font-weight-normal, 400)}.advanced-ui-text-primary{color:var(--nav-item-selected)}.advanced-ui-text-error{color:var(--form-border-error)}.advanced-ui-text-success{color:var(--color-success, #4caf50)}.advanced-ui-text-muted{color:var(--color-gray-500, #999)}.advanced-ui-bg-primary{background-color:var(--nav-item-selected)}.advanced-ui-bg-error{background-color:var(--form-border-error)}.advanced-ui-bg-success{background-color:var(--color-success, #4caf50)}.advanced-ui-bg-muted{background-color:var(--color-gray-100, #f5f5f5)}.modal-dialog,.navigation-menu,.chart-container,.tooltip{contain:layout style}.nav-item,.modal-button,.form-input,.form-select,.form-textarea{will-change:auto}.nav-item:hover,.modal-button:hover{will-change:background-color,transform}.modal-title,.chart-title,.form-label{text-rendering:optimizelegibility;font-feature-settings:"kern" 1}@media (prefers-reduced-motion: reduce){.modal-dialog{animation:none;opacity:1;transform:translate(-50%,-50%)}.nav-item:hover,.modal-button:hover{transform:none}}@media (prefers-contrast: high){:root{--modal-border: #000;--nav-border: #000;--form-border: #000;--form-border-focus: #06c;--form-border-error: #c00;--nav-item-selected: #000;--focus-ring-width: 3px}.modal-dialog,.navigation-menu,.chart-container,.form-input,.form-select,.form-textarea{border-width:2px;border-style:solid}.nav-item.selected{background:#000;color:#fff}.modal-button.primary{background:#000;color:#fff;border:2px solid #000}.modal-button.secondary{background:#fff;color:#000;border:2px solid #000}}.modal-dialog[tabindex="-1"]:focus{outline:none}.modal-skip-link{position:absolute;top:-40px;left:6px;background:var(--nav-item-selected);color:var(--color-white, white);padding:var(--spacing-2, 8px) var(--spacing-3, 12px);border-radius:var(--button-border-radius);text-decoration:none;font-weight:var(--font-weight-medium, 500);z-index:calc(var(--z-modal) + 1);transition:top var(--transition-fast)}.modal-skip-link:focus{top:6px}.sr-only-advanced{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.live-region{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}[aria-busy=true]{cursor:wait;pointer-events:none}[aria-invalid=true]{border-color:var(--form-border-error)!important}.modal-dialog .focus-trap-start,.modal-dialog .focus-trap-end{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}@media (hover: none) and (pointer: coarse){.nav-item,.modal-button,.modal-close,.form-input,.form-select,.form-textarea{min-height:var(--touch-target-min)}.nav-item,.modal-button,.modal-close{min-width:var(--touch-target-min)}.nav-item{padding:calc(var(--spacing-4, 16px) * var(--component-font-scale))}.modal-button{padding:calc(var(--spacing-3, 12px) * var(--component-font-scale)) calc(var(--spacing-5, 20px) * var(--component-font-scale));font-size:calc(var(--font-size-base, 16px) * var(--component-font-scale))}.form-input,.form-select,.form-textarea{font-size:calc(var(--font-size-base, 16px) * var(--component-font-scale))}.nav-item:hover{transform:none;background-color:var(--nav-item-hover)}.tooltip{display:none}}[dir=rtl] .nav-item-icon{margin-right:0;margin-left:var(--spacing-2, 10px)}[dir=rtl] .nav-item.selected:before{left:auto;right:0}[dir=rtl] .nav-item:hover{transform:translate(-2px)}[dir=rtl] .form-input-icon{left:auto;right:var(--spacing-3, 12px)}[dir=rtl] .form-input-wrapper .form-input{padding-left:var(--spacing-3, 12px);padding-right:var(--spacing-8, 40px)}[dir=rtl] .form-input-wrapper.icon-right .form-input-icon{right:auto;left:var(--spacing-3, 12px)}[dir=rtl] .form-input-wrapper.icon-right .form-input{padding-left:var(--spacing-8, 40px);padding-right:var(--spacing-3, 12px)}[dir=rtl] .form-select{background-position:left 8px center;padding-right:var(--spacing-3, 12px);padding-left:var(--spacing-8, 32px)}[dir=rtl] .modal-footer{justify-content:flex-start}[dir=rtl] .tooltip.left:before{left:auto;right:100%;border-left-color:transparent;border-right-color:var(--tooltip-background)}[dir=rtl] .tooltip.right:before{right:auto;left:100%;border-right-color:transparent;border-left-color:var(--tooltip-background)}@media print{.modal-backdrop,.tooltip{display:none!important}.modal-dialog{position:static!important;transform:none!important;box-shadow:none!important;border:2px solid #000!important;page-break-inside:avoid}.navigation-menu{border:1px solid #000!important;box-shadow:none!important}.nav-item.selected{background:#000!important;color:#fff!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.form-input,.form-select,.form-textarea{border:1px solid #000!important;background:#fff!important;color:#000!important}.chart-container{border:1px solid #000!important;box-shadow:none!important}}.modal-footer::-webkit-scrollbar{height:4px}.modal-footer::-webkit-scrollbar-track{background:var(--color-background-secondary, #f8fafc)}.modal-footer::-webkit-scrollbar-thumb{background:var(--color-border-light, #e5e7eb);border-radius:2px}.modal-footer::-webkit-scrollbar-thumb:hover{background:var(--color-border, #d1d5db)}.modal-footer.has-overflow:before{content:"";position:absolute;right:0;top:0;bottom:0;width:20px;background:linear-gradient(to left,var(--modal-background),transparent);pointer-events:none;z-index:1}@media only screen and (width <= 767px){.modal-backdrop{padding:calc(var(--component-padding) * .5);align-items:flex-start;padding-top:var(--component-padding)}.modal-dialog{max-height:calc(100vh - calc(var(--component-padding) * 2));margin-top:auto;margin-bottom:auto}.modal-footer{padding:calc(var(--spacing-2, 8px) * var(--component-font-scale)) calc(var(--spacing-3, 12px) * var(--component-font-scale));gap:calc(var(--spacing-2, 8px) * var(--component-font-scale));flex-direction:column;align-items:stretch}.modal-footer .modal-button{width:100%;justify-content:center;margin:0}.modal-footer .modal-button+.modal-button{margin-top:calc(var(--spacing-2, 8px) * var(--component-font-scale))}}@media only screen and (width <= 479px){.modal-backdrop{padding:calc(var(--component-padding) * .25);padding-top:calc(var(--component-padding) * .5)}.modal-dialog{max-height:calc(100vh - var(--component-padding))}.modal-footer{padding:calc(var(--spacing-1, 4px) * var(--component-font-scale)) calc(var(--spacing-2, 8px) * var(--component-font-scale))}}@media only screen and (width >= 768px) and (width <= 1279px){.modal-dialog{min-width:calc(400px * var(--component-font-scale));max-width:85vw}.navigation-menu{min-width:calc(250px * var(--component-font-scale))}.nav-item{padding:calc(var(--spacing-4, 16px) * var(--component-font-scale))}.chart-container{padding:calc(var(--component-padding) * 1.25 * var(--component-font-scale))}.form-input,.form-select,.form-textarea{font-size:calc(var(--font-size-base, 16px) * var(--component-font-scale))}}@media only screen and (width >= 1280px){.modal-dialog{min-width:calc(500px * var(--component-font-scale));max-width:min(800px,80vw)}.navigation-menu{min-width:calc(300px * var(--component-font-scale))}.nav-item{padding:calc(var(--spacing-4, 16px) * var(--component-font-scale)) calc(var(--spacing-5, 20px) * var(--component-font-scale))}.chart-container{padding:calc(var(--component-padding) * 1.5 * var(--component-font-scale))}.tooltip.large{max-width:calc(400px * var(--component-font-scale));padding:calc(var(--spacing-4, 16px) * var(--component-font-scale));font-size:calc(var(--font-size-base, 16px) * var(--component-font-scale))}}.modal-footer .modal-button:focus-visible{outline:var(--focus-ring-width, 2px) solid var(--form-border-focus);outline-offset:var(--focus-ring-offset, 2px);z-index:21}.modal-footer .modal-button{transition:all var(--transition-fast, .15s) ease-in-out}.modal-dialog{margin:0;max-height:calc(100vh - calc(var(--component-padding) * 4))}.modal-header:first-child{border-top-left-radius:var(--modal-border-radius);border-top-right-radius:var(--modal-border-radius)}.modal-footer:last-child{border-bottom-left-radius:var(--modal-border-radius);border-bottom-right-radius:var(--modal-border-radius)}.modal-body:first-child{border-top-left-radius:var(--modal-border-radius);border-top-right-radius:var(--modal-border-radius)}.modal-body:last-child{border-bottom-left-radius:var(--modal-border-radius);border-bottom-right-radius:var(--modal-border-radius)}.modal-header,.modal-body,.modal-footer{isolation:isolate}.modal-dialog:has(.modal-body:empty),.modal-dialog:has(.modal-body:not(:has(*))){min-height:200px;justify-content:center}.modal-dialog:has(.modal-footer){min-height:150px}body.dark-mode{--modal-backdrop: rgb(0 0 0 / 80%);--modal-background: var(--theme-bg-secondary);--modal-border: var(--theme-border);--modal-shadow: 0 20px 40px rgb(0 0 0 / 50%);--nav-background: var(--theme-bg-secondary);--nav-border: var(--theme-border);--nav-item-hover: var(--theme-bg-primary);--nav-item-selected: var(--color-primary);--nav-item-focus: var(--color-primary);--form-background: var(--theme-bg-primary);--form-border: var(--theme-border);--form-border-focus: var(--color-primary);--form-border-error: var(--color-error);--form-disabled-bg: var(--theme-bg-secondary);--tooltip-background: var(--theme-bg-primary);--tooltip-text: var(--theme-text-primary)}body.dark-mode .modal-dialog{background:var(--theme-bg-secondary);border:1px solid var(--theme-border);color:var(--theme-text-primary)}body.dark-mode .modal-header{background:var(--theme-bg-primary);border-bottom:1px solid var(--theme-border);color:var(--theme-text-primary)}body.dark-mode .modal-title{color:var(--theme-text-primary)}body.dark-mode .modal-close{color:var(--theme-text-secondary);background:var(--theme-bg-secondary);border:1px solid var(--theme-border)}body.dark-mode .modal-close:hover{color:var(--theme-text-primary);background:var(--theme-bg-primary);border-color:var(--theme-border-hover)}body.dark-mode .modal-body{background:var(--theme-bg-secondary);color:var(--theme-text-primary)}body.dark-mode .modal-footer{background:var(--theme-bg-primary);border-top:1px solid var(--theme-border)}body.dark-mode .navigation-menu{background:var(--theme-bg-secondary);border:1px solid var(--theme-border)}body.dark-mode .nav-item{color:var(--theme-text-primary)}body.dark-mode .nav-item:hover:not(.disabled){background:var(--theme-bg-primary)}body.dark-mode .nav-item.selected{background:#4a9eff1a;color:var(--color-primary);border-left-color:var(--color-primary)}body.dark-mode .nav-item.disabled{color:var(--theme-text-muted);background:var(--theme-bg-secondary)}body.dark-mode .nav-item-badge{background:var(--color-primary);color:#fff}body.dark-mode .chart-container{background:var(--theme-bg-primary);border:1px solid var(--theme-border)}body.dark-mode .chart-title{color:var(--theme-text-primary)}body.dark-mode .chart-legend{background:var(--theme-bg-secondary);border:1px solid var(--theme-border)}body.dark-mode .legend-item{color:var(--theme-text-primary)}body.dark-mode .chart-no-data{color:var(--theme-text-secondary)}body.dark-mode .form-field,body.dark-mode .form-label{color:var(--theme-text-primary)}body.dark-mode .form-input,body.dark-mode .form-select,body.dark-mode .form-textarea{background:var(--theme-bg-primary);color:var(--theme-text-primary);border:1px solid var(--theme-border)}body.dark-mode .form-input:focus,body.dark-mode .form-select:focus,body.dark-mode .form-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #4a9eff33}body.dark-mode .form-input.error,body.dark-mode .form-select.error,body.dark-mode .form-textarea.error{border-color:var(--color-error)}body.dark-mode .form-input:disabled,body.dark-mode .form-select:disabled,body.dark-mode .form-textarea:disabled{background:var(--theme-bg-secondary);color:var(--theme-text-muted);border-color:var(--theme-border)}body.dark-mode .form-input::placeholder,body.dark-mode .form-textarea::placeholder{color:var(--theme-text-muted)}body.dark-mode .form-error{color:var(--color-error)}body.dark-mode .form-success{color:var(--color-success)}body.dark-mode .form-input-icon{color:var(--theme-text-secondary)}body.dark-mode .tooltip{background:var(--theme-bg-primary);color:var(--theme-text-primary);border:1px solid var(--theme-border);box-shadow:0 4px 12px var(--theme-shadow-hover)}}