minora 0.1.0

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 (26) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +292 -0
  3. package/dist/minora.css +7499 -0
  4. package/dist/minora.js +779 -0
  5. package/dist/minora.min.css +7 -0
  6. package/dist/minora.min.js +2 -0
  7. package/dist/tokens.css +542 -0
  8. package/package.json +45 -0
  9. package/src/components/alert.css +659 -0
  10. package/src/components/avatar.css +463 -0
  11. package/src/components/badge.css +577 -0
  12. package/src/components/button.css +493 -0
  13. package/src/components/checkbox.css +605 -0
  14. package/src/components/divider.css +295 -0
  15. package/src/components/form-validation.css +700 -0
  16. package/src/components/input.css +625 -0
  17. package/src/components/modal.css +437 -0
  18. package/src/components/select.css +616 -0
  19. package/src/components/toast.css +586 -0
  20. package/src/components/toggle.css +457 -0
  21. package/src/components/tooltip.css +401 -0
  22. package/src/js/modal.js +127 -0
  23. package/src/js/select.js +272 -0
  24. package/src/js/toast.js +140 -0
  25. package/src/js/tooltip.js +224 -0
  26. package/src/tokens.css +542 -0
package/dist/minora.min.css ADDED
@@ -0,0 +1,7 @@
1
+ @import url(https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Inter:wght@300;400;500;600&display=swap);@keyframes alert-slide-in{0%{max-height:0;opacity:0;margin-bottom:0;padding-top:0;padding-bottom:0}to{max-height:var(--alert-max-h);opacity:1}}@keyframes field-msg-in{to{opacity:1;transform:translateY(0)}}@keyframes field-msg-out{to{opacity:0;transform:translateY(-4px)}}@keyframes form-alert-in{to{opacity:1;transform:translateY(0)}}@keyframes form-alert-out{to{opacity:0;transform:translateY(-8px)}}@keyframes form-success-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes success-check-draw{to{stroke-dashoffset:0}}@keyframes btn-spin{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes tag-fade-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes toast-slide-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-slide-out{to{opacity:0;transform:translateY(8px) scale(.96);max-height:0;margin-bottom:0;padding-top:0;padding-bottom:0}}@keyframes toast-progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes toast-spinner-spin{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes switch-spin{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes switch-spinner-ring{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}:root{--color-neutral-50:#fafaf9;--color-neutral-100:#f5f5f4;--color-neutral-200:#e7e5e4;--color-neutral-300:#d6d3d1;--color-neutral-400:#a8a29e;--color-neutral-500:#78716c;--color-neutral-600:#57534e;--color-neutral-700:#44403c;--color-neutral-800:#292524;--color-neutral-900:#1c1917;--color-neutral-950:#0c0a09;--color-accent-50:#fdf8ef;--color-accent-100:#faefd9;--color-accent-200:#f4dbb0;--color-accent-300:#eac07c;--color-accent-400:#dfa04a;--color-accent-500:#d4872e;--color-accent-600:#bb6b21;--color-accent-700:#9a531e;--color-accent-800:#7c421f;--color-accent-900:#65371c;--color-accent-950:#381b0c;--color-success-light:#f0fdf4;--color-success:#16a34a;--color-success-dark:#14532d;--color-success-border:#bbf7d0;--color-warning-light:#fffbeb;--color-warning:#b45309;--color-warning-dark:#78350f;--color-warning-border:#fde68a;--color-error-light:#fef2f2;--color-error:#dc2626;--color-error-dark:#7f1d1d;--color-error-border:#fecaca;--color-info-light:#f0f9ff;--color-info:#0284c7;--color-info-dark:#0c4a6e;--color-info-border:#bae6fd;--font-serif:'Playfair Display', Georgia, 'Times New Roman', serif;--font-sans:'Inter', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:'JetBrains Mono', 'Fira Code', 'Courier New', monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--tracking-tighter:-0.05em;--tracking-tight:-0.025em;--tracking-normal:0em;--tracking-wide:0.025em;--tracking-wider:0.05em;--tracking-widest:0.1em;--font-light:300;--font-regular:400;--font-medium:500;--font-semibold:600;--font-bold:700;--space-px:1px;--space-0:0px;--space-0-5:2px;--space-0-25:1px;--space-0-75:3px;--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-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-9:36px;--space-10:40px;--space-11:44px;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--space-24:96px;--space-28:112px;--space-32:128px;--radius-none:0px;--radius-sm:4px;--radius-md:8px;--shadow-sm:0 1px 2px 0 rgb(0 0 0 / 0.04),
2
+ 0 1px 3px 0 rgb(0 0 0 / 0.03);--shadow-md:0 2px 8px -1px rgb(0 0 0 / 0.07),
3
+ 0 4px 6px -2px rgb(0 0 0 / 0.04);--duration-fast:150ms;--duration-normal:200ms;--duration-slow:300ms;--ease-out:cubic-bezier(0.16, 1, 0.3, 1);--ease-in-out:cubic-bezier(0.4, 0, 0.2, 1);--transition-colors:color var(--duration-fast) var(--ease-in-out),
4
+ background-color var(--duration-fast) var(--ease-in-out),
5
+ border-color var(--duration-fast) var(--ease-in-out);--transition-shadow:box-shadow var(--duration-normal) var(--ease-out);--transition-all:all var(--duration-normal) var(--ease-in-out);--border-width:1px;--border-width-2:2px;--border-color:var(--color-neutral-200);--border-color-strong:var(--color-neutral-300);--focus-ring-width:2px;--focus-ring-offset:2px;--focus-ring-color:var(--color-accent-500);--radius-pill:9999px;--scale-active:0.97;--avatar-status-xs-size:8px;--avatar-status-xs-dot:4px;--avatar-status-xs-border:var(--border-width);--avatar-status-sm-size:10px;--avatar-status-sm-dot:5px;--avatar-status-sm-border:1.5px;--avatar-status-md-size:12px;--avatar-status-md-dot:6px;--avatar-status-md-border:var(--border-width-2);--avatar-status-lg-size:16px;--avatar-status-lg-dot:8px;--avatar-status-lg-border:var(--border-width-2);--avatar-status-xl-size:20px;--avatar-status-xl-dot:10px;--avatar-status-xl-border:2.5px;--avatar-group-sm-overlap:-6px;--avatar-group-md-overlap:-8px;--avatar-group-lg-overlap:-12px;--avatar-group-border:var(--color-neutral-50);--avatar-group-hover-lift:-2px;--avatar-tooltip-offset-y:4px;--btn-sm-height:var(--space-8);--btn-md-height:var(--space-10);--btn-lg-height:var(--space-12);--badge-sm-height:20px;--badge-md-height:24px;--tag-sm-height:24px;--tag-md-height:28px;--input-sm-height:var(--space-8);--input-md-height:var(--space-10);--input-lg-height:var(--space-12);--textarea-min-rows:3;--textarea-max-rows:10;--input-focus-color:var(--color-accent-500);--input-focus-error:var(--color-error);--input-focus-success:var(--color-success);--input-focus-warning:var(--color-warning);--input-placeholder-color:var(--color-neutral-400);--input-icon-color:var(--color-neutral-400);--input-addon-text-color:var(--color-neutral-500);--input-addon-bg:var(--color-neutral-100);--input-helper-color:var(--color-neutral-500);--input-label-color:var(--color-neutral-700);--input-text-color:var(--color-neutral-800);--input-bg:#ffffff;--input-filled-bg:var(--color-neutral-50);--input-disabled-opacity:0.5;--input-disabled-cursor:not-allowed;--input-clear-size:var(--space-4);--select-sm-height:var(--space-8);--select-md-height:var(--space-10);--select-lg-height:var(--space-12);--select-dropdown-max-height:240px;--select-option-height:36px;--select-bg:#ffffff;--select-dropdown-shadow:var(--shadow-md);--select-option-hover-bg:var(--color-neutral-50);--select-option-active-bg:var(--color-neutral-100);--select-group-label-color:var(--color-neutral-500);--select-search-border:var(--color-neutral-200);--select-counter-bg:var(--color-neutral-200);--select-counter-min-width:var(--space-6);--select-counter-height:var(--badge-sm-height);--select-search-min-width:var(--space-20);--checkbox-sm:var(--space-3);--checkbox-md:var(--space-4);--checkbox-lg:var(--space-5);--control-bg:var(--color-neutral-100);--control-border:var(--color-neutral-300);--control-checked-bg:var(--color-accent-500);--control-checked-border:var(--color-accent-500);--control-disabled-opacity:0.4;--control-gap:var(--space-2);--switch-sm-track-w:32px;--switch-sm-track-h:18px;--switch-sm-thumb:14px;--switch-sm-translate:14px;--switch-md-track-w:40px;--switch-md-track-h:22px;--switch-md-thumb:18px;--switch-md-translate:18px;--switch-lg-track-w:48px;--switch-lg-track-h:26px;--switch-lg-thumb:22px;--switch-lg-translate:22px;--switch-track-off:var(--color-neutral-300);--switch-track-on:var(--color-accent-500);--switch-thumb:#ffffff;--switch-disabled-opacity:0.5;--switch-thumb-shadow:0 1px 2px 0 rgb(0 0 0 / 0.15);--switch-label-font-size:9px;--switch-spinner-inset:2px;--toast-max-width:384px;--toast-min-width:280px;--toast-font-size:var(--text-sm);--toast-icon-size:var(--space-5);--toast-shadow:0 4px 12px -2px rgb(0 0 0 / 0.08),
6
+ 0 2px 6px -1px rgb(0 0 0 / 0.06);--toast-border-radius:var(--radius-md);--toast-bg:#ffffff;--toast-progress-height:3px;--toast-default-duration:4000ms;--toast-slide-duration:300ms;--toast-stack-gap:var(--space-3);--toast-icon-margin:var(--space-0-25);--toast-close-margin:-2px;--toast-action-underline-offset:2px;--notif-panel-width:384px;--notif-panel-max-height:480px;--notif-avatar-size:var(--space-10);--modal-overlay-bg:rgb(0 0 0 / 0.3);--modal-overlay-blur:4px;--modal-bg:#ffffff;--modal-shadow:0 8px 24px -4px rgb(0 0 0 / 0.08),
7
+ 0 20px 48px -8px rgb(0 0 0 / 0.06);--modal-radius:var(--radius-md);--modal-sm:400px;--modal-md:560px;--modal-lg:720px;--modal-xl:900px;--modal-max-w:calc(100vw - var(--space-8));--modal-max-h:calc(100vh - var(--space-12));--modal-padding:var(--space-6);--modal-header-padding:var(--space-4) var(--space-6);--modal-footer-padding:var(--space-4) var(--space-6);--modal-body-padding:var(--space-6);--modal-open-duration:250ms;--modal-open-ease:cubic-bezier(0.16, 1, 0.3, 1);--tooltip-bg:var(--color-neutral-900);--tooltip-color:var(--color-neutral-50);--tooltip-font-size:var(--text-xs);--tooltip-padding:var(--space-1-5) var(--space-2-5);--tooltip-border-radius:var(--radius-sm);--tooltip-arrow-size:6px;--tooltip-shadow:0 2px 4px 0 rgb(0 0 0 / 0.1);--tooltip-light-bg:var(--color-neutral-50);--tooltip-light-color:var(--color-neutral-800);--tooltip-light-border:var(--color-neutral-200);--tooltip-in-duration:150ms;--tooltip-out-duration:80ms;--tooltip-show-delay:300ms;--tooltip-hide-delay:100ms;--tooltip-max-width:240px;--tooltip-rich-max-width:280px;--popover-bg:#ffffff;--popover-color:var(--color-neutral-800);--popover-min-width:280px;--popover-max-width:384px;--popover-border-radius:var(--radius-md);--popover-shadow:var(--shadow-md);--popover-border:var(--color-neutral-200);--alert-padding:var(--space-4);--alert-padding-compact:var(--space-2-5) var(--space-3);--alert-radius:var(--radius-sm);--alert-border-accent:3px;--alert-icon-size:var(--space-5);--alert-font-size:var(--text-sm);--alert-max-width:720px;--alert-slide-duration:var(--duration-normal);--alert-subtle-success-bg:var(--color-success-light);--alert-subtle-success-accent:var(--color-success);--alert-subtle-error-bg:var(--color-error-light);--alert-subtle-error-accent:var(--color-error);--alert-subtle-warning-bg:var(--color-warning-light);--alert-subtle-warning-accent:var(--color-warning);--alert-subtle-info-bg:var(--color-info-light);--alert-subtle-info-accent:var(--color-info);--alert-subtle-neutral-bg:var(--color-neutral-100);--alert-subtle-neutral-accent:var(--color-neutral-400);--alert-filled-success-bg:var(--color-success);--alert-filled-error-bg:var(--color-error);--alert-filled-warning-bg:var(--color-warning);--alert-filled-info-bg:var(--color-info);--alert-filled-neutral-bg:var(--color-neutral-700);--inline-msg-font-size:var(--text-xs);--inline-msg-icon-size:var(--space-3-5);--page-banner-padding:var(--space-2-5) var(--space-4);--page-banner-font-size:var(--text-sm);--page-banner-bg:var(--color-accent-500);--page-banner-color:var(--color-neutral-50);--page-banner-text-max:640px;--page-banner-max-h:200px;--alert-max-h:2000px;--alert-hover-underline:2px;--z-base:0;--z-raised:10;--z-dropdown:100;--z-overlay:200;--z-tooltip:250;--z-modal:300;--z-toast:400;--anim-spin-duration:0.8s;--anim-spinner-fast:0.6s;--anim-check-draw-delay:200ms}*,::after,::before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-regular);line-height:var(--leading-normal);color:var(--color-neutral-800);background-color:var(--color-neutral-50)}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);font-weight:var(--font-semibold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--color-neutral-900)}.alert-icon-svg{width:var(--alert-icon-size);height:var(--alert-icon-size);flex-shrink:0;margin-top:var(--space-0-5)}.alert{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--alert-padding);border-radius:var(--alert-radius);font-size:var(--alert-font-size);line-height:var(--leading-relaxed);position:relative;overflow:hidden;max-height:var(--alert-max-h);opacity:1;transition:max-height var(--alert-slide-duration) var(--ease-out),opacity var(--alert-slide-duration) var(--ease-in-out),margin-bottom var(--alert-slide-duration) var(--ease-out),padding-top var(--alert-slide-duration) var(--ease-out),padding-bottom var(--alert-slide-duration) var(--ease-out)}.alert.is-dismissing{max-height:0;opacity:0;margin-bottom:0;padding-top:0;padding-bottom:0;pointer-events:none}.alert.is-entering{animation:alert-slide-in var(--alert-slide-duration) var(--ease-out) forwards}.alert-body{flex:1;min-width:0}.alert-title{display:block;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-semibold);margin-bottom:var(--space-0-5)}.alert-desc,.alert-list{font-size:var(--text-sm);line-height:var(--leading-relaxed)}.alert-desc{margin:0}.alert-desc+.alert-list{margin-top:var(--space-2)}.alert-list{margin:var(--space-2)0 0 0;padding-left:var(--space-4)}.alert-list li,.form-alert-list li{margin-bottom:var(--space-0-5)}.alert-list li:last-child,.popover-body p:last-child{margin-bottom:0}.alert-action,.alert-close{display:inline-flex;align-items:center;border:0;background:0 0;cursor:pointer;padding:0}.alert-action{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-semibold);text-decoration:underline;text-underline-offset:var(--space-0-5);margin-top:var(--space-2)}.alert-action:hover{text-decoration-thickness:var(--alert-hover-underline)}.alert-desc+.alert-action{margin-top:var(--space-1)}.alert-close{justify-content:center;width:var(--space-6);height:var(--space-6);flex-shrink:0;border-radius:var(--radius-sm);transition:background-color var(--duration-fast) var(--ease-in-out),color var(--duration-fast) var(--ease-in-out)}.alert-close svg,.page-banner-close svg{width:var(--space-3-5);height:var(--space-3-5)}.alert-subtle{border:var(--border-width) solid transparent;border-left:var(--alert-border-accent) solid}.alert-subtle.alert-success{background-color:var(--alert-subtle-success-bg);border-left-color:var(--alert-subtle-success-accent)}.alert-subtle.alert-success .alert-action,.alert-subtle.alert-success .alert-icon-svg{color:var(--alert-subtle-success-accent)}.alert-subtle.alert-error{background-color:var(--alert-subtle-error-bg);border-left-color:var(--alert-subtle-error-accent)}.alert-subtle.alert-error .alert-action,.alert-subtle.alert-error .alert-icon-svg{color:var(--alert-subtle-error-accent)}.alert-subtle.alert-warning{background-color:var(--alert-subtle-warning-bg);border-left-color:var(--alert-subtle-warning-accent)}.alert-subtle.alert-warning .alert-action,.alert-subtle.alert-warning .alert-icon-svg{color:var(--alert-subtle-warning-accent)}.alert-subtle.alert-info{background-color:var(--alert-subtle-info-bg);border-left-color:var(--alert-subtle-info-accent)}.alert-subtle.alert-info .alert-action,.alert-subtle.alert-info .alert-icon-svg{color:var(--alert-subtle-info-accent)}.alert-subtle.alert-neutral{background-color:var(--alert-subtle-neutral-bg);border-left-color:var(--alert-subtle-neutral-accent)}.alert-subtle.alert-neutral .alert-icon-svg{color:var(--alert-subtle-neutral-accent)}.alert-subtle.alert-neutral .alert-action{color:var(--color-neutral-600)}.alert-subtle.alert-success .alert-close{color:var(--color-success-dark)}.alert-subtle.alert-success .alert-close:hover{background-color:var(--color-success-border)}.alert-subtle.alert-error .alert-close{color:var(--color-error-dark)}.alert-subtle.alert-error .alert-close:hover{background-color:var(--color-error-border)}.alert-subtle.alert-warning .alert-close{color:var(--color-warning-dark)}.alert-subtle.alert-warning .alert-close:hover{background-color:var(--color-warning-border)}.alert-subtle.alert-info .alert-close{color:var(--color-info-dark)}.alert-subtle.alert-info .alert-close:hover{background-color:var(--color-info-border)}.alert-subtle.alert-neutral .alert-close{color:var(--color-neutral-600)}.alert-subtle.alert-neutral .alert-close:hover{background-color:var(--color-neutral-200)}.alert-filled{border:0;color:var(--color-neutral-50)}.alert-filled.alert-success{background-color:var(--alert-filled-success-bg)}.alert-filled.alert-error{background-color:var(--alert-filled-error-bg)}.alert-filled.alert-warning{background-color:var(--alert-filled-warning-bg);color:var(--color-neutral-900)}.alert-filled.alert-info{background-color:var(--alert-filled-info-bg)}.alert-filled.alert-neutral{background-color:var(--alert-filled-neutral-bg)}.alert-filled .alert-title{color:inherit}.alert-filled .alert-desc,.alert-filled .alert-list{color:inherit;opacity:.9}.alert-filled .alert-icon-svg{color:inherit}.alert-filled .alert-action{color:inherit;text-decoration-color:rgba(255,255,255,.5)}.alert-filled .alert-action:hover{text-decoration-color:rgba(255,255,255,.8)}.alert-filled.alert-warning .alert-action{text-decoration-color:rgba(0,0,0,.3)}.alert-filled .alert-close{color:inherit;opacity:.7}.alert-filled .alert-close:hover{background-color:rgba(255,255,255,.15);opacity:1}.alert-filled.alert-warning .alert-close:hover{background-color:rgba(0,0,0,.1)}.alert-outline{background-color:transparent;border:var(--border-width) solid}.alert-outline.alert-success{border-color:var(--color-success-border)}.alert-outline.alert-success .alert-action,.alert-outline.alert-success .alert-icon-svg{color:var(--color-success)}.alert-outline.alert-error{border-color:var(--color-error-border)}.alert-outline.alert-error .alert-action,.alert-outline.alert-error .alert-icon-svg{color:var(--color-error)}.alert-outline.alert-warning{border-color:var(--color-warning-border)}.alert-outline.alert-warning .alert-action,.alert-outline.alert-warning .alert-icon-svg{color:var(--color-warning)}.alert-outline.alert-info{border-color:var(--color-info-border)}.alert-outline.alert-info .alert-action,.alert-outline.alert-info .alert-icon-svg{color:var(--color-info)}.alert-outline.alert-neutral{border-color:var(--color-neutral-300)}.alert-outline .alert-close,.alert-outline.alert-neutral .alert-icon-svg{color:var(--color-neutral-500)}.alert-outline.alert-neutral .alert-action{color:var(--color-neutral-600)}.alert-outline .alert-close:hover{background-color:var(--color-neutral-100)}.alert-compact{padding:var(--alert-padding-compact);gap:var(--space-2)}.alert-compact .alert-icon-svg{width:var(--space-4);height:var(--space-4);margin-top:0}.alert-compact .alert-title{font-size:var(--text-sm);margin-bottom:0}.alert-compact .alert-desc{font-size:var(--text-sm)}.alert-compact .alert-action{margin-top:var(--space-1)}.alert-compact .alert-close{width:var(--space-5);height:var(--space-5)}.alert-compact .alert-close svg{width:var(--space-3);height:var(--space-3)}.inline-message{display:inline-flex;align-items:center;gap:var(--space-1-5);font-family:var(--font-sans);font-size:var(--inline-msg-font-size);font-weight:var(--font-medium);line-height:var(--leading-tight)}.inline-message-icon{width:var(--inline-msg-icon-size);height:var(--inline-msg-icon-size);flex-shrink:0}.inline-message-success{color:var(--color-success)}.inline-message-error{color:var(--color-error)}.inline-message-warning{color:var(--color-warning)}.inline-message-info{color:var(--color-info)}.inline-message-neutral{color:var(--color-neutral-500)}.page-banner{display:flex;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--page-banner-padding);background-color:var(--page-banner-bg);color:var(--page-banner-color);font-family:var(--font-sans);font-size:var(--page-banner-font-size);line-height:var(--leading-tight);position:sticky;top:0;z-index:var(--z-overlay);overflow:hidden;max-height:var(--page-banner-max-h);opacity:1;transition:max-height var(--alert-slide-duration) var(--ease-out),opacity var(--alert-slide-duration) var(--ease-in-out),padding-top var(--alert-slide-duration) var(--ease-out),padding-bottom var(--alert-slide-duration) var(--ease-out)}.page-banner.is-dismissing{max-height:0;opacity:0;padding-top:0;padding-bottom:0;pointer-events:none}.page-banner-text{flex:1;text-align:center;max-width:var(--page-banner-text-max)}.page-banner-text strong{font-weight:var(--font-semibold)}.page-banner-action,.page-banner-close{flex-shrink:0;border:0;background:0 0;color:inherit;cursor:pointer;padding:0}.page-banner-action{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-semibold);text-decoration:underline;text-underline-offset:var(--space-0-5);transition:opacity var(--duration-fast) var(--ease-in-out)}.page-banner-action:hover{opacity:.8;text-decoration-thickness:var(--alert-hover-underline)}.page-banner-close{display:inline-flex;align-items:center;justify-content:center;width:var(--space-6);height:var(--space-6);border-radius:var(--radius-sm);opacity:.7;transition:opacity var(--duration-fast) var(--ease-in-out),background-color var(--duration-fast) var(--ease-in-out)}.page-banner-close:hover{opacity:1;background-color:rgba(255,255,255,.15)}.page-banner-success{background-color:var(--color-success)}.page-banner-error{background-color:var(--color-error)}.page-banner-warning{background-color:var(--color-warning);color:var(--color-neutral-900)}.page-banner-info{background-color:var(--color-info)}.page-banner-neutral{background-color:var(--color-neutral-700)}.avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:var(--radius-pill);overflow:hidden;background-color:var(--color-neutral-200);vertical-align:middle}.avatar-img{width:100%;height:100%;object-fit:cover;display:block}.avatar-initials{font-family:var(--font-sans);font-weight:var(--font-semibold);color:var(--color-neutral-50);text-transform:uppercase;letter-spacing:var(--tracking-wide);line-height:var(--leading-none);user-select:none;-webkit-user-select:none}.avatar-fallback{color:var(--color-neutral-400);line-height:0}.avatar-xs{width:var(--space-6);height:var(--space-6)}.avatar-xs .avatar-initials{font-size:var(--text-xs)}.avatar-xs .avatar-fallback,.tag-dismiss svg{width:var(--space-3);height:var(--space-3)}.avatar-sm{width:var(--space-8);height:var(--space-8)}.avatar-sm .avatar-initials{font-size:var(--text-xs)}.avatar-sm .avatar-fallback{width:var(--space-4);height:var(--space-4)}.avatar-md{width:var(--space-10);height:var(--space-10)}.avatar-md .avatar-initials{font-size:var(--text-sm)}.avatar-md .avatar-fallback{width:var(--space-5);height:var(--space-5)}.avatar-lg{width:var(--space-14);height:var(--space-14)}.avatar-lg .avatar-initials{font-size:var(--text-lg)}.avatar-lg .avatar-fallback{width:var(--space-7);height:var(--space-7)}.avatar-xl{width:var(--space-20);height:var(--space-20)}.avatar-xl .avatar-initials{font-size:var(--text-3xl)}.avatar-xl .avatar-fallback{width:var(--space-10);height:var(--space-10)}.avatar-rounded{border-radius:var(--radius-md)}.avatar-status,.avatar-status::after{display:block;border-radius:var(--radius-pill)}.avatar-status{position:absolute;bottom:0;right:0;border:var(--border-width-2) solid var(--avatar-group-border);z-index:var(--z-raised);line-height:0}.avatar-status::after{content:""}.avatar-status[data-status=online]{background-color:var(--color-success)}.avatar-status[data-status=away]{background-color:var(--color-warning)}.avatar-status[data-status=busy]{background-color:var(--color-error)}.avatar-status[data-status=offline]{background-color:var(--color-neutral-400)}.avatar-xs .avatar-status{width:var(--avatar-status-xs-size);height:var(--avatar-status-xs-size);border-width:var(--avatar-status-xs-border)}.avatar-xs .avatar-status::after{width:var(--avatar-status-xs-dot);height:var(--avatar-status-xs-dot)}.avatar-sm .avatar-status{width:var(--avatar-status-sm-size);height:var(--avatar-status-sm-size);border-width:var(--avatar-status-sm-border)}.avatar-sm .avatar-status::after{width:var(--avatar-status-sm-dot);height:var(--avatar-status-sm-dot)}.avatar-md .avatar-status{width:var(--avatar-status-md-size);height:var(--avatar-status-md-size);border-width:var(--avatar-status-md-border)}.avatar-md .avatar-status::after{width:var(--avatar-status-md-dot);height:var(--avatar-status-md-dot)}.avatar-lg .avatar-status{width:var(--avatar-status-lg-size);height:var(--avatar-status-lg-size);border-width:var(--avatar-status-lg-border)}.avatar-lg .avatar-status::after{width:var(--avatar-status-lg-dot);height:var(--avatar-status-lg-dot)}.avatar-xl .avatar-status{width:var(--avatar-status-xl-size);height:var(--avatar-status-xl-size);border-width:var(--avatar-status-xl-border)}.avatar-xl .avatar-status::after{width:var(--avatar-status-xl-dot);height:var(--avatar-status-xl-dot)}.avatar-accent-1{background-color:var(--color-accent-500)}.avatar-accent-2{background-color:var(--color-accent-600)}.avatar-accent-3{background-color:var(--color-accent-700)}.avatar-accent-4{background-color:var(--color-accent-800)}.avatar-accent-5{background-color:var(--color-accent-900)}.avatar-accent-6{background-color:var(--color-accent-400)}.avatar-group{display:flex;align-items:center;flex-wrap:nowrap}.avatar-group-item{display:inline-flex;position:relative}.avatar-group-item+.avatar-group-item{margin-left:var(--avatar-group-md-overlap)}.avatar-group .avatar,.avatar-group-counter{border:var(--border-width-2) solid var(--avatar-group-border)}.avatar-group .avatar{transition:transform var(--duration-fast) var(--ease-out),z-index var(--duration-fast) var(--ease-out)}.avatar-group .avatar:hover{transform:translateY(var(--avatar-group-hover-lift));z-index:var(--z-raised)}.avatar-group-sm .avatar{width:var(--space-8);height:var(--space-8)}.avatar-group-sm .avatar .avatar-initials{font-size:var(--text-xs)}.avatar-group-sm .avatar .avatar-fallback{width:var(--space-4);height:var(--space-4)}.avatar-group-sm .avatar-group-item+.avatar-group-item{margin-left:var(--avatar-group-sm-overlap)}.avatar-group-md .avatar{width:var(--space-10);height:var(--space-10)}.avatar-group-md .avatar .avatar-initials{font-size:var(--text-sm)}.avatar-group-md .avatar .avatar-fallback{width:var(--space-5);height:var(--space-5)}.avatar-group-md .avatar-group-item+.avatar-group-item{margin-left:var(--avatar-group-md-overlap)}.avatar-group-lg .avatar{width:var(--space-14);height:var(--space-14)}.avatar-group-lg .avatar .avatar-initials{font-size:var(--text-lg)}.avatar-group-lg .avatar .avatar-fallback{width:var(--space-7);height:var(--space-7)}.avatar-group-lg .avatar-group-item+.avatar-group-item{margin-left:var(--avatar-group-lg-overlap)}.avatar-group-counter{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-sans);font-weight:var(--font-medium);color:var(--color-neutral-600);background-color:var(--color-neutral-100);border-radius:var(--radius-pill);line-height:var(--leading-none);user-select:none;-webkit-user-select:none}.avatar-group-sm .avatar-group-counter{width:var(--space-8);height:var(--space-8);font-size:var(--text-xs);margin-left:var(--avatar-group-sm-overlap)}.avatar-group-md .avatar-group-counter{width:var(--space-10);height:var(--space-10);font-size:var(--text-sm);margin-left:var(--avatar-group-md-overlap)}.avatar-group-lg .avatar-group-counter{width:var(--space-14);height:var(--space-14);font-size:var(--text-sm);margin-left:var(--avatar-group-lg-overlap)}.avatar[data-tooltip]{cursor:default}.avatar[data-tooltip]::before{content:attr(data-tooltip);position:absolute;bottom:calc(100% + var(--space-2));left:50%;transform:translateX(-50%) translateY(var(--avatar-tooltip-offset-y));padding:var(--space-0-5) var(--space-2);font-size:var(--text-xs);color:var(--color-neutral-50);background-color:var(--color-neutral-800);border-radius:var(--radius-sm);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--duration-fast) var(--ease-in-out),transform var(--duration-fast) var(--ease-out);z-index:var(--z-dropdown)}.avatar[data-tooltip]:hover::before{opacity:1;transform:translateX(-50%) translateY(0)}.avatar-badge{position:relative;display:inline-block}.avatar-circle,.avatar[data-tooltip]::before{font-weight:var(--font-medium);font-family:var(--font-sans)}.avatar-circle{display:inline-flex;align-items:center;justify-content:center;width:var(--space-10);height:var(--space-10);border-radius:var(--radius-pill);background-color:var(--color-neutral-200);color:var(--color-neutral-600);font-size:var(--text-sm);line-height:var(--leading-none)}.avatar-circle-lg{width:var(--space-12);height:var(--space-12);font-size:var(--text-base)}.badge{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1-5);font-family:var(--font-sans);font-weight:var(--font-medium);letter-spacing:var(--tracking-wide);line-height:var(--leading-none);white-space:nowrap;border-radius:var(--radius-sm);border:var(--border-width) solid transparent;text-decoration:none;transition:color var(--duration-fast) var(--ease-in-out),background-color var(--duration-fast) var(--ease-in-out),border-color var(--duration-fast) var(--ease-in-out)}.badge-dot{display:inline-block;width:var(--space-1-5);height:var(--space-1-5);border-radius:var(--radius-pill);flex-shrink:0}.badge-sm{min-height:var(--badge-sm-height);padding:var(--space-0-5) var(--space-2);font-size:var(--text-xs)}.badge-sm .badge-dot{width:var(--space-1);height:var(--space-1)}.badge-md,.badge-notification{min-height:var(--badge-md-height);padding:var(--space-1) var(--space-2-5);font-size:var(--text-xs)}.badge-md .badge-dot{width:var(--space-1-5);height:var(--space-1-5)}.badge-notification{position:absolute;top:0;right:0;transform:translate(50%,-50%);z-index:var(--z-raised);min-width:var(--space-4);min-height:var(--space-4);padding:var(--space-0-5) var(--space-1);border-radius:var(--radius-pill);border:var(--border-width-2) solid var(--color-neutral-50);line-height:var(--leading-none)}.badge-notification .badge-dot{display:none}.badge-primary,.badge-success{color:var(--color-neutral-50);background-color:var(--color-accent-500);border-color:var(--color-accent-500)}.badge-error .badge-dot,.badge-neutral .badge-dot,.badge-primary .badge-dot,.badge-success .badge-dot,.badge-warning .badge-dot{background-color:var(--color-neutral-50)}.badge-success{background-color:var(--color-success);border-color:var(--color-success)}.badge-error,.badge-neutral,.badge-warning{color:var(--color-neutral-50);background-color:var(--color-warning);border-color:var(--color-warning)}.badge-error,.badge-neutral{background-color:var(--color-error);border-color:var(--color-error)}.badge-neutral{background-color:var(--color-neutral-700);border-color:var(--color-neutral-700)}.badge-subtle-primary{color:var(--color-accent-700);background-color:var(--color-accent-50);border-color:var(--color-accent-200)}.badge-subtle-primary .badge-dot{background-color:var(--color-accent-500)}.badge-subtle-success{color:var(--color-success-dark);background-color:var(--color-success-light);border-color:var(--color-success-border)}.badge-subtle-success .badge-dot{background-color:var(--color-success)}.badge-subtle-warning{color:var(--color-warning-dark);background-color:var(--color-warning-light);border-color:var(--color-warning-border)}.badge-subtle-warning .badge-dot{background-color:var(--color-warning)}.badge-subtle-error{color:var(--color-error-dark);background-color:var(--color-error-light);border-color:var(--color-error-border)}.badge-subtle-error .badge-dot{background-color:var(--color-error)}.badge-subtle-neutral{color:var(--color-neutral-700);background-color:var(--color-neutral-100);border-color:var(--color-neutral-200)}.badge-subtle-neutral .badge-dot{background-color:var(--color-neutral-500)}.badge-outline-primary,.badge-outline-success{color:var(--color-accent-600);background-color:transparent;border-color:var(--color-accent-400)}.badge-outline-primary .badge-dot{background-color:var(--color-accent-500)}.badge-outline-success{color:var(--color-success);border-color:var(--color-success-border)}.badge-outline-success .badge-dot{background-color:var(--color-success)}.badge-outline-error,.badge-outline-warning{color:var(--color-warning);background-color:transparent;border-color:var(--color-warning-border)}.badge-outline-warning .badge-dot{background-color:var(--color-warning)}.badge-outline-error{color:var(--color-error);border-color:var(--color-error-border)}.badge-outline-error .badge-dot{background-color:var(--color-error)}.badge-outline-neutral{background-color:transparent;border-color:var(--color-neutral-300)}.badge-outline-neutral .badge-dot{background-color:var(--color-neutral-500)}.badge-outline-neutral,.tag,.tag-dismiss:hover{color:var(--color-neutral-700)}.tag{display:inline-flex;align-items:center;gap:var(--space-1-5);font-family:var(--font-sans);font-weight:var(--font-medium);letter-spacing:var(--tracking-wide);line-height:var(--leading-none);white-space:nowrap;border-radius:var(--radius-sm);border:var(--border-width) solid var(--color-neutral-200);background-color:var(--color-neutral-100);transition:color var(--duration-fast) var(--ease-in-out),background-color var(--duration-fast) var(--ease-in-out),border-color var(--duration-fast) var(--ease-in-out),opacity var(--duration-slow) var(--ease-out),transform var(--duration-slow) var(--ease-out)}.tag-icon{width:var(--space-3);height:var(--space-3);flex-shrink:0;color:var(--color-neutral-500)}.tag-label{display:inline}.tag-dismiss{display:inline-flex;align-items:center;justify-content:center;width:var(--space-3-5);height:var(--space-3-5);flex-shrink:0;border:0;border-radius:var(--radius-sm);background:0 0;color:var(--color-neutral-400);cursor:pointer;padding:var(--space-0);line-height:var(--leading-none);transition:color var(--duration-fast) var(--ease-in-out),background-color var(--duration-fast) var(--ease-in-out)}.tag-dismiss:hover{background-color:var(--color-neutral-200)}.tag-dismiss:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.tag-dismissing{opacity:0;transform:scale(.85);pointer-events:none;transition:opacity var(--duration-slow) var(--ease-out),transform var(--duration-slow) var(--ease-out)}.tag-md,.tag-sm{min-height:var(--tag-sm-height);padding:var(--space-0-5) var(--space-2);font-size:var(--text-xs)}.tag-sm .tag-dismiss svg,.tag-sm .tag-icon{width:var(--space-2-5);height:var(--space-2-5)}.tag-md .tag-dismiss svg,.tag-md .tag-icon,.tag-sm .tag-dismiss{width:var(--space-3);height:var(--space-3)}.tag-md{min-height:var(--tag-md-height);padding:var(--space-1) var(--space-2-5)}.tag-md .tag-dismiss{width:var(--space-3-5);height:var(--space-3-5)}.tag-clickable{cursor:pointer;border-color:transparent;background-color:transparent;color:var(--color-neutral-600)}.tag-clickable:hover{color:var(--color-neutral-800);background-color:var(--color-neutral-100)}.tag-clickable:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.tag-clickable:active{background-color:var(--color-neutral-200)}.tag-outline{background-color:transparent;border-color:var(--color-neutral-300);color:var(--color-neutral-700)}.tag-outline:hover{background-color:var(--color-neutral-50);border-color:var(--color-neutral-400)}.tag-accent{background-color:var(--color-accent-50);border-color:var(--color-accent-200);color:var(--color-accent-700)}.tag-accent .tag-icon{color:var(--color-accent-500)}.tag-accent .tag-dismiss{color:var(--color-accent-400)}.tag-accent .tag-dismiss:hover{color:var(--color-accent-700);background-color:var(--color-accent-100)}.tag-accent.tag-clickable{background-color:transparent;border-color:transparent;color:var(--color-accent-600)}.tag-accent.tag-clickable:hover{background-color:var(--color-accent-50);color:var(--color-accent-700)}.tag-accent.tag-clickable:active{background-color:var(--color-accent-100)}.tag-accent.tag-outline{background-color:transparent;border-color:var(--color-accent-300);color:var(--color-accent-700)}.tag-accent.tag-outline:hover{background-color:var(--color-accent-50);border-color:var(--color-accent-400)}.tag-success{background-color:var(--color-success-light);border-color:var(--color-success-border);color:var(--color-success-dark)}.tag-success .tag-dismiss,.tag-success .tag-icon{color:var(--color-success)}.tag-success .tag-dismiss:hover{color:var(--color-success-dark);background-color:var(--color-success-border)}.tag-warning{background-color:var(--color-warning-light);border-color:var(--color-warning-border);color:var(--color-warning-dark)}.tag-warning .tag-dismiss,.tag-warning .tag-icon{color:var(--color-warning)}.tag-warning .tag-dismiss:hover{color:var(--color-warning-dark);background-color:var(--color-warning-border)}.tag-error{background-color:var(--color-error-light);border-color:var(--color-error-border);color:var(--color-error-dark)}.tag-error .tag-dismiss,.tag-error .tag-icon{color:var(--color-error)}.tag-error .tag-dismiss:hover{color:var(--color-error-dark);background-color:var(--color-error-border)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);position:relative;font-family:var(--font-sans);font-weight:var(--font-medium);letter-spacing:var(--tracking-normal);border:var(--border-width) solid transparent;border-radius:var(--radius-sm);cursor:pointer;user-select:none;-webkit-user-select:none;white-space:nowrap;line-height:var(--leading-none);text-decoration:none;transition:color var(--duration-fast) var(--ease-in-out),background-color var(--duration-fast) var(--ease-in-out),border-color var(--duration-fast) var(--ease-in-out),box-shadow var(--duration-fast) var(--ease-out),opacity var(--duration-fast) var(--ease-in-out),transform var(--duration-fast) var(--ease-out);outline:0;box-shadow:none;touch-action:manipulation;appearance:none;-webkit-appearance:none;-moz-appearance:none}.btn:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.btn:active:not(:disabled):not(.btn-loading){transform:scale(var(--scale-active))}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-spinner{display:none;width:var(--space-4);height:var(--space-4);flex-shrink:0;animation:btn-spin .6s linear infinite}.btn-loading .btn-spinner{display:block}.btn-loading .btn-label{opacity:.7}.btn-md,.btn-sm{min-height:var(--btn-sm-height);padding:var(--space-1-5) var(--space-3);font-size:var(--text-sm)}.btn-sm.btn-icon{width:var(--btn-sm-height);height:var(--btn-sm-height);padding:var(--space-0)}.btn-sm .btn-spinner{width:var(--space-3-5);height:var(--space-3-5)}.btn-md{min-height:var(--btn-md-height);padding:var(--space-2) var(--space-4)}.btn-md.btn-icon{width:var(--btn-md-height);height:var(--btn-md-height);padding:var(--space-0)}.btn-md .btn-spinner{width:var(--space-4);height:var(--space-4)}.btn-lg{min-height:var(--btn-lg-height);padding:var(--space-2-5) var(--space-6);font-size:var(--text-base)}.btn-lg.btn-icon{width:var(--btn-lg-height);height:var(--btn-lg-height);padding:var(--space-0)}.btn-lg .btn-spinner{width:var(--space-5);height:var(--space-5)}.btn-primary{color:var(--color-neutral-50);background-color:var(--color-accent-500);border-color:var(--color-accent-500)}.btn-primary:hover:not(:disabled){background-color:var(--color-accent-600);border-color:var(--color-accent-600)}.btn-primary:focus-visible{outline-color:var(--color-accent-500)}.btn-primary:active:not(:disabled){background-color:var(--color-accent-700);border-color:var(--color-accent-700)}.btn-secondary{color:var(--color-neutral-800);background-color:var(--color-neutral-200);border-color:var(--color-neutral-200)}.btn-secondary:hover:not(:disabled){background-color:var(--color-neutral-300);border-color:var(--color-neutral-300)}.btn-secondary:focus-visible{outline-color:var(--color-neutral-500)}.btn-secondary:active:not(:disabled){background-color:var(--color-neutral-400);border-color:var(--color-neutral-400)}.btn-neutral{color:var(--color-neutral-50);background-color:var(--color-neutral-800);border-color:var(--color-neutral-800)}.btn-neutral:hover:not(:disabled){background-color:var(--color-neutral-700);border-color:var(--color-neutral-700)}.btn-neutral:focus-visible{outline-color:var(--color-neutral-600)}.btn-neutral:active:not(:disabled){background-color:var(--color-neutral-600);border-color:var(--color-neutral-600)}.btn-outline-primary{color:var(--color-accent-600);background-color:transparent;border-color:var(--color-accent-400)}.btn-outline-primary:hover:not(:disabled){color:var(--color-neutral-50);background-color:var(--color-accent-500);border-color:var(--color-accent-500)}.btn-outline-primary:focus-visible{outline-color:var(--color-accent-500)}.btn-outline-primary:active:not(:disabled){color:var(--color-neutral-50);background-color:var(--color-accent-600);border-color:var(--color-accent-600)}.btn-outline-secondary{color:var(--color-neutral-700);background-color:transparent;border-color:var(--color-neutral-300)}.btn-outline-secondary:hover:not(:disabled){color:var(--color-neutral-800);background-color:var(--color-neutral-100);border-color:var(--color-neutral-400)}.btn-outline-secondary:focus-visible{outline-color:var(--color-neutral-500)}.btn-outline-secondary:active:not(:disabled){color:var(--color-neutral-800);background-color:var(--color-neutral-200);border-color:var(--color-neutral-500)}.btn-outline-neutral{color:var(--color-neutral-800);background-color:transparent;border-color:var(--color-neutral-400)}.btn-outline-neutral:hover:not(:disabled){color:var(--color-neutral-50);background-color:var(--color-neutral-800);border-color:var(--color-neutral-800)}.btn-outline-neutral:focus-visible{outline-color:var(--color-neutral-600)}.btn-outline-neutral:active:not(:disabled){color:var(--color-neutral-50);background-color:var(--color-neutral-700);border-color:var(--color-neutral-700)}.btn-ghost-primary{color:var(--color-accent-600);background-color:transparent;border-color:transparent}.btn-ghost-primary:hover:not(:disabled){color:var(--color-accent-700);background-color:var(--color-accent-50)}.btn-ghost-primary:focus-visible{outline-color:var(--color-accent-500)}.btn-ghost-primary:active:not(:disabled){color:var(--color-accent-800);background-color:var(--color-accent-100)}.btn-ghost-secondary{color:var(--color-neutral-700);background-color:transparent;border-color:transparent}.btn-ghost-secondary:hover:not(:disabled){color:var(--color-neutral-800);background-color:var(--color-neutral-100)}.btn-ghost-neutral:focus-visible,.btn-ghost-secondary:focus-visible{outline-color:var(--color-neutral-500)}.btn-ghost-secondary:active:not(:disabled){color:var(--color-neutral-900);background-color:var(--color-neutral-200)}.btn-ghost-neutral{color:var(--color-neutral-600);background-color:transparent;border-color:transparent}.btn-ghost-neutral:hover:not(:disabled){color:var(--color-neutral-800);background-color:var(--color-neutral-100)}.btn-ghost-neutral:active:not(:disabled){color:var(--color-neutral-900);background-color:var(--color-neutral-200)}.btn-destructive{color:var(--color-neutral-50);background-color:var(--color-error);border-color:var(--color-error)}.btn-destructive:active:not(:disabled),.btn-destructive:hover:not(:disabled){background-color:var(--color-error-dark);border-color:var(--color-error-dark)}.btn-destructive-ghost:focus-visible,.btn-destructive-outline:focus-visible,.btn-destructive:focus-visible{outline-color:var(--color-error)}.btn-destructive-outline{color:var(--color-error);background-color:transparent;border-color:var(--color-error-border)}.btn-destructive-outline:hover:not(:disabled){color:var(--color-neutral-50);background-color:var(--color-error);border-color:var(--color-error)}.btn-destructive-outline:active:not(:disabled){color:var(--color-neutral-50);background-color:var(--color-error-dark);border-color:var(--color-error-dark)}.btn-destructive-ghost{color:var(--color-error);background-color:transparent;border-color:transparent}.btn-destructive-ghost:hover:not(:disabled){color:var(--color-error-dark);background-color:var(--color-error-light)}.btn-destructive-ghost:active:not(:disabled){color:var(--color-error-dark);background-color:var(--color-error-border)}.btn-icon{border-radius:var(--radius-md);padding:var(--space-0)}.btn.btn-loading{cursor:wait;pointer-events:auto}.btn.btn-loading::after{content:"";position:absolute;inset:0;z-index:var(--z-raised);cursor:wait}.btn-with-badge,.checkbox{display:inline-flex;align-items:center;gap:var(--space-2);position:relative}.btn-with-badge .badge{position:static;transform:none;border:0}.checkbox{align-items:flex-start;gap:var(--control-gap);cursor:pointer;font-family:var(--font-sans);font-size:var(--text-sm);color:var(--input-text-color);line-height:var(--leading-tight)}.checkbox-native{position:absolute;width:var(--space-0);height:var(--space-0);opacity:0;pointer-events:none}.checkbox-box{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--checkbox-md);height:var(--checkbox-md);border:var(--border-width) solid var(--control-border);border-radius:var(--radius-sm);background-color:var(--select-bg);transition:background-color var(--duration-normal) var(--ease-in-out),border-color var(--duration-normal) var(--ease-in-out),box-shadow var(--duration-fast) var(--ease-out);position:relative}.checkbox-check,.checkbox-indeterminate{position:absolute;width:60%;height:60%;stroke:var(--color-neutral-50);stroke-width:2.5;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:24;stroke-dashoffset:24;transition:stroke-dashoffset var(--duration-normal) var(--ease-out)}.checkbox-indeterminate{stroke-dasharray:12;stroke-dashoffset:12}.checkbox-native:checked~.checkbox-box .checkbox-check{stroke-dashoffset:0}.checkbox-box.is-indeterminate .checkbox-indeterminate,.checkbox-native:indeterminate~.checkbox-box .checkbox-indeterminate{stroke-dashoffset:0}.checkbox-check,.checkbox-indeterminate{opacity:0}.checkbox-native:checked~.checkbox-box .checkbox-check{opacity:1}.checkbox-box.is-indeterminate .checkbox-indeterminate,.checkbox-native:indeterminate~.checkbox-box .checkbox-indeterminate{opacity:1}.checkbox-native:checked~.checkbox-box,.checkbox-native:indeterminate~.checkbox-box{background-color:var(--control-checked-bg);border-color:var(--control-checked-border)}.checkbox-md,.checkbox-sm{font-size:var(--text-sm)}.checkbox-sm .checkbox-box{width:var(--checkbox-sm);height:var(--checkbox-sm)}.checkbox-md .checkbox-box{width:var(--checkbox-md);height:var(--checkbox-md)}.checkbox-lg{font-size:var(--text-base)}.checkbox-lg .checkbox-box{width:var(--checkbox-lg);height:var(--checkbox-lg)}.checkbox-label-left{flex-direction:row-reverse;align-items:flex-start}.checkbox-label-bottom{flex-direction:column;align-items:flex-start}.checkbox-label-bottom .checkbox-box{margin-bottom:var(--space-1-5)}.checkbox-filled .checkbox-box{border-color:transparent;background-color:var(--control-bg)}.checkbox-filled .checkbox-native:checked~.checkbox-box,.checkbox-filled .checkbox-native:indeterminate~.checkbox-box{background-color:var(--control-checked-bg);border-color:transparent}.checkbox-filled .checkbox-native:hover~.checkbox-box{background-color:var(--color-neutral-200)}.checkbox-filled .checkbox-native:checked~.checkbox-box:hover,.checkbox-filled .checkbox-native:indeterminate~.checkbox-box:hover{background-color:var(--color-accent-600)}.checkbox-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-md);background-color:var(--select-bg);transition:border-color var(--duration-normal) var(--ease-in-out),background-color var(--duration-normal) var(--ease-in-out),box-shadow var(--duration-fast) var(--ease-out);width:100%}.checkbox-card .checkbox-box{order:-1;align-self:flex-start}.checkbox-card .checkbox-native:checked~.checkbox-box{background-color:var(--control-checked-bg);border-color:var(--control-checked-border)}.checkbox-card:has(.checkbox-native:checked),.checkbox-card:has(.checkbox-native:indeterminate){border-color:var(--control-checked-border);background-color:var(--color-accent-50);box-shadow:0 0 0 var(--focus-ring-width) var(--color-accent-200)}.checkbox-card:hover{border-color:var(--border-color-strong)}.checkbox-card .checkbox-label{font-weight:var(--font-medium);font-size:var(--text-sm)}.checkbox-card .checkbox-desc{font-size:var(--text-xs);color:var(--input-helper-color);line-height:var(--leading-relaxed);margin-top:var(--space-0-5)}.checkbox-native:focus-visible~.checkbox-box{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.checkbox.is-disabled{opacity:var(--control-disabled-opacity);cursor:var(--input-disabled-cursor);pointer-events:none}.checkbox.is-disabled .checkbox-native:checked~.checkbox-box,.checkbox.is-disabled .checkbox-native:indeterminate~.checkbox-box{opacity:.8}.checkbox-error .checkbox-box{border-color:var(--color-error)}.checkbox-error .checkbox-native:checked~.checkbox-box,.checkbox-error .checkbox-native:indeterminate~.checkbox-box{background-color:var(--color-error);border-color:var(--color-error)}.checkbox-error .checkbox-label{color:var(--color-error)}.checkbox-error.checkbox-card:has(.checkbox-native:checked){border-color:var(--color-error);background-color:var(--color-error-light);box-shadow:0 0 0 var(--focus-ring-width) var(--color-error-border)}.radio{display:inline-flex;align-items:flex-start;gap:var(--control-gap);cursor:pointer;font-family:var(--font-sans);font-size:var(--text-sm);color:var(--input-text-color);line-height:var(--leading-tight);position:relative}.radio-native{position:absolute;width:var(--space-0);height:var(--space-0);opacity:0;pointer-events:none}.radio-circle,.radio-dot{border-radius:var(--radius-pill)}.radio-circle{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--checkbox-md);height:var(--checkbox-md);border:var(--border-width) solid var(--control-border);background-color:var(--select-bg);transition:border-color var(--duration-normal) var(--ease-in-out),box-shadow var(--duration-fast) var(--ease-out);position:relative}.radio-dot{width:45%;height:45%;background-color:var(--color-neutral-50);transform:scale(0);transition:transform var(--duration-normal) var(--ease-out)}.radio-native:checked~.radio-circle .radio-dot{transform:scale(1)}.radio-native:checked~.radio-circle{border-color:var(--control-checked-border);background-color:var(--control-checked-bg)}.radio-md,.radio-sm{font-size:var(--text-sm)}.radio-sm .radio-circle{width:var(--checkbox-sm);height:var(--checkbox-sm)}.radio-md .radio-circle{width:var(--checkbox-md);height:var(--checkbox-md)}.radio-lg{font-size:var(--text-base)}.radio-lg .radio-circle{width:var(--checkbox-lg);height:var(--checkbox-lg)}.radio-label-left{flex-direction:row-reverse;align-items:flex-start}.radio-card,.radio-label-bottom{flex-direction:column;align-items:flex-start}.radio-label-bottom .radio-circle{margin-bottom:var(--space-1-5)}.radio-card{display:flex;gap:var(--space-3);padding:var(--space-4);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-md);background-color:var(--select-bg);transition:border-color var(--duration-normal) var(--ease-in-out),background-color var(--duration-normal) var(--ease-in-out),box-shadow var(--duration-fast) var(--ease-out);width:100%}.radio-card .radio-circle{order:-1;align-self:flex-start}.radio-card:has(.radio-native:checked){border-color:var(--control-checked-border);background-color:var(--color-accent-50);box-shadow:0 0 0 var(--focus-ring-width) var(--color-accent-200)}.radio-card:hover{border-color:var(--border-color-strong)}.radio-card .radio-label{font-weight:var(--font-medium);font-size:var(--text-sm)}.radio-card .radio-desc{font-size:var(--text-xs);color:var(--input-helper-color);line-height:var(--leading-relaxed);margin-top:var(--space-0-5)}.radio-group-btn{display:inline-flex;border:var(--border-width) solid var(--border-color);border-radius:var(--radius-sm);overflow:hidden;background-color:var(--control-bg)}.radio-group-btn .radio-btn{position:relative}.radio-group-btn .radio-native{position:absolute;width:var(--space-0);height:var(--space-0);opacity:0;pointer-events:none}.radio-group-btn .radio-btn-label{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-1-5) var(--space-4);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-neutral-600);cursor:pointer;user-select:none;-webkit-user-select:none;transition:color var(--duration-fast) var(--ease-in-out),background-color var(--duration-fast) var(--ease-in-out);white-space:nowrap}.radio-group-btn .radio-btn:hover .radio-btn-label{color:var(--color-neutral-800);background-color:var(--color-neutral-200)}.radio-group-btn .radio-native:checked~.radio-btn-label{color:var(--color-neutral-50);background-color:var(--control-checked-bg)}.radio-group-btn .radio-btn+.radio-btn .radio-btn-label{border-left:var(--border-width) solid var(--border-color)}.radio-group-btn .radio-native:focus-visible~.radio-btn-label{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:-2px;z-index:var(--z-raised);position:relative}.radio-native:focus-visible~.radio-circle{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.radio.is-disabled{opacity:var(--control-disabled-opacity);cursor:var(--input-disabled-cursor);pointer-events:none}.radio-error .radio-circle{border-color:var(--color-error)}.radio-error .radio-native:checked~.radio-circle{border-color:var(--color-error);background-color:var(--color-error)}.radio-error .radio-label{color:var(--color-error)}.checkbox-group,.radio-group{display:flex;flex-direction:column;gap:var(--space-3)}.checkbox-group-horizontal,.radio-group-horizontal{flex-direction:row;flex-wrap:wrap;gap:var(--space-4) var(--space-6)}.checkbox-group-label,.radio-group-label{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--input-label-color);margin-bottom:var(--space-1);display:block}.checkbox-group-error,.checkbox-group-helper,.radio-group-error,.radio-group-helper{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--input-helper-color);line-height:var(--leading-tight);margin-top:var(--space-1)}.checkbox-group-error,.radio-group-error{display:flex;align-items:center;gap:var(--space-1);font-weight:var(--font-medium);color:var(--color-error)}.checkbox-group-error svg,.radio-group-error svg{width:var(--space-3);height:var(--space-3);flex-shrink:0;color:var(--color-error)}.divider,.divider-label::after,.divider-label::before{border-top:var(--border-width) solid var(--color-neutral-200)}.divider{display:block;width:100%;border:0;margin:0}.divider-label{display:flex;align-items:center;width:100%;gap:var(--space-4)}.divider-label::after,.divider-label::before{content:"";flex:1}.divider-label>span,.divider-label>svg{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--font-medium);letter-spacing:var(--tracking-wide);line-height:var(--leading-none);text-transform:lowercase}.divider-icon-svg,.divider-label>span,.divider-label>svg{flex-shrink:0;color:var(--color-neutral-400)}.divider-label-left::before,.divider-label-right::after{display:none}.divider-label-left>span,.divider-label-right>span{text-transform:none}.divider-thin,.divider-thin.divider-label::after,.divider-thin.divider-label::before{border-top-width:var(--border-width)}.divider-thick,.divider-thick.divider-label::after,.divider-thick.divider-label::before{border-top-width:var(--border-width-2)}.divider-dashed,.divider-dashed.divider-label::after,.divider-dashed.divider-label::before{border-top-style:dashed}.divider-subtle,.divider-subtle.divider-label::after,.divider-subtle.divider-label::before{border-top-color:var(--color-neutral-200)}.divider-subtle.divider-label>span,.divider-subtle.divider-label>svg{color:var(--color-neutral-400)}.divider-muted,.divider-muted.divider-label::after,.divider-muted.divider-label::before{border-top-color:var(--color-neutral-300)}.divider-muted.divider-label>span,.divider-muted.divider-label>svg{color:var(--color-neutral-500)}.divider-accent,.divider-accent.divider-label::after,.divider-accent.divider-label::before{border-top-color:var(--color-accent-300)}.divider-accent.divider-label>span,.divider-accent.divider-label>svg{color:var(--color-accent-500)}.divider-sm{margin-top:var(--space-4);margin-bottom:var(--space-4)}.divider-md{margin-top:var(--space-6);margin-bottom:var(--space-6)}.divider-lg{margin-top:var(--space-10);margin-bottom:var(--space-10)}.divider-dark,.divider-dark.divider-label::after,.divider-dark.divider-label::before{border-top-color:var(--color-neutral-700)}.divider-dark.divider-label>span,.divider-dark.divider-label>svg{color:var(--color-neutral-500)}.separator{display:inline-block;align-self:stretch;width:0;border-right:var(--border-width) solid var(--color-neutral-200);margin:0 var(--space-4);flex-shrink:0}.separator-thin{border-right-width:var(--border-width)}.separator-thick{border-right-width:var(--border-width-2)}.separator-dashed{border-right-style:dashed}.separator-subtle{border-right-color:var(--color-neutral-200)}.separator-muted{border-right-color:var(--color-neutral-300)}.separator-accent{border-right-color:var(--color-accent-300)}.separator-dark{border-right-color:var(--color-neutral-700)}.field-error-message,.field-success-message,.field-warning-message{display:flex;align-items:flex-start;gap:var(--space-1);margin-top:var(--space-1-5);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--font-medium);line-height:var(--leading-tight);opacity:0;transform:translateY(-4px);animation:field-msg-in var(--duration-normal) var(--ease-out) forwards}.field-error-message.fade-out,.field-success-message.fade-out,.field-warning-message.fade-out{animation:field-msg-out var(--duration-normal) var(--ease-in-out) forwards}.field-error-message svg,.field-success-message svg,.field-warning-message svg{width:var(--space-3);height:var(--space-3);flex-shrink:0;margin-top:var(--space-0-25)}.field-error-message,.field-error-message svg{color:var(--color-error)}.field-warning-message,.field-warning-message svg{color:var(--color-warning)}.field-success-message,.field-success-message svg{color:var(--color-success)}.input-wrapper.field-error{border-color:var(--color-error)}.input-wrapper.field-error .input{color:var(--input-text-color)}.input-wrapper.field-error:focus-within{border-color:var(--color-error);box-shadow:0 0 0 var(--focus-ring-width) var(--color-error-border)}.field-validation-icon{display:none;flex-shrink:0;width:var(--space-4);height:var(--space-4);margin-right:var(--space-3);animation:field-msg-in var(--duration-normal) var(--ease-out) forwards}.input-wrapper.field-error .field-validation-icon.icon-error{display:inline-flex;color:var(--color-error)}.input-wrapper.field-success .field-validation-icon.icon-success{display:inline-flex;color:var(--color-success)}.input-wrapper.field-warning .field-validation-icon.icon-warning{display:inline-flex;color:var(--color-warning)}.input-wrapper.field-success{border-color:var(--color-success)}.input-wrapper.field-success:focus-within{border-color:var(--color-success);box-shadow:0 0 0 var(--focus-ring-width) var(--color-success-border)}.input-wrapper.field-warning{border-color:var(--color-warning)}.input-wrapper.field-warning:focus-within{border-color:var(--color-warning);box-shadow:0 0 0 var(--focus-ring-width) var(--color-warning-border)}.select.field-error .select-trigger,.textarea.field-error{border-color:var(--color-error)}.select.field-error.select-open .select-trigger{border-color:var(--color-error);box-shadow:0 0 0 var(--focus-ring-width) var(--color-error-border)}.select.field-success .select-trigger,.textarea.field-success{border-color:var(--color-success)}.select.field-success.select-open .select-trigger{border-color:var(--color-success);box-shadow:0 0 0 var(--focus-ring-width) var(--color-success-border)}.select.field-warning .select-trigger,.textarea.field-warning{border-color:var(--color-warning)}.select.field-warning.select-open .select-trigger{border-color:var(--color-warning);box-shadow:0 0 0 var(--focus-ring-width) var(--color-warning-border)}.textarea.field-error:focus{border-color:var(--color-error);box-shadow:0 0 0 var(--focus-ring-width) var(--color-error-border)}.textarea.field-success:focus{border-color:var(--color-success);box-shadow:0 0 0 var(--focus-ring-width) var(--color-success-border)}.textarea.field-warning:focus{border-color:var(--color-warning);box-shadow:0 0 0 var(--focus-ring-width) var(--color-warning-border)}.checkbox.field-error .checkbox-box{border-color:var(--color-error)}.checkbox.field-error .checkbox-native:checked~.checkbox-box{background-color:var(--color-error);border-color:var(--color-error)}.checkbox.field-error .checkbox-label{color:var(--color-error)}.radio.field-error .radio-circle,.switch-card.field-error{border-color:var(--color-error)}.radio.field-error .radio-native:checked~.radio-circle{border-color:var(--color-error);background-color:var(--color-error)}.radio.field-error .radio-label{color:var(--color-error)}.input-counter.limit-near{font-weight:var(--font-medium)}.password-strength{margin-top:var(--space-2)}.password-strength-bar-track{display:flex;gap:var(--space-1);margin-bottom:var(--space-1-5)}.password-strength-segment{flex:1;height:var(--space-1);border-radius:var(--radius-pill);background-color:var(--color-neutral-200);transition:background-color var(--duration-normal) var(--ease-in-out)}.password-strength[data-strength=weak] .password-strength-segment:nth-child(1){background-color:var(--color-error)}.password-strength[data-strength=fair] .password-strength-segment:nth-child(-n+2){background-color:var(--color-warning)}.password-strength[data-strength=good] .password-strength-segment:nth-child(-n+3){background-color:var(--color-accent-500)}.password-strength[data-strength=strong] .password-strength-segment{background-color:var(--color-success)}.password-strength-label{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--font-medium);line-height:var(--leading-tight);color:var(--color-neutral-500);transition:color var(--duration-fast) var(--ease-in-out)}.password-strength[data-strength=weak] .password-strength-label{color:var(--color-error)}.password-strength[data-strength=fair] .password-strength-label{color:var(--color-warning)}.password-strength[data-strength=good] .password-strength-label{color:var(--color-accent-600)}.password-strength[data-strength=strong] .password-strength-label{color:var(--color-success)}.form-alert{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-6);opacity:0;transform:translateY(-8px);animation:form-alert-in var(--duration-normal) var(--ease-out) forwards}.form-alert.fade-out{animation:form-alert-out var(--duration-normal) var(--ease-in-out) forwards}.form-alert-error{background-color:var(--color-error-light);border:var(--border-width) solid var(--color-error-border)}.form-alert-error .form-alert-icon,.form-alert-error .form-alert-list a{color:var(--color-error)}.form-alert-error .form-alert-list li,.form-alert-error .form-alert-title{color:var(--color-error-dark)}.form-alert-warning{background-color:var(--color-warning-light);border:var(--border-width) solid var(--color-warning-border)}.form-alert-warning .form-alert-icon,.form-alert-warning .form-alert-list a{color:var(--color-warning)}.form-alert-warning .form-alert-list li,.form-alert-warning .form-alert-title{color:var(--color-warning-dark)}.form-alert-success{background-color:var(--color-success-light);border:var(--border-width) solid var(--color-success-border)}.form-alert-success .form-alert-icon{color:var(--color-success)}.form-alert-success .form-alert-list li,.form-alert-success .form-alert-title{color:var(--color-success-dark)}.form-alert-icon{flex-shrink:0;width:var(--space-5);height:var(--space-5);margin-top:var(--space-0-5)}.form-alert-body{flex:1;min-width:0}.form-alert-title{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-semibold);line-height:var(--leading-tight);margin-bottom:var(--space-1)}.form-alert-list{margin:0;padding-left:var(--space-4);font-size:var(--text-xs);line-height:var(--leading-relaxed)}.form-alert-list a{text-decoration:underline;text-underline-offset:2px;cursor:pointer;font-weight:var(--font-medium)}.form-alert-list a:hover{text-decoration-thickness:2px}.form-alert-dismiss{flex-shrink:0;display:inline-flex;width:var(--space-5);height:var(--space-5);border:0;border-radius:var(--radius-sm);background:0 0;color:var(--color-neutral-500);cursor:pointer;padding:0;transition:color var(--duration-fast) var(--ease-in-out),background-color var(--duration-fast) var(--ease-in-out)}.form-alert-dismiss:hover{background-color:rgba(0,0,0,.06);color:var(--color-neutral-700)}.form-alert-dismiss svg{width:var(--space-4);height:var(--space-4)}.form-alert-dismiss,.form-success-icon,.form-success-state{align-items:center;justify-content:center}.form-success-state{display:none;flex-direction:column;text-align:center;padding:var(--space-12) var(--space-8);gap:var(--space-4);animation:form-success-in var(--duration-slow) var(--ease-out) forwards}.form-success-state.is-visible{display:flex}.form-success-icon{width:var(--space-16);height:var(--space-16);border-radius:var(--radius-pill);background-color:var(--color-success-light);display:inline-flex;margin-bottom:var(--space-2)}.form-success-icon svg{width:var(--space-8);height:var(--space-8);color:var(--color-success);stroke-dasharray:48;stroke-dashoffset:48;animation:success-check-draw var(--duration-slow) var(--ease-out) var(--anim-check-draw-delay) forwards}.form-success-title{font-family:var(--font-serif);font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--color-neutral-900);line-height:var(--leading-tight)}.form-success-desc{font-size:var(--text-sm);color:var(--color-neutral-500);line-height:var(--leading-relaxed);max-width:360px}.form.is-submitting{opacity:.6;pointer-events:none}.form.is-submitting .btn-submit-text{opacity:0}.form.is-submitting .btn-submit-spinner{display:inline-flex}.btn-submit-spinner{display:none;width:var(--space-4);height:var(--space-4);position:absolute;animation:btn-spin var(--anim-spinner-fast) linear infinite}.btn-submit-spinner .spinner-circle{stroke:currentColor;stroke-dasharray:20;stroke-dashoffset:15;stroke-linecap:round}.field-validating-indicator{display:none;align-items:center;gap:var(--space-1-5);margin-top:var(--space-1-5);font-size:var(--text-xs);color:var(--color-neutral-500)}.field-validating-indicator.is-visible{display:inline-flex}.field-validating-indicator .validating-spinner{width:var(--space-3);height:var(--space-3);animation:btn-spin var(--anim-spin-duration) linear infinite}.field-validating-indicator .validating-spinner .spinner-circle{stroke:currentColor;stroke-dasharray:12;stroke-dashoffset:9;stroke-linecap:round}.form-contents{transition:opacity var(--duration-normal) var(--ease-in-out)}.form-contents.is-hidden{display:none}.field-group{display:flex;flex-direction:column;gap:var(--space-1-5)}.password-match-message{display:none;align-items:flex-start;gap:var(--space-1);margin-top:var(--space-1-5);font-size:var(--text-xs);font-weight:var(--font-medium);line-height:var(--leading-tight)}.password-match-message.is-visible{display:flex;animation:field-msg-in var(--duration-normal) var(--ease-out) forwards}.password-match-message.is-error{color:var(--color-error)}.password-match-message.is-error svg,.password-match-message.is-success svg{color:var(--color-error);width:var(--space-3);height:var(--space-3);flex-shrink:0}.password-match-message.is-success{color:var(--color-success)}.password-match-message.is-success svg{color:var(--color-success)}.input-group{display:flex;flex-direction:column;gap:var(--space-1-5);width:100%}.input-label{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--input-label-color);line-height:var(--leading-tight)}.input-label .input-required{color:var(--color-error);margin-left:var(--space-0-5)}.input-wrapper{display:flex;align-items:center;position:relative;width:100%;border-radius:var(--radius-sm);border:var(--border-width) solid var(--border-color);background-color:var(--input-bg);transition:border-color var(--duration-fast) var(--ease-in-out),box-shadow var(--duration-fast) var(--ease-out);overflow:hidden}.input-wrapper:has(.input:focus),.input-wrapper:has(.textarea:focus){border-color:var(--input-focus-color);box-shadow:0 0 0 var(--focus-ring-width) var(--input-focus-color)}.input{display:block;width:100%;border:0;outline:0;background:0 0;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-regular);color:var(--input-text-color);line-height:var(--leading-none);padding:0;-webkit-appearance:none;appearance:none}.input::placeholder,.multiselect-search-input::placeholder,.select-search-input::placeholder,.textarea::placeholder{color:var(--input-placeholder-color)}.input:focus{outline:0}.input:disabled{opacity:var(--input-disabled-opacity);cursor:var(--input-disabled-cursor)}.input:read-only{background-color:var(--input-addon-bg)}.input-md,.input-sm{min-height:var(--input-sm-height);font-size:var(--text-sm);padding:var(--space-1) var(--space-3)}.input-md{min-height:var(--input-md-height);padding:var(--space-2) var(--space-4)}.input-lg{min-height:var(--input-lg-height);font-size:var(--text-base);padding:var(--space-2-5) var(--space-4)}.input-filled,.input-filled.input-wrapper{border-color:transparent;background-color:var(--input-filled-bg)}.input-filled.input-wrapper:has(.input:focus),.input-filled.input-wrapper:has(.textarea:focus){border-color:transparent;background-color:var(--input-bg);box-shadow:0 0 0 var(--focus-ring-width) var(--input-focus-color)}.input-underline.input-wrapper{border-top-color:transparent;border-left-color:transparent;border-right-color:transparent;border-bottom-color:var(--border-color);border-radius:var(--radius-none);background-color:transparent}.input-underline.input-wrapper:has(.input:focus),.input-underline.input-wrapper:has(.textarea:focus){border-top-color:transparent;border-left-color:transparent;border-right-color:transparent;border-bottom-color:var(--input-focus-color);box-shadow:none}.input-underline .input{padding-left:0;padding-right:0}.input-error.input-wrapper{border-color:var(--color-error)}.input-error.input-wrapper:has(.input:focus),.input-error.input-wrapper:has(.textarea:focus){border-color:var(--input-focus-error);box-shadow:0 0 0 var(--focus-ring-width) var(--input-focus-error)}.input-error.input-filled.input-wrapper{border-color:transparent}.input-error.input-filled.input-wrapper:has(.input:focus),.input-error.input-filled.input-wrapper:has(.textarea:focus){border-color:transparent;box-shadow:0 0 0 var(--focus-ring-width) var(--input-focus-error)}.input-error.input-underline.input-wrapper{border-bottom-color:var(--color-error)}.input-error.input-underline.input-wrapper:has(.input:focus),.input-error.input-underline.input-wrapper:has(.textarea:focus){border-bottom-color:var(--input-focus-error);box-shadow:none}.input-success.input-wrapper{border-color:var(--color-success)}.input-success.input-wrapper:has(.input:focus),.input-success.input-wrapper:has(.textarea:focus){border-color:var(--input-focus-success);box-shadow:0 0 0 var(--focus-ring-width) var(--input-focus-success)}.input-success.input-filled.input-wrapper{border-color:transparent}.input-success.input-filled.input-wrapper:has(.input:focus),.input-success.input-filled.input-wrapper:has(.textarea:focus){border-color:transparent;box-shadow:0 0 0 var(--focus-ring-width) var(--input-focus-success)}.input-success.input-underline.input-wrapper{border-bottom-color:var(--color-success)}.input-success.input-underline.input-wrapper:has(.input:focus),.input-success.input-underline.input-wrapper:has(.textarea:focus){border-bottom-color:var(--input-focus-success);box-shadow:none}.input-warning.input-wrapper{border-color:var(--color-warning)}.input-warning.input-wrapper:has(.input:focus),.input-warning.input-wrapper:has(.textarea:focus){border-color:var(--input-focus-warning);box-shadow:0 0 0 var(--focus-ring-width) var(--input-focus-warning)}.input-warning.input-filled.input-wrapper{border-color:transparent}.input-warning.input-filled.input-wrapper:has(.input:focus),.input-warning.input-filled.input-wrapper:has(.textarea:focus){border-color:transparent;box-shadow:0 0 0 var(--focus-ring-width) var(--input-focus-warning)}.input-warning.input-underline.input-wrapper{border-bottom-color:var(--color-warning)}.input-warning.input-underline.input-wrapper:has(.input:focus),.input-warning.input-underline.input-wrapper:has(.textarea:focus){border-bottom-color:var(--input-focus-warning);box-shadow:none}.input-icon-leading{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--input-icon-color);margin-left:var(--space-3)}.input-icon-leading,.input-icon-leading svg,.input-icon-trailing,.input-icon-trailing svg{width:var(--space-4);height:var(--space-4)}.input-icon-trailing{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--input-icon-color);background:0 0;border:0;cursor:pointer;padding:0;margin-right:var(--space-3);transition:color var(--duration-fast) var(--ease-in-out)}.input-icon-trailing:hover{color:var(--color-neutral-600)}.input-icon-trailing:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset);border-radius:var(--radius-sm)}.input-clear{display:none;opacity:0;transition:opacity var(--duration-fast) var(--ease-in-out),color var(--duration-fast) var(--ease-in-out)}.input-clear.is-visible{display:inline-flex;opacity:1}.input-clear:hover{color:var(--color-neutral-700)}.input-addon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-regular);color:var(--input-addon-text-color);background-color:var(--input-addon-bg);line-height:var(--leading-none);padding:var(--space-1) var(--space-2-5);white-space:nowrap;user-select:none;-webkit-user-select:none}.input-addon:first-child{border-radius:var(--radius-sm)0 0 var(--radius-sm);border-right:var(--border-width) solid var(--border-color);padding-right:var(--space-2)}.input-addon:last-child{border-radius:0 var(--radius-sm) var(--radius-sm)0;border-left:var(--border-width) solid var(--border-color);padding-left:var(--space-2)}.input-wrapper:has(.input-icon-leading) .input{padding-left:var(--space-1)}.input-wrapper:has(.input-icon-trailing) .input{padding-right:var(--space-1)}.input-wrapper .input-addon+.input,.input-wrapper:has(.input-addon:first-child) .input{padding-left:var(--space-1)}.input-wrapper .input+.input-addon,.input-wrapper:has(.input-addon:last-child) .input{padding-right:var(--space-1)}.input-helper,.input-message{font-family:var(--font-sans);font-size:var(--text-xs);line-height:var(--leading-tight)}.input-helper{color:var(--input-helper-color)}.input-message{display:flex;align-items:center;gap:var(--space-1);font-weight:var(--font-medium)}.input-message svg{width:var(--space-3);height:var(--space-3);flex-shrink:0}.input-message-error,.input-message-error svg{color:var(--color-error)}.input-message-success,.input-message-success svg{color:var(--color-success)}.input-counter.limit-near,.input-message-warning,.input-message-warning svg{color:var(--color-warning)}.input-counter,.textarea{font-family:var(--font-sans)}.input-counter{font-size:var(--text-xs);color:var(--input-helper-color);line-height:var(--leading-tight);text-align:right;font-variant-numeric:tabular-nums;-moz-font-feature-settings:"tnum";font-feature-settings:"tnum"}.input-counter.limit-reached{color:var(--color-error);font-weight:var(--font-semibold)}.textarea{display:block;width:100%;border:var(--border-width) solid var(--border-color);border-radius:var(--radius-sm);background-color:var(--input-bg);font-size:var(--text-sm);font-weight:var(--font-regular);color:var(--input-text-color);line-height:var(--leading-relaxed);padding:var(--space-2) var(--space-3);outline:0;resize:vertical;min-height:calc(var(--textarea-min-rows)*1.625*var(--text-sm) + var(--space-4));max-height:calc(var(--textarea-max-rows)*1.625*var(--text-sm) + var(--space-4));transition:border-color var(--duration-fast) var(--ease-in-out),box-shadow var(--duration-fast) var(--ease-out);overflow-y:auto}.textarea:focus{outline:0;border-color:var(--input-focus-color);box-shadow:0 0 0 var(--focus-ring-width) var(--input-focus-color)}.textarea:disabled{opacity:var(--input-disabled-opacity);cursor:var(--input-disabled-cursor);resize:none}.textarea:read-only{background-color:var(--input-addon-bg)}.textarea-md,.textarea-sm{font-size:var(--text-sm);padding:var(--space-1-5) var(--space-3)}.textarea-md{padding:var(--space-2) var(--space-3)}.textarea-lg{font-size:var(--text-base);padding:var(--space-2-5) var(--space-4)}.textarea-error{border-color:var(--color-error)}.textarea-error:focus{border-color:var(--input-focus-error);box-shadow:0 0 0 var(--focus-ring-width) var(--input-focus-error)}.textarea-success{border-color:var(--color-success)}.textarea-success:focus{border-color:var(--input-focus-success);box-shadow:0 0 0 var(--focus-ring-width) var(--input-focus-success)}.textarea-warning{border-color:var(--color-warning)}.textarea-warning:focus{border-color:var(--input-focus-warning);box-shadow:0 0 0 var(--focus-ring-width) var(--input-focus-warning)}.input-group.is-disabled{opacity:var(--input-disabled-opacity);pointer-events:none}.input-group.is-disabled .input-wrapper{cursor:var(--input-disabled-cursor)}.input-group.is-readonly .input-wrapper{background-color:var(--input-addon-bg);cursor:default}.modal-overlay{display:flex;align-items:center;justify-content:center;position:fixed;inset:0;z-index:var(--z-modal);background-color:var(--modal-overlay-bg);backdrop-filter:blur(var(--modal-overlay-blur));-webkit-backdrop-filter:blur(var(--modal-overlay-blur));padding:var(--space-6);opacity:0;visibility:hidden;transition:opacity var(--modal-open-duration) var(--ease-in-out),visibility var(--modal-open-duration) var(--ease-in-out)}.modal-overlay.is-open{opacity:1;visibility:visible}.modal-overlay+.modal-overlay{z-index:calc(var(--z-modal) + 10)}.modal{position:relative;width:100%;max-width:var(--modal-max-w);max-height:var(--modal-max-h);background-color:var(--modal-bg);border-radius:var(--modal-radius);box-shadow:var(--modal-shadow);display:flex;flex-direction:column;overflow:hidden;transform:scale(.95) translateY(8px);opacity:0;transition:transform var(--modal-open-duration) var(--modal-open-ease),opacity var(--modal-open-duration) var(--ease-in-out)}.modal-overlay.is-open .dialog,.modal-overlay.is-open .modal{transform:scale(1) translateY(0);opacity:1}.modal-sm{max-width:min(var(--modal-sm),var(--modal-max-w))}.modal-md{max-width:min(var(--modal-md),var(--modal-max-w))}.modal-lg{max-width:min(var(--modal-lg),var(--modal-max-w))}.modal-xl{max-width:min(var(--modal-xl),var(--modal-max-w))}.modal-fullscreen{max-width:calc(100vw - var(--space-4));max-height:calc(100vh - var(--space-4));width:100%;height:100%;border-radius:var(--radius-md)}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--modal-header-padding);border-bottom:var(--border-width) solid var(--color-neutral-100);flex-shrink:0}.modal-title{font-family:var(--font-serif);font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-neutral-900);line-height:var(--leading-tight);margin:0}.modal-close{display:inline-flex;align-items:center;justify-content:center;width:var(--space-7);height:var(--space-7);flex-shrink:0;border:0;border-radius:var(--radius-sm);background:0 0;color:var(--color-neutral-400);cursor:pointer;padding:0;transition:color var(--duration-fast) var(--ease-in-out),background-color var(--duration-fast) var(--ease-in-out)}.modal-close:hover{color:var(--color-neutral-700);background-color:var(--color-neutral-100)}.modal-close:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.modal-close svg{width:var(--space-4);height:var(--space-4)}.modal-body{padding:var(--modal-body-padding);overflow-y:auto;flex:1}.modal-footer,.modal-steps{display:flex;align-items:center}.modal-footer{justify-content:flex-end;gap:var(--space-3);padding:var(--modal-footer-padding);border-top:var(--border-width) solid var(--color-neutral-100);flex-shrink:0}.modal-no-header .modal-header{display:none}.modal-no-header .modal-body{padding-top:var(--modal-body-padding)}.modal-no-header .modal-close{position:absolute;top:var(--space-4);right:var(--space-4);z-index:var(--z-raised)}.modal-scrollable .modal-body{overflow-y:auto;max-height:var(--modal-max-h)}.modal-steps{gap:var(--space-1);padding:var(--space-1-5)0}.modal-step-indicator{flex:1;height:var(--space-1);border-radius:var(--radius-pill);background-color:var(--color-neutral-200);transition:background-color var(--duration-normal) var(--ease-in-out)}.modal-step-indicator.is-active{background-color:var(--color-accent-500)}.modal-step-indicator.is-complete{background-color:var(--color-accent-300)}.modal-step-label{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--color-neutral-500);margin-bottom:var(--space-2)}.modal-step-label strong{color:var(--color-neutral-700);font-weight:var(--font-medium)}.dialog{position:relative;width:100%;max-width:min(var(--modal-sm),var(--modal-max-w));background-color:var(--modal-bg);border-radius:var(--modal-radius);box-shadow:var(--modal-shadow);padding:var(--space-6);text-align:center;transform:scale(.95) translateY(8px);opacity:0;transition:transform var(--modal-open-duration) var(--modal-open-ease),opacity var(--modal-open-duration) var(--ease-in-out)}.dialog-sm{max-width:min(320px,var(--modal-max-w))}.dialog-md{max-width:min(var(--modal-sm),var(--modal-max-w))}.dialog-lg{max-width:min(var(--modal-md),var(--modal-max-w))}.dialog-icon{display:inline-flex;align-items:center;justify-content:center;width:var(--space-12);height:var(--space-12);border-radius:var(--radius-pill);margin-bottom:var(--space-4);background-color:var(--color-neutral-100)}.dialog-icon svg{width:var(--space-6);height:var(--space-6)}.dialog-confirm .dialog-icon{background-color:var(--color-accent-50);color:var(--color-accent-500)}.dialog-destructive .dialog-icon{background-color:var(--color-error-light);color:var(--color-error)}.dialog-info .dialog-icon{background-color:var(--color-info-light);color:var(--color-info)}.dialog-title{font-family:var(--font-serif);font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-neutral-900);line-height:var(--leading-tight);margin:0 0 var(--space-2)}.dialog-desc{font-size:var(--text-sm);color:var(--color-neutral-600);line-height:var(--leading-relaxed);margin:0 0 var(--space-6)}.dialog-input{width:100%;margin-bottom:var(--space-5);text-align:left}.dialog-input .input,.dialog-input .input-wrapper{width:100%}.dialog-hint{font-size:var(--text-xs);color:var(--color-neutral-500);margin-top:var(--space-1-5);text-align:left}.dialog-actions{display:flex;align-items:center;justify-content:center;gap:var(--space-3)}.dialog-actions-full{justify-content:stretch}.dialog-actions-full .btn{flex:1}body.is-modal-open{overflow:hidden}.multiselect,.select,.select-trigger{display:flex;width:100%;position:relative}.multiselect,.select{flex-direction:column;gap:var(--space-1-5)}.select-trigger{align-items:center;justify-content:space-between;border:var(--border-width) solid var(--border-color);border-radius:var(--radius-sm);background-color:var(--select-bg);cursor:pointer;user-select:none;-webkit-user-select:none;transition:border-color var(--duration-fast) var(--ease-in-out),box-shadow var(--duration-fast) var(--ease-out);overflow:hidden}.select-trigger:hover:not(:disabled){border-color:var(--border-color-strong)}.select-chevron{flex-shrink:0;width:var(--space-4);height:var(--space-4);margin-right:var(--space-3);color:var(--input-icon-color);transition:transform var(--duration-normal) var(--ease-in-out)}.select-chevron svg{width:100%;height:100%}.select-open .select-chevron{transform:rotate(180deg)}.select-placeholder,.select-value{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-sans);font-size:var(--text-sm);line-height:var(--leading-none)}.select-placeholder{color:var(--input-placeholder-color)}.select-value{color:var(--input-text-color)}.select-sm .select-trigger{min-height:var(--select-sm-height);padding:var(--space-1) var(--space-3);font-size:var(--text-sm)}.select-md .select-trigger{min-height:var(--select-md-height);padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.select-lg .select-trigger{min-height:var(--select-lg-height);padding:var(--space-2-5) var(--space-4);font-size:var(--text-base)}.select-dropdown{position:absolute;top:calc(100% + var(--space-1));left:0;width:100%;max-height:var(--select-dropdown-max-height);background-color:var(--select-bg);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-sm);box-shadow:var(--select-dropdown-shadow);z-index:var(--z-dropdown);opacity:0;transform:translateY(-4px);pointer-events:none;transition:opacity var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out);overflow:hidden;display:flex;flex-direction:column}.select-flip-up{top:auto;bottom:calc(100% + var(--space-1));transform:translateY(4px)}.select-open .select-dropdown{opacity:1;transform:translateY(0);pointer-events:auto}.select-flip-up.select-open .select-dropdown{transform:translateY(0)}.select-options{overflow-y:auto;max-height:var(--select-dropdown-max-height);padding:var(--space-1)0}.select-search-wrapper{padding:var(--space-2) var(--space-2) var(--space-1);border-bottom:var(--border-width) solid var(--color-neutral-100)}.select-search-input{width:100%;border:var(--border-width) solid var(--select-search-border);border-radius:var(--radius-sm);padding:var(--space-1-5) var(--space-2-5);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--input-text-color);background-color:var(--color-neutral-50);outline:0;transition:border-color var(--duration-fast) var(--ease-in-out)}.select-search-input:focus{border-color:var(--input-focus-color)}.select-option{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-3);min-height:var(--select-option-height);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--input-text-color);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-in-out),color var(--duration-fast) var(--ease-in-out);user-select:none;-webkit-user-select:none}.select-option:hover{background-color:var(--select-option-hover-bg)}.select-option:active{background-color:var(--select-option-active-bg)}.select-option.is-focused{background-color:var(--select-option-hover-bg);outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:0}.select-option.is-selected{background-color:var(--select-option-active-bg);color:var(--input-text-color);font-weight:var(--font-medium)}.select-check{flex-shrink:0;width:var(--space-4);height:var(--space-4);color:var(--input-focus-color);opacity:0;transform:scale(.8);transition:opacity var(--duration-fast) var(--ease-in-out),transform var(--duration-fast) var(--ease-out)}.select-option.is-selected .select-check{opacity:1;transform:scale(1)}.select-option.is-hidden{display:none}.select-option.is-disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.select-group-label{padding:var(--space-1-5) var(--space-3);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--select-group-label-color);text-transform:uppercase;letter-spacing:var(--tracking-wider);border-top:var(--border-width) solid var(--color-neutral-100);margin-top:var(--space-1)}.select-group-label:first-child{margin-top:0;border-top:none}.select-disabled .select-trigger{opacity:var(--input-disabled-opacity);cursor:var(--input-disabled-cursor);pointer-events:none}.select-disabled .select-chevron{opacity:.5}.select-error .select-trigger{border-color:var(--color-error)}.select-error.multiselect.select-open .select-trigger,.select-error.select-open .select-trigger{border-color:var(--input-focus-error);box-shadow:0 0 0 var(--focus-ring-width) var(--input-focus-error)}.select-error .select-chevron{color:var(--color-error)}.select-success .select-trigger{border-color:var(--color-success)}.select-success.multiselect.select-open .select-trigger,.select-success.select-open .select-trigger{border-color:var(--input-focus-success);box-shadow:0 0 0 var(--focus-ring-width) var(--input-focus-success)}.select-success .select-chevron{color:var(--color-success)}.multiselect-tags{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-1);flex:1;min-width:0;padding:var(--space-0-5)0}.multiselect-tag{display:inline-flex;align-items:center;gap:var(--space-0-5);padding:var(--space-0-25) var(--space-1-5) var(--space-0-25) var(--space-2);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-neutral-700);background-color:var(--color-neutral-100);border-radius:var(--radius-sm);line-height:var(--leading-none);white-space:nowrap;animation:tag-fade-in var(--duration-normal) var(--ease-out)}.multiselect-tag-label{max-width:var(--space-32);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.multiselect-tag-remove{display:inline-flex;align-items:center;justify-content:center;width:var(--space-3-5);height:var(--space-3-5);border:0;border-radius:var(--radius-sm);background:0 0;color:var(--color-neutral-400);cursor:pointer;padding:0;transition:color var(--duration-fast) var(--ease-in-out),background-color var(--duration-fast) var(--ease-in-out)}.multiselect-tag-remove:hover{color:var(--color-neutral-700);background-color:var(--color-neutral-200)}.multiselect-tag-remove svg,.toast-close svg{width:var(--space-3);height:var(--space-3)}.multiselect-actions button,.multiselect-counter{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--font-medium)}.multiselect-counter{display:inline-flex;align-items:center;justify-content:center;min-width:var(--select-counter-min-width);height:var(--select-counter-height);padding:0 var(--space-1);color:var(--color-neutral-600);background-color:var(--select-counter-bg);border-radius:var(--radius-pill);line-height:var(--leading-none);white-space:nowrap;font-variant-numeric:tabular-nums;-moz-font-feature-settings:"tnum";font-feature-settings:"tnum"}.multiselect-search-input{border:0;outline:0;background:0 0;font-family:var(--font-sans);font-size:var(--text-sm);color:var(--input-text-color);min-width:var(--select-search-min-width);flex:1;padding:var(--space-1)0;line-height:var(--leading-none)}.multiselect-actions{display:flex;align-items:center;justify-content:space-between;padding:var(--space-1) var(--space-2);border-bottom:var(--border-width) solid var(--color-neutral-100);gap:var(--space-2)}.multiselect-actions button{color:var(--input-focus-color);background:0 0;border:0;cursor:pointer;padding:var(--space-1) var(--space-1-5);border-radius:var(--radius-sm);transition:background-color var(--duration-fast) var(--ease-in-out),color var(--duration-fast) var(--ease-in-out)}.multiselect-actions button:hover{background-color:var(--color-accent-50)}.multiselect-actions button:active{background-color:var(--color-accent-100)}.multiselect-actions .multiselect-clear-all{color:var(--color-error)}.multiselect-actions .multiselect-clear-all:hover{background-color:var(--color-error-light)}.multiselect-sm .select-trigger{min-height:var(--select-sm-height);padding:var(--space-1) var(--space-3);font-size:var(--text-sm)}.multiselect-md .select-trigger{min-height:var(--select-md-height);padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.multiselect-lg .select-trigger{min-height:var(--select-lg-height);padding:var(--space-2-5) var(--space-4);font-size:var(--text-base)}.select-disabled.multiselect .select-trigger{opacity:var(--input-disabled-opacity);cursor:var(--input-disabled-cursor);pointer-events:none}.select-error.multiselect .select-trigger{border-color:var(--color-error)}.select-success.multiselect .select-trigger{border-color:var(--color-success)}.select-no-results{padding:var(--space-4) var(--space-3);text-align:center;font-size:var(--text-sm);color:var(--color-neutral-400);font-style:italic}.toast-stack{display:flex;flex-direction:column;gap:var(--toast-stack-gap);position:fixed;z-index:var(--z-toast);pointer-events:none}.toast-stack-bottom-right{bottom:var(--space-6);right:var(--space-6)}.toast-stack-bottom-left{bottom:var(--space-6);left:var(--space-6)}.toast-stack-bottom-center{bottom:var(--space-6);left:50%;transform:translateX(-50%)}.toast-stack-top-right{top:var(--space-6);right:var(--space-6)}.toast-stack-top-left{top:var(--space-6);left:var(--space-6)}.toast-stack-top-center{top:var(--space-6);left:50%;transform:translateX(-50%)}.toast{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);max-width:var(--toast-max-width);min-width:var(--toast-min-width);background-color:var(--toast-bg);border-radius:var(--toast-border-radius);box-shadow:var(--toast-shadow);border:var(--border-width) solid var(--color-neutral-200);font-size:var(--toast-font-size);color:var(--color-neutral-800);pointer-events:auto;position:relative;overflow:hidden;opacity:0;transform:translateY(8px);transition:opacity var(--toast-slide-duration) var(--ease-out),transform var(--toast-slide-duration) var(--ease-out),max-height var(--toast-slide-duration) var(--ease-out),margin-bottom var(--toast-slide-duration) var(--ease-out),padding-top var(--toast-slide-duration) var(--ease-out),padding-bottom var(--toast-slide-duration) var(--ease-out)}.toast.toast-enter{animation:toast-slide-in var(--toast-slide-duration) var(--ease-out) forwards}.toast.toast-exit{animation:toast-slide-out var(--toast-slide-duration) var(--ease-in-out) forwards}.toast-icon{flex-shrink:0;width:var(--toast-icon-size);height:var(--toast-icon-size);margin-top:var(--toast-icon-margin)}.toast-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-0-5)}.toast-message{font-family:var(--font-sans);font-size:var(--text-sm);line-height:var(--leading-snug);color:var(--color-neutral-800)}.notification-panel-header h3,.toast-action{font-family:var(--font-sans);font-weight:var(--font-semibold)}.toast-action,.toast-close{display:inline-flex;align-items:center;border:0;background:0 0;cursor:pointer}.toast-action{font-size:var(--text-xs);color:var(--color-accent-600);padding:var(--space-0-5)0;margin-top:var(--space-0-5);text-decoration:underline;text-underline-offset:var(--toast-action-underline-offset);transition:color var(--duration-fast) var(--ease-in-out);align-self:flex-start}.toast-action:hover{color:var(--color-accent-700)}.toast-close{flex-shrink:0;justify-content:center;width:var(--space-5);height:var(--space-5);border-radius:var(--radius-sm);color:var(--color-neutral-400);padding:0;margin-top:-2px;margin-right:-2px;transition:color var(--duration-fast) var(--ease-in-out),background-color var(--duration-fast) var(--ease-in-out)}.toast-close:hover{color:var(--color-neutral-700);background-color:var(--color-neutral-100)}.toast-progress{position:absolute;bottom:0;left:0;right:0;height:var(--toast-progress-height);background-color:transparent;overflow:hidden}.toast-progress::after{content:"";display:block;height:100%;background-color:var(--color-neutral-300);transform-origin:left;transform:scaleX(var(--progress, 1));transition:transform linear}.toast-progress.running::after{animation:toast-progress var(--toast-default-duration) linear forwards}.toast-success{border-color:var(--color-success-border)}.toast-success .toast-icon{color:var(--color-success)}.toast-success .toast-progress::after{background-color:var(--color-success)}.toast-error{border-color:var(--color-error-border)}.toast-error .toast-icon{color:var(--color-error)}.toast-error .toast-progress::after{background-color:var(--color-error)}.toast-warning{border-color:var(--color-warning-border)}.toast-warning .toast-icon{color:var(--color-warning)}.toast-warning .toast-progress::after{background-color:var(--color-warning)}.toast-info{border-color:var(--color-info-border)}.toast-info .toast-icon{color:var(--color-info)}.toast-info .toast-progress::after{background-color:var(--color-info)}.toast-loading .toast-icon,.toast-neutral .toast-icon{color:var(--color-neutral-500)}.toast-neutral .toast-progress::after{background-color:var(--color-neutral-400)}.toast-loading{border-color:var(--color-neutral-200)}.toast-loading .toast-icon{animation:toast-spinner-spin var(--anim-spin-duration) linear infinite}.toast-loading .toast-progress{display:none}.notification-panel{width:var(--notif-panel-width);max-height:var(--notif-panel-max-height);background-color:var(--toast-bg);border:var(--border-width) solid var(--color-neutral-200);border-radius:var(--radius-md);box-shadow:var(--shadow-md);display:flex;flex-direction:column;overflow:hidden}.notification-panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:var(--border-width) solid var(--color-neutral-100);flex-shrink:0}.notification-panel-header h3{font-size:var(--text-base);color:var(--color-neutral-900);margin:0}.notification-mark-all{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-accent-600);background:0 0;border:0;cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:background-color var(--duration-fast) var(--ease-in-out),color var(--duration-fast) var(--ease-in-out)}.notification-mark-all:hover{background-color:var(--color-accent-50);color:var(--color-accent-700)}.notification-list{overflow-y:auto;flex:1}.notification-group-label{padding:var(--space-2) var(--space-4);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-neutral-500);text-transform:uppercase;letter-spacing:var(--tracking-wider);border-bottom:var(--border-width) solid var(--color-neutral-100);background-color:var(--color-neutral-50);position:sticky;top:0;z-index:var(--z-raised)}.notification-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);cursor:pointer;border-bottom:var(--border-width) solid var(--color-neutral-50);transition:background-color var(--duration-fast) var(--ease-in-out);position:relative}.notification-item:last-child{border-bottom:none}.notification-item:hover{background-color:var(--color-neutral-50)}.notification-unread,.notification-unread:hover{background-color:var(--color-info-light)}.notification-unread-dot{position:absolute;left:var(--space-2);top:50%;transform:translateY(-50%);width:var(--space-2);height:var(--space-2);border-radius:var(--radius-pill);background-color:var(--color-info);flex-shrink:0}.notification-unread .notification-avatar,.notification-unread .notification-content,.notification-unread .notification-time-indicator{margin-left:var(--space-2)}.notification-avatar,.notification-panel-footer a{font-size:var(--text-xs);font-weight:var(--font-medium)}.notification-avatar,.notification-empty svg{width:var(--notif-avatar-size);height:var(--notif-avatar-size)}.notification-avatar{flex-shrink:0;border-radius:var(--radius-pill);background-color:var(--color-neutral-200);display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-sans);color:var(--color-neutral-500);overflow:hidden}.notification-avatar img{width:100%;height:100%;object-fit:cover}.notification-content{flex:1;min-width:0}.notification-text{font-size:var(--text-sm);color:var(--color-neutral-800);line-height:var(--leading-snug);margin:0 0 var(--space-1)0}.notification-text strong{font-weight:var(--font-semibold);color:var(--color-neutral-900)}.notification-time,.notification-time-indicator{font-size:var(--text-xs);color:var(--color-neutral-400)}.notification-time-indicator{flex-shrink:0;margin-top:var(--space-0-5);white-space:nowrap}.notification-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12) var(--space-8);text-align:center;gap:var(--space-3)}.notification-empty svg{color:var(--color-neutral-300)}.notification-empty p{font-size:var(--text-sm);color:var(--color-neutral-500);margin:0}.notification-panel-footer{padding:var(--space-3) var(--space-4);border-top:var(--border-width) solid var(--color-neutral-100);text-align:center;flex-shrink:0}.notification-panel-footer a{color:var(--color-accent-600);text-decoration:none;transition:color var(--duration-fast) var(--ease-in-out)}.notification-panel-footer a:hover{color:var(--color-accent-700);text-decoration:underline}.switch{display:inline-flex;align-items:center;gap:var(--control-gap);cursor:pointer;font-family:var(--font-sans);font-size:var(--text-sm);color:var(--input-text-color);line-height:var(--leading-tight);position:relative}.switch-native{position:absolute;width:var(--space-0);height:var(--space-0);opacity:0;pointer-events:none}.switch-thumb,.switch-track{display:inline-flex;align-items:center;border-radius:var(--radius-pill);position:relative;flex-shrink:0}.switch-track{justify-content:space-between;width:var(--switch-md-track-w);height:var(--switch-md-track-h);background-color:var(--switch-track-off);transition:background-color var(--duration-normal) var(--ease-in-out),box-shadow var(--duration-fast) var(--ease-out);padding:var(--space-0-5);box-sizing:border-box;overflow:hidden}.switch-thumb{justify-content:center;width:var(--switch-md-thumb);height:var(--switch-md-thumb);background-color:var(--switch-thumb);box-shadow:var(--switch-thumb-shadow);transform:translateX(0);transition:transform var(--duration-normal) var(--ease-out)}.switch-native:checked~.switch-track{background-color:var(--switch-track-on)}.switch-native:checked~.switch-track .switch-thumb{transform:translateX(var(--switch-md-translate))}.switch-sm .switch-track{width:var(--switch-sm-track-w);height:var(--switch-sm-track-h)}.switch-sm .switch-thumb{width:var(--switch-sm-thumb);height:var(--switch-sm-thumb)}.switch-sm .switch-native:checked~.switch-track .switch-thumb{transform:translateX(var(--switch-sm-translate))}.switch-lg .switch-track{width:var(--switch-lg-track-w);height:var(--switch-lg-track-h)}.switch-lg .switch-thumb{width:var(--switch-lg-thumb);height:var(--switch-lg-thumb)}.switch-lg .switch-native:checked~.switch-track .switch-thumb{transform:translateX(var(--switch-lg-translate))}.switch-thumb-icon{width:55%;height:55%;stroke:var(--color-accent-500);fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;opacity:0;transform:scale(.7);transition:opacity var(--duration-fast) var(--ease-in-out),transform var(--duration-fast) var(--ease-out)}.switch-native:checked~.switch-track .switch-thumb-icon.is-on{opacity:1;transform:scale(1)}.switch-track .switch-thumb-icon.is-off{opacity:.4;stroke:var(--color-neutral-400);transform:scale(1)}.switch-native:checked~.switch-track .switch-thumb-icon.is-off{opacity:0;transform:scale(.7)}.switch-track .switch-label-off,.switch-track .switch-label-on{font-family:var(--font-sans);font-size:var(--switch-label-font-size);font-weight:var(--font-semibold);line-height:1;text-transform:uppercase;letter-spacing:var(--tracking-wider);position:absolute;top:50%;transform:translateY(-50%);user-select:none;-webkit-user-select:none;pointer-events:none}.switch-track .switch-label-off{left:var(--space-1-5);color:var(--color-neutral-500)}.switch-track .switch-label-on{right:var(--space-1-5);color:var(--color-neutral-50);opacity:0;transition:opacity var(--duration-fast) var(--ease-in-out)}.switch-native:checked~.switch-track .switch-label-on{opacity:1}.switch-track .switch-label-off{transition:opacity var(--duration-fast) var(--ease-in-out)}.switch-native:checked~.switch-track .switch-label-off{opacity:0}.switch-card{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-md);background-color:var(--select-bg);transition:border-color var(--duration-normal) var(--ease-in-out),background-color var(--duration-fast) var(--ease-in-out),box-shadow var(--duration-fast) var(--ease-out);width:100%;cursor:pointer}.switch-card:hover{border-color:var(--border-color-strong);background-color:var(--color-neutral-50)}.switch-card .switch-content{display:flex;align-items:center;gap:var(--space-3);min-width:0;flex:1}.switch-card-icon{flex-shrink:0;width:var(--space-5);height:var(--space-5);color:var(--color-neutral-500)}.switch-card-text{display:flex;flex-direction:column;gap:var(--space-0-5);min-width:0}.switch-card-title{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--input-text-color)}.switch-card-desc{font-size:var(--text-xs);color:var(--input-helper-color);line-height:var(--leading-tight)}.switch-card .switch-track{flex-shrink:0}.switch-card .switch-native:checked~.switch-track{background-color:var(--switch-track-on)}.switch-label-left{flex-direction:row-reverse}.switch-label-top{flex-direction:column;align-items:flex-start}.switch-label-top .switch-track{margin-top:var(--space-1-5)}.switch-native:focus-visible~.switch-track{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.switch-card.is-disabled,.switch.is-disabled{opacity:var(--switch-disabled-opacity);cursor:var(--input-disabled-cursor);pointer-events:none}.switch.is-loading .switch-thumb{animation:switch-spin var(--anim-spin-duration) linear infinite;background-image:none;position:relative}.switch.is-loading .switch-thumb::before{content:"";position:absolute;inset:var(--switch-spinner-inset);border-radius:var(--radius-pill);border:var(--border-width-2) solid var(--color-neutral-300);border-top-color:var(--color-accent-500);animation:switch-spinner-ring var(--anim-spinner-fast) linear infinite}.switch.is-loading .switch-track{background-color:var(--color-neutral-200);cursor:wait}.switch.is-loading .switch-native:checked~.switch-track .switch-thumb{animation:switch-spin var(--anim-spin-duration) linear infinite;transform:translateX(var(--switch-md-translate))}.switch-sm.is-loading .switch-native:checked~.switch-track .switch-thumb{transform:translateX(var(--switch-sm-translate))}.switch-lg.is-loading .switch-native:checked~.switch-track .switch-thumb{transform:translateX(var(--switch-lg-translate))}.switch-group{display:flex;flex-direction:column;border:var(--border-width) solid var(--border-color);border-radius:var(--radius-md);background-color:var(--select-bg);overflow:hidden}.switch-group-helper,.switch-group-label{font-family:var(--font-sans);display:block}.switch-group-label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--input-label-color);padding:var(--space-4) var(--space-4) var(--space-2)}.switch-group-helper{font-size:var(--text-xs);color:var(--input-helper-color);padding:var(--space-2) var(--space-4) var(--space-4)}.switch-group-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);transition:background-color var(--duration-fast) var(--ease-in-out)}.switch-group-item:hover{background-color:var(--color-neutral-50)}.switch-separator{height:var(--border-width);background-color:var(--color-neutral-100);margin:0 var(--space-4)}.switch-group-error .switch-group{border-color:var(--color-error)}.switch-group-error-msg{display:flex;align-items:center;gap:var(--space-1);margin-top:var(--space-2);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-error);line-height:var(--leading-tight)}.switch-group-error-msg svg{width:var(--space-3);height:var(--space-3);flex-shrink:0;color:var(--color-error)}.tooltip,.tooltip-arrow{background-color:var(--tooltip-bg)}.tooltip{position:fixed;z-index:var(--z-tooltip);max-width:var(--tooltip-max-width);font-family:var(--font-sans);font-size:var(--tooltip-font-size);line-height:var(--leading-tight);padding:var(--tooltip-padding);color:var(--tooltip-color);border-radius:var(--tooltip-border-radius);box-shadow:var(--tooltip-shadow);opacity:0;visibility:hidden;pointer-events:none;transform:scale(.95);transition:opacity var(--tooltip-out-duration) var(--ease-in-out),transform var(--tooltip-out-duration) var(--ease-in-out),visibility var(--tooltip-out-duration) var(--ease-in-out);word-wrap:break-word}.tooltip.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:scale(1);transition:opacity var(--tooltip-in-duration) var(--ease-out),transform var(--tooltip-in-duration) var(--ease-out),visibility var(--tooltip-in-duration) var(--ease-out)}.tooltip-arrow{position:absolute;width:var(--tooltip-arrow-size);height:var(--tooltip-arrow-size);transform:rotate(45deg)}.tooltip-top .tooltip-arrow,.tooltip-top-end .tooltip-arrow,.tooltip-top-start .tooltip-arrow{bottom:calc(var(--tooltip-arrow-size)*-1 + 1px)}.tooltip-bottom .tooltip-arrow,.tooltip-bottom-end .tooltip-arrow,.tooltip-bottom-start .tooltip-arrow{top:calc(var(--tooltip-arrow-size)*-1 + 1px)}.tooltip-left .tooltip-arrow,.tooltip-left-end .tooltip-arrow,.tooltip-left-start .tooltip-arrow{right:calc(var(--tooltip-arrow-size)*-1 + 1px)}.tooltip-right .tooltip-arrow,.tooltip-right-end .tooltip-arrow,.tooltip-right-start .tooltip-arrow{left:calc(var(--tooltip-arrow-size)*-1 + 1px)}.tooltip-top-end.is-visible,.tooltip-top-start.is-visible,.tooltip-top.is-visible{transform:translateY(0) scale(1)}.tooltip-top-end:not(.is-visible),.tooltip-top-start:not(.is-visible),.tooltip-top:not(.is-visible){transform:translateY(4px) scale(.95)}.tooltip-bottom-end.is-visible,.tooltip-bottom-start.is-visible,.tooltip-bottom.is-visible{transform:translateY(0) scale(1)}.tooltip-bottom-end:not(.is-visible),.tooltip-bottom-start:not(.is-visible),.tooltip-bottom:not(.is-visible){transform:translateY(-4px) scale(.95)}.tooltip-left-end.is-visible,.tooltip-left-start.is-visible,.tooltip-left.is-visible{transform:translateX(0) scale(1)}.tooltip-left-end:not(.is-visible),.tooltip-left-start:not(.is-visible),.tooltip-left:not(.is-visible){transform:translateX(4px) scale(.95)}.tooltip-right-end.is-visible,.tooltip-right-start.is-visible,.tooltip-right.is-visible{transform:translateX(0) scale(1)}.tooltip-right-end:not(.is-visible),.tooltip-right-start:not(.is-visible),.tooltip-right:not(.is-visible){transform:translateX(-4px) scale(.95)}.tooltip-light{color:var(--tooltip-light-color);border:var(--border-width) solid var(--tooltip-light-border)}.tooltip-light,.tooltip-light .tooltip-arrow{background-color:var(--tooltip-light-bg)}.tooltip-rich{padding:var(--space-3);max-width:var(--tooltip-rich-max-width)}.tooltip-rich .tooltip-title{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-neutral-50);margin-bottom:var(--space-0-5);display:block}.tooltip-rich .tooltip-body{font-size:var(--text-xs);color:var(--color-neutral-300);line-height:var(--leading-snug)}.tooltip-light.tooltip-rich .tooltip-title{color:var(--color-neutral-800)}.popover-body p,.tooltip-light.tooltip-rich .tooltip-body{color:var(--color-neutral-600)}.tooltip-with-icon{display:flex;align-items:flex-start;gap:var(--space-2)}.tooltip-icon-img{flex-shrink:0;width:var(--space-4);height:var(--space-4);color:var(--color-neutral-400)}.tooltip-interactive{pointer-events:auto}.tooltip-interactive .tooltip-actions{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2-5);padding-top:var(--space-2);border-top:var(--border-width) solid rgba(255,255,255,.1)}.tooltip-light.tooltip-interactive .tooltip-actions{border-top-color:var(--color-neutral-200)}.tooltip-action-btn{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--font-medium);padding:var(--space-0-5) var(--space-2);border-radius:var(--radius-sm);border:0;cursor:pointer;background-color:rgba(255,255,255,.15);color:var(--color-neutral-50);transition:background-color var(--duration-fast) var(--ease-in-out)}.tooltip-action-btn:hover{background-color:rgba(255,255,255,.25)}.tooltip-light .tooltip-action-btn{background-color:var(--color-neutral-100);color:var(--color-neutral-700)}.tooltip-light .tooltip-action-btn:hover{background-color:var(--color-neutral-200)}[data-tooltip]{position:relative}.popover{position:fixed;z-index:var(--z-dropdown);min-width:var(--popover-min-width);max-width:var(--popover-max-width);max-height:calc(100vh - var(--space-8));background-color:var(--popover-bg);color:var(--popover-color);border:var(--border-width) solid var(--popover-border);border-radius:var(--popover-border-radius);box-shadow:var(--popover-shadow);overflow:hidden;display:flex;flex-direction:column;transition:opacity var(--tooltip-in-duration) var(--ease-out),transform var(--tooltip-in-duration) var(--ease-out),visibility var(--tooltip-in-duration) var(--ease-out)}.popover.is-visible{opacity:1;visibility:visible;transform:scale(1) translateY(0)}.popover,.popover.is-hidden{opacity:0;visibility:hidden;transform:scale(.96) translateY(-4px)}.popover.is-hidden{transition:opacity var(--tooltip-out-duration) var(--ease-in-out),transform var(--tooltip-out-duration) var(--ease-in-out),visibility var(--tooltip-out-duration) var(--ease-in-out)}.popover-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4);border-bottom:var(--border-width) solid var(--color-neutral-100);flex-shrink:0}.popover-title{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-neutral-900);margin:0}.popover-close{display:inline-flex;align-items:center;justify-content:center;width:var(--space-6);height:var(--space-6);flex-shrink:0;border:0;border-radius:var(--radius-sm);background:0 0;color:var(--color-neutral-400);cursor:pointer;padding:0;transition:color var(--duration-fast) var(--ease-in-out),background-color var(--duration-fast) var(--ease-in-out)}.popover-close:hover{color:var(--color-neutral-700);background-color:var(--color-neutral-100)}.popover-close svg{width:var(--space-3-5);height:var(--space-3-5)}.popover-body{padding:var(--space-4);overflow-y:auto;flex:1}.popover-body p{font-size:var(--text-sm);line-height:var(--leading-relaxed);margin:0 0 var(--space-3)}.popover-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-top:var(--border-width) solid var(--color-neutral-100);flex-shrink:0}
package/dist/minora.min.js ADDED
@@ -0,0 +1,2 @@
1
+ /*! Minora UI Kit v0.1.0 — https://github.com/username/minora */
2
+ "use strict";!function(){var e=function(){var e=[],t=[],n=0;function i(){0===e.length&&(n=function(){var e=document.createElement("div");e.style.cssText="position:absolute;top:-9999px;width:50px;height:50px;overflow:hidden;",document.body.appendChild(e);var t=e.offsetWidth;e.style.overflow="scroll";var n=document.createElement("div");n.style.cssText="width:100%;height:50px;",e.appendChild(n);var i=n.offsetWidth;return document.body.removeChild(e),t-i}(),document.body.style.paddingRight=n+"px",document.body.classList.add("is-modal-open"))}function o(e){return Array.from(e.querySelectorAll('a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])')).filter(function(e){return null!==e.offsetParent})}function s(n){var i=document.getElementById(n);if(i){i.classList.remove("is-open"),i.setAttribute("aria-hidden","true"),i._focusHandler&&i.removeEventListener("keydown",i._focusHandler),i._backdropHandler&&i.removeEventListener("click",i._backdropHandler),i._escapeHandler&&document.removeEventListener("keydown",i._escapeHandler),0===(e=e.filter(function(e){return e!==i})).length&&(document.body.style.paddingRight="",document.body.classList.remove("is-modal-open"));var o=t.pop();o&&o.focus&&setTimeout(function(){o.focus()},50)}}return{open:function(n){var a=document.getElementById(n);a&&(t.push(document.activeElement),i(),e.push(a),a.classList.add("is-open"),a.setAttribute("aria-hidden","false"),a._focusHandler=function(e){!function(e,t){if("Tab"===e.key){var n=o(t);if(0!==n.length){var i=n[0],s=n[n.length-1];e.shiftKey?document.activeElement===i&&(e.preventDefault(),s.focus()):document.activeElement===s&&(e.preventDefault(),i.focus())}}}(e,a)},a.addEventListener("keydown",a._focusHandler),a._backdropHandler=function(e){e.target===a&&s(n)},a.addEventListener("click",a._backdropHandler),a._escapeHandler=function(t){"Escape"===t.key&&e[e.length-1]===a&&s(n)},document.addEventListener("keydown",a._escapeHandler),requestAnimationFrame(function(){var e=o(a);e.length>0&&e[0].focus()}))},close:s}}();window.ModalManager=e,document.querySelectorAll(".modal-overlay").forEach(function(e){e.setAttribute("aria-hidden","true")})}(),function(){function e(e){document.querySelectorAll(".select-open").forEach(function(t){if(t!==e){t.classList.remove("select-open");var n=t.querySelector(".select-trigger");n&&n.setAttribute("aria-expanded","false"),t.classList.remove("select-flip-up")}})}function t(t){if(!t.classList.contains("select-disabled")){var n=t.querySelector(".select-trigger"),i=t.querySelector(".select-dropdown"),o=t.querySelector("select"),s=t.querySelector(".select-search-input"),a=t.querySelectorAll(".select-option"),r=t.querySelector(".select-placeholder"),l=t.querySelector(".select-value");if(n&&i&&o){if(o.value){var c=o.options[o.selectedIndex];if(c&&c.value){r&&(r.hidden=!0),l&&(l.hidden=!1,l.textContent=c.text);var d=t.querySelector('.select-option[data-value="'+c.value+'"]');d&&d.classList.add("is-selected")}}n.addEventListener("click",function(o){o.stopPropagation(),t.classList.contains("select-open")?(t.classList.remove("select-open"),n.setAttribute("aria-expanded","false"),t.classList.remove("select-flip-up")):(e(),t.classList.add("select-open"),n.setAttribute("aria-expanded","true"),s&&setTimeout(function(){s.focus()},50),requestAnimationFrame(function(){i.getBoundingClientRect().bottom>window.innerHeight-16&&t.classList.add("select-flip-up")}))}),a.forEach(function(e){e.addEventListener("click",function(i){if(i.stopPropagation(),!e.classList.contains("is-disabled")){var c=e.getAttribute("data-value"),d=e.querySelector("span").textContent;a.forEach(function(e){e.classList.remove("is-selected")}),e.classList.add("is-selected"),o.value=c,r&&(r.hidden=!0),l&&(l.hidden=!1,l.textContent=d),t.classList.remove("select-open"),n.setAttribute("aria-expanded","false"),t.classList.remove("select-flip-up"),s&&(s.value="",a.forEach(function(e){e.classList.remove("is-hidden")})),o.dispatchEvent(new Event("change",{bubbles:!0}))}})}),s&&(s.addEventListener("input",function(e){e.stopPropagation();var n=s.value.toLowerCase().trim();a.forEach(function(e){var t=e.querySelector("span").textContent.toLowerCase();e.classList.toggle("is-hidden",n&&-1===t.indexOf(n))}),t.querySelectorAll(".select-group-label").forEach(function(e){for(var t=e.nextElementSibling,n=!1;t&&!t.classList.contains("select-group-label");){if(t.classList.contains("select-option")&&!t.classList.contains("is-hidden")){n=!0;break}t=t.nextElementSibling}e.style.display=n?"":"none"}),a.forEach(function(e){e.classList.remove("is-focused")})}),s.addEventListener("click",function(e){e.stopPropagation()})),n.addEventListener("keydown",function(e){var i=t.classList.contains("select-open"),o=Array.from(a).filter(function(e){return!e.classList.contains("is-hidden")&&!e.classList.contains("is-disabled")});if(!i&&("Enter"===e.key||" "===e.key||"ArrowDown"===e.key))return e.preventDefault(),void n.click();if(i){var s=t.querySelector(".select-option.is-focused"),r=o.indexOf(s);if("ArrowDown"===e.key){e.preventDefault(),s&&s.classList.remove("is-focused");var l=r<o.length-1?r+1:0;o[l].classList.add("is-focused"),o[l].scrollIntoView({block:"nearest"})}else if("ArrowUp"===e.key){e.preventDefault(),s&&s.classList.remove("is-focused");var c=r>0?r-1:o.length-1;o[c].classList.add("is-focused"),o[c].scrollIntoView({block:"nearest"})}else"Enter"===e.key?(e.preventDefault(),s&&s.click()):"Escape"===e.key&&(e.preventDefault(),t.classList.remove("select-open"),n.setAttribute("aria-expanded","false"),t.classList.remove("select-flip-up"))}}),document.addEventListener("click",function(e){t.contains(e.target)||(t.classList.remove("select-open"),n.setAttribute("aria-expanded","false"),t.classList.remove("select-flip-up"),s&&(s.value="",a.forEach(function(e){e.classList.remove("is-hidden")})))})}}}function n(t){if(!t.classList.contains("select-disabled")){var n=t.querySelector(".select-trigger"),i=t.querySelector(".select-dropdown"),o=t.querySelector("select"),s=t.querySelectorAll(".select-option"),a=t.querySelector(".multiselect-tags"),r=t.querySelector(".multiselect-search-input"),l=t.querySelector(".multiselect-tag-placeholder"),c=[];if(n&&i&&o&&a){Array.from(o.selectedOptions).forEach(function(e){c.push(e.value)}),n.addEventListener("click",function(e){e.stopPropagation(),t.classList.contains("select-open")?g():m()}),s.forEach(function(e){e.addEventListener("click",function(t){if(t.stopPropagation(),!e.classList.contains("is-disabled")){var n=e.getAttribute("data-value");e.classList.contains("is-selected")?f(n):v(n)}})}),r&&(r.addEventListener("input",function(e){e.stopPropagation();var n=r.value.toLowerCase().trim();s.forEach(function(e){var t=e.querySelector("span").textContent.toLowerCase();e.classList.toggle("is-hidden",n&&-1===t.indexOf(n))}),t.querySelectorAll(".select-group-label").forEach(function(e){for(var t=e.nextElementSibling,n=!1;t&&!t.classList.contains("select-group-label");){if(t.classList.contains("select-option")&&!t.classList.contains("is-hidden")){n=!0;break}t=t.nextElementSibling}e.style.display=n?"":"none"}),s.forEach(function(e){e.classList.remove("is-focused")})}),r.addEventListener("click",function(e){e.stopPropagation()}));var d=t.querySelector(".multiselect-select-all");d&&d.addEventListener("click",function(e){e.stopPropagation(),s.forEach(function(e){e.classList.contains("is-disabled")||(v(e.getAttribute("data-value")),e.classList.add("is-selected"))})});var u=t.querySelector(".multiselect-clear-all");u&&u.addEventListener("click",function(e){e.stopPropagation(),c=[],h(),p(),s.forEach(function(e){e.classList.remove("is-selected")})}),n.addEventListener("keydown",function(e){var n=t.classList.contains("select-open"),i=Array.from(s).filter(function(e){return!e.classList.contains("is-hidden")&&!e.classList.contains("is-disabled")});if(!n&&("Enter"===e.key||" "===e.key||"ArrowDown"===e.key))return e.preventDefault(),void m();if(n){var o=t.querySelector(".select-option.is-focused"),a=i.indexOf(o);if("ArrowDown"===e.key){e.preventDefault(),o&&o.classList.remove("is-focused");var r=a<i.length-1?a+1:0;i[r].classList.add("is-focused"),i[r].scrollIntoView({block:"nearest"})}else if("ArrowUp"===e.key){e.preventDefault(),o&&o.classList.remove("is-focused");var l=a>0?a-1:i.length-1;i[l].classList.add("is-focused"),i[l].scrollIntoView({block:"nearest"})}else"Enter"===e.key?(e.preventDefault(),o&&o.click()):"Escape"===e.key&&(e.preventDefault(),g())}}),p(),document.addEventListener("click",function(e){t.contains(e.target)||g()})}}function p(){if(a.querySelectorAll(".multiselect-tag, .multiselect-counter").forEach(function(e){e.remove()}),0!==c.length){l&&(l.style.display="none");for(var e=Math.min(c.length,2),n=0;n<e;n++){var i=c[n],o=t.querySelector('.select-option[data-value="'+i+'"]'),s=o?o.querySelector("span").textContent:i,d=document.createElement("span");d.className="multiselect-tag",d.setAttribute("data-value",i),d.innerHTML='<span class="multiselect-tag-label">'+s+'</span><button class="multiselect-tag-remove" type="button" aria-label="Remove"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></button>',a.insertBefore(d,r),d.querySelector(".multiselect-tag-remove").addEventListener("click",function(e){e.stopPropagation(),f(i)})}var u=c.length-2;if(u>0){var p=document.createElement("span");p.className="multiselect-counter",p.textContent="+"+u,a.insertBefore(p,r)}}else l&&(l.style.display="")}function f(e){c=c.filter(function(t){return t!==e}),h(),p();var n=t.querySelector('.select-option[data-value="'+e+'"]');n&&n.classList.remove("is-selected")}function v(e){-1===c.indexOf(e)&&c.push(e),h(),p();var n=t.querySelector('.select-option[data-value="'+e+'"]');n&&n.classList.add("is-selected")}function h(){Array.from(o.options).forEach(function(e){e.selected=-1!==c.indexOf(e.value)}),o.dispatchEvent(new Event("change",{bubbles:!0}))}function m(){e(),t.classList.add("select-open"),n.setAttribute("aria-expanded","true"),r&&(r.style.display="",setTimeout(function(){r.focus()},50)),requestAnimationFrame(function(){i.getBoundingClientRect().bottom>window.innerHeight-16&&t.classList.add("select-flip-up")})}function g(){t.classList.remove("select-open"),n.setAttribute("aria-expanded","false"),t.classList.remove("select-flip-up"),0===c.length&&r&&(r.style.display="none"),r&&(r.value="",s.forEach(function(e){e.classList.remove("is-hidden")}))}}function i(){document.querySelectorAll("[data-select]").forEach(t),document.querySelectorAll("[data-multiselect]").forEach(n)}"loading"===document.readyState?document.addEventListener("DOMContentLoaded",i):i()}(),function(){var e=function(){var e=[],t=[],n=null,i="bottom-right",o={success:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>',error:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>',warning:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"></path><line x1="12" y1="9" x2="12" y2="13"></line><line x1="12" y1="17" x2="12.01" y2="17"></line></svg>',info:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg>',neutral:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z"></path><polyline points="17 21 17 13 7 13 7 21"></polyline><polyline points="7 3 7 8 15 8"></polyline></svg>',loading:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10" stroke-dasharray="20" stroke-dashoffset="15"></circle></svg>'};function s(e){n||((n=document.createElement("div")).className="toast-stack toast-stack-"+i,n.id="toast-stack",document.body.appendChild(n));var s=document.createElement("div");s.className="toast toast-"+e.type+" toast-enter",s.setAttribute("role","alert"),s.setAttribute("aria-live","assertive");var r=e.action?'<button class="toast-action" data-action="1">'+e.action.label+"</button>":"";s.innerHTML='<span class="toast-icon">'+(o[e.type]||o.neutral)+'</span><div class="toast-body"><span class="toast-message">'+e.message+"</span>"+r+'</div><button class="toast-close" aria-label="Close"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></button>'+("loading"!==e.type?'<div class="toast-progress running" style="animation-duration:'+e.duration+'ms"></div>':'<div class="toast-progress"></div>'),s.querySelector(".toast-close").addEventListener("click",function(){a(s)});var l=s.querySelector(".toast-action");l&&e.action&&e.action.onClick&&l.addEventListener("click",function(){a(s),e.action.onClick()});var c=s.querySelector(".toast-progress.running");c&&(s.addEventListener("mouseenter",function(){c.style.animationPlayState="paused"}),s.addEventListener("mouseleave",function(){c.style.animationPlayState="running"})),n.appendChild(s),t.push(s),"loading"!==e.type&&(s._dismissTimer=setTimeout(function(){a(s)},e.duration+200))}function a(n){clearTimeout(n._dismissTimer),n.classList.remove("toast-enter"),n.classList.add("toast-exit"),n.addEventListener("animationend",function i(){n.removeEventListener("animationend",i),n.parentNode&&n.parentNode.removeChild(n);var o=t.indexOf(n);-1!==o&&t.splice(o,1),function(){for(;e.length>0&&t.length<5;)s(e.shift())}()})}return{show:function(n){var i={type:(n=n||{}).type||"neutral",message:n.message||"",duration:n.duration||4e3,action:n.action||null};t.length<5?s(i):e.push(i)},clearAll:function(){t.slice().forEach(function(e){a(e)}),e=[]},setPosition:function(e){i=e,n&&(n.className="toast-stack",n.classList.add("toast-stack-"+i))}}}();window.ToastManager=e}(),function(){var e={info:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg>',star:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>',check:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>',alert:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"></path><line x1="12" y1="9" x2="12" y2="13"></line><line x1="12" y1="17" x2="12.01" y2="17"></line></svg>'},t=function(){var t=[];function n(e){var t=document.createElement("div");return t.textContent=e,t.innerHTML}function i(i){o(i);var s=i.getAttribute("data-tooltip-position")||"top",a=i.getAttribute("data-tooltip-variant")||"",r=i.hasAttribute("data-tooltip-interactive"),l=document.createElement("div");l.className="tooltip tooltip-"+s,"light"===a&&l.classList.add("tooltip-light"),r&&l.classList.add("tooltip-interactive"),l.setAttribute("role","tooltip"),l.innerHTML=function(t){var i=t.getAttribute("data-tooltip"),o=t.getAttribute("data-tooltip-title"),s=t.getAttribute("data-tooltip-body"),a=t.getAttribute("data-tooltip-icon"),r=t.hasAttribute("data-tooltip-interactive"),l='<span class="tooltip-arrow"></span><div>';return o||s?(l+='<span class="tooltip-rich">',o&&(l+='<span class="tooltip-title">'+n(o)+"</span>"),s&&(l+='<span class="tooltip-body">'+n(s)+"</span>"),l+="</span>"):a?l+='<span class="tooltip-with-icon"><span class="tooltip-icon-img">'+(e[a]||e.info)+"</span><span>"+n(i)+"</span></span>":i&&(l+=n(i)),r&&(l+='<div class="tooltip-actions"><button class="tooltip-action-btn" data-tooltip-action>Learn More</button><button class="tooltip-action-btn" data-tooltip-dismiss>Dismiss</button></div>'),l+"</div>"}(i),document.body.appendChild(l),function(e,t,n){var i,o,s=e.getBoundingClientRect(),a=t.getBoundingClientRect(),r=10,l=n.replace(/-(start|end)$/,""),c=-1!==n.indexOf("-start")?"start":-1!==n.indexOf("-end")?"end":"center";switch(l){case"top":i=s.top-r-a.height,o=s.left+s.width/2-a.width/2;break;case"bottom":i=s.bottom+r,o=s.left+s.width/2-a.width/2;break;case"left":i=s.top+s.height/2-a.height/2,o=s.left-r-a.width;break;case"right":i=s.top+s.height/2-a.height/2,o=s.right+r}"start"===c?"top"===l||"bottom"===l?o=s.left:i=s.top:"end"===c&&("top"===l||"bottom"===l?o=s.right-a.width:i=s.bottom-a.height),i<4&&"top"===l&&(l="bottom",i=s.bottom+r),i+a.height>window.innerHeight-4&&"bottom"===l&&(l="top",i=s.top-r-a.height),o<4&&"left"===l&&(l="right",o=s.right+r),o+a.width>window.innerWidth-4&&"right"===l&&(l="left",o=s.left-r-a.width),o=Math.max(4,Math.min(o,window.innerWidth-a.width-4)),i=Math.max(4,Math.min(i,window.innerHeight-a.height-4)),t.style.left=o+"px",t.style.top=i+"px";var d=t.querySelector(".tooltip-arrow");if(d)if("top"===l){d.style.bottom="calc(var(--tooltip-arrow-size) * -1 + 1px)",d.style.top="";var u=s.left+s.width/2-o;d.style.left=Math.max(8,Math.min(u-3,a.width-16))+"px",d.style.right=""}else if("bottom"===l){d.style.top="calc(var(--tooltip-arrow-size) * -1 + 1px)",d.style.bottom="";var p=s.left+s.width/2-o;d.style.left=Math.max(8,Math.min(p-3,a.width-16))+"px",d.style.right=""}else if("left"===l){d.style.right="calc(var(--tooltip-arrow-size) * -1 + 1px)",d.style.left="";var f=s.top+s.height/2-i;d.style.top=Math.max(8,Math.min(f-3,a.height-16))+"px",d.style.bottom=""}else if("right"===l){d.style.left="calc(var(--tooltip-arrow-size) * -1 + 1px)",d.style.right="";var v=s.top+s.height/2-i;d.style.top=Math.max(8,Math.min(v-3,a.height-16))+"px",d.style.bottom=""}}(i,l,s),l._showTimer=setTimeout(function(){l.classList.add("is-visible")},100),t.push({trigger:i,tooltip:l}),r&&(l.addEventListener("mouseenter",function(){clearTimeout(l._hideTimer)}),l.addEventListener("mouseleave",function(){l._hideTimer=setTimeout(function(){o(i)},100)}),l.addEventListener("click",function(e){e.target.hasAttribute("data-tooltip-dismiss")&&o(i),e.target.hasAttribute("data-tooltip-action")&&(o(i),window.ToastManager&&ToastManager.show({type:"info",message:"Action clicked!"}))}))}function o(e){var n=t.find(function(t){return t.trigger===e});n&&(clearTimeout(n.tooltip._showTimer),n.tooltip.classList.remove("is-visible"),n.tooltip._hideTimer=setTimeout(function(){n.tooltip.parentNode&&n.tooltip.parentNode.removeChild(n.tooltip),t=t.filter(function(e){return e!==n})},100))}return{init:function(){var e;document.querySelectorAll("[data-tooltip]").forEach(function(e){var n=e.getAttribute("data-tooltip-trigger")||"hover";"hover"!==n&&"hover-focus"!==n||(e.addEventListener("mouseenter",function(){i(e)}),e.addEventListener("mouseleave",function(){o(e)})),"focus"!==n&&"hover-focus"!==n||(e.addEventListener("focus",function(){i(e)}),e.addEventListener("blur",function(){o(e)})),"click"===n&&e.addEventListener("click",function(n){n.stopPropagation(),t.find(function(t){return t.trigger===e})?o(e):i(e)})}),window.addEventListener("scroll",function(){clearTimeout(e),e=setTimeout(function(){t.slice().forEach(function(e){o(e.trigger)})},50)},{passive:!0})},show:i,hide:o}}(),n=function(){var e=[];function t(t,o,s){var a=document.getElementById(o);a&&(i(),a.classList.add("is-visible"),a.classList.remove("is-hidden"),e.push(a),function(e,t,n){document.body.appendChild(t);var i,o,s=e.getBoundingClientRect(),a=t.getBoundingClientRect(),r=n||"bottom",l=-1!==r.indexOf("-end")?"end":-1!==r.indexOf("-start")?"start":"center",c=r.replace(/-(start|end)$/,"");"bottom"===c?(i=s.bottom+8,o="end"===l?s.right-a.width:"start"===l?s.left:s.left+s.width/2-a.width/2):"top"===c&&(i=s.top-8-a.height,o="end"===l?s.right-a.width:"start"===l?s.left:s.left+s.width/2-a.width/2),o=Math.max(8,Math.min(o,window.innerWidth-a.width-8)),i=Math.max(8,Math.min(i,window.innerHeight-a.height-8)),t.style.left=o+"px",t.style.top=i+"px"}(t,a,s),a._closeHandler=function(e){a.contains(e.target)||e.target===t||t.contains(e.target)||n(o)},setTimeout(function(){document.addEventListener("click",a._closeHandler)},0),a.querySelectorAll("[data-popover-close]").forEach(function(e){e.addEventListener("click",function(){n(o)})}))}function n(t){var n=document.getElementById(t);n&&(n.classList.remove("is-visible"),n.classList.add("is-hidden"),n._closeHandler&&document.removeEventListener("click",n._closeHandler),e=e.filter(function(e){return e!==n}),setTimeout(function(){n.classList.remove("is-hidden")},200))}function i(){e.slice().forEach(function(e){n(e.id)})}return{init:function(){document.querySelectorAll("[data-popover]").forEach(function(e){var i=e.getAttribute("data-popover"),o=e.getAttribute("data-popover-position")||"bottom";e.addEventListener("click",function(s){s.stopPropagation();var a=document.getElementById(i);a&&a.classList.contains("is-visible")?n(i):t(e,i,o)})})},close:n,closeAll:i}}();window.TooltipManager=t,window.PopoverManager=n,"loading"===document.readyState?document.addEventListener("DOMContentLoaded",function(){t.init(),n.init()}):(t.init(),n.init())}();