@charset "UTF-8";.doc-shell{min-height:100vh;background:var(--bg-body);color:var(--text-primary);font-family:var(--font-sans)}.doc-topbar{position:sticky;top:0;z-index:var(--z-sticky);height:60px;display:flex;align-items:center;gap:var(--space-4);padding:0 var(--space-6);background:var(--bg-surface);border-bottom:1px solid var(--border-default)}.doc-topbar__menu{display:none;background:none;border:none;color:var(--text-primary);cursor:pointer}@media (max-width: 768px){.doc-topbar__menu{display:inline-flex}}.doc-topbar__brand{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:700;color:var(--text-primary);font-size:.95rem}.doc-topbar__right{margin-left:auto}.doc-body{display:flex;align-items:flex-start}.doc-nav{position:sticky;top:60px;flex:0 0 260px;width:260px;height:calc(100vh - 60px);overflow-y:auto;padding:var(--space-5) var(--space-4);border-right:1px solid var(--border-default);background:var(--bg-surface)}@media (max-width: 768px){.doc-nav{position:fixed;top:60px;left:0;z-index:var(--z-drawer);transform:translate(-100%);transition:transform .25s var(--ease-standard);box-shadow:var(--shadow-premium)}.doc-nav--open{transform:translate(0)}}.doc-nav__group{margin-bottom:var(--space-5)}.doc-nav__group-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-disabled);padding:0 10px;margin-bottom:var(--space-2)}.doc-nav__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.doc-nav__link{display:block;padding:8px 10px;border-radius:var(--radius-sm);font-size:.9rem;color:var(--text-secondary);text-decoration:none;transition:var(--transition-fast)}.doc-nav__link:hover{background:var(--bg-muted);color:var(--text-primary)}.doc-nav__link--active{background:var(--color-info-bg);color:var(--color-primary);font-weight:600}.doc-content{flex:1;min-width:0;padding:var(--space-8) var(--space-8) 80px}@media (max-width: 768px){.doc-content{padding:var(--space-5) var(--space-4) 60px}}.doc-footer{max-width:860px;margin:64px auto 0;padding-top:var(--space-5);border-top:1px solid var(--border-color, var(--border, rgba(0, 0, 0, .1)));color:var(--text-secondary);font-size:.875rem;line-height:1.6}.doc-footer p{margin:0 0 4px}.doc-footer a{color:var(--color-primary, var(--text-secondary));text-decoration:none}.doc-footer a:hover{text-decoration:underline}.doc-page{max-width:860px;margin:0 auto}.doc-page__head{margin-bottom:var(--space-8)}.doc-page__title{font-size:2.25rem;font-weight:700;margin:0}.doc-page__lead{margin:var(--space-3) 0 0;font-size:1.1rem;color:var(--text-secondary);line-height:1.6}.doc-page h2{font-size:1.4rem;margin:var(--space-8) 0 var(--space-3)}.doc-page p{line-height:1.7;color:var(--text-secondary)}.doc-page a{color:var(--color-primary)}.doc-page ul{line-height:1.8;color:var(--text-secondary)}.doc-page code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85em;background:var(--bg-muted);padding:2px 6px;border-radius:4px;color:var(--text-primary)}.doc-example{margin:var(--space-6) 0}.doc-example__title{font-size:1.15rem;font-weight:600;margin:0 0 4px}.doc-example__desc{margin:0 0 var(--space-3);color:var(--text-secondary)}.doc-example__card{border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-surface)}.doc-example__preview{padding:var(--space-6);display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:center}.doc-example__preview--flush{padding:0;display:block}.doc-example__actions{display:flex;justify-content:flex-end;padding:8px 12px;border-top:1px solid var(--border-muted);background:var(--bg-muted)}.doc-example__toggle{background:none;border:none;color:var(--text-secondary);font-size:.8rem;font-weight:600;cursor:pointer}.doc-example__toggle:hover{color:var(--color-primary)}.doc-code{border-top:1px solid var(--border-muted)}.doc-code__bar{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;background:#0f172a}.doc-code__lang{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:#94a3b8}.doc-code__copy{background:#ffffff1a;border:none;color:#e2e8f0;font-size:.72rem;padding:4px 10px;border-radius:6px;cursor:pointer}.doc-code__copy:hover{background:#fff3}.doc-code__pre{margin:0;padding:var(--space-4) var(--space-5);background:#0b1220;color:#e2e8f0;overflow-x:auto;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.82rem;line-height:1.6}.doc-code__pre code{background:none;padding:0;color:inherit;font-size:inherit;white-space:pre}.doc-props{overflow-x:auto;margin:var(--space-4) 0}.doc-props__table{width:100%;border-collapse:collapse;font-size:.875rem}.doc-props__table th,.doc-props__table td{text-align:left;padding:10px 14px;border-bottom:1px solid var(--border-muted);vertical-align:top}.doc-props__table th{color:var(--text-secondary);font-weight:600;text-transform:uppercase;font-size:.72rem;letter-spacing:.05em}.doc-props__table td{color:var(--text-secondary)}.doc-props__type{color:var(--color-primary)}.doc-props__muted{color:var(--text-disabled)}.doc-demo-back{position:fixed;top:12px;right:12px;z-index:var(--z-toast);padding:8px 14px;border-radius:var(--radius-pill);background:var(--bg-surface);border:1px solid var(--border-default);box-shadow:var(--shadow-medium);color:var(--text-primary);font-size:.85rem;font-weight:600;text-decoration:none}.doc-demo-back:hover{color:var(--color-primary);border-color:var(--color-primary)}.doc-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);margin:var(--space-6) 0}.doc-cards__card{display:block;padding:var(--space-5);border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--bg-surface);text-decoration:none;color:var(--text-primary);transition:var(--transition-base)}.doc-cards__card:hover{transform:translateY(-2px);box-shadow:var(--shadow-medium);border-color:var(--color-primary)}.doc-cards__card strong{display:block;margin-bottom:4px}.doc-cards__card span{color:var(--text-secondary);font-size:.875rem}#root{width:100%;min-height:100vh}:root{--color-primary: #2988ee;--color-primary-hover: #8ec5fc;--color-secondary: #fff6f2;--color-secondary-hover: #ffe7de;--color-success: #22c55e;--color-success-bg: rgba(34, 197, 94, .12);--color-warning: #f59e0b;--color-warning-bg: rgba(245, 158, 11, .12);--color-error: #ef4444;--color-error-bg: rgba(239, 68, 68, .12);--color-info: #3b82f6;--color-info-bg: rgba(59, 130, 246, .12);--text-primary: #2f3a4a;--text-secondary: #5a6b7b;--text-disabled: #9aa8b6;--text-white: #ffffff;--bg-body: #f5f9ff;--bg-surface: #ffffff;--bg-secondary: #fff1ec;--bg-muted: #eef3fa;--border-default: #e3eaf3;--border-muted: #edf2f7;--border-focus: #8ec5fc;--transparent: rgba(0, 0, 0, 0);--overlay-light: rgba(47, 58, 74, .08);--overlay-dark: rgba(47, 58, 74, .16);--overlay-backdrop: rgba(0, 0, 0, .5);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-pill: 999px;--shadow-soft: 0 4px 12px rgba(0, 0, 0, .05);--shadow-medium: 0 8px 24px rgba(0, 0, 0, .08);--shadow-premium: 0 20px 40px rgba(0, 0, 0, .12);--shadow-focus: 0 0 0 4px rgba(41, 136, 238, .15);--ease-standard: cubic-bezier(.4, 0, .2, 1);--transition-fast: all .15s var(--ease-standard);--transition-base: all .25s var(--ease-standard);--transition-slow: all .4s var(--ease-standard);--z-base: 1;--z-dropdown: 1000;--z-sticky: 1020;--z-drawer: 1030;--z-modal: 1040;--z-popover: 1050;--z-toast: 9999;--font-sans: "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}[data-theme=dark]{--color-primary: #14b8a6;--color-primary-hover: #2dd4bf;--color-secondary: #1e293b;--color-secondary-hover: #334155;--text-primary: #e2e8f0;--text-secondary: #94a3b8;--text-disabled: #64748b;--text-white: #ffffff;--bg-body: #0b1220;--bg-surface: #111c31;--bg-secondary: #0f172a;--bg-muted: #1e293b;--border-default: #334155;--border-muted: #1e293b;--border-focus: #2dd4bf;--overlay-light: rgba(255, 255, 255, .06);--overlay-dark: rgba(255, 255, 255, .12);--overlay-backdrop: rgba(0, 0, 0, .7);--shadow-soft: 0 4px 12px rgba(0, 0, 0, .32);--shadow-medium: 0 8px 24px rgba(0, 0, 0, .4);--shadow-premium: 0 20px 40px rgba(0, 0, 0, .5);--shadow-focus: 0 0 0 4px rgba(45, 212, 191, .25)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-sans);font-size:1rem;line-height:1.5;color:var(--text-primary);background-color:var(--bg-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6,p,figure{margin:0}button{font-family:inherit}a{color:var(--color-primary);text-decoration:none}img,svg{display:block;max-width:100%}.text-xs{font-size:.75rem}.text-sm,.span{font-size:.875rem}.text-base,.p,.h6{font-size:1rem}.text-lg,.h5{font-size:1.125rem}.text-xl,.h4{font-size:1.25rem}.text-2xl,.h3{font-size:1.5rem}.text-3xl,.h2{font-size:1.875rem}.text-4xl,.h1{font-size:2.25rem}.text-5xl{font-size:3rem}.text-thin{font-weight:100}.text-extralight{font-weight:200}.text-light{font-weight:300}.text-normal,.span,.p{font-weight:400}.text-medium,.h6,.h5,.h4{font-weight:500}.text-semibold{font-weight:600}.text-bold,.h3,.h2,.h1{font-weight:700}.text-extrabold{font-weight:800}.text-black{font-weight:900}.text-leading-none{line-height:1}.text-leading-tight,.h2,.h1{line-height:1.25}.text-leading-snug{line-height:1.375}.text-leading-normal,.span,.h6,.h5,.h4,.h3{line-height:1.5}.text-leading-relaxed,.p{line-height:1.625}.text-leading-loose{line-height:2}.text-tracking-tighter{letter-spacing:-.05em}.text-tracking-tight{letter-spacing:-.025em}.text-tracking-normal{letter-spacing:0}.text-tracking-wide{letter-spacing:.025em}.text-tracking-wider{letter-spacing:.05em}.text-tracking-widest{letter-spacing:.1em}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-disabled)}.text-inverse{color:var(--text-white)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.text-info{color:var(--color-info)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.text-uppercase{text-transform:uppercase}.text-lowercase{text-transform:lowercase}.text-capitalize{text-transform:capitalize}.text-normal-case{text-transform:none}.text-underline{text-decoration:underline}.text-line-through{text-decoration:line-through}.text-no-underline{text-decoration:none}.text-italic{font-style:italic}.text-not-italic{font-style:normal}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-break{word-wrap:break-word;word-break:break-word}.text-nowrap{white-space:nowrap}.text-pre{white-space:pre}.text-pre-line{white-space:pre-line}.text-pre-wrap{white-space:pre-wrap}.st-btn{display:inline-flex;justify-content:center;align-items:center;gap:var(--space-2);border:none;border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:.875rem;font-weight:500;line-height:1;position:relative;overflow:hidden;cursor:pointer;transition:var(--transition-base)}.st-btn--sm{padding:6px 12px;font-size:.75rem}.st-btn--md{padding:8px 16px}.st-btn--lg{padding:10px 20px;font-size:1rem}.st-btn--primary{background-color:var(--color-primary);color:var(--text-white);z-index:0}.st-btn--primary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--color-primary-hover);transform:translate(-100%);transition:transform .4s ease;z-index:-1}.st-btn--primary:hover:before{transform:translate(0)}.st-btn--secondary{background-color:var(--color-secondary);color:var(--text-primary);z-index:0}.st-btn--secondary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--color-secondary-hover);transform:translate(-100%);transition:transform .4s ease;z-index:-1}.st-btn--secondary:hover:before{transform:translate(0)}.st-btn--danger{background-color:var(--color-error);color:var(--text-white);z-index:0}.st-btn--danger:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#00000026;transform:translate(-100%);transition:transform .4s ease;z-index:-1}.st-btn--danger:hover:before{transform:translate(0)}.st-btn--transparent{background:transparent;color:var(--color-primary);border:1px solid var(--color-primary);z-index:0}.st-btn--no-animation:before{display:none}.st-btn:focus-visible{outline:none;border-color:var(--border-focus);box-shadow:var(--shadow-focus)}.st-btn--disabled,.st-btn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.st-btn--disabled:before,.st-btn:disabled:before{display:none}.st-btn--loading{cursor:progress;pointer-events:none}.st-btn__spinner{width:1em;height:1em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:st-btn-spin .7s linear infinite}.st-btn__border--primary{border:1px solid var(--color-primary)}.st-btn__border--focus{border:1px solid var(--border-focus)}.st-btn__border--focus:focus{outline:none;box-shadow:var(--shadow-focus)}.st-btn__border--none{border:none}@keyframes st-btn-spin{to{transform:rotate(360deg)}}.st-input-group{display:flex;flex-direction:column;gap:var(--space-2);width:100%}.st-input-group__label{font-size:.875rem;font-weight:600;color:var(--text-primary)}.st-input-group__required{color:var(--color-error);margin-left:2px}.st-input-group__field{width:100%;padding:12px 16px;font-family:var(--font-sans);font-size:.9375rem;color:var(--text-primary);background-color:var(--bg-muted);border:1px solid transparent;border-radius:var(--radius-sm);transition:var(--transition-base)}.st-input-group__field::placeholder{color:var(--text-secondary);opacity:.6}.st-input-group__field:focus{background-color:var(--bg-surface);outline:none;border-color:var(--border-focus);box-shadow:var(--shadow-focus)}.st-input-group__field:disabled{opacity:.6;cursor:not-allowed}.st-input-group textarea.st-input-group__field{min-height:110px;resize:vertical;line-height:1.5}.st-input-group--error .st-input-group__field{border-color:var(--color-error);background-color:var(--color-error-bg)}.st-input-group--error .st-input-group__field:focus{box-shadow:0 0 0 4px var(--color-error-bg)}.st-input-group__message{font-size:.8125rem;color:var(--text-secondary)}.st-input-group--error .st-input-group__message{color:var(--color-error);font-weight:500}.st-checkbox{display:inline-flex;flex-direction:column;gap:var(--space-1);font-family:var(--font-sans)}.st-checkbox__row{position:relative;display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer;-webkit-user-select:none;user-select:none}.st-checkbox__input{position:absolute;width:18px;height:18px;margin:0;opacity:0;cursor:pointer}.st-checkbox__box{position:relative;flex-shrink:0;width:18px;height:18px;border-radius:var(--radius-sm);border:1.5px solid var(--border-default);background-color:var(--bg-surface);transition:var(--transition-fast)}.st-checkbox__box:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:var(--transition-fast)}.st-checkbox__label{font-size:.875rem;color:var(--text-primary)}.st-checkbox__message{font-size:.75rem;color:var(--text-secondary)}.st-checkbox__input:checked~.st-checkbox__box,.st-checkbox__input:indeterminate~.st-checkbox__box{background-color:var(--color-primary);border-color:var(--color-primary)}.st-checkbox__input:checked~.st-checkbox__box:after,.st-checkbox__input:indeterminate~.st-checkbox__box:after{opacity:1}.st-checkbox__input:checked~.st-checkbox__box:after{left:5px;top:1px;width:5px;height:9px;border:solid var(--text-white);border-width:0 2px 2px 0;transform:rotate(45deg)}.st-checkbox__input:indeterminate~.st-checkbox__box:after{left:3px;top:7px;width:10px;height:2px;background-color:var(--text-white)}.st-checkbox__input:focus-visible~.st-checkbox__box{box-shadow:var(--shadow-focus)}.st-checkbox--error .st-checkbox__box{border-color:var(--color-error)}.st-checkbox--error .st-checkbox__message{color:var(--color-error)}.st-checkbox--disabled{opacity:.6}.st-checkbox--disabled .st-checkbox__row,.st-checkbox--disabled .st-checkbox__input{cursor:not-allowed}.st-switch{position:relative;display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer;-webkit-user-select:none;user-select:none;font-family:var(--font-sans)}.st-switch__input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.st-switch__track{position:relative;flex-shrink:0;display:inline-block;border-radius:var(--radius-pill);background-color:var(--border-default);transition:var(--transition-fast)}.st-switch__thumb{position:absolute;top:50%;left:2px;border-radius:50%;background-color:var(--bg-surface);box-shadow:var(--shadow-soft);transform:translateY(-50%);transition:var(--transition-fast)}.st-switch__label{font-size:.875rem;color:var(--text-primary)}.st-switch__input:checked~.st-switch__track{background-color:var(--color-primary)}.st-switch__input:focus-visible~.st-switch__track{box-shadow:var(--shadow-focus)}.st-switch--sm .st-switch__track{width:32px;height:18px}.st-switch--sm .st-switch__thumb{width:14px;height:14px}.st-switch--sm .st-switch__input:checked~.st-switch__track .st-switch__thumb{transform:translateY(-50%) translate(14px)}.st-switch--md .st-switch__track{width:40px;height:22px}.st-switch--md .st-switch__thumb{width:18px;height:18px}.st-switch--md .st-switch__input:checked~.st-switch__track .st-switch__thumb{transform:translateY(-50%) translate(18px)}.st-switch--lg .st-switch__track{width:48px;height:26px}.st-switch--lg .st-switch__thumb{width:22px;height:22px}.st-switch--lg .st-switch__input:checked~.st-switch__track .st-switch__thumb{transform:translateY(-50%) translate(22px)}.st-switch--disabled{opacity:.6;cursor:not-allowed}.st-switch--disabled .st-switch__input{cursor:not-allowed}.st-select{position:relative;width:100%;font-family:var(--font-sans)}.st-select__control{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);width:100%;min-height:44px;padding:10px 14px;font-size:.9375rem;text-align:left;color:var(--text-primary);background-color:var(--bg-muted);border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-base)}.st-select__control:focus-visible,.st-select__control--open{background-color:var(--bg-surface);outline:none;border-color:var(--border-focus);box-shadow:var(--shadow-focus)}.st-select__control:disabled{opacity:.6;cursor:not-allowed}.st-select__placeholder{color:var(--text-secondary);opacity:.7}.st-select__arrow{border:solid var(--text-secondary);border-width:0 2px 2px 0;padding:3px;transform:rotate(45deg);transition:transform .2s var(--ease-standard);flex-shrink:0}.st-select__control--open .st-select__arrow{transform:rotate(-135deg)}.st-select__menu{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:var(--z-dropdown);max-height:240px;overflow-y:auto;padding:6px;background-color:var(--bg-surface);border:1px solid var(--border-muted);border-radius:var(--radius-md);box-shadow:var(--shadow-medium);list-style:none;margin:0}.st-select__option{padding:10px 12px;border-radius:var(--radius-sm);font-size:.9375rem;color:var(--text-primary);cursor:pointer;transition:var(--transition-fast)}.st-select__option--active{background-color:var(--bg-muted)}.st-select__option--selected{background-color:var(--color-primary);color:var(--text-white)}.st-select__option--empty{color:var(--text-secondary);cursor:default;text-align:center}.st-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:4px 12px;font-family:var(--font-sans);font-size:.75rem;font-weight:700;line-height:1.2;text-transform:uppercase;letter-spacing:.03em;border-radius:var(--radius-pill);white-space:nowrap}.st-badge--default{background-color:var(--bg-muted);color:var(--text-secondary)}.st-badge--primary{background-color:var(--color-info-bg);color:var(--color-primary)}.st-badge--success{background-color:var(--color-success-bg);color:var(--color-success)}.st-badge--warning{background-color:var(--color-warning-bg);color:var(--color-warning)}.st-badge--error{background-color:var(--color-error-bg);color:var(--color-error)}.st-badge--info{background-color:var(--color-info-bg);color:var(--color-info)}.st-badge--solid{color:var(--text-white)}.st-badge--solid.st-badge--primary{background-color:var(--color-primary)}.st-badge--solid.st-badge--success{background-color:var(--color-success)}.st-badge--solid.st-badge--warning{background-color:var(--color-warning)}.st-badge--solid.st-badge--error{background-color:var(--color-error)}.st-badge--solid.st-badge--info{background-color:var(--color-info)}.st-badge__dot{width:6px;height:6px;border-radius:50%;background-color:currentColor}.st-avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;background-color:var(--bg-muted);color:var(--text-secondary);font-family:var(--font-sans);font-weight:700;line-height:1;-webkit-user-select:none;user-select:none}.st-avatar--xs{width:24px;height:24px;font-size:.625rem}.st-avatar--sm{width:32px;height:32px;font-size:.75rem}.st-avatar--md{width:40px;height:40px;font-size:.875rem}.st-avatar--lg{width:56px;height:56px;font-size:1.125rem}.st-avatar--xl{width:72px;height:72px;font-size:1.5rem}.st-avatar--circle{border-radius:var(--radius-pill)}.st-avatar--square{border-radius:var(--radius-md)}.st-avatar__img{width:100%;height:100%;object-fit:cover}.st-avatar__initials{display:block}.st-avatar__status{position:absolute;right:0;bottom:0;width:28%;height:28%;min-width:8px;min-height:8px;border-radius:50%;border:2px solid var(--bg-surface)}.st-avatar__status--online{background-color:var(--color-success)}.st-avatar__status--away{background-color:var(--color-warning)}.st-avatar__status--busy{background-color:var(--color-error)}.st-avatar__status--offline{background-color:var(--text-disabled)}.st-icon{display:inline-block;flex-shrink:0;vertical-align:middle}.st-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);width:100%}.st-loading--fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--overlay-light);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:var(--z-modal)}.st-loading__spinner{border:3px solid var(--border-default);border-top-color:var(--color-primary);border-radius:50%;animation:st-loading-spin 1s linear infinite}@media (prefers-reduced-motion: reduce){.st-loading__spinner{animation-duration:2s}}.st-loading--sm .st-loading__spinner{width:20px;height:20px;border-width:2px}.st-loading--md .st-loading__spinner{width:40px;height:40px}.st-loading--lg .st-loading__spinner{width:60px;height:60px;border-width:4px}.st-loading__label{font-size:.875rem;color:var(--text-secondary)}@keyframes st-loading-spin{to{transform:rotate(360deg)}}.st-skeleton{display:block;background-color:var(--bg-muted);border-radius:var(--radius-sm)}.st-skeleton--text{height:.85em;margin:.25em 0;border-radius:var(--radius-sm)}.st-skeleton--rect{width:100%;height:100%}.st-skeleton--circle{border-radius:50%}.st-skeleton--pulse{animation:st-skeleton-pulse 1.4s ease-in-out infinite}.st-skeleton--wave{position:relative;overflow:hidden}.st-skeleton--wave:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,var(--overlay-light),transparent);animation:st-skeleton-wave 1.6s linear infinite}@media (prefers-reduced-motion: reduce){.st-skeleton--pulse,.st-skeleton--wave:after{animation:none}}.st-skeleton-group{display:flex;flex-direction:column;width:100%}@keyframes st-skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes st-skeleton-wave{to{transform:translate(100%)}}.st-toast-wrapper{position:fixed;top:20px;right:20px;display:flex;flex-direction:column;gap:var(--space-3);z-index:var(--z-toast);pointer-events:none}.st-toast{display:flex;align-items:flex-start;gap:var(--space-3);min-width:280px;max-width:380px;padding:14px 16px;background-color:var(--bg-surface);color:var(--text-primary);border-radius:var(--radius-md);border-left:4px solid var(--border-default);box-shadow:var(--shadow-medium);pointer-events:auto;animation:st-toast-in .28s var(--ease-standard)}@media (prefers-reduced-motion: reduce){.st-toast{animation:none}}.st-toast__icon{flex-shrink:0;font-size:1rem;line-height:1.4}.st-toast__body{flex:1;min-width:0}.st-toast__title{font-weight:600;font-size:.875rem;margin-bottom:2px}.st-toast__message{font-size:.875rem;color:var(--text-secondary);word-wrap:break-word}.st-toast__close{flex-shrink:0;background:none;border:none;color:var(--text-secondary);font-size:1rem;line-height:1;cursor:pointer;transition:var(--transition-fast)}.st-toast__close:hover{color:var(--text-primary)}.st-toast--info{border-left-color:var(--color-info)}.st-toast--info .st-toast__icon{color:var(--color-info)}.st-toast--success{border-left-color:var(--color-success)}.st-toast--success .st-toast__icon{color:var(--color-success)}.st-toast--warning{border-left-color:var(--color-warning)}.st-toast--warning .st-toast__icon{color:var(--color-warning)}.st-toast--error{border-left-color:var(--color-error)}.st-toast--error .st-toast__icon{color:var(--color-error)}@keyframes st-toast-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.st-table{width:100%;border-collapse:separate;border-spacing:0 8px;font-family:var(--font-sans)}.st-table__header-cell{padding:16px 24px;font-weight:600;font-size:.875rem;color:var(--text-secondary);text-align:left;text-transform:uppercase;letter-spacing:.05em;-webkit-user-select:none;user-select:none}.st-table__header-cell--sortable{cursor:pointer;padding-right:28px;position:relative;transition:var(--transition-fast)}.st-table__header-cell--sortable:after{content:"↕";position:absolute;right:10px;opacity:.4;font-size:12px}.st-table__header-cell--sortable:hover{color:var(--text-primary)}.st-table__header-cell--sortable--asc:after{content:"↑";opacity:1}.st-table__header-cell--sortable--desc:after{content:"↓";opacity:1}.st-table__body-row{background-color:var(--bg-surface);box-shadow:var(--shadow-soft);transition:transform .2s var(--ease-standard),box-shadow .2s var(--ease-standard)}.st-table__body-row--clickable{cursor:pointer}.st-table__body-row:hover{transform:translateY(-2px);box-shadow:var(--shadow-medium)}.st-table__body-cell{padding:20px 24px;color:var(--text-primary);font-size:.9375rem;background-clip:padding-box}.st-table__body-cell:first-child{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.st-table__body-cell:last-child{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.st-table__empty{text-align:center;padding:48px 24px;color:var(--text-secondary)}.st-table__empty-icon{font-size:40px;margin-bottom:12px;opacity:.5}.st-table__empty-message{font-size:1rem;margin:0}.st-table--loading{opacity:.7;pointer-events:none}.st-table--compact .st-table__header-cell,.st-table--compact .st-table__body-cell{padding:10px 14px}.st-table--bordered .st-table__body-cell{border:1px solid var(--border-muted)}.st-table--responsive{display:block;overflow-x:auto}.st-table--responsive .st-table{min-width:600px}@media (max-width: 768px){.st-table--responsive .st-table{min-width:600px}}.st-table-container{background:var(--bg-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);padding:var(--space-6)}.st-table-container__title{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.st-table-container__description{margin:4px 0 0;color:var(--text-secondary);font-size:.875rem}.st-pagination{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;margin-top:var(--space-6);padding:16px 24px;background:var(--bg-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);font-family:var(--font-sans)}.st-pagination__info{font-size:.875rem;color:var(--text-secondary)}.st-pagination__controls{display:flex;align-items:center;gap:var(--space-2)}.st-pagination__btn{min-width:36px;height:36px;padding:0 10px;font-size:.875rem;color:var(--text-primary);background:var(--bg-muted);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast)}.st-pagination__btn:hover:not(:disabled){background:var(--color-secondary);color:var(--color-primary)}.st-pagination__btn--active{background:var(--color-primary);color:var(--text-white)}.st-pagination__btn:disabled{opacity:.5;cursor:not-allowed}.st-pagination__size{padding:6px 10px;font-size:.875rem;color:var(--text-primary);background:var(--bg-muted);border:1px solid var(--border-muted);border-radius:var(--radius-sm);cursor:pointer}.st-pagination__size:focus-visible{outline:none;border-color:var(--border-focus);box-shadow:var(--shadow-focus)}.st-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--overlay-backdrop);display:flex;align-items:center;justify-content:center;padding:var(--space-4);z-index:var(--z-modal);animation:st-modal-fade .2s ease}.st-modal{background-color:var(--bg-surface);color:var(--text-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-premium);width:400px;max-width:100%;max-height:90vh;overflow-y:auto;padding:var(--space-6);position:relative;animation:st-modal-pop .2s var(--ease-standard)}.st-modal--sm{width:320px}.st-modal--md{width:400px}.st-modal--lg{width:560px}.st-modal--xl{width:760px}.st-modal__header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4)}.st-modal__title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.st-modal__close{background:transparent;border:none;font-size:1.5rem;line-height:1;color:var(--text-secondary);cursor:pointer;padding:0;transition:var(--transition-fast)}.st-modal__close:hover{color:var(--text-primary)}.st-modal__close:focus-visible{outline:none;border-color:var(--border-focus);box-shadow:var(--shadow-focus);border-radius:var(--radius-sm)}.st-modal__content{color:var(--text-secondary)}@keyframes st-modal-fade{0%{opacity:0}to{opacity:1}}@keyframes st-modal-pop{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.st-popover{position:relative;display:inline-block}.st-popover__trigger{padding:8px 14px;font-family:var(--font-sans);font-size:.875rem;color:var(--text-primary);border:1px solid var(--border-default);background-color:var(--bg-surface);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition-base)}.st-popover__trigger:hover{background-color:var(--bg-muted)}.st-popover__trigger:focus-visible{outline:none;border-color:var(--border-focus);box-shadow:var(--shadow-focus)}.st-popover__panel{position:absolute;top:calc(100% + 8px);left:0;width:240px;background:var(--bg-surface);border:1px solid var(--border-muted);border-radius:var(--radius-md);box-shadow:var(--shadow-medium);z-index:var(--z-popover);padding:var(--space-3);color:var(--text-secondary);font-size:.875rem}.st-popover__panel--right{left:auto;right:0}.st-popover__arrow{position:absolute;top:-6px;left:16px;width:12px;height:12px;background:var(--bg-surface);border-left:1px solid var(--border-muted);border-top:1px solid var(--border-muted);transform:rotate(45deg)}.st-popover__panel--right .st-popover__arrow{left:auto;right:16px}.st-tooltip{position:relative;display:inline-block}.st-tooltip__bubble{position:absolute;z-index:var(--z-popover);max-width:220px;width:max-content;padding:6px 10px;background-color:var(--text-primary);color:var(--bg-surface);font-family:var(--font-sans);font-size:.75rem;line-height:1.4;border-radius:var(--radius-sm);box-shadow:var(--shadow-medium);pointer-events:none}.st-tooltip__bubble--top{bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.st-tooltip__bubble--bottom{top:calc(100% + 8px);left:50%;transform:translate(-50%)}.st-tooltip__bubble--left{right:calc(100% + 8px);top:50%;transform:translateY(-50%)}.st-tooltip__bubble--right{left:calc(100% + 8px);top:50%;transform:translateY(-50%)}.st-alert{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-4);border-radius:var(--radius-md);border:1px solid transparent;font-family:var(--font-sans);font-size:.875rem;line-height:1.5;animation:alert-in .2s var(--ease-standard)}.st-alert__icon{flex-shrink:0;width:20px;height:20px;margin-top:1px;display:flex}.st-alert__icon svg{width:100%;height:100%}.st-alert__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-1)}.st-alert__title{margin:0;font-size:.875rem;font-weight:600;color:inherit}.st-alert__content{color:inherit;opacity:.9}.st-alert__dismiss{flex-shrink:0;width:20px;height:20px;padding:0;border:none;background:none;cursor:pointer;color:inherit;opacity:.6;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:opacity var(--transition-fast);margin-top:1px}.st-alert__dismiss:hover{opacity:1}.st-alert__dismiss:focus-visible{outline:2px solid currentColor;outline-offset:2px}.st-alert__dismiss svg{width:16px;height:16px}.st-alert--info{background:var(--color-info-bg);border-color:#3b82f640;color:var(--color-info)}.st-alert--success{background:var(--color-success-bg);border-color:#22c55e40;color:var(--color-success)}.st-alert--warning{background:var(--color-warning-bg);border-color:#f59e0b40;color:var(--color-warning)}.st-alert--error{background:var(--color-error-bg);border-color:#ef444440;color:var(--color-error)}@keyframes alert-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.st-alert{animation:none}.st-alert__dismiss{transition:none}}.st-tab{width:fit-content}.st-tab--full{width:100%}.st-tab__buttons{display:flex;gap:4px;padding:4px}.st-tab__button{background:transparent;border:none;padding:10px 16px;border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-sans);font-size:.875rem;font-weight:500;color:var(--text-secondary);transition:var(--transition-base)}.st-tab__button:hover{color:var(--text-primary)}.st-tab__button:focus-visible{outline:none;border-color:var(--border-focus);box-shadow:var(--shadow-focus)}.st-tab__button--active{color:var(--text-primary)}.st-tab__button:disabled{opacity:.5;cursor:not-allowed}.st-tab__content{margin-top:16px;animation:st-tab-fade .2s ease}.st-tab--pills .st-tab__buttons{background-color:var(--color-secondary);border-radius:var(--radius-md);width:fit-content}.st-tab--pills .st-tab__button--active{background-color:var(--color-primary);color:var(--text-white)}.st-tab--underline .st-tab__buttons{border-bottom:1px solid var(--border-default);padding:0;gap:var(--space-2)}.st-tab--underline .st-tab__button{border-radius:0;border-bottom:2px solid transparent;margin-bottom:-1px}.st-tab--underline .st-tab__button--active{color:var(--color-primary);border-bottom-color:var(--color-primary)}@keyframes st-tab-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.st-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-backdrop);opacity:0;pointer-events:none;transition:opacity .3s var(--ease-standard);z-index:var(--z-drawer)}.st-drawer-overlay--show{opacity:1;pointer-events:all}.st-drawer{position:fixed;top:0;height:100vh;width:320px;max-width:90vw;background:var(--bg-surface);color:var(--text-primary);box-shadow:var(--shadow-premium);padding:var(--space-5);z-index:var(--z-drawer);display:flex;flex-direction:column;transition:transform .3s var(--ease-standard)}.st-drawer--right{right:0;transform:translate(100%)}.st-drawer--left{left:0;transform:translate(-100%)}.st-drawer--open{transform:translate(0)}.st-drawer__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.st-drawer__title{font-size:1.125rem;font-weight:600;margin:0}.st-drawer__close{border:none;background:none;font-size:20px;line-height:1;color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast)}.st-drawer__close:hover{color:var(--text-primary)}.st-drawer__close:focus-visible{outline:none;border-color:var(--border-focus);box-shadow:var(--shadow-focus);border-radius:var(--radius-sm)}.st-drawer__body{flex:1;overflow-y:auto}.st-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-family:var(--font-sans);font-size:.875rem}.st-breadcrumb__link{color:var(--color-primary);text-decoration:none;text-transform:capitalize;transition:var(--transition-fast)}.st-breadcrumb__link:hover{text-decoration:underline}.st-breadcrumb__link:focus-visible{outline:none;border-color:var(--border-focus);box-shadow:var(--shadow-focus);border-radius:var(--radius-sm)}.st-breadcrumb__separator{color:var(--text-disabled);-webkit-user-select:none;user-select:none}.st-breadcrumb__current{color:var(--text-secondary);text-transform:capitalize}.st-divider{border:none;margin:0}.st-divider--horizontal{width:100%;height:1px;background-color:var(--border-default)}.st-divider--vertical{display:inline-block;width:1px;height:100%;background-color:var(--border-default)}.st-divider--labeled{display:flex;align-items:center;gap:var(--space-3);background:none;height:auto;width:100%}.st-divider--labeled .st-divider__line{flex:1;height:1px;background-color:var(--border-default)}.st-divider--labeled .st-divider__label{flex-shrink:0;font-family:var(--font-sans);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--text-secondary)}.st-layout{display:flex;min-height:100vh;background-color:var(--bg-body)}.st-layout__main{flex:1;min-width:0;display:flex;flex-direction:column;margin-left:250px;transition:margin-left .3s var(--ease-standard)}@media (max-width: 768px){.st-layout__main{margin-left:0}}.st-layout__content{flex:1;padding:var(--space-6)}@media (max-width: 768px){.st-layout__content{padding:var(--space-4)}}.st-sidebar{position:fixed;top:0;left:0;width:250px;height:100vh;display:flex;flex-direction:column;background-color:var(--bg-surface);border-right:1px solid var(--border-default);z-index:var(--z-sticky);transition:transform .3s var(--ease-standard)}@media (max-width: 768px){.st-sidebar{transform:translate(-100%);box-shadow:var(--shadow-premium)}.st-sidebar--open{transform:translate(0)}}.st-sidebar__logo{padding:var(--space-5);border-bottom:1px solid var(--border-muted);font-size:1.125rem;font-weight:600;color:var(--text-primary)}.st-sidebar__menu{flex:1;overflow-y:auto;padding:var(--space-3);display:flex;flex-direction:column;gap:4px;list-style:none;margin:0}.st-sidebar__item{display:flex;align-items:center;gap:var(--space-3);padding:10px 14px;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;color:var(--text-secondary);text-decoration:none;cursor:pointer;background:none;border:none;width:100%;text-align:left;font-family:var(--font-sans);transition:var(--transition-base)}.st-sidebar__item:hover{background-color:var(--bg-muted);color:var(--text-primary)}.st-sidebar__item:focus-visible{outline:none;border-color:var(--border-focus);box-shadow:var(--shadow-focus)}.st-sidebar__item--active,.st-sidebar__item--active:hover{background-color:var(--color-primary);color:var(--text-white)}.st-sidebar__footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--border-muted)}.st-sidebar-overlay{display:none}@media (max-width: 768px){.st-sidebar-overlay--show{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-backdrop);z-index:calc(var(--z-sticky) - 1)}}.st-topbar{position:sticky;top:0;z-index:var(--z-sticky);display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-6);background-color:var(--bg-surface);border-bottom:1px solid var(--border-default)}@media (max-width: 768px){.st-topbar{padding:var(--space-3) var(--space-4)}}.st-topbar__menu-btn{display:none;background:none;border:none;color:var(--text-primary);cursor:pointer;padding:4px}@media (max-width: 768px){.st-topbar__menu-btn{display:inline-flex}}.st-topbar__menu-btn:focus-visible{outline:none;border-color:var(--border-focus);box-shadow:var(--shadow-focus);border-radius:var(--radius-sm)}.st-topbar__left{display:flex;align-items:center;gap:var(--space-3);flex:1;min-width:0}.st-topbar__right{display:flex;align-items:center;gap:var(--space-3)}.st-radio-group{border:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2);font-family:var(--font-sans)}.st-radio-group__legend{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-2);padding:0;float:none;width:100%}.st-radio-group__options{display:flex;flex-direction:column;gap:var(--space-2)}.st-radio-group--horizontal .st-radio-group__options{flex-direction:row;flex-wrap:wrap;gap:var(--space-4)}.st-radio-group__item{display:inline-flex;align-items:flex-start;gap:var(--space-2);cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.st-radio-group__item--disabled{opacity:.55;cursor:not-allowed}.st-radio-group__input{position:absolute;opacity:0;width:18px;height:18px;margin:0;cursor:pointer}.st-radio-group__circle{flex-shrink:0;width:18px;height:18px;border-radius:50%;border:1.5px solid var(--border-default);background:var(--bg-surface);transition:var(--transition-fast);margin-top:1px;position:relative}.st-radio-group__circle:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:8px;height:8px;border-radius:50%;background:var(--text-white);transition:var(--transition-fast)}.st-radio-group__input:checked~.st-radio-group__circle{background:var(--color-primary);border-color:var(--color-primary)}.st-radio-group__input:checked~.st-radio-group__circle:after{transform:translate(-50%,-50%) scale(1)}.st-radio-group__input:focus-visible~.st-radio-group__circle{box-shadow:var(--shadow-focus)}.st-radio-group__text{display:flex;flex-direction:column;gap:2px}.st-radio-group__label{font-size:.875rem;font-weight:500;color:var(--text-primary);line-height:1.3}.st-radio-group__helper{font-size:.75rem;color:var(--text-secondary)}.st-radio-group--sm .st-radio-group__circle{width:15px;height:15px}.st-radio-group--sm .st-radio-group__circle:after{width:6px;height:6px}.st-radio-group--sm .st-radio-group__label{font-size:.8125rem}.st-radio-group--lg .st-radio-group__circle{width:22px;height:22px}.st-radio-group--lg .st-radio-group__circle:after{width:10px;height:10px}.st-radio-group--lg .st-radio-group__label{font-size:1rem}.st-radio-group--error .st-radio-group__circle{border-color:var(--color-error)}.st-radio-group__message{font-size:.75rem;color:var(--text-secondary)}.st-radio-group__message--error{color:var(--color-error)}.st-radio-group--disabled{opacity:.55;pointer-events:none}@media (prefers-reduced-motion: reduce){.st-radio-group__circle,.st-radio-group__circle:after{transition:none}}.st-card{background:var(--bg-surface);border-radius:var(--radius-lg);font-family:var(--font-sans);overflow:hidden;display:flex;flex-direction:column}.st-card--default{box-shadow:var(--shadow-soft);border:1px solid var(--border-muted)}.st-card--outlined{border:1px solid var(--border-default)}.st-card--flat{background:var(--bg-muted)}.st-card--hoverable{transition:var(--transition-base);cursor:pointer}.st-card--hoverable:hover{transform:translateY(-2px);box-shadow:var(--shadow-medium)}.st-card--pad-sm>.st-card__body,.st-card--pad-sm>.st-card__header,.st-card--pad-sm>.st-card__footer{padding:var(--space-3) var(--space-4)}.st-card--pad-md>.st-card__body,.st-card--pad-md>.st-card__header,.st-card--pad-md>.st-card__footer{padding:var(--space-5) var(--space-6)}.st-card--pad-lg>.st-card__body,.st-card--pad-lg>.st-card__header,.st-card--pad-lg>.st-card__footer{padding:var(--space-6) var(--space-8)}.st-card__image{width:100%;overflow:hidden}.st-card__image img{width:100%;height:100%;object-fit:cover;display:block}.st-card__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-muted)}.st-card__header-text{flex:1;min-width:0}.st-card__header-action{flex-shrink:0}.st-card__title{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.st-card__subtitle{margin:2px 0 0;font-size:.8125rem;color:var(--text-secondary)}.st-card__body{flex:1;padding:var(--space-5) var(--space-6)}.st-card__footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-muted);font-size:.8125rem;color:var(--text-secondary)}@media (prefers-reduced-motion: reduce){.st-card--hoverable{transition:none}.st-card--hoverable:hover{transform:none}}.st-dropdown{position:relative;display:inline-block;font-family:var(--font-sans)}.st-dropdown__trigger{display:inline-flex}.st-dropdown__menu{position:absolute;top:calc(100% + 6px);min-width:180px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-medium);padding:var(--space-1) 0;z-index:var(--z-dropdown);animation:dropdown-in .15s var(--ease-standard);outline:none}.st-dropdown__menu--left{left:0}.st-dropdown__menu--right{right:0}.st-dropdown__item{width:100%;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:none;border:none;cursor:pointer;font-family:var(--font-sans);font-size:.875rem;font-weight:400;color:var(--text-primary);text-align:left;transition:background var(--transition-fast);border-radius:0}.st-dropdown__item:hover:not([disabled]){background:var(--bg-muted)}.st-dropdown__item:focus-visible{outline:none;background:var(--bg-muted)}.st-dropdown__item[disabled]{opacity:.45;cursor:not-allowed}.st-dropdown__item--danger{color:var(--color-error)}.st-dropdown__item--danger:hover:not([disabled]){background:var(--color-error-bg)}.st-dropdown__item--warning{color:var(--color-warning)}.st-dropdown__item--warning:hover:not([disabled]){background:var(--color-warning-bg)}.st-dropdown__item-icon{display:inline-flex;width:16px;height:16px;flex-shrink:0}.st-dropdown__item-icon svg{width:100%;height:100%}.st-dropdown__separator{height:1px;background:var(--border-muted);margin:var(--space-1) 0}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.st-dropdown__menu{animation:none}.st-dropdown__item{transition:none}}.st-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--space-3);padding:var(--space-8) var(--space-6);font-family:var(--font-sans)}.st-empty-state__icon{display:flex;align-items:center;justify-content:center;color:var(--text-disabled)}.st-empty-state__icon svg{display:block}.st-empty-state__title{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary)}.st-empty-state__desc{margin:0;font-size:.875rem;color:var(--text-secondary);max-width:340px;line-height:1.55}.st-empty-state__action{margin-top:var(--space-2)}.st-empty-state--sm .st-empty-state__icon svg{width:40px;height:40px}.st-empty-state--sm .st-empty-state__title{font-size:.9375rem}.st-empty-state--md .st-empty-state__icon svg{width:56px;height:56px}.st-empty-state--lg .st-empty-state__icon svg{width:72px;height:72px}.st-empty-state--lg .st-empty-state__title{font-size:1.125rem}.st-empty-state--lg .st-empty-state__desc{font-size:.9375rem}.st-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-backdrop);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-4);animation:confirm-fade .2s var(--ease-standard)}.st-confirm{background:var(--bg-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-premium);width:100%;max-width:420px;overflow:hidden;animation:confirm-scale .2s var(--ease-standard);font-family:var(--font-sans)}.st-confirm__header{padding:var(--space-6) var(--space-6) var(--space-3)}.st-confirm__title{margin:0;font-size:1.0625rem;font-weight:700;color:var(--text-primary)}.st-confirm__desc{margin:0;padding:0 var(--space-6) var(--space-5);font-size:.875rem;color:var(--text-secondary);line-height:1.55}.st-confirm__actions{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-muted);background:var(--bg-muted)}.st-confirm__cancel,.st-confirm__confirm{display:inline-flex;align-items:center;gap:var(--space-2);padding:.5rem 1.125rem;border-radius:var(--radius-md);font-family:var(--font-sans);font-size:.875rem;font-weight:600;cursor:pointer;border:none;transition:var(--transition-fast)}.st-confirm__cancel:disabled,.st-confirm__confirm:disabled{opacity:.6;cursor:not-allowed}.st-confirm__cancel{background:var(--bg-muted);color:var(--text-secondary);border:1px solid var(--border-default)}.st-confirm__cancel:hover:not(:disabled){background:var(--border-default)}.st-confirm__confirm{color:var(--text-white)}.st-confirm__confirm--danger{background:var(--color-error)}.st-confirm__confirm--danger:hover:not(:disabled){filter:brightness(.9)}.st-confirm__confirm--warning{background:var(--color-warning)}.st-confirm__confirm--warning:hover:not(:disabled){filter:brightness(.9)}.st-confirm__confirm--primary{background:var(--color-primary)}.st-confirm__confirm--primary:hover:not(:disabled){filter:brightness(.9)}.st-confirm__spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:confirm-spin .7s linear infinite;flex-shrink:0}@keyframes confirm-fade{0%{opacity:0}to{opacity:1}}@keyframes confirm-scale{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}@keyframes confirm-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.st-confirm-overlay,.st-confirm{animation:none}.st-confirm__cancel,.st-confirm__confirm{transition:none}}.st-accordion{display:flex;flex-direction:column;gap:var(--space-2);font-family:var(--font-sans)}.st-accordion__item{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);overflow:hidden;transition:box-shadow var(--transition-fast)}.st-accordion__item--open{box-shadow:var(--shadow-soft)}.st-accordion__trigger{width:100%;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:none;border:none;cursor:pointer;font-family:var(--font-sans);font-size:.9375rem;font-weight:600;color:var(--text-primary);text-align:left;transition:background var(--transition-fast)}.st-accordion__trigger:hover:not(:disabled){background:var(--bg-muted)}.st-accordion__trigger:focus-visible{outline:2px solid var(--border-focus);outline-offset:-2px;border-radius:var(--radius-md)}.st-accordion__trigger:disabled{opacity:.5;cursor:not-allowed}.st-accordion__icon{display:inline-flex;flex-shrink:0}.st-accordion__title{flex:1}.st-accordion__chevron{flex-shrink:0;width:18px;height:18px;color:var(--text-secondary);transition:transform var(--transition-base)}.st-accordion__chevron svg{width:100%;height:100%}.st-accordion__item--open .st-accordion__chevron{transform:rotate(180deg)}.st-accordion__panel[hidden]{display:none}.st-accordion__content{padding:0 var(--space-5) var(--space-5);font-size:.875rem;color:var(--text-secondary);line-height:1.6;border-top:1px solid var(--border-muted);padding-top:var(--space-4)}@media (prefers-reduced-motion: reduce){.st-accordion__chevron,.st-accordion__trigger,.st-accordion__item{transition:none}}.st-tag{display:inline-flex;align-items:center;gap:var(--space-1);border-radius:var(--radius-pill);font-family:var(--font-sans);font-weight:600;white-space:nowrap;border:1px solid transparent}.st-tag--sm{font-size:.6875rem;padding:2px 8px}.st-tag--md{font-size:.75rem;padding:4px 10px}.st-tag--default{background:var(--bg-muted);color:var(--text-secondary);border-color:var(--border-default)}.st-tag--primary{background:var(--color-info-bg);color:var(--color-primary)}.st-tag--success{background:var(--color-success-bg);color:var(--color-success)}.st-tag--warning{background:var(--color-warning-bg);color:var(--color-warning)}.st-tag--error{background:var(--color-error-bg);color:var(--color-error)}.st-tag--info{background:var(--color-info-bg);color:var(--color-info)}.st-tag--outlined{background:transparent}.st-tag--outlined.st-tag--default{border-color:var(--border-default)}.st-tag--outlined.st-tag--primary{border-color:var(--color-primary)}.st-tag--outlined.st-tag--success{border-color:var(--color-success)}.st-tag--outlined.st-tag--warning{border-color:var(--color-warning)}.st-tag--outlined.st-tag--error{border-color:var(--color-error)}.st-tag--outlined.st-tag--info{border-color:var(--color-info)}.st-tag__dismiss{background:none;border:none;padding:0;margin-left:2px;cursor:pointer;color:inherit;opacity:.7;font-size:1em;line-height:1;display:inline-flex;align-items:center;border-radius:50%;transition:opacity var(--transition-fast)}.st-tag__dismiss:hover{opacity:1}.st-progress{display:flex;flex-direction:column;gap:var(--space-1);font-family:var(--font-sans)}.st-progress__meta{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2)}.st-progress__label{font-size:.8125rem;font-weight:500;color:var(--text-primary)}.st-progress__value{font-size:.75rem;font-weight:600;color:var(--text-secondary)}.st-progress__track{width:100%;background:var(--bg-muted);border-radius:var(--radius-pill);overflow:hidden}.st-progress--sm .st-progress__track{height:4px}.st-progress--md .st-progress__track{height:8px}.st-progress--lg .st-progress__track{height:12px}.st-progress__fill{height:100%;border-radius:var(--radius-pill);transition:width .5s var(--ease-standard)}.st-progress__fill--animated{animation:progress-grow .6s var(--ease-standard) both}.st-progress__fill--indeterminate{width:40%!important;animation:progress-slide 1.4s var(--ease-standard) infinite}.st-progress--primary .st-progress__fill{background:var(--color-primary)}.st-progress--success .st-progress__fill{background:var(--color-success)}.st-progress--warning .st-progress__fill{background:var(--color-warning)}.st-progress--error .st-progress__fill{background:var(--color-error)}@keyframes progress-grow{0%{width:0}}@keyframes progress-slide{0%{transform:translate(-100%)}to{transform:translate(350%)}}@media (prefers-reduced-motion: reduce){.st-progress__fill{transition:none;animation:none!important}}.st-spinner{display:inline-flex;align-items:center;justify-content:center;--spinner-color: var(--color-primary)}.st-spinner__ring{display:block;border-radius:50%;border:2.5px solid rgba(0,0,0,.1);border-top-color:var(--spinner-color);animation:spinner-rotate .7s linear infinite}.st-spinner__sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.st-spinner--xs .st-spinner__ring{width:12px;height:12px}.st-spinner--sm .st-spinner__ring{width:16px;height:16px}.st-spinner--md .st-spinner__ring{width:24px;height:24px}.st-spinner--lg .st-spinner__ring{width:36px;height:36px}@keyframes spinner-rotate{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.st-spinner__ring{animation:none;border-top-color:var(--spinner-color);opacity:.5}}.st-stepper{list-style:none;margin:0;padding:0;font-family:var(--font-sans)}.st-stepper--horizontal{display:flex;align-items:flex-start}.st-stepper--horizontal .st-stepper__step{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);position:relative}.st-stepper--horizontal .st-stepper__connector{position:absolute;top:16px;left:50%;right:-50%;height:2px;background:var(--border-default);z-index:0}.st-stepper--horizontal .st-stepper__connector--done{background:var(--color-primary)}.st-stepper--vertical{display:flex;flex-direction:column}.st-stepper--vertical .st-stepper__step{display:flex;align-items:flex-start;gap:var(--space-4);position:relative;padding-bottom:var(--space-6)}.st-stepper--vertical .st-stepper__connector{position:absolute;left:15px;top:32px;bottom:0;width:2px;background:var(--border-default)}.st-stepper--vertical .st-stepper__connector--done{background:var(--color-primary)}.st-stepper__indicator{width:32px;height:32px;border-radius:50%;border:2px solid var(--border-default);background:var(--bg-surface);display:flex;align-items:center;justify-content:center;font-size:.8125rem;font-weight:700;color:var(--text-secondary);flex-shrink:0;z-index:1;transition:var(--transition-base)}.st-stepper__step--active .st-stepper__indicator{border-color:var(--color-primary);color:var(--color-primary);box-shadow:var(--shadow-focus)}.st-stepper__step--done .st-stepper__indicator{background:var(--color-primary);border-color:var(--color-primary);color:var(--text-white)}.st-stepper__check{width:14px;height:14px}.st-stepper__body{display:flex;flex-direction:column;gap:2px;text-align:center}.st-stepper--vertical .st-stepper__body{text-align:left}.st-stepper__label{font-size:.875rem;font-weight:600;color:var(--text-secondary)}.st-stepper__step--active .st-stepper__label{color:var(--color-primary)}.st-stepper__step--done .st-stepper__label{color:var(--text-primary)}.st-stepper__desc{font-size:.75rem;color:var(--text-disabled)}@media (prefers-reduced-motion: reduce){.st-stepper__indicator{transition:none}}.st-number-input{display:inline-flex;flex-direction:column;gap:var(--space-1);font-family:var(--font-sans)}.st-number-input__label{font-size:.875rem;font-weight:600;color:var(--text-primary)}.st-number-input__field{display:inline-flex;align-items:stretch;border:1.5px solid var(--border-default);border-radius:var(--radius-md);overflow:hidden;background:var(--bg-surface);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.st-number-input__field:focus-within{border-color:var(--border-focus);box-shadow:var(--shadow-focus)}.st-number-input__btn{width:36px;background:var(--bg-muted);border:none;cursor:pointer;font-size:1.125rem;font-weight:400;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast);flex-shrink:0;padding:0}.st-number-input__btn:hover:not(:disabled){background:var(--border-default)}.st-number-input__btn:disabled{opacity:.4;cursor:not-allowed}.st-number-input__btn--dec{border-right:1.5px solid var(--border-default)}.st-number-input__btn--inc{border-left:1.5px solid var(--border-default)}.st-number-input__input{width:72px;padding:var(--space-2) var(--space-2);border:none;background:transparent;font-family:var(--font-sans);font-size:.9375rem;font-weight:600;color:var(--text-primary);text-align:center;outline:none;-moz-appearance:textfield}.st-number-input__input::-webkit-inner-spin-button,.st-number-input__input::-webkit-outer-spin-button{-webkit-appearance:none}.st-number-input__message{font-size:.75rem;color:var(--text-secondary)}.st-number-input__message--error{color:var(--color-error)}.st-number-input--error .st-number-input__field{border-color:var(--color-error)}.st-number-input--disabled{opacity:.55;pointer-events:none}.st-typography{margin:0;font-family:var(--font-sans)}.st-typography--h1{font-size:2.25rem;font-weight:800;line-height:1.15;letter-spacing:-.025em}.st-typography--h2{font-size:1.875rem;font-weight:700;line-height:1.2;letter-spacing:-.02em}.st-typography--h3{font-size:1.5rem;font-weight:700;line-height:1.25;letter-spacing:-.015em}.st-typography--h4{font-size:1.25rem;font-weight:600;line-height:1.3}.st-typography--h5{font-size:1.0625rem;font-weight:600;line-height:1.35}.st-typography--h6{font-size:.9375rem;font-weight:600;line-height:1.4}.st-typography--body{font-size:.9375rem;line-height:1.6}.st-typography--body-sm{font-size:.875rem;line-height:1.55}.st-typography--caption{font-size:.75rem;line-height:1.5}.st-typography--label{font-size:.8125rem;font-weight:600;line-height:1.4}.st-typography--overline{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;line-height:1.4}.st-typography--primary{color:var(--text-primary)}.st-typography--secondary{color:var(--text-secondary)}.st-typography--disabled{color:var(--text-disabled)}.st-typography--inherit{color:inherit}.st-typography--normal{font-weight:400}.st-typography--medium{font-weight:500}.st-typography--semibold{font-weight:600}.st-typography--bold{font-weight:700}.st-typography--truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.st-stat-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-soft);display:flex;flex-direction:column;gap:var(--space-2);transition:var(--transition-base);font-family:var(--font-sans)}.st-stat-card:hover{box-shadow:var(--shadow-medium);transform:translateY(-1px)}.st-stat-card__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.st-stat-card__label{font-size:.8125rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.st-stat-card__icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);background:var(--bg-muted);color:var(--color-primary);font-size:1rem;flex-shrink:0}.st-stat-card__value{font-size:1.875rem;font-weight:700;color:var(--text-primary);line-height:1.1;letter-spacing:-.02em}.st-stat-card__footer{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-top:var(--space-1)}.st-stat-card__sublabel{font-size:.8125rem;color:var(--text-secondary)}.st-stat-card__trend{display:inline-flex;align-items:center;gap:3px;font-size:.8125rem;font-weight:600;padding:2px 8px;border-radius:var(--radius-pill)}.st-stat-card__trend--up{background:var(--color-success-bg);color:var(--color-success)}.st-stat-card__trend--down{background:var(--color-error-bg);color:var(--color-error)}.st-stat-card__trend-arrow{font-size:.75rem}.st-stat-card--primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);border-color:transparent;color:var(--text-white)}.st-stat-card--primary .st-stat-card__label,.st-stat-card--primary .st-stat-card__sublabel{color:#ffffffbf}.st-stat-card--primary .st-stat-card__value{color:var(--text-white)}.st-stat-card--primary .st-stat-card__icon{background:#fff3;color:var(--text-white)}.st-stat-card--success{border-left:4px solid var(--color-success)}.st-stat-card--warning{border-left:4px solid var(--color-warning)}.st-stat-card--danger{border-left:4px solid var(--color-error)}.st-stat-card--loading{pointer-events:none}.st-stat-card--loading .st-stat-card__skeleton{background:linear-gradient(90deg,var(--bg-muted) 25%,var(--border-default) 50%,var(--bg-muted) 75%);background-size:200% 100%;border-radius:var(--radius-sm);animation:stat-shimmer 1.4s ease infinite}.st-stat-card--loading .st-stat-card__skeleton--label{height:12px;width:50%}.st-stat-card--loading .st-stat-card__skeleton--value{height:28px;width:65%;margin-top:var(--space-2)}.st-stat-card--loading .st-stat-card__skeleton--sub{height:10px;width:40%;margin-top:var(--space-2)}@keyframes stat-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.st-stat-card{transition:none}.st-stat-card--loading .st-stat-card__skeleton{animation:none}}.st-barchart{display:flex;flex-direction:column;gap:var(--space-3);font-family:var(--font-sans);width:100%}.st-barchart__legend{display:flex;flex-wrap:wrap;gap:var(--space-3) var(--space-4)}.st-barchart__legend-item{display:inline-flex;align-items:center;gap:var(--space-2);font-size:.75rem;font-weight:500;color:var(--text-secondary)}.st-barchart__legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.st-barchart__body{display:flex;align-items:flex-end;gap:var(--space-2);width:100%;padding-bottom:var(--space-4);border-bottom:1px solid var(--border-default);border-left:1px solid var(--border-default)}.st-barchart__group{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);flex:1;min-width:0}.st-barchart__bar-set{display:flex;align-items:flex-end;justify-content:center;gap:3px;height:100%;width:100%}.st-barchart__bar{flex:1;max-width:40px;border-radius:var(--radius-sm) var(--radius-sm) 0 0;display:flex;align-items:flex-start;justify-content:center;padding-top:4px;cursor:default;transition:filter var(--transition-fast),transform var(--transition-fast);position:relative}.st-barchart__bar:hover{filter:brightness(1.08);transform:scaleY(1.02);transform-origin:bottom}.st-barchart__value{font-size:.65rem;font-weight:700;color:var(--text-white);writing-mode:horizontal-tb;white-space:nowrap;opacity:0;transition:opacity var(--transition-fast)}.st-barchart__bar:hover .st-barchart__value{opacity:1}.st-barchart__label{font-size:.6875rem;color:var(--text-secondary);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.st-barchart--animated .st-barchart__bar{animation:bar-rise .5s var(--ease-standard) both}.st-barchart--animated .st-barchart__bar:nth-child(1){animation-delay:0s}.st-barchart--animated .st-barchart__bar:nth-child(2){animation-delay:.04s}.st-barchart--animated .st-barchart__bar:nth-child(3){animation-delay:.08s}.st-barchart--animated .st-barchart__bar:nth-child(4){animation-delay:.12s}.st-barchart--animated .st-barchart__bar:nth-child(5){animation-delay:.16s}.st-barchart--animated .st-barchart__bar:nth-child(6){animation-delay:.2s}.st-barchart--animated .st-barchart__bar:nth-child(7){animation-delay:.24s}.st-barchart--animated .st-barchart__bar:nth-child(8){animation-delay:.28s}.st-barchart--animated .st-barchart__bar:nth-child(9){animation-delay:.32s}.st-barchart--animated .st-barchart__bar:nth-child(10){animation-delay:.36s}.st-barchart--animated .st-barchart__bar:nth-child(11){animation-delay:.4s}.st-barchart--animated .st-barchart__bar:nth-child(12){animation-delay:.44s}.st-barchart--animated .st-barchart__bar:nth-child(13){animation-delay:.48s}.st-barchart--animated .st-barchart__bar:nth-child(14){animation-delay:.52s}.st-barchart--animated .st-barchart__bar:nth-child(15){animation-delay:.56s}.st-barchart--animated .st-barchart__bar:nth-child(16){animation-delay:.6s}.st-barchart--animated .st-barchart__bar:nth-child(17){animation-delay:.64s}.st-barchart--animated .st-barchart__bar:nth-child(18){animation-delay:.68s}.st-barchart--animated .st-barchart__bar:nth-child(19){animation-delay:.72s}.st-barchart--animated .st-barchart__bar:nth-child(20){animation-delay:.76s}@keyframes bar-rise{0%{transform:scaleY(0);transform-origin:bottom}to{transform:scaleY(1);transform-origin:bottom}}@media (prefers-reduced-motion: reduce){.st-barchart--animated .st-barchart__bar{animation:none}.st-barchart__bar{transition:none}}.st-areachart{width:100%;font-family:var(--font-sans)}.st-areachart__svg{width:100%;height:auto;overflow:visible;display:block}.st-areachart__grid-line{stroke:var(--border-default);stroke-width:1;stroke-dasharray:4 4}.st-areachart__axis-label{fill:var(--text-secondary);font-size:11px;font-family:var(--font-sans)}.st-areachart__line{stroke-dasharray:1500;stroke-dashoffset:1500;animation:area-draw 1s var(--ease-standard) forwards}.st-areachart__dot{stroke:var(--bg-surface);stroke-width:2.5;transition:r var(--transition-fast);cursor:default}.st-areachart__dot:hover{r:7}.st-areachart__value-label{fill:var(--text-primary);font-size:11px;font-weight:600;font-family:var(--font-sans)}.st-areachart__x-label{fill:var(--text-secondary);font-size:11px;font-family:var(--font-sans)}.st-areachart--empty{display:flex;align-items:center;justify-content:center;min-height:120px;background:var(--bg-muted);border-radius:var(--radius-md);border:1px dashed var(--border-default)}.st-areachart__empty-text{font-size:.875rem;color:var(--text-secondary)}@keyframes area-draw{to{stroke-dashoffset:0}}@media (prefers-reduced-motion: reduce){.st-areachart__line{animation:none;stroke-dasharray:none;stroke-dashoffset:0}.st-areachart__dot{transition:none}}.st-progress-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-4);font-family:var(--font-sans)}.st-progress-list__item{display:flex;flex-direction:column;gap:var(--space-1)}.st-progress-list__top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.st-progress-list__label{font-size:.875rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.st-progress-list__value{font-size:.8125rem;font-weight:600;color:var(--text-secondary);white-space:nowrap;flex-shrink:0}.st-progress-list__track{width:100%;height:8px;background:var(--bg-muted);border-radius:var(--radius-pill);overflow:hidden}.st-progress-list__fill{height:100%;border-radius:var(--radius-pill);width:0;transition:width .6s var(--ease-standard)}.st-progress-list--animated .st-progress-list__fill{animation:progress-fill .7s var(--ease-standard) forwards}@keyframes progress-fill{0%{width:0!important}to{width:var(--fill-width)}}@media (prefers-reduced-motion: reduce){.st-progress-list__fill{transition:none}.st-progress-list--animated .st-progress-list__fill{animation:none;width:var(--fill-width)}}.st-image-upload{display:flex;flex-direction:column;gap:var(--space-2);font-family:var(--font-sans)}.st-image-upload__label{font-size:.875rem;font-weight:600;color:var(--text-primary)}.st-image-upload__zone{position:relative;border:2px dashed var(--border-default);border-radius:var(--radius-lg);background:var(--bg-muted);cursor:pointer;transition:var(--transition-base);overflow:hidden;min-height:160px;display:flex;align-items:center;justify-content:center}.st-image-upload__zone:hover,.st-image-upload__zone:focus-visible{border-color:var(--color-primary);background:var(--bg-surface);outline:none;box-shadow:var(--shadow-focus)}.st-image-upload__zone.is-dragover{border-color:var(--color-primary);background:#2988ee0a}.st-image-upload--has-image .st-image-upload__zone{border-style:solid;cursor:default;background:var(--bg-surface);min-height:200px}.st-image-upload--disabled .st-image-upload__zone{opacity:.5;cursor:not-allowed;pointer-events:none}.st-image-upload__preview{width:100%;height:100%;object-fit:cover;display:block;border-radius:calc(var(--radius-lg) - 2px)}.st-image-upload__placeholder{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-6);text-align:center;pointer-events:none}.st-image-upload__icon{width:40px;height:40px;color:var(--text-secondary);flex-shrink:0}.st-image-upload__placeholder-text{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.st-image-upload__hint{font-size:.75rem;color:var(--text-disabled)}.st-image-upload__input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:0;height:0;pointer-events:none}.st-image-upload__remove{align-self:flex-start;background:none;border:none;padding:4px 0;font-family:var(--font-sans);font-size:.8125rem;font-weight:500;color:var(--color-error);cursor:pointer;transition:opacity var(--transition-fast)}.st-image-upload__remove:hover{opacity:.75}.st-image-upload__remove:focus-visible{outline:2px solid var(--border-focus);border-radius:var(--radius-sm)}@media (prefers-reduced-motion: reduce){.st-image-upload__zone{transition:none}}.st-img-fallback{display:flex;align-items:center;justify-content:center;background:var(--bg-muted);border-radius:var(--radius-md);border:1px solid var(--border-default);color:var(--text-disabled);flex-shrink:0}.st-img-fallback__icon{width:40%;height:40%;max-width:48px;max-height:48px;min-width:16px;min-height:16px;display:block}.st-img-fallback--sm{width:48px;height:48px;border-radius:var(--radius-sm)}.st-img-fallback--md{width:80px;height:80px}.st-img-fallback--lg{width:140px;height:140px;border-radius:var(--radius-lg)}.st-img-fallback--full{width:100%;height:100%;border-radius:inherit}.demo__page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;margin:var(--space-4) 0 var(--space-6)}.demo__title{margin:4px 0 0;font-size:1.5rem;font-weight:700;color:var(--text-primary)}.demo__subtitle{margin:4px 0 0;color:var(--text-secondary);font-size:.9375rem}.demo__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.demo__card{background:var(--bg-surface);border:1px solid var(--border-muted);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);padding:var(--space-5)}.demo__stat-top{display:flex;align-items:center;justify-content:space-between;color:var(--text-secondary);font-size:.8125rem;text-transform:uppercase;letter-spacing:.04em}.demo__stat-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius-md);background:var(--color-info-bg);color:var(--color-primary)}.demo__stat-value{margin-top:var(--space-3);font-size:1.75rem;font-weight:700;color:var(--text-primary)}.demo__section{margin-bottom:var(--space-6)}.demo__section-title{margin:0 0 var(--space-3);font-size:1.125rem;font-weight:600;color:var(--text-primary)}.demo__form{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-4)}.demo__form-actions{display:flex;gap:var(--space-3);margin-top:var(--space-4)}.demo__row{display:flex;gap:var(--space-3);flex-wrap:wrap;align-items:center}.demo__swatches{display:flex;gap:var(--space-2);flex-wrap:wrap}