@aciole/acyon 0.0.4 → 0.0.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/dist/acyon.css +1 -1
  2. package/package.json +1 -1
package/dist/acyon.css CHANGED
@@ -1 +1 @@
1
- :root{--slate-50: #f8fafc;--slate-100: #f1f5f9;--slate-200: #e2e8f0;--slate-300: #cbd5e1;--slate-400: #94a3b8;--slate-500: #64748b;--slate-600: #475569;--slate-700: #334155;--slate-800: #1e293b;--slate-900: #0f172a;--slate-950: #020617;--primary-50: #f5f3ff;--primary-100: #ede9fe;--primary-200: #ddd6fe;--primary-300: #c4b5fd;--primary-400: #a78bfa;--primary-500: #8b5cf6;--primary-600: #7c3aed;--primary-700: #6d28d9;--primary-800: #5b21b6;--primary-900: #4c1d95;--success-500: #10b981;--warning-500: #f59e0b;--danger-500: #f43f5e;--info-500: #0ea5e9;--space-0: 0px;--space-0-5: 2px;--space-1: 4px;--space-1-5: 6px;--space-2: 8px;--space-2-5: 10px;--space-3: 12px;--space-3-5: 14px;--space-4: 16px;--space-4-5: 18px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--font-family: "Inter", system-ui, -apple-system, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-none: 1;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--radius-none: 0px;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-3xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1)}:root{--bg-app: var(--slate-50);--bg-surface: #ffffff;--bg-surface-2: var(--slate-100);--container: #f8fafc;--bg-inverse: #0f172a;--bg-skeleton: var(--slate-200);--text-main: var(--slate-900);--text-subtle: var(--slate-600);--text-muted: var(--slate-400);--text-inverse: #ffffff;--border-subtle: var(--slate-100);--border-main: var(--slate-200);--border-strong: var(--slate-300);--color-primary: var(--primary-600);--color-primary-hover: var(--primary-700);--color-primary-soft: var(--primary-50);--color-success: var(--success-500);--color-warning: var(--warning-500);--color-danger: var(--danger-500);--color-info: var(--info-500);--bg-neutral: var(--bg-surface-2);--border-neutral: var(--border-main);--text-on-primary: var(--text-inverse);--header-bg: rgba(255, 255, 255, .8);--card-shadow: var(--shadow-sm);--ring-color: rgba(124, 58, 237, .4)}.theme-dark,[data-theme=dark]{--bg-app: #020617;--bg-surface: #0f172a;--bg-surface-2: #1e293b;--container: #020617;--bg-inverse: #F3F6FB;--bg-skeleton: var(--slate-800);--text-main: #f1f5f9;--text-subtle: #94a3b8;--text-muted: #64748b;--text-inverse: #020617;--border-subtle: #1e293b;--border-main: #334155;--border-strong: #475569;--color-primary: #a78bfa;--color-primary-hover: #c4b5fd;--color-primary-soft: rgba(167, 139, 250, .1);--color-success: #10b981;--color-warning: #f59e0b;--color-danger: #f43f5e;--color-info: #0ea5e9;--bg-neutral: #1e293b;--border-neutral: #334155;--text-on-primary: #020617;--header-bg: rgba(15, 23, 42, .8);--card-shadow: 0 10px 15px -3px rgba(0, 0, 0, .5);--ring-color: rgba(167, 139, 250, .3)}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0;font:inherit}html,body{height:100%}html{font-size:16px;-webkit-text-size-adjust:none;scroll-behavior:smooth}body{font-family:var(--font-family);font-size:var(--font-size-md);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--text-main);background-color:var(--bg-app);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;transition:background-color var(--transition-normal),color var(--transition-normal)}img,picture,video,canvas,svg{display:block;max-width:100%}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover)}ul,ol{list-style:none}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::selection{background-color:var(--color-primary-soft);color:var(--color-primary)}body.acyon-scroll-lock{overflow:hidden}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border-radius:var(--radius-lg);font-family:var(--font-family);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);border:.5px solid transparent;white-space:nowrap;position:relative}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn--extraSmall{padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs)}.btn--small{padding:var(--space-1-5) var(--space-3);font-size:var(--font-size-sm)}.btn--medium{padding:var(--space-2-5) var(--space-4);font-size:var(--font-size-md)}.btn--large{padding:var(--space-3) var(--space-6);font-size:var(--font-size-lg)}.btn--extraLarge{padding:var(--space-4) var(--space-8);font-size:var(--font-size-xl)}.btn--color-primary{--btn-base: var(--color-primary);--btn-bg: var(--color-primary);--btn-text: var(--text-inverse)}.btn--color-neutral{--btn-base: var(--border-strong);--btn-bg: var(--bg-surface-2);--btn-text: var(--text-main);--btn-fg: var(--text-main)}.btn--color-success{--btn-base: var(--color-success);--btn-bg: var(--color-success);--btn-text: var(--text-inverse)}.btn--color-error{--btn-base: var(--color-danger);--btn-bg: var(--color-danger);--btn-text: var(--text-inverse)}.btn--color-warning{--btn-base: var(--color-warning);--btn-bg: var(--color-warning);--btn-text: var(--text-inverse)}.btn--solid{background-color:var(--btn-bg);color:var(--btn-text)}.btn--solid:hover{filter:brightness(1.1);box-shadow:0 4px 12px color-mix(in srgb,var(--btn-bg),transparent 80%)}.btn--soft{background-color:color-mix(in srgb,var(--btn-base),transparent 85%);color:var(--btn-fg, var(--btn-base))}.btn--soft:hover{background-color:color-mix(in srgb,var(--btn-base),transparent 75%)}.btn--outline{background-color:transparent;border-color:var(--btn-base);color:var(--btn-fg, var(--btn-base))}.btn--outline:hover{background-color:color-mix(in srgb,var(--btn-base),transparent 85%);color:var(--btn-fg, var(--btn-base))}.btn--ghost{background-color:transparent;color:var(--btn-fg, var(--btn-base))}.btn--ghost:hover{background-color:color-mix(in srgb,var(--btn-base),transparent 90%)}.btn--full{display:flex;width:100%}.btn--loading .btn__label,.btn--loading .btn__icon{visibility:hidden}.btn .btn__spinner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);--loader-color: currentColor}.loader{--loader-color: var(--color-primary);display:inline-flex;align-items:center;justify-content:center}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.loader__ring{border-radius:50%;border:2px solid transparent;border-top-color:var(--loader-color);border-right-color:color-mix(in srgb,var(--loader-color) 40%,transparent);animation:spin .7s linear infinite}.loader--extraSmall .loader__ring{width:.75rem;height:.75rem}.loader--small .loader__ring{width:1rem;height:1rem}.loader--medium .loader__ring{width:1.5rem;height:1.5rem}.loader--large .loader__ring{width:2rem;height:2rem;border-width:3px}@keyframes spin{to{transform:rotate(360deg)}}.icon-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:var(--radius-md);min-width:0}.btn.icon-btn{padding:0}.icon-btn:disabled{background-color:var(--bg-neutral);color:var(--text-muted);border-color:var(--border-neutral);opacity:.5;cursor:not-allowed;pointer-events:none}.icon-btn--size-small{width:32px;height:32px;--icon-size: 16px}.icon-btn--size-medium{width:40px;height:40px;--icon-size: 20px}.icon-btn--size-large{width:48px;height:48px;--icon-size: 24px}.icon-btn--variant-solid{background-color:var(--icon-btn-color);color:#fff}.icon-btn--variant-soft{background-color:color-mix(in srgb,var(--icon-btn-color),transparent 85%)}.icon-btn--variant-ghost{background:transparent;border-color:transparent}.icon-btn--variant-outline{background:transparent;border-color:var(--icon-btn-color)}.icon-btn--variant-ghost:hover,.icon-btn--variant-outline:hover{background:color-mix(in srgb,var(--icon-btn-color),transparent 90%)}.icon-btn__content{display:flex;align-items:center;justify-content:center;width:var(--icon-size);height:var(--icon-size)}.icon-btn__content>*{width:100%;height:100%}.input-wrapper{display:flex;flex-direction:column;gap:var(--space-2);width:100%}.input-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-main)}.input-field{display:flex;align-items:center;width:100%;background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);color:var(--text-main);transition:all var(--transition-normal) ease}.input-field__input{width:100%;border:0;outline:0;background:transparent;color:inherit;font:inherit;font-size:var(--font-size-md);padding:var(--space-2) var(--space-2)}.input-field__input::placeholder{color:var(--text-muted)}.input-field__input[type=search]::-webkit-search-cancel-button,.input-field__input[type=search]::-webkit-search-decoration,.input-field__input[type=search]::-webkit-search-results-button,.input-field__input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}.input-field__input[type=search]::-ms-clear,.input-field__input[type=search]::-ms-reveal{display:none;width:0;height:0}.input-field:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-primary),transparent 80%)}.input-field--error{border-color:var(--color-danger)}.input-field--error:focus-within{border-color:var(--color-danger);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-danger),transparent 82%)}.input-field--disabled{background-color:var(--bg-surface-2);opacity:.7}.input-field__message{font-size:var(--font-size-xs);color:var(--text-muted)}.input-field__message--error{color:var(--color-danger)}.input-field__input--with-suffix{padding-right:var(--space-10)}.input-field__adornment{display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted);width:var(--space-10);flex-shrink:0}.input-field__adornment--suffix{padding-right:var(--space-2)}.input-field__clear{width:20px;min-width:20px;height:20px;border-radius:999px;background:color-mix(in srgb,var(--text-muted),white 65%);color:#fff}.input-field__clear:hover{background:color-mix(in srgb,var(--text-muted),white 45%);color:#fff}.input-field--small .input-field__input{padding-top:var(--space-2);padding-bottom:var(--space-2);font-size:var(--font-size-sm)}.input-field--large .input-field__input{padding-top:var(--space-4);padding-bottom:var(--space-4);font-size:var(--font-size-lg)}.text{margin:0;font-family:var(--font-family);line-height:var(--line-height-normal)}.text--size-extraSmall{font-size:var(--font-size-xs)}.text--size-small{font-size:var(--font-size-sm)}.text--size-medium{font-size:var(--font-size-md)}.text--size-large{font-size:var(--font-size-lg)}.text--size-extraLarge{font-size:var(--font-size-xl)}.text--color-default{color:var(--text-main)}.text--color-inverse{color:var(--text-inverse)}.text--color-primary{color:var(--color-primary)}.text--color-neutral{color:var(--text-muted)}.text--color-success{color:var(--color-success)}.text--color-error{color:var(--color-danger)}.text--color-warning{color:var(--color-warning)}.text--weight-normal{font-weight:var(--font-weight-normal)}.text--weight-medium{font-weight:var(--font-weight-medium)}.text--weight-semibold{font-weight:var(--font-weight-semibold)}.text--weight-bold{font-weight:var(--font-weight-bold)}.flex{display:flex}.flex-direction--row{flex-direction:row}.flex-direction--column{flex-direction:column}.flex-direction--row-reverse{flex-direction:row-reverse}.flex-direction--column-reverse{flex-direction:column-reverse}.flex-align--flex-start{align-items:flex-start}.flex-align--flex-end{align-items:flex-end}.flex-align--center{align-items:center}.flex-align--stretch{align-items:stretch}.flex-align--baseline{align-items:baseline}.flex-justify--flex-start{justify-content:flex-start}.flex-justify--flex-end{justify-content:flex-end}.flex-justify--center{justify-content:center}.flex-justify--space-between{justify-content:space-between}.flex-justify--space-around{justify-content:space-around}.flex-justify--space-evenly{justify-content:space-evenly}.flex-wrap--nowrap{flex-wrap:nowrap}.flex-wrap--wrap{flex-wrap:wrap}.flex-wrap--wrap-reverse{flex-wrap:wrap-reverse}.flex-gap--0{gap:0}.flex-gap--1{gap:var(--space-1)}.flex-gap--2{gap:var(--space-2)}.flex-gap--3{gap:var(--space-3)}.flex-gap--4,.flex-gap--5{gap:var(--space-4)}.flex-gap--6{gap:var(--space-6)}.flex-gap--8{gap:var(--space-8)}.flex-gap--10{gap:var(--space-10)}.flex-gap--12{gap:var(--space-12)}.flex-gap--16{gap:var(--space-16)}.form-field-root{width:auto}.form-field--full{width:100%}.form-field-label{color:var(--text-main);margin-bottom:var(--space-0-5);-webkit-user-select:none;user-select:none;display:block}.form-field-message{margin-top:var(--space-1);display:block;animation:labs-slide-down var(--transition-normal) ease-out}@keyframes labs-slide-down{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.textarea{appearance:none;background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);color:var(--text-main);font-family:inherit;font-size:var(--font-size-md);padding:var(--space-3) var(--space-4);width:100%;transition:all var(--transition-normal) ease;outline:none;min-height:112px}.textarea::placeholder{color:var(--text-muted);opacity:.7}.textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-primary),transparent 80%)}.textarea--error{border-color:var(--color-danger)}.textarea--error:focus{border-color:var(--color-danger);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-danger),transparent 82%)}.textarea:disabled{background-color:var(--bg-surface-2);cursor:not-allowed;opacity:.7}.date-picker{position:relative;width:100%}.date-picker__field{display:flex;align-items:center;width:100%;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.date-picker__field--open{border-color:var(--color-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-primary),transparent 82%)}.date-picker__field--error{border-color:var(--color-danger)}.date-picker__field--disabled{background:var(--bg-surface-2);opacity:.7}.date-picker__input{width:100%;border:0;outline:0;background:transparent;color:var(--text-main);font:inherit;font-size:var(--font-size-md);padding:var(--space-3) var(--space-4);cursor:pointer}.date-picker__input::placeholder{color:var(--text-muted)}.date-picker__toggle,.date-picker__nav{border:0;background:transparent;color:var(--text-subtle);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.date-picker__toggle{width:44px;min-width:44px;height:44px;margin-right:var(--space-1)}.date-picker__popover{position:absolute;top:calc(100% + var(--space-2));left:0;z-index:40;width:min(100%,372px);min-width:372px;padding:var(--space-3);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-2xl, 20px);box-shadow:var(--shadow-lg)}.date-picker__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.date-picker__nav{width:32px;height:32px;border-radius:999px}.date-picker__nav:hover{background:var(--bg-surface-2);color:var(--text-main)}.date-picker__month{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);text-transform:capitalize}.date-picker__weekdays,.date-picker__grid{display:grid;grid-template-columns:repeat(7,1fr)}.date-picker__weekdays{margin-bottom:var(--space-1)}.date-picker__weekday{padding:var(--space-1) 0;text-align:center;font-size:var(--font-size-sm);color:var(--text-subtle)}.date-picker__day{width:44px;height:44px;margin:1px auto;border:0;border-radius:var(--radius-lg);background:transparent;color:var(--text-main);font:inherit;cursor:pointer}.date-picker__day:hover{background:var(--bg-surface-2)}.date-picker__day--outside{color:var(--text-muted);opacity:.55}.date-picker__day--selected{background:var(--color-primary);color:#fff;font-weight:var(--font-weight-semibold)}.date-picker__day--selected:hover{background:var(--color-primary)}.date-picker__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border-subtle)}.select{position:relative}.select--full{width:100%}.select__trigger{display:flex;align-items:center;justify-content:space-between;width:100%;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}.select__trigger--small{min-height:36px;padding:0 var(--space-3);font-size:var(--font-size-sm)}.select__trigger--medium{min-height:42px;padding:0 var(--space-4);font-size:var(--font-size-md)}.select__trigger--large{min-height:48px;padding:0 var(--space-4);font-size:var(--font-size-lg)}.select__trigger--open{border-color:var(--color-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-primary),transparent 82%)}.select__trigger--error{border-color:var(--color-danger)}.select__trigger--disabled{background:var(--bg-surface-2);opacity:.7;cursor:not-allowed}.select__value{color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.select__value--placeholder{color:var(--text-muted)}.select__icon{color:var(--text-muted);transition:transform var(--transition-fast)}.select__trigger--open .select__icon{transform:rotate(180deg)}.select__menu{position:absolute;top:calc(100% + var(--space-2));left:0;right:0;background:var(--bg-surface);border:1px solid var(--border-main);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:20;overflow:hidden}.select__search{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);border-bottom:1px solid var(--border-subtle)}.select__search-icon{color:var(--text-muted)}.select__search-input{width:100%;border:0;outline:0;background:transparent;color:var(--text-main);font:inherit}.select__list{list-style:none;padding:var(--space-1);margin:0;max-height:240px;overflow-y:auto}.select__option{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--text-main);cursor:pointer}.select__option:hover:not(.select__option--disabled){background:var(--bg-surface-2)}.select__option--selected{background:var(--color-primary-soft);color:var(--color-primary)}.select__option--disabled{opacity:.5;cursor:not-allowed}.select__option--focused:not(.select__option--disabled){background:var(--bg-surface-2);outline:2px solid var(--color-primary);outline-offset:-2px}.select__option-check{flex-shrink:0}.select__empty{padding:var(--space-3);color:var(--text-muted);text-align:center}.multiselect{position:relative;min-width:240px}.multiselect--full{width:100%}.multiselect__trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:42px;width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-surface);cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.multiselect__trigger--open{border-color:var(--color-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-primary),transparent 82%)}.multiselect__trigger--error{border-color:var(--color-danger)}.multiselect__trigger--disabled{background:var(--bg-surface-2);opacity:.7;cursor:not-allowed}.multiselect__values{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;flex:1}.multiselect__placeholder{color:var(--text-muted)}.multiselect__tag{display:inline-flex;align-items:center;gap:var(--space-1);padding:0 var(--space-2);min-height:24px;border-radius:var(--radius-full);background:var(--color-primary-soft);color:var(--color-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.multiselect__tag-remove{border:0;background:transparent;color:currentColor;cursor:pointer;padding:0;line-height:1}.multiselect__icon{color:var(--text-muted);transition:transform var(--transition-fast)}.multiselect__trigger--open .multiselect__icon{transform:rotate(180deg)}.multiselect__menu{position:absolute;top:calc(100% + var(--space-2));left:0;right:0;list-style:none;margin:0;padding:var(--space-1);background:var(--bg-surface);border:1px solid var(--border-main);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:20;max-height:240px;overflow-y:auto}.multiselect__option{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--text-main);cursor:pointer}.multiselect__option:hover:not(.multiselect__option--disabled){background:var(--bg-surface-2)}.multiselect__option--selected{background:var(--color-primary-soft);color:var(--color-primary)}.multiselect__option--disabled{opacity:.5;cursor:not-allowed}.multiselect__option--focused:not(.multiselect__option--disabled){background:var(--bg-surface-2);outline:2px solid var(--color-primary);outline-offset:-2px}.multiselect__checkbox{width:16px;display:inline-flex;justify-content:center;flex-shrink:0}.multiselect__empty{padding:var(--space-3);color:var(--text-muted);text-align:center}.dropdown__menu{position:fixed;z-index:1100;min-width:180px;padding:var(--space-2);border:1px solid var(--border-main);border-radius:var(--radius-lg);background:var(--bg-surface);box-shadow:var(--shadow-lg);animation:dropdown-enter var(--transition-fast)}.dropdown__content{display:grid;gap:var(--space-1)}.dropdown__item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);border:0;border-radius:var(--radius-md);background:transparent;color:var(--text-main);text-align:left;font:inherit;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.dropdown__item:hover{background:var(--bg-surface-2)}.dropdown__item:focus-visible{outline:2px solid var(--ring-color);outline-offset:1px}.dropdown__item:disabled{opacity:.5;cursor:not-allowed}.dropdown__item--inset{padding-left:var(--space-6)}.dropdown__item--destructive{color:var(--color-danger)}.dropdown__item-left,.dropdown__item-right{display:inline-flex;align-items:center;flex-shrink:0}.dropdown__item-label{display:inline-flex;align-items:center;gap:var(--space-2);min-width:0;flex:1}@keyframes dropdown-enter{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.checkbox{display:inline-flex;align-items:flex-start;gap:var(--space-3);cursor:pointer}.checkbox--disabled{opacity:.6}.checkbox--disabled,.checkbox--disabled .checkbox__input{cursor:not-allowed}.checkbox__control{position:relative;display:inline-flex;align-items:center;justify-content:center}.checkbox__input{position:absolute;opacity:0;inset:0;cursor:inherit}.checkbox__box{width:18px;height:18px;border-radius:var(--radius-sm);border:1px solid var(--border-main);background:var(--bg-surface);display:inline-flex;align-items:center;justify-content:center;color:transparent;transition:all var(--transition-fast)}.checkbox__input:checked+.checkbox__box,.checkbox__input[aria-checked=mixed]+.checkbox__box{border-color:var(--checkbox-color, var(--color-primary));background:var(--checkbox-color, var(--color-primary));color:var(--text-inverse)}.checkbox__input:focus-visible+.checkbox__box{box-shadow:0 0 0 4px color-mix(in srgb,var(--checkbox-color, var(--color-primary)),transparent 82%)}.checkbox__label{color:var(--text-main);line-height:var(--line-height-normal)}.radio{display:inline-flex;align-items:flex-start;gap:var(--space-3);cursor:pointer}.radio--disabled{opacity:.6}.radio--disabled,.radio--disabled .radio__input{cursor:not-allowed}.radio__input{position:absolute;opacity:0;inset:0;cursor:inherit}.radio__input-container{position:relative;display:inline-flex}.radio__control{width:18px;height:18px;border-radius:var(--radius-full);border:1px solid var(--border-main);background:var(--bg-surface);display:inline-flex;align-items:center;justify-content:center}.radio__dot{width:8px;height:8px;border-radius:var(--radius-full);background:transparent;transition:background-color var(--transition-fast)}.radio__input:checked+.radio__control{border-color:var(--radio-color, var(--color-primary))}.radio__input:checked+.radio__control .radio__dot{background:var(--radio-color, var(--color-primary))}.radio__content{display:flex;flex-direction:column;gap:2px;cursor:pointer}.radio__label{color:var(--text-main)}.radio__description{color:var(--text-muted);font-size:var(--font-size-sm)}.slider{position:relative;display:flex;align-items:center;gap:var(--space-3)}.slider__track{position:absolute;left:0;right:48px;height:4px;border-radius:var(--radius-full);background:var(--bg-surface-2)}.slider__fill{height:100%;border-radius:inherit;background:var(--color-primary)}.slider__input{position:relative;width:calc(100% - 48px);margin:0;background:transparent;appearance:none}.slider__input::-webkit-slider-thumb{appearance:none;width:16px;height:16px;border-radius:var(--radius-full);background:var(--color-primary);cursor:pointer;border:0}.slider__value{width:36px;text-align:right;color:var(--text-main);font-size:var(--font-size-sm)}.number-input{display:inline-flex;align-items:center;background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);color:var(--text-main);transition:border-color var(--transition-normal) ease,box-shadow var(--transition-normal) ease;overflow:hidden}.number-input--full{width:100%}.number-input:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-primary),transparent 80%)}.number-input--error{border-color:var(--color-danger)}.number-input--error:focus-within{border-color:var(--color-danger);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-danger),transparent 82%)}.number-input--disabled{background-color:var(--bg-surface-2);opacity:.7;pointer-events:none}.number-input__input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:inherit;font:inherit;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);font-variant-numeric:tabular-nums;padding:var(--space-3) var(--space-4);text-align:left;appearance:textfield;-moz-appearance:textfield}.number-input__input::-webkit-inner-spin-button,.number-input__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.number-input__input::placeholder{color:var(--text-muted);font-weight:var(--font-weight-regular, 400)}.number-input__chevrons{display:flex;flex-direction:column;align-self:stretch;border-left:1px solid var(--border-subtle);flex-shrink:0}.number-input__chevron-btn{display:flex;align-items:center;justify-content:center;flex:1;width:28px;border:0;background:transparent;color:var(--text-muted);cursor:pointer;transition:background-color var(--transition-fast, .1s) ease,color var(--transition-fast, .1s) ease;padding:0;line-height:1}.number-input__chevron-btn:first-child{border-bottom:1px solid var(--border-subtle)}.number-input__chevron-btn:hover:not(:disabled){background-color:var(--bg-surface-2);color:var(--text-main)}.number-input__chevron-btn:active:not(:disabled){background-color:var(--border-subtle)}.number-input__chevron-btn:disabled{opacity:.35;cursor:not-allowed}.number-input--stepper{display:inline-flex;align-items:stretch}.number-input--stepper .number-input__input,.number-input--stepper .number-input__stepper-btn{flex:1 1 0;min-width:0}.number-input--stepper .number-input__input{text-align:center;padding:var(--space-3) var(--space-2)}.number-input__stepper-btn{display:flex;align-items:center;justify-content:center;align-self:stretch;border:0;background:transparent;color:var(--text-subtle);cursor:pointer;transition:background-color var(--transition-fast, .1s) ease,color var(--transition-fast, .1s) ease;padding:0}.number-input__stepper-btn--decrement{border-right:1px solid var(--border-subtle)}.number-input__stepper-btn--increment{border-left:1px solid var(--border-subtle)}.number-input__stepper-btn:hover:not(:disabled){background-color:var(--bg-surface-2);color:var(--text-main)}.number-input__stepper-btn:active:not(:disabled){background-color:var(--border-subtle)}.number-input__stepper-btn:disabled{opacity:.35;cursor:not-allowed}.carousel{--carousel-gap: var(--space-3);display:flex;flex-direction:column;align-items:center;gap:var(--space-4);width:100%;outline:none}.carousel__row{display:flex;align-items:center;gap:var(--space-4);width:100%}.carousel__viewport{flex:1;min-width:0;width:100%;overflow:hidden}.carousel__track{display:flex;gap:var(--carousel-gap);transition:transform .38s cubic-bezier(.4,0,.2,1);will-change:transform}.carousel__slide{min-width:0;min-height:0;box-sizing:border-box}.carousel__arrow{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:36px;height:36px;border-radius:var(--radius-full);border:1px solid var(--border-main);background:var(--bg-surface);color:var(--text-subtle);cursor:pointer;padding:0;transition:background-color var(--transition-fast, .1s) ease,color var(--transition-fast, .1s) ease,border-color var(--transition-fast, .1s) ease}.carousel__arrow:hover:not(:disabled){background-color:var(--bg-surface-2);color:var(--text-main);border-color:var(--border-strong)}.carousel__arrow:active:not(:disabled){background-color:var(--border-subtle)}.carousel__arrow:disabled{opacity:.3;cursor:not-allowed}.carousel__dots{display:flex;align-items:center;gap:var(--space-2)}.carousel__dot{width:8px;height:8px;border-radius:var(--radius-full);border:0;padding:0;background:var(--border-strong);cursor:pointer;transition:background-color var(--transition-normal) ease,width var(--transition-normal) ease}.carousel__dot--active{background:var(--color-primary);width:20px}.file-upload{display:flex;flex-direction:column;gap:var(--space-3)}.file-upload__dropzone{border:1px dashed var(--border-main);border-radius:var(--radius-xl);padding:var(--space-8);background:var(--bg-surface);text-align:center;cursor:pointer;transition:border-color var(--transition-fast),background-color var(--transition-fast)}.file-upload__dropzone:hover,.file-upload__dropzone--dragging{border-color:var(--color-primary);background:var(--color-primary-soft)}.file-upload__dropzone--disabled{opacity:.6;cursor:not-allowed}.file-upload__dropzone--error{border-color:var(--color-danger)}.file-upload__input{display:none}.file-upload__content{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.file-upload__icon{width:40px;height:40px;border-radius:var(--radius-full);background:var(--color-primary-soft);display:inline-flex;align-items:center;justify-content:center;color:var(--color-primary)}.file-upload__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.file-upload__item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-surface)}.file-upload__file-name{color:var(--text-main)}.file-upload__remove{border:0;background:transparent;color:var(--color-danger);cursor:pointer}.card{background-color:var(--bg-surface);border-radius:var(--radius-xl);border:1px solid var(--border-subtle);position:relative;overflow:hidden;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.card--default{box-shadow:var(--shadow-sm)}.card--elevated{box-shadow:var(--shadow-md)}.card--elevated:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.card--outlined{background-color:transparent;border-color:var(--border-main);box-shadow:none}.card--ghost{background-color:transparent;border-color:transparent;box-shadow:none}.card--pad-none{padding:0}.card--pad-sm{padding:var(--space-3)}.card--pad-md{padding:var(--space-5)}.card--pad-lg{padding:var(--space-8)}.card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.card-header__content{display:flex;flex-direction:column;gap:var(--space-1)}.card-header__title-wrapper{display:flex;align-items:center;gap:var(--space-2);color:var(--text-main)}.card-header__action{flex-shrink:0}.card-body{color:var(--text-subtle);line-height:var(--line-height-relaxed)}.card-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border-subtle)}.heading{margin:0;color:var(--text-main);font-family:var(--font-family);line-height:var(--line-height-tight)}.heading--h1{font-size:var(--font-size-3xl)}.heading--h2{font-size:var(--font-size-2xl)}.heading--h3{font-size:var(--font-size-xl)}.heading--h4{font-size:var(--font-size-lg)}.heading--h5{font-size:var(--font-size-md)}.heading--h6{font-size:var(--font-size-sm)}.heading--weight-medium{font-weight:var(--font-weight-medium)}.heading--weight-semibold{font-weight:var(--font-weight-semibold)}.heading--weight-bold{font-weight:var(--font-weight-bold)}.box{display:block}.box--border{border:1px solid var(--border-neutral, #E2E8F0)}.box-surface--default{background-color:transparent;color:inherit}.box-surface--subtle{background-color:var(--surface-alt, #E2E8F0)}.box-surface--raised{background-color:var(--surface, #FFFFFF)}.box-surface--inverse{background-color:var(--surface-inverse, #162033);color:var(--text-inverse, #F3F6FB)}.box-padding--0{padding:0}.box-padding--1{padding:var(--space-1)}.box-padding--2{padding:var(--space-2)}.box-padding--3{padding:var(--space-3)}.box-padding--4{padding:var(--space-4)}.box-padding--5{padding:var(--space-5)}.box-padding--6{padding:var(--space-6)}.box-padding--8{padding:var(--space-8)}.box-padding--10{padding:var(--space-10)}.box-padding--12{padding:var(--space-12)}.box-padding--16{padding:var(--space-16)}.box-rounded--none{border-radius:var(--radius-none)}.box-rounded--sm{border-radius:var(--radius-sm)}.box-rounded--md{border-radius:var(--radius-md)}.box-rounded--lg{border-radius:var(--radius-lg)}.box-rounded--xl{border-radius:var(--radius-xl)}.box-rounded--full{border-radius:var(--radius-full)}.box-shadow--none{box-shadow:none}.box-shadow--sm{box-shadow:var(--shadow-sm)}.box-shadow--md{box-shadow:var(--shadow-md)}.box-shadow--lg{box-shadow:var(--shadow-lg)}.grid{display:grid}.grid-cols--1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols--2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols--3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols--4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols--5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols--6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols--7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols--8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-cols--9{grid-template-columns:repeat(9,minmax(0,1fr))}.grid-cols--10{grid-template-columns:repeat(10,minmax(0,1fr))}.grid-cols--11{grid-template-columns:repeat(11,minmax(0,1fr))}.grid-cols--12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-gap--0{gap:0}.grid-gap--1{gap:var(--space-1)}.grid-gap--2{gap:var(--space-2)}.grid-gap--3{gap:var(--space-3)}.grid-gap--4,.grid-gap--5{gap:var(--space-4)}.grid-gap--6{gap:var(--space-6)}.grid-gap--8{gap:var(--space-8)}.grid-gap--10{gap:var(--space-10)}.grid-gap--12{gap:var(--space-12)}.grid-gap--16{gap:var(--space-16)}.grid--auto-fit{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.container{background-color:var(--container);width:100%;height:100%;padding:32px;margin:0 auto;box-sizing:border-box;overflow-y:auto;overflow-x:hidden}.container--small{max-width:640px}.container--medium{max-width:768px}.container--large{max-width:1024px}.container--extraLarge{max-width:1280px}.container--full{max-width:100%}.divider{border:0}.divider--horizontal{width:100%;height:1px;background:var(--border-subtle);position:relative}.divider--vertical{width:1px;align-self:stretch;background:var(--border-subtle)}.divider--labeled{display:flex;align-items:center;justify-content:center;background:transparent}.divider--labeled:before,.divider--labeled:after{content:"";flex:1;height:1px;background:var(--border-subtle)}.divider__label{padding:0 var(--space-3);color:var(--text-muted);font-size:var(--font-size-sm)}.list{display:flex;flex-direction:column;width:100%}.list--bordered{border:1px solid var(--border-main);border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-surface)}.list--divided .list-item:not(:last-child),.list--checklist .list-item:not(:last-child){border-bottom:1px solid var(--border-subtle)}.list-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);background-color:transparent;transition:background-color var(--transition-fast),color var(--transition-fast);outline:none}.list-item--clickable{cursor:pointer}.list-item--clickable:hover,.list-item:focus-visible{background-color:var(--bg-surface-2)}.list-item--active{background-color:var(--color-primary-soft)}.list-item--disabled{opacity:.5;pointer-events:none}.list-item__start{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-muted)}.list-item__content{display:flex;flex-direction:column;flex-grow:1;overflow:hidden}.list-item__title{color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-item__description{margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-item__end{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.accordion{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-surface)}.accordion-item+.accordion-item{border-top:1px solid var(--border-subtle)}.accordion-item__trigger{width:100%;border:0;background:transparent;color:var(--text-main);display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);cursor:pointer;font:inherit}.accordion-item__icon{color:var(--text-muted);transition:transform var(--transition-fast)}.accordion-item--open .accordion-item__icon{transform:rotate(180deg)}.accordion-item__content-inner{padding:0 var(--space-5) var(--space-5);color:var(--text-subtle);line-height:var(--line-height-relaxed);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);text-wrap:balance}.code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background-color:var(--bg-surface-2);padding:.2em .4em;border-radius:var(--radius-sm);color:var(--color-primary);font-size:.85em}.code--block{display:block;padding:var(--space-4);overflow-x:auto;line-height:var(--line-height-normal);border:1px solid var(--border-subtle);white-space:pre}.code--extraSmall{font-size:var(--font-size-xs)}.code--small{font-size:var(--font-size-sm)}.code--medium{font-size:var(--font-size-md)}.code--large{font-size:var(--font-size-lg)}.code--extraLarge{font-size:var(--font-size-xl)}.code--bold{font-weight:var(--font-weight-bold)}.code--medium{font-weight:var(--font-weight-medium)}.code--normal{font-weight:var(--font-weight-normal)}.code--semibold{font-weight:var(--font-weight-semibold)}.link{--link-color: var(--color-primary);color:var(--link-color);text-decoration:none;cursor:pointer;transition:color var(--transition-fast);display:inline-flex;align-items:center;gap:var(--space-1)}.link:hover{opacity:.85}.link--underline{border-bottom:1px solid transparent}.link--underline:hover{border-bottom-color:currentColor}.link--active{font-weight:var(--font-weight-bold)}.badge{display:inline-flex;align-items:center;justify-content:center;padding:0 var(--space-2);height:20px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);white-space:nowrap;line-height:1}.badge--solid{color:var(--text-inverse);border:1px solid transparent}.badge--outline{background-color:transparent;border:1px solid var(--badge-color);color:var(--badge-color)}.badge--soft{background-color:color-mix(in srgb,var(--badge-color),transparent 86%);border:1px solid transparent;color:var(--badge-color)}.badge--primary{--badge-color: var(--color-primary)}.badge--neutral{--badge-color: var(--text-subtle)}.badge--success{--badge-color: var(--color-success)}.badge--error{--badge-color: var(--color-danger)}.badge--warning{--badge-color: var(--color-warning)}.badge--solid:not(.badge--neutral){background-color:var(--badge-color)}.badge--solid.badge--neutral{background-color:var(--bg-surface-2);border-color:var(--border-main);color:var(--text-main)}.badge--small{height:16px;padding:0 var(--space-1-5);font-size:10px}.badge--large{height:24px;padding:0 var(--space-3);font-size:var(--font-size-sm)}.alert{--alert-accent: var(--color-primary);--alert-surface: color-mix(in srgb, var(--alert-accent), transparent 90%);--alert-border: color-mix(in srgb, var(--alert-accent), transparent 72%);display:flex;align-items:flex-start;gap:var(--space-3);width:100%;padding:var(--space-4);border:1px solid var(--alert-border);border-radius:var(--radius-lg);background:var(--alert-surface);color:var(--text-main)}.alert--primary{--alert-accent: var(--color-primary)}.alert--neutral{--alert-accent: var(--text-subtle)}.alert--success{--alert-accent: var(--color-success)}.alert--warning{--alert-accent: var(--color-warning)}.alert--error{--alert-accent: var(--color-danger)}.alert__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--alert-accent)}.alert__content{display:flex;flex:1;flex-direction:column;gap:var(--space-1);min-width:0}.alert__title{margin:0;color:var(--alert-accent)}.alert__description{color:var(--text-main)}.alert__action{display:inline-flex;align-items:center;flex-shrink:0}@media(max-width:640px){.alert{flex-direction:column}.alert__action{width:100%}}.tag{display:inline-flex;align-items:center;gap:var(--space-1);border-radius:var(--radius-full);font-weight:var(--font-weight-medium)}.tag--variant-soft{background:color-mix(in srgb,var(--tag-color, var(--color-primary)),transparent 86%);color:var(--tag-color, var(--color-primary))}.tag--variant-outline{border:1px solid var(--tag-color, var(--color-primary));color:var(--tag-color, var(--color-primary));background:transparent}.tag--size-extraSmall{padding:0 var(--space-2);min-height:18px;font-size:10px}.tag--size-small{padding:0 var(--space-2);min-height:22px;font-size:var(--font-size-xs)}.tag--size-medium{padding:0 var(--space-3);min-height:26px;font-size:var(--font-size-sm)}.tag--size-large{padding:0 var(--space-3);min-height:30px;font-size:var(--font-size-md)}.tag--size-extraLarge{padding:0 var(--space-4);min-height:34px;font-size:var(--font-size-lg)}.tag__remove{border:0;background:transparent;color:currentColor;cursor:pointer;padding:0}.avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;background-color:var(--bg-surface-2);border-radius:var(--radius-full);flex-shrink:0;-webkit-user-select:none;user-select:none;color:var(--color-primary)}.avatar-image{width:100%;height:100%;object-fit:cover}.avatar-initials{font-weight:var(--font-weight-semibold);text-transform:uppercase}.avatar--extraSmall{width:24px;height:24px}.avatar--extraSmall .avatar-initials{font-size:10px}.avatar--small{width:32px;height:32px}.avatar--small .avatar-initials{font-size:12px}.avatar--medium{width:40px;height:40px}.avatar--medium .avatar-initials{font-size:14px}.avatar--large{width:56px;height:56px}.avatar--large .avatar-initials{font-size:20px}.avatar--extraLarge{width:80px;height:80px}.avatar--extraLarge .avatar-initials{font-size:28px}.avatar-status{position:absolute;bottom:0;right:0;width:25%;height:25%;border-radius:var(--radius-full);border:2px solid var(--bg-surface)}.avatar-status--online{background-color:var(--color-success)}.avatar-status--offline,.avatar-status--busy{background-color:var(--color-danger)}.avatar-status--away{background-color:var(--color-warning)}.image-wrapper{position:relative;overflow:hidden}.image{width:100%;height:100%;display:block;opacity:0;transition:opacity var(--transition-fast)}.image--loaded{opacity:1}.image-fit--cover{object-fit:cover}.image-fit--contain{object-fit:contain}.image-fit--fill{object-fit:fill}.image-fit--none{object-fit:none}.image-fit--scaleDown{object-fit:scale-down}.image-radius--small{border-radius:var(--radius-sm)}.image-radius--medium{border-radius:var(--radius-md)}.image-radius--large{border-radius:var(--radius-lg)}.image-radius--full{border-radius:9999px}.image-skeleton{position:absolute;inset:0;overflow:hidden}.image-skeleton .skeleton{border-radius:inherit}.skeleton{position:relative;overflow:hidden;background-color:var(--bg-skeleton);border-radius:var(--radius-md)}.skeleton--rounded{border-radius:9999px}.skeleton--animated:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--bg-skeleton),white 10%),transparent);animation:skeleton-shimmer 1.5s infinite}[data-theme=light] .skeleton--animated:after{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--bg-skeleton),rgb(179,178,187) 10%),transparent)}@keyframes skeleton-shimmer{to{transform:translate(100%)}}.switch-wrapper{display:inline-flex;align-items:center;gap:var(--space-3);cursor:pointer;-webkit-user-select:none;user-select:none}.switch-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.switch-track{position:relative;display:inline-block;width:44px;height:24px;background-color:var(--border-main);border:1px solid transparent;border-radius:var(--radius-full);transition:all var(--transition-slow) ease;cursor:pointer}.switch-thumb{position:absolute;top:2px;left:2px;display:block;width:18px;height:18px;background-color:var(--bg-surface);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);transition:transform var(--transition-slow) cubic-bezier(.4,0,.2,1)}.switch-input:checked+.switch-track{background-color:var(--color-primary)}.switch-input:checked+.switch-track .switch-thumb{transform:translate(20px)}.switch-input:focus-visible+.switch-track{outline:2px solid var(--color-primary);outline-offset:2px}.switch-input:disabled+.switch-track{cursor:not-allowed;opacity:.5}.switch-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-main)}.switch-wrapper--disabled{cursor:not-allowed;opacity:.6}.switch--small .switch-track{width:32px;height:18px}.switch--small .switch-thumb{width:10px;height:10px}.switch--small .switch-input:checked+.switch-track .switch-thumb{transform:translate(14px)}.pagination{display:inline-flex;align-items:center;gap:var(--space-1);-webkit-user-select:none;user-select:none}.pagination__item{min-width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;padding:0 var(--space-2);border-radius:var(--radius-md);border:1px solid var(--border-main);background:var(--bg-surface);color:var(--text-main);cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.pagination__item:hover:not(:disabled):not(.pagination__item--active){background:var(--bg-surface-2)}.pagination__item--active{background:var(--color-primary);color:var(--text-inverse);border-color:var(--color-primary);cursor:default}.pagination__item--disabled,.pagination__item:disabled{opacity:.45;cursor:not-allowed}.pagination__dots{color:var(--text-muted);padding:0 var(--space-1);font-size:var(--font-size-sm)}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-2);padding:var(--space-8)}.empty-state__icon{width:56px;height:56px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--bg-surface-2);color:var(--text-muted)}.empty-state__action{margin-top:var(--space-2)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:var(--space-4);z-index:1000;animation:fade-in .15s ease}.modal{background:var(--bg-surface);border:1px solid var(--border-main);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-height:90vh;display:flex;flex-direction:column;outline:none;animation:slide-up .2s cubic-bezier(.16,1,.3,1)}.modal--small{max-width:400px}.modal--medium{max-width:500px}.modal--large{max-width:700px}.modal--extraLarge{max-width:900px}.modal--full{max-width:calc(100vw - var(--space-8));height:calc(100vh - var(--space-8))}.modal-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-main);display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.modal-title-wrapper{display:flex;flex-direction:column;gap:var(--space-1)}.modal-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-main);margin:0;line-height:var(--line-height-tight)}.modal-description{font-size:var(--font-size-sm);color:var(--text-subtle);margin:0}.modal-body{padding:var(--space-5);overflow-y:auto;flex:1;color:var(--text-main);line-height:var(--line-height-relaxed)}.modal-footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--border-main);display:flex;gap:var(--space-3);justify-content:flex-end}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.drawer-overlay{position:fixed;inset:0;background-color:#0f172a66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;animation:drawer-fade-in .2s ease-out}.drawer{position:fixed;top:0;bottom:0;background-color:var(--bg-surface);box-shadow:var(--shadow-xl);z-index:1001;display:flex;flex-direction:column;width:100%;transition:transform .3s cubic-bezier(.16,1,.3,1)}.drawer--size-small{max-width:320px}.drawer--size-medium{max-width:400px}.drawer--size-large{max-width:560px}.drawer--size-full{max-width:100vw}.drawer--right{right:0;transform:translate(100%)}.drawer--left{left:0;transform:translate(-100%)}.drawer--open{transform:translate(0)}.drawer-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-main);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.drawer-title{margin:0}.drawer-body{flex:1;padding:var(--space-5);overflow-y:auto}.drawer-footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--border-main);display:flex;justify-content:flex-end;gap:var(--space-3)}@keyframes drawer-fade-in{0%{opacity:0}to{opacity:1}}.tooltip{position:absolute;z-index:1100;background:color-mix(in srgb,var(--bg-inverse),black 8%);color:var(--text-inverse);font-size:var(--font-size-xs);font-family:var(--font-family);padding:var(--space-1) var(--space-2);border:1px solid color-mix(in srgb,var(--text-inverse),transparent 88%);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);pointer-events:none;white-space:nowrap;max-width:16rem;animation:tooltip-in .12s ease}.tooltip--top{transform:translate(-50%,-100%)}.tooltip--bottom{transform:translate(-50%)}.tooltip--left{transform:translate(-100%,-50%)}.tooltip--right{transform:translateY(-50%)}@keyframes tooltip-in{0%{opacity:0;scale:.96}to{opacity:1;scale:1}}.toast-container{position:fixed;z-index:9999;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);pointer-events:none}.toast-container--top-right{top:0;right:0}.toast-container--top-left{top:0;left:0}.toast-container--top-center{top:0;left:50%;transform:translate(-50%)}.toast-container--bottom-right{bottom:0;right:0}.toast-container--bottom-left{bottom:0;left:0}.toast-container--bottom-center{bottom:0;left:50%;transform:translate(-50%)}.toast{pointer-events:auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);width:320px;padding:var(--space-2);background-color:var(--bg-surface);border-left:4px solid var(--color-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);animation:toast-enter .3s cubic-bezier(.18,.89,.32,1.28)}.toast--exiting{animation:toast-exit .2s cubic-bezier(.4,0,1,1) forwards}.toast--success{border-left-color:var(--color-success)}.toast--warning{border-left-color:var(--color-warning)}.toast--error{border-left-color:var(--color-danger)}.toast--neutral{border-left-color:var(--border-strong)}.toast-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:16px;height:16px;margin-top:2px;color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.toast--success .toast-icon{color:var(--color-success)}.toast--warning .toast-icon{color:var(--color-warning)}.toast--error .toast-icon{color:var(--color-danger)}.toast--neutral .toast-icon{color:var(--text-subtle)}.toast-content{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.toast-title{margin:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-main);line-height:1.4}.toast-description{margin:0;font-size:var(--font-size-xs);color:var(--text-muted);line-height:1.4}.toast-close{flex-shrink:0;margin-top:-2px;margin-right:-4px}.toast--snackbar{--toast-accent: var(--color-primary);border-left:none;border:1px solid color-mix(in srgb,var(--toast-accent),transparent 68%);background-color:color-mix(in srgb,var(--toast-accent),transparent 88%);box-shadow:none}.toast--snackbar.toast--success{--toast-accent: var(--color-success)}.toast--snackbar.toast--warning{--toast-accent: var(--color-warning)}.toast--snackbar.toast--error{--toast-accent: var(--color-danger)}.toast--snackbar.toast--neutral{--toast-accent: var(--text-subtle)}.toast--snackbar .toast-icon,.toast--snackbar .toast-title,.toast--snackbar .toast-close{color:var(--toast-accent)}@keyframes toast-enter{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toast-exit{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}.table-container{width:100%;overflow-x:auto;border:1px solid var(--border-main);border-radius:var(--radius-lg);background-color:var(--bg-surface)}.table{width:100%;border-collapse:collapse;text-align:left;font-size:var(--font-size-sm)}.table th{padding:var(--space-3) var(--space-4);background-color:var(--bg-surface-2);color:var(--text-subtle);font-weight:var(--font-weight-semibold);border-bottom:1px solid var(--border-main);white-space:nowrap}.table td{padding:var(--space-3) var(--space-4);color:var(--text-main);border-bottom:1px solid var(--border-main);transition:background-color .2s ease}.table tr:last-child td{border-bottom:none}.table--striped tr:nth-child(2n) td{background-color:var(--bg-surface-2)}.table--hover tr:hover td{background-color:var(--bg-surface-2)}.table--compact th,.table--compact td{padding:var(--space-2) var(--space-3)}.table-container--sticky-header{max-height:500px}.table-container--sticky-header th{position:sticky;top:0;z-index:10}.sidebar{--sidebar-width: 300px;--sidebar-collapsed-width: 76px;--sidebar-bg: var(--bg-surface);--sidebar-border: var(--border-subtle);--sidebar-shadow: var(--shadow-sm);--sidebar-text: var(--text-subtle);--sidebar-hover: var(--bg-surface-2);--sidebar-active-bg: var(--color-primary-soft);--sidebar-active-text: var(--color-primary);--sidebar-item-radius: var(--radius-lg);width:var(--sidebar-width);min-width:var(--sidebar-width);height:100%;display:flex;flex-direction:column;background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);box-shadow:var(--sidebar-shadow);overflow:hidden;transition:width var(--transition-normal),min-width var(--transition-normal)}.sidebar--collapsed{width:var(--sidebar-collapsed-width);min-width:var(--sidebar-collapsed-width)}.sidebar__search{padding:var(--space-3) var(--space-3) 0}.sidebar__search .form-field{width:100%}.sidebar__header{min-height:72px;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);cursor:pointer;-webkit-user-select:none;user-select:none}.sidebar__header-icon{width:42px;height:42px;min-width:42px;display:inline-flex;align-items:center;justify-content:center;color:var(--sidebar-text)}.sidebar__header-content{min-width:0;display:flex;align-items:center;overflow:hidden}.sidebar__item{width:calc(100% - var(--space-6));min-height:48px;margin:var(--space-1-5) var(--space-3) 0;padding:0 var(--space-3-5, 14px);border:0;background:transparent;color:var(--sidebar-text);text-decoration:none;border-radius:var(--sidebar-item-radius);display:flex;align-items:center;justify-content:flex-start;gap:var(--space-3);cursor:pointer;opacity:.8;transition:background-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.sidebar__item:hover{background:var(--sidebar-hover);color:var(--text-main)}.sidebar__item:active{transform:scale(.98)}.sidebar__item--active{background:var(--sidebar-active-bg);color:var(--sidebar-active-text)}.sidebar__item-icon{width:20px;min-width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center}.sidebar--collapsed .sidebar__item-label,.sidebar--collapsed .sidebar__header-content{display:none}.sidebar__item-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);white-space:nowrap;letter-spacing:0;overflow:hidden;text-overflow:ellipsis}.sidebar__group{padding-top:var(--space-2)}.sidebar__group-trigger{width:calc(100% - var(--space-6));min-height:42px;margin:0 var(--space-3);padding:0 var(--space-3-5, 14px);border:0;background:transparent;color:var(--sidebar-text);display:flex;align-items:center;justify-content:flex-start;gap:var(--space-2);border-radius:var(--radius-md);cursor:pointer;text-align:left}.sidebar__group-left-icon{width:20px;min-width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center}.sidebar__group-trigger:hover{background:var(--sidebar-hover);color:var(--text-main)}.sidebar__group-trigger:disabled{cursor:default;opacity:1}.sidebar__group-title{flex:1;font-size:.96rem;letter-spacing:0;text-transform:none;font-weight:var(--font-weight-semibold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__group-icon{display:inline-flex;align-items:center;justify-content:center;transition:transform var(--transition-fast)}.sidebar__group--open .sidebar__group-icon{transform:rotate(0)}.sidebar__group:not(.sidebar__group--open) .sidebar__group-icon{transform:rotate(-90deg)}.sidebar__group-content{padding-bottom:var(--space-1)}.sidebar__group-content .sidebar__item{padding-left:calc(var(--space-3-5, 14px) + 20px + var(--space-2))}.sidebar__footer{margin-top:auto;padding:var(--space-3) 0;border-top:1px solid var(--sidebar-border)}.sidebar--collapsed .sidebar__header{justify-content:center;padding:var(--space-4) var(--space-3)}.sidebar--collapsed .sidebar__search{display:none}.sidebar--collapsed .sidebar__item{width:48px;min-width:48px;height:48px;min-height:48px;margin-left:auto;margin-right:auto;padding:0;justify-content:center}.sidebar--collapsed .sidebar__group{display:block;padding-top:var(--space-1)}.sidebar--collapsed .sidebar__group-trigger{width:48px;min-width:48px;min-height:48px;margin-left:auto;margin-right:auto;padding:0;justify-content:center}.sidebar--collapsed .sidebar__group-content .sidebar__item{padding-left:0}.sidebar--collapsed .sidebar__group-icon{display:none}.topbar{width:100%;min-height:75px;padding:0 var(--space-6);background-color:var(--bg-surface);border-bottom:1px solid var(--border-subtle);position:relative}.topbar--sticky{position:sticky;top:0;z-index:30}.topbar__left,.topbar__right{min-width:0}.topbar__logo{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--text-main);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.topbar__center{flex:1}.topbar__nav-item{display:inline-flex;align-items:center;height:64px;border:0;background:transparent;color:var(--text-subtle);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;position:relative;text-decoration:none}.topbar__nav-item:hover,.topbar__nav-item--active{color:var(--text-main)}.topbar__nav-item--active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--color-primary);border-radius:999px 999px 0 0}.topbar--nav-right .topbar__center{display:none}.topbar__content,.topbar__children{display:flex;align-items:center;gap:var(--space-3)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.page-header__left{display:flex;align-items:flex-start;gap:var(--space-3)}.page-header__content{display:flex;flex-direction:column;gap:var(--space-1)}.page-header__right{flex-shrink:0}.breadcrumb{display:flex;align-items:center}.breadcrumb-list{display:flex;flex-wrap:wrap;align-items:center;list-style:none;padding:0;margin:0}.breadcrumb-item{display:flex;align-items:center;font-size:var(--font-size-sm);color:var(--text-muted)}.breadcrumb-link{color:var(--text-muted);display:flex;align-items:center;gap:var(--space-1)}.breadcrumb-link:hover{color:var(--color-primary)}.breadcrumb-current{color:var(--text-main);font-weight:var(--font-weight-medium)}.breadcrumb-separator{margin:0 var(--space-2);display:flex;align-items:center;color:var(--border-main);-webkit-user-select:none;user-select:none}.breadcrumb-icon{display:flex;align-items:center;justify-content:center}.progress-wrapper{width:100%;display:flex;flex-direction:column;gap:var(--space-2)}.progress{width:100%;background-color:var(--bg-surface-2);border-radius:var(--radius-full);overflow:hidden;height:var(--progress-height, 8px)}.progress--small{height:4px}.progress--medium{height:8px}.progress--large{height:12px}.progress-bar{height:100%;background-color:var(--progress-color, var(--color-primary));border-radius:var(--radius-full);transition:width .3s cubic-bezier(.4,0,.2,1)}.progress--animated .progress-bar{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem;animation:progress-bar-stripes 1s linear infinite}@keyframes progress-bar-stripes{0%{background-position:1rem 0}to{background-position:0 0}}.progress-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-main);display:flex;justify-content:space-between}.progress-value{font-size:var(--font-size-xs);color:var(--text-muted)}.tabs{width:100%}.tabs-list{display:inline-flex;align-items:center;gap:var(--space-1);border-bottom:2px solid transparent;margin-bottom:var(--space-4);padding:0 var(--space-1)}.tabs--pills .tabs-list{border-bottom:0;background-color:var(--bg-surface);padding:var(--space-1);border-radius:var(--radius-lg)}.tabs-trigger{border:0;background:transparent;padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-subtle);cursor:pointer;transition:color var(--transition-fast),background-color var(--transition-fast),box-shadow var(--transition-fast);text-decoration:none}.tabs-trigger:hover{color:var(--text-main);background-color:transparent}.tabs-trigger--active{color:var(--color-primary)}.tabs--default .tabs-trigger--active{box-shadow:inset 0 -2px 0 var(--color-primary)}.tabs--pills .tabs-trigger--active{background-color:var(--color-primary-soft);color:var(--color-primary);box-shadow:var(--shadow-sm);border-radius:var(--radius-lg)}.tabs-trigger:disabled,.tabs-trigger[aria-disabled=true]{opacity:.5;pointer-events:none}.tabs-panel{color:var(--text-main)}.tabs--small .tabs-trigger{padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs)}.tabs--large .tabs-trigger{padding:var(--space-3) var(--space-6);font-size:var(--font-size-md)}.timeline{display:flex;flex-direction:column}.timeline-item{display:flex;gap:var(--space-4)}.timeline-item__aside{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.timeline-item__marker{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center}.timeline-item__icon,.timeline-item__dot{width:12px;height:12px;border-radius:var(--radius-full);background:var(--color-primary)}.timeline-item__line{width:1.5px;flex:1;background:var(--border-main);min-height:32px;border-radius:var(--radius-full)}.timeline-item:last-child .timeline-item__line{display:none}.timeline-item__content{flex:1;padding-bottom:var(--space-5)}.timeline-item__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.timeline-item__description{margin-top:var(--space-1)}
1
+ @import"https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap";:root{--slate-50: #f8fafc;--slate-100: #f1f5f9;--slate-200: #e2e8f0;--slate-300: #cbd5e1;--slate-400: #94a3b8;--slate-500: #64748b;--slate-600: #475569;--slate-700: #334155;--slate-800: #1e293b;--slate-900: #0f172a;--slate-950: #020617;--primary-50: #f5f3ff;--primary-100: #ede9fe;--primary-200: #ddd6fe;--primary-300: #c4b5fd;--primary-400: #a78bfa;--primary-500: #8b5cf6;--primary-600: #7c3aed;--primary-700: #6d28d9;--primary-800: #5b21b6;--primary-900: #4c1d95;--success-500: #10b981;--warning-500: #f59e0b;--danger-500: #f43f5e;--info-500: #0ea5e9;--space-0: 0px;--space-0-5: 2px;--space-1: 4px;--space-1-5: 6px;--space-2: 8px;--space-2-5: 10px;--space-3: 12px;--space-3-5: 14px;--space-4: 16px;--space-4-5: 18px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--font-family: "Ubuntu", "Inter", system-ui, -apple-system, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-none: 1;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--radius-none: 0px;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-3xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1)}:root{--bg-app: var(--slate-50);--bg-surface: #ffffff;--bg-surface-2: var(--slate-100);--container: #f8fafc;--bg-inverse: #0f172a;--bg-skeleton: var(--slate-200);--text-main: var(--slate-900);--text-subtle: var(--slate-600);--text-muted: var(--slate-400);--text-inverse: #ffffff;--border-subtle: var(--slate-100);--border-main: var(--slate-200);--border-strong: var(--slate-300);--color-primary: var(--primary-600);--color-primary-hover: var(--primary-700);--color-primary-soft: var(--primary-50);--color-success: var(--success-500);--color-warning: var(--warning-500);--color-danger: var(--danger-500);--color-info: var(--info-500);--bg-neutral: var(--bg-surface-2);--border-neutral: var(--border-main);--text-on-primary: var(--text-inverse);--header-bg: rgba(255, 255, 255, .8);--card-shadow: var(--shadow-sm);--ring-color: rgba(124, 58, 237, .4)}.theme-dark,[data-theme=dark]{--bg-app: #020617;--bg-surface: #0f172a;--bg-surface-2: #1e293b;--container: #020617;--bg-inverse: #F3F6FB;--bg-skeleton: var(--slate-800);--text-main: #f1f5f9;--text-subtle: #94a3b8;--text-muted: #64748b;--text-inverse: #020617;--border-subtle: #1e293b;--border-main: #334155;--border-strong: #475569;--color-primary: #a78bfa;--color-primary-hover: #c4b5fd;--color-primary-soft: rgba(167, 139, 250, .1);--color-success: #10b981;--color-warning: #f59e0b;--color-danger: #f43f5e;--color-info: #0ea5e9;--bg-neutral: #1e293b;--border-neutral: #334155;--text-on-primary: #020617;--header-bg: rgba(15, 23, 42, .8);--card-shadow: 0 10px 15px -3px rgba(0, 0, 0, .5);--ring-color: rgba(167, 139, 250, .3)}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0;font:inherit}html,body{height:100%}html{font-size:16px;-webkit-text-size-adjust:none;scroll-behavior:smooth}body{font-family:var(--font-family);font-size:var(--font-size-md);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--text-main);background-color:var(--bg-app);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;transition:background-color var(--transition-normal),color var(--transition-normal)}img,picture,video,canvas,svg{display:block;max-width:100%}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover)}ul,ol{list-style:none}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::selection{background-color:var(--color-primary-soft);color:var(--color-primary)}body.acyon-scroll-lock{overflow:hidden}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border-radius:var(--radius-lg);font-family:var(--font-family);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);border:.5px solid transparent;white-space:nowrap;position:relative}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn--extraSmall{padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs)}.btn--small{padding:var(--space-1-5) var(--space-3);font-size:var(--font-size-sm)}.btn--medium{padding:var(--space-2-5) var(--space-4);font-size:var(--font-size-md)}.btn--large{padding:var(--space-3) var(--space-6);font-size:var(--font-size-lg)}.btn--extraLarge{padding:var(--space-4) var(--space-8);font-size:var(--font-size-xl)}.btn--color-primary{--btn-base: var(--color-primary);--btn-bg: var(--color-primary);--btn-text: var(--text-inverse)}.btn--color-neutral{--btn-base: var(--border-strong);--btn-bg: var(--bg-surface-2);--btn-text: var(--text-main);--btn-fg: var(--text-main)}.btn--color-success{--btn-base: var(--color-success);--btn-bg: var(--color-success);--btn-text: var(--text-inverse)}.btn--color-error{--btn-base: var(--color-danger);--btn-bg: var(--color-danger);--btn-text: var(--text-inverse)}.btn--color-warning{--btn-base: var(--color-warning);--btn-bg: var(--color-warning);--btn-text: var(--text-inverse)}.btn--solid{background-color:var(--btn-bg);color:var(--btn-text)}.btn--solid:hover{filter:brightness(1.1);box-shadow:0 4px 12px color-mix(in srgb,var(--btn-bg),transparent 80%)}.btn--soft{background-color:color-mix(in srgb,var(--btn-base),transparent 85%);color:var(--btn-fg, var(--btn-base))}.btn--soft:hover{background-color:color-mix(in srgb,var(--btn-base),transparent 75%)}.btn--outline{background-color:transparent;border-color:var(--btn-base);color:var(--btn-fg, var(--btn-base))}.btn--outline:hover{background-color:color-mix(in srgb,var(--btn-base),transparent 85%);color:var(--btn-fg, var(--btn-base))}.btn--ghost{background-color:transparent;color:var(--btn-fg, var(--btn-base))}.btn--ghost:hover{background-color:color-mix(in srgb,var(--btn-base),transparent 90%)}.btn--full{display:flex;width:100%}.btn--loading .btn__label,.btn--loading .btn__icon{visibility:hidden}.btn .btn__spinner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);--loader-color: currentColor}.loader{--loader-color: var(--color-primary);display:inline-flex;align-items:center;justify-content:center}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.loader__ring{border-radius:50%;border:2px solid transparent;border-top-color:var(--loader-color);border-right-color:color-mix(in srgb,var(--loader-color) 40%,transparent);animation:spin .7s linear infinite}.loader--extraSmall .loader__ring{width:.75rem;height:.75rem}.loader--small .loader__ring{width:1rem;height:1rem}.loader--medium .loader__ring{width:1.5rem;height:1.5rem}.loader--large .loader__ring{width:2rem;height:2rem;border-width:3px}@keyframes spin{to{transform:rotate(360deg)}}.icon-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:var(--radius-md);min-width:0}.btn.icon-btn{padding:0}.icon-btn:disabled{background-color:var(--bg-neutral);color:var(--text-muted);border-color:var(--border-neutral);opacity:.5;cursor:not-allowed;pointer-events:none}.icon-btn--size-small{width:32px;height:32px;--icon-size: 16px}.icon-btn--size-medium{width:40px;height:40px;--icon-size: 20px}.icon-btn--size-large{width:48px;height:48px;--icon-size: 24px}.icon-btn--variant-solid{background-color:var(--icon-btn-color);color:#fff}.icon-btn--variant-soft{background-color:color-mix(in srgb,var(--icon-btn-color),transparent 85%)}.icon-btn--variant-ghost{background:transparent;border-color:transparent}.icon-btn--variant-outline{background:transparent;border-color:var(--icon-btn-color)}.icon-btn--variant-ghost:hover,.icon-btn--variant-outline:hover{background:color-mix(in srgb,var(--icon-btn-color),transparent 90%)}.icon-btn__content{display:flex;align-items:center;justify-content:center;width:var(--icon-size);height:var(--icon-size)}.icon-btn__content>*{width:100%;height:100%}.input-wrapper{display:flex;flex-direction:column;gap:var(--space-2);width:100%}.input-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-main)}.input-field{display:flex;align-items:center;width:100%;background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);color:var(--text-main);transition:all var(--transition-normal) ease}.input-field__input{width:100%;border:0;outline:0;background:transparent;color:inherit;font:inherit;font-size:var(--font-size-md);padding:var(--space-2) var(--space-2)}.input-field__input::placeholder{color:var(--text-muted)}.input-field__input[type=search]::-webkit-search-cancel-button,.input-field__input[type=search]::-webkit-search-decoration,.input-field__input[type=search]::-webkit-search-results-button,.input-field__input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}.input-field__input[type=search]::-ms-clear,.input-field__input[type=search]::-ms-reveal{display:none;width:0;height:0}.input-field:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-primary),transparent 80%)}.input-field--error{border-color:var(--color-danger)}.input-field--error:focus-within{border-color:var(--color-danger);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-danger),transparent 82%)}.input-field--disabled{background-color:var(--bg-surface-2);opacity:.7}.input-field__message{font-size:var(--font-size-xs);color:var(--text-muted)}.input-field__message--error{color:var(--color-danger)}.input-field__input--with-suffix{padding-right:var(--space-10)}.input-field__adornment{display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted);width:var(--space-10);flex-shrink:0}.input-field__adornment--suffix{padding-right:var(--space-2)}.input-field__clear{width:20px;min-width:20px;height:20px;border-radius:999px;background:color-mix(in srgb,var(--text-muted),white 65%);color:#fff}.input-field__clear:hover{background:color-mix(in srgb,var(--text-muted),white 45%);color:#fff}.input-field--small .input-field__input{padding-top:var(--space-2);padding-bottom:var(--space-2);font-size:var(--font-size-sm)}.input-field--large .input-field__input{padding-top:var(--space-4);padding-bottom:var(--space-4);font-size:var(--font-size-lg)}.text{margin:0;font-family:var(--font-family);line-height:var(--line-height-normal)}.text--size-extraSmall{font-size:var(--font-size-xs)}.text--size-small{font-size:var(--font-size-sm)}.text--size-medium{font-size:var(--font-size-md)}.text--size-large{font-size:var(--font-size-lg)}.text--size-extraLarge{font-size:var(--font-size-xl)}.text--color-default{color:var(--text-main)}.text--color-inverse{color:var(--text-inverse)}.text--color-primary{color:var(--color-primary)}.text--color-neutral{color:var(--text-muted)}.text--color-success{color:var(--color-success)}.text--color-error{color:var(--color-danger)}.text--color-warning{color:var(--color-warning)}.text--weight-normal{font-weight:var(--font-weight-normal)}.text--weight-medium{font-weight:var(--font-weight-medium)}.text--weight-semibold{font-weight:var(--font-weight-semibold)}.text--weight-bold{font-weight:var(--font-weight-bold)}.flex{display:flex}.flex-direction--row{flex-direction:row}.flex-direction--column{flex-direction:column}.flex-direction--row-reverse{flex-direction:row-reverse}.flex-direction--column-reverse{flex-direction:column-reverse}.flex-align--flex-start{align-items:flex-start}.flex-align--flex-end{align-items:flex-end}.flex-align--center{align-items:center}.flex-align--stretch{align-items:stretch}.flex-align--baseline{align-items:baseline}.flex-justify--flex-start{justify-content:flex-start}.flex-justify--flex-end{justify-content:flex-end}.flex-justify--center{justify-content:center}.flex-justify--space-between{justify-content:space-between}.flex-justify--space-around{justify-content:space-around}.flex-justify--space-evenly{justify-content:space-evenly}.flex-wrap--nowrap{flex-wrap:nowrap}.flex-wrap--wrap{flex-wrap:wrap}.flex-wrap--wrap-reverse{flex-wrap:wrap-reverse}.flex-gap--0{gap:0}.flex-gap--1{gap:var(--space-1)}.flex-gap--2{gap:var(--space-2)}.flex-gap--3{gap:var(--space-3)}.flex-gap--4,.flex-gap--5{gap:var(--space-4)}.flex-gap--6{gap:var(--space-6)}.flex-gap--8{gap:var(--space-8)}.flex-gap--10{gap:var(--space-10)}.flex-gap--12{gap:var(--space-12)}.flex-gap--16{gap:var(--space-16)}.form-field-root{width:auto}.form-field--full{width:100%}.form-field-label{color:var(--text-main);margin-bottom:var(--space-0-5);-webkit-user-select:none;user-select:none;display:block}.form-field-message{margin-top:var(--space-1);display:block;animation:labs-slide-down var(--transition-normal) ease-out}@keyframes labs-slide-down{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.textarea{appearance:none;background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);color:var(--text-main);font-family:inherit;font-size:var(--font-size-md);padding:var(--space-3) var(--space-4);width:100%;transition:all var(--transition-normal) ease;outline:none;min-height:112px}.textarea::placeholder{color:var(--text-muted);opacity:.7}.textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-primary),transparent 80%)}.textarea--error{border-color:var(--color-danger)}.textarea--error:focus{border-color:var(--color-danger);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-danger),transparent 82%)}.textarea:disabled{background-color:var(--bg-surface-2);cursor:not-allowed;opacity:.7}.date-picker{position:relative;width:100%}.date-picker__field{display:flex;align-items:center;width:100%;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.date-picker__field--open{border-color:var(--color-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-primary),transparent 82%)}.date-picker__field--error{border-color:var(--color-danger)}.date-picker__field--disabled{background:var(--bg-surface-2);opacity:.7}.date-picker__input{width:100%;border:0;outline:0;background:transparent;color:var(--text-main);font:inherit;font-size:var(--font-size-md);padding:var(--space-3) var(--space-4);cursor:pointer}.date-picker__input::placeholder{color:var(--text-muted)}.date-picker__toggle,.date-picker__nav{border:0;background:transparent;color:var(--text-subtle);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.date-picker__toggle{width:44px;min-width:44px;height:44px;margin-right:var(--space-1)}.date-picker__popover{position:absolute;top:calc(100% + var(--space-2));left:0;z-index:40;width:min(100%,372px);min-width:372px;padding:var(--space-3);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-2xl, 20px);box-shadow:var(--shadow-lg)}.date-picker__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.date-picker__nav{width:32px;height:32px;border-radius:999px}.date-picker__nav:hover{background:var(--bg-surface-2);color:var(--text-main)}.date-picker__month{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);text-transform:capitalize}.date-picker__weekdays,.date-picker__grid{display:grid;grid-template-columns:repeat(7,1fr)}.date-picker__weekdays{margin-bottom:var(--space-1)}.date-picker__weekday{padding:var(--space-1) 0;text-align:center;font-size:var(--font-size-sm);color:var(--text-subtle)}.date-picker__day{width:44px;height:44px;margin:1px auto;border:0;border-radius:var(--radius-lg);background:transparent;color:var(--text-main);font:inherit;cursor:pointer}.date-picker__day:hover{background:var(--bg-surface-2)}.date-picker__day--outside{color:var(--text-muted);opacity:.55}.date-picker__day--selected{background:var(--color-primary);color:#fff;font-weight:var(--font-weight-semibold)}.date-picker__day--selected:hover{background:var(--color-primary)}.date-picker__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border-subtle)}.select{position:relative}.select--full{width:100%}.select__trigger{display:flex;align-items:center;justify-content:space-between;width:100%;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}.select__trigger--small{min-height:36px;padding:0 var(--space-3);font-size:var(--font-size-sm)}.select__trigger--medium{min-height:42px;padding:0 var(--space-4);font-size:var(--font-size-md)}.select__trigger--large{min-height:48px;padding:0 var(--space-4);font-size:var(--font-size-lg)}.select__trigger--open{border-color:var(--color-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-primary),transparent 82%)}.select__trigger--error{border-color:var(--color-danger)}.select__trigger--disabled{background:var(--bg-surface-2);opacity:.7;cursor:not-allowed}.select__value{color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.select__value--placeholder{color:var(--text-muted)}.select__icon{color:var(--text-muted);transition:transform var(--transition-fast)}.select__trigger--open .select__icon{transform:rotate(180deg)}.select__menu{position:absolute;top:calc(100% + var(--space-2));left:0;right:0;background:var(--bg-surface);border:1px solid var(--border-main);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:20;overflow:hidden}.select__search{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);border-bottom:1px solid var(--border-subtle)}.select__search-icon{color:var(--text-muted)}.select__search-input{width:100%;border:0;outline:0;background:transparent;color:var(--text-main);font:inherit}.select__list{list-style:none;padding:var(--space-1);margin:0;max-height:240px;overflow-y:auto}.select__option{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--text-main);cursor:pointer}.select__option:hover:not(.select__option--disabled){background:var(--bg-surface-2)}.select__option--selected{background:var(--color-primary-soft);color:var(--color-primary)}.select__option--disabled{opacity:.5;cursor:not-allowed}.select__option--focused:not(.select__option--disabled){background:var(--bg-surface-2);outline:2px solid var(--color-primary);outline-offset:-2px}.select__option-check{flex-shrink:0}.select__empty{padding:var(--space-3);color:var(--text-muted);text-align:center}.multiselect{position:relative;min-width:240px}.multiselect--full{width:100%}.multiselect__trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:42px;width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-surface);cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.multiselect__trigger--open{border-color:var(--color-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-primary),transparent 82%)}.multiselect__trigger--error{border-color:var(--color-danger)}.multiselect__trigger--disabled{background:var(--bg-surface-2);opacity:.7;cursor:not-allowed}.multiselect__values{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;flex:1}.multiselect__placeholder{color:var(--text-muted)}.multiselect__tag{display:inline-flex;align-items:center;gap:var(--space-1);padding:0 var(--space-2);min-height:24px;border-radius:var(--radius-full);background:var(--color-primary-soft);color:var(--color-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.multiselect__tag-remove{border:0;background:transparent;color:currentColor;cursor:pointer;padding:0;line-height:1}.multiselect__icon{color:var(--text-muted);transition:transform var(--transition-fast)}.multiselect__trigger--open .multiselect__icon{transform:rotate(180deg)}.multiselect__menu{position:absolute;top:calc(100% + var(--space-2));left:0;right:0;list-style:none;margin:0;padding:var(--space-1);background:var(--bg-surface);border:1px solid var(--border-main);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:20;max-height:240px;overflow-y:auto}.multiselect__option{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--text-main);cursor:pointer}.multiselect__option:hover:not(.multiselect__option--disabled){background:var(--bg-surface-2)}.multiselect__option--selected{background:var(--color-primary-soft);color:var(--color-primary)}.multiselect__option--disabled{opacity:.5;cursor:not-allowed}.multiselect__option--focused:not(.multiselect__option--disabled){background:var(--bg-surface-2);outline:2px solid var(--color-primary);outline-offset:-2px}.multiselect__checkbox{width:16px;display:inline-flex;justify-content:center;flex-shrink:0}.multiselect__empty{padding:var(--space-3);color:var(--text-muted);text-align:center}.dropdown__menu{position:fixed;z-index:1100;min-width:180px;padding:var(--space-2);border:1px solid var(--border-main);border-radius:var(--radius-lg);background:var(--bg-surface);box-shadow:var(--shadow-lg);animation:dropdown-enter var(--transition-fast)}.dropdown__content{display:grid;gap:var(--space-1)}.dropdown__item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);border:0;border-radius:var(--radius-md);background:transparent;color:var(--text-main);text-align:left;font:inherit;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.dropdown__item:hover{background:var(--bg-surface-2)}.dropdown__item:focus-visible{outline:2px solid var(--ring-color);outline-offset:1px}.dropdown__item:disabled{opacity:.5;cursor:not-allowed}.dropdown__item--inset{padding-left:var(--space-6)}.dropdown__item--destructive{color:var(--color-danger)}.dropdown__item-left,.dropdown__item-right{display:inline-flex;align-items:center;flex-shrink:0}.dropdown__item-label{display:inline-flex;align-items:center;gap:var(--space-2);min-width:0;flex:1}@keyframes dropdown-enter{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.checkbox{display:inline-flex;align-items:flex-start;gap:var(--space-3);cursor:pointer}.checkbox--disabled{opacity:.6}.checkbox--disabled,.checkbox--disabled .checkbox__input{cursor:not-allowed}.checkbox__control{position:relative;display:inline-flex;align-items:center;justify-content:center}.checkbox__input{position:absolute;opacity:0;inset:0;cursor:inherit}.checkbox__box{width:18px;height:18px;border-radius:var(--radius-sm);border:1px solid var(--border-main);background:var(--bg-surface);display:inline-flex;align-items:center;justify-content:center;color:transparent;transition:all var(--transition-fast)}.checkbox__input:checked+.checkbox__box,.checkbox__input[aria-checked=mixed]+.checkbox__box{border-color:var(--checkbox-color, var(--color-primary));background:var(--checkbox-color, var(--color-primary));color:var(--text-inverse)}.checkbox__input:focus-visible+.checkbox__box{box-shadow:0 0 0 4px color-mix(in srgb,var(--checkbox-color, var(--color-primary)),transparent 82%)}.checkbox__label{color:var(--text-main);line-height:var(--line-height-normal)}.radio{display:inline-flex;align-items:flex-start;gap:var(--space-3);cursor:pointer}.radio--disabled{opacity:.6}.radio--disabled,.radio--disabled .radio__input{cursor:not-allowed}.radio__input{position:absolute;opacity:0;inset:0;cursor:inherit}.radio__input-container{position:relative;display:inline-flex}.radio__control{width:18px;height:18px;border-radius:var(--radius-full);border:1px solid var(--border-main);background:var(--bg-surface);display:inline-flex;align-items:center;justify-content:center}.radio__dot{width:8px;height:8px;border-radius:var(--radius-full);background:transparent;transition:background-color var(--transition-fast)}.radio__input:checked+.radio__control{border-color:var(--radio-color, var(--color-primary))}.radio__input:checked+.radio__control .radio__dot{background:var(--radio-color, var(--color-primary))}.radio__content{display:flex;flex-direction:column;gap:2px;cursor:pointer}.radio__label{color:var(--text-main)}.radio__description{color:var(--text-muted);font-size:var(--font-size-sm)}.slider{position:relative;display:flex;align-items:center;gap:var(--space-3)}.slider__track{position:absolute;left:0;right:48px;height:4px;border-radius:var(--radius-full);background:var(--bg-surface-2)}.slider__fill{height:100%;border-radius:inherit;background:var(--color-primary)}.slider__input{position:relative;width:calc(100% - 48px);margin:0;background:transparent;appearance:none}.slider__input::-webkit-slider-thumb{appearance:none;width:16px;height:16px;border-radius:var(--radius-full);background:var(--color-primary);cursor:pointer;border:0}.slider__value{width:36px;text-align:right;color:var(--text-main);font-size:var(--font-size-sm)}.number-input{display:inline-flex;align-items:center;background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);color:var(--text-main);transition:border-color var(--transition-normal) ease,box-shadow var(--transition-normal) ease;overflow:hidden}.number-input--full{width:100%}.number-input:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-primary),transparent 80%)}.number-input--error{border-color:var(--color-danger)}.number-input--error:focus-within{border-color:var(--color-danger);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-danger),transparent 82%)}.number-input--disabled{background-color:var(--bg-surface-2);opacity:.7;pointer-events:none}.number-input__input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:inherit;font:inherit;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);font-variant-numeric:tabular-nums;padding:var(--space-3) var(--space-4);text-align:left;appearance:textfield;-moz-appearance:textfield}.number-input__input::-webkit-inner-spin-button,.number-input__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.number-input__input::placeholder{color:var(--text-muted);font-weight:var(--font-weight-regular, 400)}.number-input__chevrons{display:flex;flex-direction:column;align-self:stretch;border-left:1px solid var(--border-subtle);flex-shrink:0}.number-input__chevron-btn{display:flex;align-items:center;justify-content:center;flex:1;width:28px;border:0;background:transparent;color:var(--text-muted);cursor:pointer;transition:background-color var(--transition-fast, .1s) ease,color var(--transition-fast, .1s) ease;padding:0;line-height:1}.number-input__chevron-btn:first-child{border-bottom:1px solid var(--border-subtle)}.number-input__chevron-btn:hover:not(:disabled){background-color:var(--bg-surface-2);color:var(--text-main)}.number-input__chevron-btn:active:not(:disabled){background-color:var(--border-subtle)}.number-input__chevron-btn:disabled{opacity:.35;cursor:not-allowed}.number-input--stepper{display:inline-flex;align-items:stretch}.number-input--stepper .number-input__input,.number-input--stepper .number-input__stepper-btn{flex:1 1 0;min-width:0}.number-input--stepper .number-input__input{text-align:center;padding:var(--space-3) var(--space-2)}.number-input__stepper-btn{display:flex;align-items:center;justify-content:center;align-self:stretch;border:0;background:transparent;color:var(--text-subtle);cursor:pointer;transition:background-color var(--transition-fast, .1s) ease,color var(--transition-fast, .1s) ease;padding:0}.number-input__stepper-btn--decrement{border-right:1px solid var(--border-subtle)}.number-input__stepper-btn--increment{border-left:1px solid var(--border-subtle)}.number-input__stepper-btn:hover:not(:disabled){background-color:var(--bg-surface-2);color:var(--text-main)}.number-input__stepper-btn:active:not(:disabled){background-color:var(--border-subtle)}.number-input__stepper-btn:disabled{opacity:.35;cursor:not-allowed}.carousel{--carousel-gap: var(--space-3);display:flex;flex-direction:column;align-items:center;gap:var(--space-4);width:100%;outline:none}.carousel__row{display:flex;align-items:center;gap:var(--space-4);width:100%}.carousel__viewport{flex:1;min-width:0;width:100%;overflow:hidden}.carousel__track{display:flex;gap:var(--carousel-gap);transition:transform .38s cubic-bezier(.4,0,.2,1);will-change:transform}.carousel__slide{min-width:0;min-height:0;box-sizing:border-box}.carousel__arrow{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:36px;height:36px;border-radius:var(--radius-full);border:1px solid var(--border-main);background:var(--bg-surface);color:var(--text-subtle);cursor:pointer;padding:0;transition:background-color var(--transition-fast, .1s) ease,color var(--transition-fast, .1s) ease,border-color var(--transition-fast, .1s) ease}.carousel__arrow:hover:not(:disabled){background-color:var(--bg-surface-2);color:var(--text-main);border-color:var(--border-strong)}.carousel__arrow:active:not(:disabled){background-color:var(--border-subtle)}.carousel__arrow:disabled{opacity:.3;cursor:not-allowed}.carousel__dots{display:flex;align-items:center;gap:var(--space-2)}.carousel__dot{width:8px;height:8px;border-radius:var(--radius-full);border:0;padding:0;background:var(--border-strong);cursor:pointer;transition:background-color var(--transition-normal) ease,width var(--transition-normal) ease}.carousel__dot--active{background:var(--color-primary);width:20px}.file-upload{display:flex;flex-direction:column;gap:var(--space-3)}.file-upload__dropzone{border:1px dashed var(--border-main);border-radius:var(--radius-xl);padding:var(--space-8);background:var(--bg-surface);text-align:center;cursor:pointer;transition:border-color var(--transition-fast),background-color var(--transition-fast)}.file-upload__dropzone:hover,.file-upload__dropzone--dragging{border-color:var(--color-primary);background:var(--color-primary-soft)}.file-upload__dropzone--disabled{opacity:.6;cursor:not-allowed}.file-upload__dropzone--error{border-color:var(--color-danger)}.file-upload__input{display:none}.file-upload__content{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.file-upload__icon{width:40px;height:40px;border-radius:var(--radius-full);background:var(--color-primary-soft);display:inline-flex;align-items:center;justify-content:center;color:var(--color-primary)}.file-upload__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.file-upload__item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-surface)}.file-upload__file-name{color:var(--text-main)}.file-upload__remove{border:0;background:transparent;color:var(--color-danger);cursor:pointer}.card{background-color:var(--bg-surface);border-radius:var(--radius-xl);border:1px solid var(--border-subtle);position:relative;overflow:hidden;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.card--default{box-shadow:var(--shadow-sm)}.card--elevated{box-shadow:var(--shadow-md)}.card--elevated:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.card--outlined{background-color:transparent;border-color:var(--border-main);box-shadow:none}.card--ghost{background-color:transparent;border-color:transparent;box-shadow:none}.card--pad-none{padding:0}.card--pad-sm{padding:var(--space-3)}.card--pad-md{padding:var(--space-5)}.card--pad-lg{padding:var(--space-8)}.card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.card-header__content{display:flex;flex-direction:column;gap:var(--space-1)}.card-header__title-wrapper{display:flex;align-items:center;gap:var(--space-2);color:var(--text-main)}.card-header__action{flex-shrink:0}.card-body{color:var(--text-subtle);line-height:var(--line-height-relaxed)}.card-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border-subtle)}.heading{margin:0;color:var(--text-main);font-family:var(--font-family);line-height:var(--line-height-tight)}.heading--h1{font-size:var(--font-size-3xl)}.heading--h2{font-size:var(--font-size-2xl)}.heading--h3{font-size:var(--font-size-xl)}.heading--h4{font-size:var(--font-size-lg)}.heading--h5{font-size:var(--font-size-md)}.heading--h6{font-size:var(--font-size-sm)}.heading--weight-medium{font-weight:var(--font-weight-medium)}.heading--weight-semibold{font-weight:var(--font-weight-semibold)}.heading--weight-bold{font-weight:var(--font-weight-bold)}.box{display:block}.box--border{border:1px solid var(--border-neutral, #E2E8F0)}.box-surface--default{background-color:transparent;color:inherit}.box-surface--subtle{background-color:var(--surface-alt, #E2E8F0)}.box-surface--raised{background-color:var(--surface, #FFFFFF)}.box-surface--inverse{background-color:var(--surface-inverse, #162033);color:var(--text-inverse, #F3F6FB)}.box-padding--0{padding:0}.box-padding--1{padding:var(--space-1)}.box-padding--2{padding:var(--space-2)}.box-padding--3{padding:var(--space-3)}.box-padding--4{padding:var(--space-4)}.box-padding--5{padding:var(--space-5)}.box-padding--6{padding:var(--space-6)}.box-padding--8{padding:var(--space-8)}.box-padding--10{padding:var(--space-10)}.box-padding--12{padding:var(--space-12)}.box-padding--16{padding:var(--space-16)}.box-rounded--none{border-radius:var(--radius-none)}.box-rounded--sm{border-radius:var(--radius-sm)}.box-rounded--md{border-radius:var(--radius-md)}.box-rounded--lg{border-radius:var(--radius-lg)}.box-rounded--xl{border-radius:var(--radius-xl)}.box-rounded--full{border-radius:var(--radius-full)}.box-shadow--none{box-shadow:none}.box-shadow--sm{box-shadow:var(--shadow-sm)}.box-shadow--md{box-shadow:var(--shadow-md)}.box-shadow--lg{box-shadow:var(--shadow-lg)}.grid{display:grid}.grid-cols--1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols--2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols--3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols--4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols--5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols--6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols--7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols--8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-cols--9{grid-template-columns:repeat(9,minmax(0,1fr))}.grid-cols--10{grid-template-columns:repeat(10,minmax(0,1fr))}.grid-cols--11{grid-template-columns:repeat(11,minmax(0,1fr))}.grid-cols--12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-gap--0{gap:0}.grid-gap--1{gap:var(--space-1)}.grid-gap--2{gap:var(--space-2)}.grid-gap--3{gap:var(--space-3)}.grid-gap--4,.grid-gap--5{gap:var(--space-4)}.grid-gap--6{gap:var(--space-6)}.grid-gap--8{gap:var(--space-8)}.grid-gap--10{gap:var(--space-10)}.grid-gap--12{gap:var(--space-12)}.grid-gap--16{gap:var(--space-16)}.grid--auto-fit{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.container{background-color:var(--container);width:100%;height:100%;padding:32px;margin:0 auto;box-sizing:border-box;overflow-y:auto;overflow-x:hidden}.container--small{max-width:640px}.container--medium{max-width:768px}.container--large{max-width:1024px}.container--extraLarge{max-width:1280px}.container--full{max-width:100%}.divider{border:0}.divider--horizontal{width:100%;height:1px;background:var(--border-main);position:relative}.divider--vertical{width:1px;align-self:stretch;background:var(--border-main)}.divider--labeled{display:flex;align-items:center;justify-content:center;background:transparent}.divider--labeled:before,.divider--labeled:after{content:"";flex:1;height:1px;background:var(--border-main)}.divider__label{padding:0 var(--space-3);color:var(--text-muted);font-size:var(--font-size-sm)}.list{display:flex;flex-direction:column;width:100%}.list--bordered{border:1px solid var(--border-main);border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-surface)}.list--divided .list-item:not(:last-child),.list--checklist .list-item:not(:last-child){border-bottom:1px solid var(--border-subtle)}.list-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);background-color:transparent;transition:background-color var(--transition-fast),color var(--transition-fast);outline:none}.list-item--clickable{cursor:pointer}.list-item--clickable:hover,.list-item:focus-visible{background-color:var(--bg-surface-2)}.list-item--active{background-color:var(--color-primary-soft)}.list-item--disabled{opacity:.5;pointer-events:none}.list-item__start{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-muted)}.list-item__content{display:flex;flex-direction:column;flex-grow:1;overflow:hidden}.list-item__title{color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-item__description{margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-item__end{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.accordion{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-surface)}.accordion-item+.accordion-item{border-top:1px solid var(--border-subtle)}.accordion-item__trigger{width:100%;border:0;background:transparent;color:var(--text-main);display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);cursor:pointer;font:inherit}.accordion-item__icon{color:var(--text-muted);transition:transform var(--transition-fast)}.accordion-item--open .accordion-item__icon{transform:rotate(180deg)}.accordion-item__content-inner{padding:0 var(--space-5) var(--space-5);color:var(--text-subtle);line-height:var(--line-height-relaxed);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);text-wrap:balance}.code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background-color:var(--bg-surface-2);padding:.2em .4em;border-radius:var(--radius-sm);color:var(--color-primary);font-size:.85em}.code--block{display:block;padding:var(--space-4);overflow-x:auto;line-height:var(--line-height-normal);border:1px solid var(--border-subtle);white-space:pre}.code--extraSmall{font-size:var(--font-size-xs)}.code--small{font-size:var(--font-size-sm)}.code--medium{font-size:var(--font-size-md)}.code--large{font-size:var(--font-size-lg)}.code--extraLarge{font-size:var(--font-size-xl)}.code--bold{font-weight:var(--font-weight-bold)}.code--medium{font-weight:var(--font-weight-medium)}.code--normal{font-weight:var(--font-weight-normal)}.code--semibold{font-weight:var(--font-weight-semibold)}.link{--link-color: var(--color-primary);color:var(--link-color);text-decoration:none;cursor:pointer;transition:color var(--transition-fast);display:inline-flex;align-items:center;gap:var(--space-1)}.link:hover{opacity:.85}.link--underline{border-bottom:1px solid transparent}.link--underline:hover{border-bottom-color:currentColor}.link--active{font-weight:var(--font-weight-bold)}.badge{display:inline-flex;align-items:center;justify-content:center;padding:0 var(--space-2);height:20px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);white-space:nowrap;line-height:1}.badge--solid{color:var(--text-inverse);border:1px solid transparent}.badge--outline{background-color:transparent;border:1px solid var(--badge-color);color:var(--badge-color)}.badge--soft{background-color:color-mix(in srgb,var(--badge-color),transparent 86%);border:1px solid transparent;color:var(--badge-color)}.badge--primary{--badge-color: var(--color-primary)}.badge--neutral{--badge-color: var(--text-subtle)}.badge--success{--badge-color: var(--color-success)}.badge--error{--badge-color: var(--color-danger)}.badge--warning{--badge-color: var(--color-warning)}.badge--solid:not(.badge--neutral){background-color:var(--badge-color)}.badge--solid.badge--neutral{background-color:var(--bg-surface-2);border-color:var(--border-main);color:var(--text-main)}.badge--small{height:16px;padding:0 var(--space-1-5);font-size:10px}.badge--large{height:24px;padding:0 var(--space-3);font-size:var(--font-size-sm)}.alert{--alert-accent: var(--color-primary);--alert-surface: color-mix(in srgb, var(--alert-accent), transparent 90%);--alert-border: color-mix(in srgb, var(--alert-accent), transparent 72%);display:flex;align-items:flex-start;gap:var(--space-3);width:100%;padding:var(--space-4);border:1px solid var(--alert-border);border-radius:var(--radius-lg);background:var(--alert-surface);color:var(--text-main)}.alert--primary{--alert-accent: var(--color-primary)}.alert--neutral{--alert-accent: var(--text-subtle)}.alert--success{--alert-accent: var(--color-success)}.alert--warning{--alert-accent: var(--color-warning)}.alert--error{--alert-accent: var(--color-danger)}.alert__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--alert-accent)}.alert__content{display:flex;flex:1;flex-direction:column;gap:var(--space-1);min-width:0}.alert__title{margin:0;color:var(--alert-accent)}.alert__description{color:var(--text-main)}.alert__action{display:inline-flex;align-items:center;flex-shrink:0}@media(max-width:640px){.alert{flex-direction:column}.alert__action{width:100%}}.tag{display:inline-flex;align-items:center;gap:var(--space-1);border-radius:var(--radius-full);font-weight:var(--font-weight-medium)}.tag--variant-soft{background:color-mix(in srgb,var(--tag-color, var(--color-primary)),transparent 86%);color:var(--tag-color, var(--color-primary))}.tag--variant-outline{border:1px solid var(--tag-color, var(--color-primary));color:var(--tag-color, var(--color-primary));background:transparent}.tag--size-extraSmall{padding:0 var(--space-2);min-height:18px;font-size:10px}.tag--size-small{padding:0 var(--space-2);min-height:22px;font-size:var(--font-size-xs)}.tag--size-medium{padding:0 var(--space-3);min-height:26px;font-size:var(--font-size-sm)}.tag--size-large{padding:0 var(--space-3);min-height:30px;font-size:var(--font-size-md)}.tag--size-extraLarge{padding:0 var(--space-4);min-height:34px;font-size:var(--font-size-lg)}.tag__remove{border:0;background:transparent;color:currentColor;cursor:pointer;padding:0}.avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;background-color:var(--bg-surface-2);border-radius:var(--radius-full);flex-shrink:0;-webkit-user-select:none;user-select:none;color:var(--color-primary)}.avatar-image{width:100%;height:100%;object-fit:cover}.avatar-initials{font-weight:var(--font-weight-semibold);text-transform:uppercase}.avatar--extraSmall{width:24px;height:24px}.avatar--extraSmall .avatar-initials{font-size:10px}.avatar--small{width:32px;height:32px}.avatar--small .avatar-initials{font-size:12px}.avatar--medium{width:40px;height:40px}.avatar--medium .avatar-initials{font-size:14px}.avatar--large{width:56px;height:56px}.avatar--large .avatar-initials{font-size:20px}.avatar--extraLarge{width:80px;height:80px}.avatar--extraLarge .avatar-initials{font-size:28px}.avatar-status{position:absolute;bottom:0;right:0;width:25%;height:25%;border-radius:var(--radius-full);border:2px solid var(--bg-surface)}.avatar-status--online{background-color:var(--color-success)}.avatar-status--offline,.avatar-status--busy{background-color:var(--color-danger)}.avatar-status--away{background-color:var(--color-warning)}.image-wrapper{position:relative;overflow:hidden}.image{width:100%;height:100%;display:block;opacity:0;transition:opacity var(--transition-fast)}.image--loaded{opacity:1}.image-fit--cover{object-fit:cover}.image-fit--contain{object-fit:contain}.image-fit--fill{object-fit:fill}.image-fit--none{object-fit:none}.image-fit--scaleDown{object-fit:scale-down}.image-radius--small{border-radius:var(--radius-sm)}.image-radius--medium{border-radius:var(--radius-md)}.image-radius--large{border-radius:var(--radius-lg)}.image-radius--full{border-radius:9999px}.image-skeleton{position:absolute;inset:0;overflow:hidden}.image-skeleton .skeleton{border-radius:inherit}.skeleton{position:relative;overflow:hidden;background-color:var(--bg-skeleton);border-radius:var(--radius-md)}.skeleton--rounded{border-radius:9999px}.skeleton--animated:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--bg-skeleton),white 10%),transparent);animation:skeleton-shimmer 1.5s infinite}[data-theme=light] .skeleton--animated:after{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--bg-skeleton),rgb(179,178,187) 10%),transparent)}@keyframes skeleton-shimmer{to{transform:translate(100%)}}.switch-wrapper{display:inline-flex;align-items:center;gap:var(--space-3);cursor:pointer;-webkit-user-select:none;user-select:none}.switch-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.switch-track{position:relative;display:inline-block;width:44px;height:24px;background-color:var(--border-main);border:1px solid transparent;border-radius:var(--radius-full);transition:all var(--transition-slow) ease;cursor:pointer}.switch-thumb{position:absolute;top:2px;left:2px;display:block;width:18px;height:18px;background-color:var(--bg-surface);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);transition:transform var(--transition-slow) cubic-bezier(.4,0,.2,1)}.switch-input:checked+.switch-track{background-color:var(--color-primary)}.switch-input:checked+.switch-track .switch-thumb{transform:translate(20px)}.switch-input:focus-visible+.switch-track{outline:2px solid var(--color-primary);outline-offset:2px}.switch-input:disabled+.switch-track{cursor:not-allowed;opacity:.5}.switch-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-main)}.switch-wrapper--disabled{cursor:not-allowed;opacity:.6}.switch--small .switch-track{width:32px;height:18px}.switch--small .switch-thumb{width:10px;height:10px}.switch--small .switch-input:checked+.switch-track .switch-thumb{transform:translate(14px)}.pagination{display:inline-flex;align-items:center;gap:var(--space-1);-webkit-user-select:none;user-select:none}.pagination__item{min-width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;padding:0 var(--space-2);border-radius:var(--radius-md);border:1px solid var(--border-main);background:var(--bg-surface);color:var(--text-main);cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.pagination__item:hover:not(:disabled):not(.pagination__item--active){background:var(--bg-surface-2)}.pagination__item--active{background:var(--color-primary);color:var(--text-inverse);border-color:var(--color-primary);cursor:default}.pagination__item--disabled,.pagination__item:disabled{opacity:.45;cursor:not-allowed}.pagination__dots{color:var(--text-muted);padding:0 var(--space-1);font-size:var(--font-size-sm)}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-2);padding:var(--space-8)}.empty-state__icon{width:56px;height:56px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--bg-surface-2);color:var(--text-muted)}.empty-state__action{margin-top:var(--space-2)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:var(--space-4);z-index:1000;animation:fade-in .15s ease}.modal{background:var(--bg-surface);border:1px solid var(--border-main);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-height:90vh;display:flex;flex-direction:column;outline:none;animation:slide-up .2s cubic-bezier(.16,1,.3,1)}.modal--small{max-width:400px}.modal--medium{max-width:500px}.modal--large{max-width:700px}.modal--extraLarge{max-width:900px}.modal--full{max-width:calc(100vw - var(--space-8));height:calc(100vh - var(--space-8))}.modal-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-main);display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.modal-title-wrapper{display:flex;flex-direction:column;gap:var(--space-1)}.modal-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-main);margin:0;line-height:var(--line-height-tight)}.modal-description{font-size:var(--font-size-sm);color:var(--text-subtle);margin:0}.modal-body{padding:var(--space-5);overflow-y:auto;flex:1;color:var(--text-main);line-height:var(--line-height-relaxed)}.modal-footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--border-main);display:flex;gap:var(--space-3);justify-content:flex-end}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.drawer-overlay{position:fixed;inset:0;background-color:#0f172a66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;animation:drawer-fade-in .2s ease-out}.drawer{position:fixed;top:0;bottom:0;background-color:var(--bg-surface);box-shadow:var(--shadow-xl);z-index:1001;display:flex;flex-direction:column;width:100%;transition:transform .3s cubic-bezier(.16,1,.3,1)}.drawer--size-small{max-width:320px}.drawer--size-medium{max-width:400px}.drawer--size-large{max-width:560px}.drawer--size-full{max-width:100vw}.drawer--right{right:0;transform:translate(100%)}.drawer--left{left:0;transform:translate(-100%)}.drawer--open{transform:translate(0)}.drawer-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-main);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.drawer-title{margin:0}.drawer-body{flex:1;padding:var(--space-5);overflow-y:auto}.drawer-footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--border-main);display:flex;justify-content:flex-end;gap:var(--space-3)}@keyframes drawer-fade-in{0%{opacity:0}to{opacity:1}}.tooltip{position:absolute;z-index:1100;background:color-mix(in srgb,var(--bg-inverse),black 8%);color:var(--text-inverse);font-size:var(--font-size-xs);font-family:var(--font-family);padding:var(--space-1) var(--space-2);border:1px solid color-mix(in srgb,var(--text-inverse),transparent 88%);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);pointer-events:none;white-space:nowrap;max-width:16rem;animation:tooltip-in .12s ease}.tooltip--top{transform:translate(-50%,-100%)}.tooltip--bottom{transform:translate(-50%)}.tooltip--left{transform:translate(-100%,-50%)}.tooltip--right{transform:translateY(-50%)}@keyframes tooltip-in{0%{opacity:0;scale:.96}to{opacity:1;scale:1}}.toast-container{position:fixed;z-index:9999;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);pointer-events:none}.toast-container--top-right{top:0;right:0}.toast-container--top-left{top:0;left:0}.toast-container--top-center{top:0;left:50%;transform:translate(-50%)}.toast-container--bottom-right{bottom:0;right:0}.toast-container--bottom-left{bottom:0;left:0}.toast-container--bottom-center{bottom:0;left:50%;transform:translate(-50%)}.toast{pointer-events:auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);width:320px;padding:var(--space-2);background-color:var(--bg-surface);border-left:4px solid var(--color-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);animation:toast-enter .3s cubic-bezier(.18,.89,.32,1.28)}.toast--exiting{animation:toast-exit .2s cubic-bezier(.4,0,1,1) forwards}.toast--success{border-left-color:var(--color-success)}.toast--warning{border-left-color:var(--color-warning)}.toast--error{border-left-color:var(--color-danger)}.toast--neutral{border-left-color:var(--border-strong)}.toast-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:16px;height:16px;margin-top:2px;color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.toast--success .toast-icon{color:var(--color-success)}.toast--warning .toast-icon{color:var(--color-warning)}.toast--error .toast-icon{color:var(--color-danger)}.toast--neutral .toast-icon{color:var(--text-subtle)}.toast-content{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.toast-title{margin:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-main);line-height:1.4}.toast-description{margin:0;font-size:var(--font-size-xs);color:var(--text-muted);line-height:1.4}.toast-close{flex-shrink:0;margin-top:-2px;margin-right:-4px}.toast--snackbar{--toast-accent: var(--color-primary);border-left:none;border:1px solid color-mix(in srgb,var(--toast-accent),transparent 68%);background-color:color-mix(in srgb,var(--toast-accent),transparent 88%);box-shadow:none}.toast--snackbar.toast--success{--toast-accent: var(--color-success)}.toast--snackbar.toast--warning{--toast-accent: var(--color-warning)}.toast--snackbar.toast--error{--toast-accent: var(--color-danger)}.toast--snackbar.toast--neutral{--toast-accent: var(--text-subtle)}.toast--snackbar .toast-icon,.toast--snackbar .toast-title,.toast--snackbar .toast-close{color:var(--toast-accent)}@keyframes toast-enter{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toast-exit{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}.table-container{width:100%;overflow-x:auto;border:1px solid var(--border-main);border-radius:var(--radius-lg);background-color:var(--bg-surface)}.table{width:100%;border-collapse:collapse;text-align:left;font-size:var(--font-size-sm)}.table th{padding:var(--space-3) var(--space-4);background-color:var(--bg-surface-2);color:var(--text-subtle);font-weight:var(--font-weight-semibold);border-bottom:1px solid var(--border-main);white-space:nowrap}.table td{padding:var(--space-3) var(--space-4);color:var(--text-main);border-bottom:1px solid var(--border-main);transition:background-color .2s ease}.table tr:last-child td{border-bottom:none}.table--striped tr:nth-child(2n) td{background-color:var(--bg-surface-2)}.table--hover tr:hover td{background-color:var(--bg-surface-2)}.table--compact th,.table--compact td{padding:var(--space-2) var(--space-3)}.table-container--sticky-header{max-height:500px}.table-container--sticky-header th{position:sticky;top:0;z-index:10}.sidebar{--sidebar-width: 300px;--sidebar-collapsed-width: 76px;--sidebar-bg: var(--bg-surface);--sidebar-border: var(--border-subtle);--sidebar-shadow: var(--shadow-sm);--sidebar-text: var(--text-subtle);--sidebar-hover: var(--bg-surface-2);--sidebar-active-bg: var(--color-primary-soft);--sidebar-active-text: var(--color-primary);--sidebar-item-radius: var(--radius-lg);width:var(--sidebar-width);min-width:var(--sidebar-width);height:100%;display:flex;flex-direction:column;background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);box-shadow:var(--sidebar-shadow);overflow:hidden;transition:width var(--transition-normal),min-width var(--transition-normal)}.sidebar--collapsed{width:var(--sidebar-collapsed-width);min-width:var(--sidebar-collapsed-width)}.sidebar__search{padding:var(--space-3) var(--space-3) 0}.sidebar__search .form-field{width:100%}.sidebar__header{min-height:72px;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);cursor:pointer;-webkit-user-select:none;user-select:none}.sidebar__header-icon{width:42px;height:42px;min-width:42px;display:inline-flex;align-items:center;justify-content:center;color:var(--sidebar-text)}.sidebar__header-content{min-width:0;display:flex;align-items:center;overflow:hidden}.sidebar__item{width:calc(100% - var(--space-6));min-height:48px;margin:var(--space-1-5) var(--space-3) 0;padding:0 var(--space-3-5, 14px);border:0;background:transparent;color:var(--sidebar-text);text-decoration:none;border-radius:var(--sidebar-item-radius);display:flex;align-items:center;justify-content:flex-start;gap:var(--space-3);cursor:pointer;opacity:.8;transition:background-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.sidebar__item:hover{background:var(--sidebar-hover);color:var(--text-main)}.sidebar__item:active{transform:scale(.98)}.sidebar__item--active{background:var(--sidebar-active-bg);color:var(--sidebar-active-text)}.sidebar__item-icon{width:20px;min-width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center}.sidebar--collapsed .sidebar__item-label,.sidebar--collapsed .sidebar__header-content{display:none}.sidebar__item-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);white-space:nowrap;letter-spacing:0;overflow:hidden;text-overflow:ellipsis}.sidebar__group{padding-top:var(--space-2)}.sidebar__group-trigger{width:calc(100% - var(--space-6));min-height:42px;margin:0 var(--space-3);padding:0 var(--space-3-5, 14px);border:0;background:transparent;color:var(--sidebar-text);display:flex;align-items:center;justify-content:flex-start;gap:var(--space-2);border-radius:var(--radius-md);cursor:pointer;text-align:left}.sidebar__group-left-icon{width:20px;min-width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center}.sidebar__group-trigger:hover{background:var(--sidebar-hover);color:var(--text-main)}.sidebar__group-trigger:disabled{cursor:default;opacity:1}.sidebar__group-title{flex:1;font-size:.96rem;letter-spacing:0;text-transform:none;font-weight:var(--font-weight-semibold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__group-icon{display:inline-flex;align-items:center;justify-content:center;transition:transform var(--transition-fast)}.sidebar__group--open .sidebar__group-icon{transform:rotate(0)}.sidebar__group:not(.sidebar__group--open) .sidebar__group-icon{transform:rotate(-90deg)}.sidebar__group-content{padding-bottom:var(--space-1)}.sidebar__group-content .sidebar__item{padding-left:calc(var(--space-3-5, 14px) + 20px + var(--space-2))}.sidebar__footer{margin-top:auto;padding:var(--space-3) 0;border-top:1px solid var(--sidebar-border)}.sidebar--collapsed .sidebar__header{justify-content:center;padding:var(--space-4) var(--space-3)}.sidebar--collapsed .sidebar__search{display:none}.sidebar--collapsed .sidebar__item{width:48px;min-width:48px;height:48px;min-height:48px;margin-left:auto;margin-right:auto;padding:0;justify-content:center}.sidebar--collapsed .sidebar__group{display:block;padding-top:var(--space-1)}.sidebar--collapsed .sidebar__group-trigger{width:48px;min-width:48px;min-height:48px;margin-left:auto;margin-right:auto;padding:0;justify-content:center}.sidebar--collapsed .sidebar__group-content .sidebar__item{padding-left:0}.sidebar--collapsed .sidebar__group-icon{display:none}.topbar{width:100%;min-height:75px;padding:0 var(--space-6);background-color:var(--bg-surface);border-bottom:1px solid var(--border-subtle);position:relative}.topbar--sticky{position:sticky;top:0;z-index:30}.topbar__left,.topbar__right{min-width:0}.topbar__logo{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--text-main);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.topbar__center{flex:1}.topbar__nav-item{display:inline-flex;align-items:center;height:64px;border:0;background:transparent;color:var(--text-subtle);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;position:relative;text-decoration:none}.topbar__nav-item:hover,.topbar__nav-item--active{color:var(--text-main)}.topbar__nav-item--active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--color-primary);border-radius:999px 999px 0 0}.topbar--nav-right .topbar__center{display:none}.topbar__content,.topbar__children{display:flex;align-items:center;gap:var(--space-3)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.page-header__left{display:flex;align-items:flex-start;gap:var(--space-3)}.page-header__content{display:flex;flex-direction:column;gap:var(--space-1)}.page-header__right{flex-shrink:0}.breadcrumb{display:flex;align-items:center}.breadcrumb-list{display:flex;flex-wrap:wrap;align-items:center;list-style:none;padding:0;margin:0}.breadcrumb-item{display:flex;align-items:center;font-size:var(--font-size-sm);color:var(--text-muted)}.breadcrumb-link{color:var(--text-muted);display:flex;align-items:center;gap:var(--space-1)}.breadcrumb-link:hover{color:var(--color-primary)}.breadcrumb-current{color:var(--text-main);font-weight:var(--font-weight-medium)}.breadcrumb-separator{margin:0 var(--space-2);display:flex;align-items:center;color:var(--border-main);-webkit-user-select:none;user-select:none}.breadcrumb-icon{display:flex;align-items:center;justify-content:center}.progress-wrapper{width:100%;display:flex;flex-direction:column;gap:var(--space-2)}.progress{width:100%;background-color:var(--bg-surface-2);border-radius:var(--radius-full);overflow:hidden;height:var(--progress-height, 8px)}.progress--small{height:4px}.progress--medium{height:8px}.progress--large{height:12px}.progress-bar{height:100%;background-color:var(--progress-color, var(--color-primary));border-radius:var(--radius-full);transition:width .3s cubic-bezier(.4,0,.2,1)}.progress--animated .progress-bar{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem;animation:progress-bar-stripes 1s linear infinite}@keyframes progress-bar-stripes{0%{background-position:1rem 0}to{background-position:0 0}}.progress-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-main);display:flex;justify-content:space-between}.progress-value{font-size:var(--font-size-xs);color:var(--text-muted)}.tabs{width:100%}.tabs-list{display:inline-flex;align-items:center;gap:var(--space-1);border-bottom:2px solid transparent;margin-bottom:var(--space-4);padding:0 var(--space-1)}.tabs--pills .tabs-list{border-bottom:0;background-color:var(--bg-surface);padding:var(--space-1);border-radius:var(--radius-lg)}.tabs-trigger{border:0;background:transparent;padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-subtle);cursor:pointer;transition:color var(--transition-fast),background-color var(--transition-fast),box-shadow var(--transition-fast);text-decoration:none}.tabs-trigger:hover{color:var(--text-main);background-color:transparent}.tabs-trigger--active{color:var(--color-primary)}.tabs--default .tabs-trigger--active{box-shadow:inset 0 -2px 0 var(--color-primary)}.tabs--pills .tabs-trigger--active{background-color:var(--color-primary-soft);color:var(--color-primary);box-shadow:var(--shadow-sm);border-radius:var(--radius-lg)}.tabs-trigger:disabled,.tabs-trigger[aria-disabled=true]{opacity:.5;pointer-events:none}.tabs-panel{color:var(--text-main)}.tabs--small .tabs-trigger{padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs)}.tabs--large .tabs-trigger{padding:var(--space-3) var(--space-6);font-size:var(--font-size-md)}.timeline{display:flex;flex-direction:column}.timeline-item{display:flex;gap:var(--space-4)}.timeline-item__aside{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.timeline-item__marker{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center}.timeline-item__icon,.timeline-item__dot{width:12px;height:12px;border-radius:var(--radius-full);background:var(--color-primary)}.timeline-item__line{width:1.5px;flex:1;background:var(--border-main);min-height:32px;border-radius:var(--radius-full)}.timeline-item:last-child .timeline-item__line{display:none}.timeline-item__content{flex:1;padding-bottom:var(--space-5)}.timeline-item__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.timeline-item__description{margin-top:var(--space-1)}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@aciole/acyon",
3
- "version": "0.0.4",
3
+ "version": "0.0.6",
4
4
  "description": "Acyon React component library",
5
5
  "keywords": [
6
6
  "react",