.theme-panel{position:fixed;left:0;right:0;bottom:0;background:var(--color-background);border-top:1px solid var(--color-border);box-shadow:var(--shadow-xl);z-index:var(--z-modal);transition:transform var(--duration-300) var(--ease-in-out);width:100%;max-height:60vh;overflow:hidden;display:flex;flex-direction:column}.theme-panel--collapsed{transform:translateY(100%)}.theme-panel__toggle{position:absolute;left:50%;top:-40px;transform:translate(-50%);background:var(--color-primary);color:var(--color-primary-foreground);border:none;border-radius:var(--radius-md) var(--radius-md) 0 0;padding:var(--spacing-2) var(--spacing-4);cursor:pointer;font-size:var(--font-size-lg);box-shadow:var(--shadow-lg);transition:background-color var(--duration-200) var(--ease-in-out);line-height:1;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);min-width:60px}.theme-panel__toggle:hover{background:var(--color-primary-light)}.theme-panel__header{padding:var(--spacing-4);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between}.theme-panel__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.theme-panel__content{padding:var(--spacing-4);overflow-y:auto;flex:1;display:flex;gap:var(--spacing-6);flex-wrap:wrap;justify-content:center}.theme-panel__section{margin-bottom:0;min-width:250px;flex:1 1 300px;max-width:400px}.theme-panel__section:last-child{margin-bottom:0}.theme-panel__section-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-3);color:var(--color-foreground)}.theme-panel__control{margin-bottom:var(--spacing-4)}.theme-panel__control:last-child{margin-bottom:0}.theme-panel__label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-2);color:var(--color-foreground-secondary)}.theme-panel__color-inputs{display:flex;gap:var(--spacing-2);align-items:center}.theme-panel__color-input{flex:1}.theme-panel__input,.theme-panel__range{width:100%;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-input-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-family:var(--font-family-base);background:var(--color-input-background);color:var(--color-foreground)}.theme-panel__input:focus,.theme-panel__range:focus{outline:none;border-color:var(--color-ring);box-shadow:0 0 0 3px var(--input-focus-box-shadow)}.theme-panel__range{padding:0;height:32px}.theme-panel__value{display:inline-block;font-size:var(--font-size-xs);color:var(--color-foreground-tertiary);margin-left:var(--spacing-2)}.theme-panel__footer{padding:var(--spacing-4);border-top:1px solid var(--color-border);background:var(--color-background-secondary)}.theme-panel__reset-button{width:100%;padding:var(--spacing-2) var(--spacing-4);background:var(--color-secondary);color:var(--color-secondary-foreground);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color var(--duration-200) var(--ease-in-out)}.theme-panel__reset-button:hover{background:var(--color-secondary-light)}.theme-panel__reset-button:active{background:var(--color-secondary-dark)}.theme-panel__color-preview{width:40px;height:32px;border-radius:var(--radius-md);border:1px solid var(--color-border);cursor:pointer}.theme-panel__number-input{width:60px;text-align:center}:root{--color-primary-base: #6366f1;--color-primary-gradient: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--color-secondary-base: #64748b;--color-success-base: #10b981;--color-warning-base: #f59e0b;--color-destructive-base: #dc2626;--color-info-base: #3b82f6;--color-primary: var(--color-primary-base);--color-primary-light: color-mix( in oklch, var(--color-primary-base), white 25% );--color-primary-dark: color-mix( in oklch, var(--color-primary-base), black 15% );--color-primary-foreground: white;--color-secondary: var(--color-secondary-base);--color-secondary-light: color-mix( in oklch, var(--color-secondary-base), white 20% );--color-secondary-dark: color-mix( in oklch, var(--color-secondary-base), black 15% );--color-secondary-foreground: white;--color-success: var(--color-success-base);--color-success-light: color-mix( in oklch, var(--color-success-base), white 30% );--color-success-dark: color-mix( in oklch, var(--color-success-base), black 20% );--color-success-foreground: white;--color-warning: var(--color-warning-base);--color-warning-light: color-mix( in oklch, var(--color-warning-base), white 15% );--color-warning-dark: color-mix( in oklch, var(--color-warning-base), black 20% );--color-warning-foreground: black;--color-destructive: var(--color-destructive-base);--color-destructive-light: color-mix( in oklch, var(--color-destructive-base), white 20% );--color-destructive-dark: color-mix( in oklch, var(--color-destructive-base), black 15% );--color-destructive-foreground: white;--color-info: var(--color-info-base);--color-info-light: color-mix(in oklch, var(--color-info-base), white 30%);--color-info-dark: color-mix(in oklch, var(--color-info-base), black 20%);--color-info-foreground: white;--color-gray-50: #f8fafc;--color-gray-100: #f1f5f9;--color-gray-200: #e2e8f0;--color-gray-300: #cbd5e0;--color-gray-400: #94a3b8;--color-gray-500: #64748b;--color-gray-600: #475569;--color-gray-700: #334155;--color-gray-800: #1e293b;--color-gray-900: #0f172a;--color-background: #ffffff;--color-background-secondary: #f8fafc;--color-background-tertiary: #f1f5f9;--color-background-gradient: linear-gradient( 180deg, #ffffff 0%, #f8fafc 100% );--color-foreground: #0f172a;--color-foreground-secondary: #334155;--color-foreground-tertiary: #475569;--color-foreground-muted: #64748b;--color-border: #e2e8f0;--color-border-light: #f1f5f9;--color-border-dark: #cbd5e0;--color-input: #ffffff;--color-input-background: #ffffff;--color-input-border: #cbd5e0;--color-input-placeholder: #64748b;--color-ring: var(--color-primary-light);--color-ring-offset: #ffffff;--focus-ring-width: 1px;--focus-ring-blur: 0px;--focus-ring-spread: 4px;--focus-shadow: 0 0 0 var(--focus-ring-spread) var(--color-ring);--focus-shadow-error: 0 0 0 var(--focus-ring-spread) var(--color-destructive);--spacing-0: 0;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-mono: "Monaco", "Menlo", "Ubuntu Mono", monospace;--font-family-serif: "Georgia", "Times New Roman", serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--line-height-loose: 2;--letter-spacing-tight: -.02em;--letter-spacing-normal: 0;--letter-spacing-wide: .02em;--radius-none: 0;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-full: 9999px;--shadow-none: 0 0 #0000;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-base: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .05);--duration-75: 75ms;--duration-100: .1s;--duration-150: .15s;--duration-200: .2s;--duration-300: .3s;--duration-500: .5s;--duration-700: .7s;--duration-1000: 1s;--ease-linear: linear;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--z-hide: -1;--z-base: 0;--z-dropdown: 10;--z-sticky: 20;--z-fixed: 30;--z-offcanvas: 40;--z-backdrop: 50;--z-modal: 100;--z-popover: 110;--z-tooltip: 120;--z-notification: 130;--button-padding-y-sm: .375rem;--button-padding-x-sm: .75rem;--button-padding-y-md: .5rem;--button-padding-x-md: 1rem;--button-padding-y-lg: .75rem;--button-padding-x-lg: 1.5rem;--button-font-size: var(--font-size-base);--button-font-weight: var(--font-weight-medium);--button-border-radius: var(--radius-md);--button-transition: all var(--duration-200) var(--ease-in-out);--button-border-width: 1px;--button-hover-opacity: .85;--button-active-opacity: .75;--button-disabled-opacity: var(--opacity-disabled);--button-focus-shadow: var(--focus-shadow);--input-padding-y: .5rem;--input-padding-x: .75rem;--input-font-size: var(--font-size-base);--input-border-radius: var(--radius-md);--input-border-width: 1px;--input-border-color: var(--color-input-border);--input-focus-border-color: var(--color-ring);--input-focus-ring-color: rgba(13, 110, 253, .25);--input-transition: border-color var(--duration-200) var(--ease-in-out), box-shadow var(--duration-200) var(--ease-in-out);--input-focus-box-shadow: 0 0 0 3px color-mix(in oklch, var(--color-primary), transparent 85%);--input-error-border-color: var(--color-destructive);--input-error-focus-box-shadow: 0 0 0 3px color-mix(in oklch, var(--color-destructive), transparent 85%);--input-disabled-opacity: var(--opacity-disabled);--input-disabled-background: var(--color-gray-50);--card-padding: var(--spacing-6);--card-background: var(--color-background);--card-border-color: var(--color-border);--card-border-radius: var(--radius-lg);--card-box-shadow: var(--shadow-sm);--card-hover-shadow: var(--shadow-lg);--card-hover-transform: translateY(-2px);--badge-padding-y: .375rem;--badge-padding-x: .75rem;--badge-font-size: var(--font-size-xs);--badge-font-weight: var(--font-weight-semibold);--badge-border-radius: var(--radius-md);--modal-backdrop: rgba(0, 0, 0, .5);--modal-border-radius: var(--radius-xl);--modal-box-shadow: var(--shadow-2xl);--dropdown-border-radius: var(--radius-md);--dropdown-box-shadow: var(--shadow-lg);--dropdown-background: var(--color-background);--dropdown-border-color: var(--color-border);--table-border-color: var(--color-border);--table-header-background: var(--color-gray-50);--table-header-font-weight: var(--font-weight-semibold);--table-row-hover-background: var(--color-gray-50);--table-cell-padding: var(--spacing-4);--pagination-active-background: var(--color-primary);--pagination-active-color: var(--color-primary-foreground);--pagination-border-color: var(--color-border);--toast-padding: var(--spacing-4);--toast-border-radius: var(--radius-lg);--toast-box-shadow: var(--shadow-lg);--tooltip-background: var(--color-gray-900);--tooltip-color: var(--color-gray-50);--tooltip-padding: var(--spacing-2) var(--spacing-3);--tooltip-border-radius: var(--radius-md);--tooltip-font-size: var(--font-size-sm);--form-label-font-weight: var(--font-weight-medium);--form-label-margin-bottom: var(--spacing-2);--form-group-margin-bottom: var(--spacing-4);--form-error-color: var(--color-destructive);--form-error-font-size: var(--font-size-sm);--form-help-color: var( --color-foreground-secondary );--form-help-font-size: var(--font-size-sm);--opacity-disabled: .5;--opacity-hover: .8;--transition-fast: all var(--duration-150) var(--ease-in-out);--transition-base: all var(--duration-300) var(--ease-in-out);--transition-slow: all var(--duration-500) var(--ease-in-out)}body{color:var(--color-foreground, #0f172a)!important;background-color:var(--color-background, #ffffff)!important}.mp-mt-1{margin-top:var(--spacing-1)}.mp-mt-2{margin-top:var(--spacing-2)}.mp-mt-3{margin-top:var(--spacing-3)}.mp-mt-4{margin-top:var(--spacing-4)}.mp-mt-5{margin-top:var(--spacing-5)}.mp-mt-6{margin-top:var(--spacing-6)}.mp-mt-8{margin-top:var(--spacing-8)}.mp-mt-10{margin-top:var(--spacing-10)}.mp-mt-12{margin-top:var(--spacing-12)}.mp-mt-16{margin-top:var(--spacing-16)}.mp-mt-20{margin-top:var(--spacing-20)}.mp-mt-24{margin-top:var(--spacing-24)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--color-background-gradient);color:#333}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{height:100%}:root{--sidebar-width: 250px;--sidebar-width-collapsed: 50px;--sidebar-item-height: 35px}.sidebar{display:flex;flex-direction:row;position:relative;height:100%}.sidebar__wrapper{display:flex;flex-direction:column;width:var(--sidebar-width);height:100vh;background:linear-gradient(180deg,#fff,#fafbfc);border-right:1px solid var(--color-border-light);transition:width var(--duration-300) var(--ease-in-out);gap:var(--spacing-2);overflow-y:auto;overflow-x:hidden;flex-shrink:0;box-shadow:2px 0 8px #00000008}.sidebar--desktop.sidebar--collapsed .sidebar__wrapper{width:var(--sidebar-width-collapsed)}@media (max-width: 768px){.sidebar--mobile .sidebar__wrapper{position:fixed;left:0;top:0;width:var(--sidebar-width);max-width:90%;height:100vh;z-index:var(--z-fixed);transform:translate(-100%);transition:transform var(--duration-300) var(--ease-in-out)}.sidebar--mobile.sidebar--expanded .sidebar__wrapper{transform:translate(0)}.sidebar--mobile.sidebar--expanded:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;z-index:calc(var(--z-fixed) - 1)}}.sidebar__toggle-wrapper{display:flex;padding-left:var(--spacing-1);padding-right:var(--spacing-1);align-items:center;justify-content:flex-end}.sidebar__toggle{width:32px;height:32px;background-color:transparent;cursor:pointer;border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--duration-200) var(--ease-in-out);flex-shrink:0;align-self:flex-start;color:var(--color-foreground)}.sidebar__toggle:hover{background-color:var(--color-background-secondary);border-color:var(--color-primary);box-shadow:var(--shadow-sm);color:var(--color-primary)}.sidebar__toggle:active{transform:scale(.95)}.sidebar__toggle:focus-visible{box-shadow:var(--focus-shadow);outline:none}@media (max-width: 768px){.sidebar__toggle{display:flex}}.sidebar__mobile-toggle{display:none;z-index:calc(var(--z-fixed, 1000) + 1);width:44px;height:44px;padding:var(--spacing-2, .5rem);background-color:var(--color-primary, #0070f3);border:none;border-radius:var(--radius-md, 8px);cursor:pointer;align-items:center;justify-content:center;color:var(--color-white, #ffffff);transition:all var(--duration-200, .2s) var(--ease-in-out, ease)}.sidebar__mobile-toggle:hover{background-color:var(--color-primary-hover, #0060df);transform:scale(1.05)}.sidebar__mobile-toggle:active{transform:scale(.95)}.sidebar__mobile-toggle:focus-visible{box-shadow:var(--focus-shadow);outline:none}@media (max-width: 768px){.sidebar__mobile-toggle{display:flex}}.sidebar__nav{display:flex;flex-direction:column;flex:1;overflow-y:auto;overflow-x:hidden;gap:var(--spacing-2);transition:all var(--duration-300) var(--ease-in-out);padding:var(--spacing-1);position:relative}.sidebar__nav--expanded{width:var(--sidebar-width)}.sidebar__nav--collapsed{width:var(--sidebar-width-collapsed)}@media (max-width: 768px){.sidebar__nav--closed{transform:translate(-100%)}.sidebar__nav--open{transform:translate(0)}}@media (min-width: 768px){.sidebar__nav{position:relative;height:auto}}.sidebar-item{position:relative;display:flex;align-items:center;gap:var(--spacing-3);min-height:var(--sidebar-item-height);padding:0 var(--spacing-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);border-radius:var(--radius-md);transition:all var(--duration-200) var(--ease-in-out);cursor:pointer;text-align:left;background:transparent;border:none;outline:none;text-decoration:none;color:inherit;font-family:inherit;line-height:inherit;letter-spacing:inherit}.sidebar-item[href]{color:inherit;text-decoration:none}.sidebar-item:visited{color:inherit}.sidebar-item:link{color:inherit;text-decoration:none}.sidebar-item:hover{background-color:var(--color-gray-50)}.sidebar-item:focus-visible{box-shadow:var(--focus-shadow);outline:none}.sidebar-item--active{background:var(--color-primary);color:var(--color-primary-foreground)}.sidebar-item--active:visited,.sidebar-item--active[href]{color:var(--color-primary-foreground)}.sidebar-item--active:hover{background:var(--color-primary-light);opacity:.95}.sidebar-item--expandable{cursor:pointer}.sidebar-item__icon{display:flex;align-items:center;justify-content:center;min-width:20px;width:24px;height:24px;flex-shrink:0}.sidebar-item__label{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sidebar-item__chevron{position:absolute;top:0;left:0;display:flex;align-items:center;width:16px;height:16px;font-size:.7em;transform:rotate(-90deg);transition:transform var(--duration-200) var(--ease-in-out);overflow:hidden}.sidebar-item__chevron--open{transform:rotate(0)}.sidebar__nav--collapsed .sidebar-item{justify-content:center;padding:var(--spacing-2);width:auto;min-width:var(--sidebar-item-height)}.sidebar__nav--collapsed .sidebar-item__icon{display:flex;align-items:center;justify-content:center;min-width:20px;width:20px;height:20px}.sidebar__nav--collapsed .sidebar-item__label{display:none}.sidebar-item--nested{border-left:3px solid var(--color-primary);padding-left:0;transform:translate(-4px);background-color:var(--color-gray-100)}.sidebar-item--nested .sidebar-item{padding-left:var(--spacing-3);font-size:var(--font-size-sm)}.sidebar-subitem{display:flex;align-items:center;gap:var(--spacing-3);width:100%;padding:var(--spacing-2) var(--spacing-3);margin-bottom:var(--spacing-1);min-height:var(--sidebar-item-height);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);border-radius:var(--radius-md);transition:all var(--duration-200) var(--ease-in-out);cursor:pointer;text-align:left;margin-left:var(--spacing-1);border-left:3px solid transparent;box-sizing:border-box;background:transparent;border:none;outline:none;text-decoration:none;color:var(--color-foreground);font-family:inherit;line-height:inherit;letter-spacing:inherit}.sidebar-subitem[href]{color:var(--color-foreground);text-decoration:none}.sidebar-subitem:visited{color:var(--color-foreground)}.sidebar-subitem:link{color:var(--color-foreground);text-decoration:none}.sidebar-subitem:hover{background-color:var(--color-background)}.sidebar-subitem:focus-visible{box-shadow:var(--focus-shadow);outline:none}.sidebar-subitem--active{background-color:var(--color-primary);border-left-color:var(--color-primary-dark);color:var(--color-primary-foreground);font-weight:var(--font-weight-semibold)}.sidebar-subitem--active:visited,.sidebar-subitem--active[href]{color:var(--color-primary-foreground)}.sidebar-subitem--active:hover{background-color:var(--color-primary);opacity:.9}.sidebar-subitem__icon{display:flex;align-items:center;justify-content:center;min-width:18px;width:18px;height:18px;flex-shrink:0}.sidebar-subitem__label{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sidebar-divider{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);width:100%}.sidebar-divider__line,.sidebar-divider__line--left,.sidebar-divider__line--right{flex:1;height:1px;background-color:var(--color-border)}.sidebar-divider__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-foreground-secondary);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.sidebar__nav--collapsed .sidebar-divider__label{display:none}.sidebar__nav--collapsed .sidebar-divider{padding:var(--spacing-2);justify-content:center}.sidebar__nav--collapsed .sidebar-divider__line--left,.sidebar__nav--collapsed .sidebar-divider__line--right{display:none}.sidebar__nav--collapsed .sidebar-divider__line--left{display:block;flex:none;width:30px}.app-layout{display:flex;flex-direction:column;width:100%;height:100%}.app-layout__header{background:var(--color-background);border-bottom:1px solid var(--color-border-light);box-shadow:0 1px 3px #0000000d;position:sticky;top:0;z-index:var(--z-sticky)}.app-layout__container{display:flex;flex:1 1 auto;overflow:hidden}.app-layout__sidebar{position:relative;height:100%}.app-layout__main{flex:1;overflow-y:auto;overflow-x:hidden;background:var(--color-background-gradient)}.app-layout__main::-webkit-scrollbar{width:8px}.app-layout__main::-webkit-scrollbar-track{background:transparent}.app-layout__main::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:var(--radius-md)}.app-layout__main::-webkit-scrollbar-thumb:hover{background-color:var(--color-foreground-secondary)}@media (max-width: 768px){.app-layout__container{flex-direction:column}.app-layout__sidebar{position:fixed;top:60px;left:0;height:calc(100vh - 60px);z-index:var(--z-offcanvas)}.app-layout__main{width:100%}}.app-header{display:flex;align-items:center;justify-content:space-between;width:100%;height:60px;padding:0 var(--spacing-4);background-color:var(--color-background)}@media (max-width: 768px){.app-header{height:56px;padding:0 var(--spacing-3)}}@media (max-width: 480px){.app-header{height:52px;padding:0 var(--spacing-2)}}.app-sidebar{position:relative;height:100%}.app-main{flex:1;overflow-y:auto;position:relative;width:100%;height:100%;background-color:var(--color-background);padding:0 8px}.panel{background-color:var(--color-background);border-radius:var(--radius-lg)}.panel--default{background-color:var(--color-background);border:1px solid var(--color-border)}.panel--outlined{background-color:transparent;border:1px solid var(--color-border)}.panel--elevated{background-color:var(--color-background);border:none;box-shadow:var(--shadow-md)}.panel--subtle{background-color:var(--color-background-secondary);border:none}.panel--padding-none{padding:0}.panel--padding-sm{padding:var(--spacing-2)}.panel--padding-md{padding:var(--spacing-4)}.panel--padding-lg{padding:var(--spacing-6)}.panel--padding-xl{padding:var(--spacing-8)}.card{display:flex;flex-direction:column;background-color:var(--color-background);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--duration-200) var(--ease-in-out)}.card--elevated{box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;border:1px solid var(--color-border)}.card--outlined{border:1px solid var(--color-border);box-shadow:none}.card--flat{border:none;box-shadow:none}.card--interactive{cursor:pointer}.card--interactive:hover{box-shadow:0 4px 12px #00000026,0 2px 4px #0000001a;transform:translateY(-2px)}.card--interactive:active{transform:translateY(0);box-shadow:0 2px 8px #0000001a,0 1px 2px #0000000f}.card--padding-none{padding:0}.card--padding-sm{padding:var(--spacing-3)}.card--padding-md{padding:var(--spacing-4)}.card--padding-lg{padding:var(--spacing-6)}.card__header{margin-top:calc(var(--spacing-4) * -1);margin-left:calc(var(--spacing-4) * -1);margin-right:calc(var(--spacing-4) * -1);padding:var(--spacing-4);border-bottom:1px solid var(--color-border);background-color:var(--color-background);font-weight:var(--font-weight-semibold)}.card--padding-none .card__header{margin:0;padding:var(--spacing-4)}.card--padding-sm .card__header{margin-top:calc(var(--spacing-3) * -1);margin-left:calc(var(--spacing-3) * -1);margin-right:calc(var(--spacing-3) * -1);padding:var(--spacing-3)}.card--padding-lg .card__header{margin-top:calc(var(--spacing-6) * -1);margin-left:calc(var(--spacing-6) * -1);margin-right:calc(var(--spacing-6) * -1);padding:var(--spacing-5) var(--spacing-6)}.card__content{flex:1;overflow:auto;margin-left:calc(var(--spacing-4) * -1);margin-right:calc(var(--spacing-4) * -1);padding:var(--spacing-4)}.card--padding-none .card__content{margin:0;padding:0}.card--padding-sm .card__content{margin-left:calc(var(--spacing-3) * -1);margin-right:calc(var(--spacing-3) * -1);padding:var(--spacing-3)}.card--padding-lg .card__content{margin-left:calc(var(--spacing-6) * -1);margin-right:calc(var(--spacing-6) * -1);padding:var(--spacing-6)}.card__footer{margin-bottom:calc(var(--spacing-4) * -1);margin-left:calc(var(--spacing-4) * -1);margin-right:calc(var(--spacing-4) * -1);padding:var(--spacing-4);border-top:1px solid var(--color-border);background-color:var(--color-background-secondary)}.card--padding-none .card__footer{margin:0;padding:var(--spacing-4)}.card--padding-sm .card__footer{margin-bottom:calc(var(--spacing-3) * -1);margin-left:calc(var(--spacing-3) * -1);margin-right:calc(var(--spacing-3) * -1);padding:var(--spacing-3)}.card--padding-lg .card__footer{margin-bottom:calc(var(--spacing-6) * -1);margin-left:calc(var(--spacing-6) * -1);margin-right:calc(var(--spacing-6) * -1);padding:var(--spacing-5) var(--spacing-6)}@media (max-width: 768px){.card--padding-md{padding:var(--spacing-3)}.card--padding-lg{padding:var(--spacing-4)}.card--padding-md .card__header{margin-top:calc(var(--spacing-3) * -1);margin-left:calc(var(--spacing-3) * -1);margin-right:calc(var(--spacing-3) * -1);padding:var(--spacing-3)}.card--padding-md .card__content{margin-left:calc(var(--spacing-3) * -1);margin-right:calc(var(--spacing-3) * -1);padding:var(--spacing-3)}.card--padding-md .card__footer{margin-bottom:calc(var(--spacing-3) * -1);margin-left:calc(var(--spacing-3) * -1);margin-right:calc(var(--spacing-3) * -1);padding:var(--spacing-3)}.card--padding-lg .card__header{margin-top:calc(var(--spacing-4) * -1);margin-left:calc(var(--spacing-4) * -1);margin-right:calc(var(--spacing-4) * -1);padding:var(--spacing-4)}.card--padding-lg .card__content{margin-left:calc(var(--spacing-4) * -1);margin-right:calc(var(--spacing-4) * -1);padding:var(--spacing-4)}.card--padding-lg .card__footer{margin-bottom:calc(var(--spacing-4) * -1);margin-left:calc(var(--spacing-4) * -1);margin-right:calc(var(--spacing-4) * -1);padding:var(--spacing-4)}}.flex{display:flex}.flex--direction-row{flex-direction:row}.flex--direction-column{flex-direction:column}.flex--direction-row-reverse{flex-direction:row-reverse}.flex--direction-column-reverse{flex-direction:column-reverse}.flex--justify-flex-start{justify-content:flex-start}.flex--justify-center{justify-content:center}.flex--justify-flex-end{justify-content:flex-end}.flex--justify-space-between{justify-content:space-between}.flex--justify-space-around{justify-content:space-around}.flex--justify-space-evenly{justify-content:space-evenly}.flex--align-flex-start{align-items:flex-start}.flex--align-center{align-items:center}.flex--align-flex-end{align-items:flex-end}.flex--align-stretch{align-items:stretch}.flex--align-baseline{align-items:baseline}.flex--gap-xs{gap:var(--spacing-1)}.flex--gap-sm{gap:var(--spacing-2)}.flex--gap-md{gap:var(--spacing-3)}.flex--gap-lg{gap:var(--spacing-4)}.flex--gap-xl{gap:var(--spacing-6)}.flex--wrap{flex-wrap:wrap}.grid{display:grid}.grid--cols-1{grid-template-columns:repeat(1,1fr)}.grid--cols-2{grid-template-columns:repeat(2,1fr)}.grid--cols-3{grid-template-columns:repeat(3,1fr)}.grid--cols-4{grid-template-columns:repeat(4,1fr)}.grid--cols-5{grid-template-columns:repeat(5,1fr)}.grid--cols-6{grid-template-columns:repeat(6,1fr)}.grid--cols-12{grid-template-columns:repeat(12,1fr)}.grid--align-start{align-items:start}.grid--align-center{align-items:center}.grid--align-end{align-items:end}.grid--align-stretch{align-items:stretch}.grid--justify-start{justify-items:start}.grid--justify-center{justify-items:center}.grid--justify-end{justify-items:end}.grid--justify-stretch{justify-items:stretch}.grid--flow-column{grid-auto-flow:column}.grid--flow-dense{grid-auto-flow:dense}.grid--flow-row-dense{grid-auto-flow:row dense}.grid--flow-column-dense{grid-auto-flow:column dense}.grid--gap-xs{gap:var(--spacing-1)}.grid--gap-sm{gap:var(--spacing-2)}.grid--gap-md{gap:var(--spacing-3)}.grid--gap-lg{gap:var(--spacing-4)}.grid--gap-xl{gap:var(--spacing-6)}.grid--col-gap-xs{column-gap:var(--spacing-1)}.grid--col-gap-sm{column-gap:var(--spacing-2)}.grid--col-gap-md{column-gap:var(--spacing-3)}.grid--col-gap-lg{column-gap:var(--spacing-4)}.grid--col-gap-xl{column-gap:var(--spacing-6)}.grid--row-gap-xs{row-gap:var(--spacing-1)}.grid--row-gap-sm{row-gap:var(--spacing-2)}.grid--row-gap-md{row-gap:var(--spacing-3)}.grid--row-gap-lg{row-gap:var(--spacing-4)}.grid--row-gap-xl{row-gap:var(--spacing-6)}.grid-item--col-span-1{grid-column:span 1}.grid-item--col-span-2{grid-column:span 2}.grid-item--col-span-3{grid-column:span 3}.grid-item--col-span-4{grid-column:span 4}.grid-item--col-span-5{grid-column:span 5}.grid-item--col-span-6{grid-column:span 6}.grid-item--col-span-7{grid-column:span 7}.grid-item--col-span-8{grid-column:span 8}.grid-item--col-span-9{grid-column:span 9}.grid-item--col-span-10{grid-column:span 10}.grid-item--col-span-11{grid-column:span 11}.grid-item--col-span-12{grid-column:span 12}.grid-item--col-span-full{grid-column:1 / -1}.grid-item--row-span-1{grid-row:span 1}.grid-item--row-span-2{grid-row:span 2}.grid-item--row-span-3{grid-row:span 3}.grid-item--row-span-4{grid-row:span 4}.grid-item--row-span-5{grid-row:span 5}.grid-item--row-span-6{grid-row:span 6}.horizontal-nav{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-2);padding:var(--spacing-1);overflow-x:auto;overflow-y:hidden}.horizontal-nav--mobile{display:block;padding:var(--spacing-2)}.horizontal-nav__select{width:100%;height:40px;padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-background);color:inherit;cursor:pointer;transition:all var(--duration-200) var(--ease-in-out)}.horizontal-nav__select:hover{border-color:var(--color-primary)}.horizontal-nav__select:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--focus-shadow)}.horizontal-nav::-webkit-scrollbar{height:4px}.horizontal-nav::-webkit-scrollbar-track{background:transparent}.horizontal-nav::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}.horizontal-nav::-webkit-scrollbar-thumb:hover{background:var(--color-muted)}@media (max-width: 768px){.horizontal-nav:not(.horizontal-nav--mobile){gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-2)}}.horizontal-nav-item{position:relative;display:flex;align-items:center;gap:var(--spacing-3);height:35px;padding:0 var(--spacing-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);border-radius:var(--radius-md);transition:all var(--duration-200) var(--ease-in-out);cursor:pointer;white-space:nowrap;background:transparent;border:none;outline:none;text-decoration:none;color:inherit;font-family:inherit;line-height:inherit;letter-spacing:inherit}.horizontal-nav-item[href]{color:inherit;text-decoration:none}.horizontal-nav-item:visited{color:inherit}.horizontal-nav-item:link{color:inherit;text-decoration:none}.horizontal-nav-item:hover{background-color:var(--color-background)}.horizontal-nav-item:focus-visible{box-shadow:var(--focus-shadow);outline:none}.horizontal-nav-item--active{background-color:var(--color-primary-dark);color:var(--color-primary-foreground)}.horizontal-nav-item--active:visited,.horizontal-nav-item--active[href]{color:var(--color-primary-foreground)}.horizontal-nav-item--active:hover{background-color:var(--color-primary-dark);opacity:.9}.horizontal-nav-item__icon{display:flex;align-items:center;justify-content:center;min-width:20px;width:24px;height:24px;flex-shrink:0}.horizontal-nav-item__label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@media (max-width: 768px){.horizontal-nav-item{padding:0 var(--spacing-2);gap:var(--spacing-2)}.horizontal-nav-item__icon{width:20px;height:20px;min-width:18px}}.page{margin:0 auto;padding:var(--spacing-10) var(--spacing-8);width:100%}.page--sm{max-width:800px}.page--md{max-width:1000px}.page--lg{max-width:1200px}.page--xl{max-width:1400px}.page--full{max-width:none}@media (max-width: 768px){.page{padding:var(--spacing-6) var(--spacing-4)}}.mp-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);font-family:var(--font-family-base);font-size:var(--button-font-size);font-weight:var(--button-font-weight);border:var(--button-border-width) solid transparent;border-radius:var(--button-border-radius);cursor:pointer;-webkit-user-select:none;user-select:none;transition:var(--button-transition);white-space:nowrap;position:relative;overflow:hidden;outline:none}.mp-button:focus-visible{box-shadow:var(--button-focus-shadow)}.mp-button:hover:not(:disabled):not(.mp-button--ghost){opacity:var(--button-hover-opacity)}.mp-button:active:not(:disabled){opacity:var(--button-active-opacity)}.mp-button:disabled{opacity:var(--button-disabled-opacity);cursor:not-allowed}.mp-button--sm{padding:var(--button-padding-y-sm) var(--button-padding-x-sm);font-size:var(--font-size-sm)}.mp-button--md{padding:var(--button-padding-y-md) var(--button-padding-x-md)}.mp-button--lg{padding:var(--button-padding-y-lg) var(--button-padding-x-lg);font-size:var(--font-size-lg)}.mp-button--primary{background-color:var(--color-primary);color:var(--color-primary-foreground);border-color:var(--color-primary)}.mp-button--primary:hover:not(:disabled){background-color:var(--color-primary-light);border-color:var(--color-primary-light)}.mp-button--primary:active:not(:disabled){background-color:var(--color-primary-dark);border-color:var(--color-primary-dark)}.mp-button--secondary{background-color:var(--color-secondary);color:var(--color-secondary-foreground);border-color:var(--color-secondary)}.mp-button--secondary:hover:not(:disabled){background-color:var(--color-secondary-light);border-color:var(--color-secondary-light)}.mp-button--secondary:active:not(:disabled){background-color:var(--color-secondary-dark);border-color:var(--color-secondary-dark)}.mp-button--destructive{background-color:var(--color-destructive);color:var(--color-destructive-foreground);border-color:var(--color-destructive)}.mp-button--destructive:hover:not(:disabled){background-color:var(--color-destructive-light);border-color:var(--color-destructive-light)}.mp-button--destructive:active:not(:disabled){background-color:var(--color-destructive-dark);border-color:var(--color-destructive-dark)}.mp-button--destructive:focus-visible{box-shadow:0 0 0 2px var(--color-destructive)}.mp-button--ghost{background-color:transparent;color:var(--color-foreground);border-color:transparent}.mp-button--ghost:hover:not(:disabled){background-color:var(--color-gray-200);color:var(--color-foreground);border-color:var(--color-gray-300)}.mp-button--ghost:active:not(:disabled){background-color:var(--color-gray-200);color:var(--color-foreground);border-color:var(--color-gray-400)}.mp-button--ghost:focus-visible{box-shadow:var(--button-focus-shadow);background-color:var(--color-gray-50)}.mp-button--loading{position:relative;color:transparent}.mp-button--loading .mp-button__content{visibility:hidden}.mp-button__spinner{position:absolute;display:inline-flex;align-items:center;justify-content:center;width:1em;height:1em;animation:button-spin var(--duration-1000) linear infinite}.mp-button__spinner-dot{width:.35em;height:.35em;border-radius:50%;background-color:currentColor;opacity:.6}.mp-button__content{display:inherit;align-items:inherit;gap:inherit}@keyframes button-spin{to{transform:rotate(360deg)}}.badge{display:inline-flex;align-items:center;gap:var(--spacing-1);border-radius:var(--radius-full);font-weight:var(--font-weight-medium);white-space:nowrap;transition:all var(--duration-200) var(--ease-in-out);flex-shrink:0;width:fit-content}.badge--sm{padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-xs)}.badge--md{padding:var(--spacing-1) var(--spacing-3);font-size:var(--font-size-sm)}.badge--lg{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-base)}.badge__icon{display:flex;align-items:center;justify-content:center;width:1em;height:1em;flex-shrink:0}.badge__text{display:inline}.badge--default.badge--solid{background-color:var(--color-gray-50);color:var(--color-gray-700)}.badge--default.badge--outline{background-color:transparent;border:1px solid var(--color-border);color:var(--color-foreground)}.badge--default.badge--subtle{background-color:var(--color-gray-50);color:var(--color-gray-700)}.badge--primary.badge--solid{background-color:color-mix(in oklch,var(--color-primary-base),white 75%);color:var(--color-primary-dark)}.badge--primary.badge--outline{background-color:transparent;border:1px solid var(--color-primary);color:var(--color-primary-dark)}.badge--primary.badge--subtle{background-color:color-mix(in oklch,var(--color-primary-base),white 75%);color:var(--color-primary-dark)}.badge--success.badge--solid{background-color:color-mix(in oklch,var(--color-success-base),white 75%);color:var(--color-success-dark)}.badge--success.badge--outline{background-color:transparent;border:1px solid var(--color-success);color:var(--color-success-dark)}.badge--success.badge--subtle{background-color:color-mix(in oklch,var(--color-success-base),white 75%);color:var(--color-success-dark)}.badge--warning.badge--solid{background-color:color-mix(in oklch,var(--color-warning-base),white 75%);color:var(--color-warning-dark)}.badge--warning.badge--outline{background-color:transparent;border:1px solid var(--color-warning);color:var(--color-warning-dark)}.badge--warning.badge--subtle{background-color:color-mix(in oklch,var(--color-warning-base),white 75%);color:var(--color-warning-dark)}.badge--destructive.badge--solid{background-color:color-mix(in oklch,var(--color-destructive-base),white 75%);color:var(--color-destructive-dark)}.badge--destructive.badge--outline{background-color:transparent;border:1px solid var(--color-destructive);color:var(--color-destructive-dark)}.badge--destructive.badge--subtle{background-color:color-mix(in oklch,var(--color-destructive-base),white 75%);color:var(--color-destructive-dark)}.badge--info.badge--solid{background-color:color-mix(in oklch,var(--color-info-base),white 75%);color:var(--color-info-dark)}.badge--info.badge--outline{background-color:transparent;border:1px solid var(--color-info);color:var(--color-info-dark)}.badge--info.badge--subtle{background-color:color-mix(in oklch,var(--color-info-base),white 75%);color:var(--color-info-dark)}.tabs{display:flex;flex-direction:column;gap:var(--spacing-4);width:100%}.tabs-list{display:flex;gap:var(--spacing-2);border-bottom:1px solid var(--color-border)}.tabs--default .tabs-trigger{padding:var(--spacing-3) var(--spacing-4);background-color:transparent;border:none;border-bottom:2px solid transparent;color:var(--color-foreground-secondary);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--duration-200) var(--ease-in-out);outline:none}.tabs--default .tabs-trigger:hover:not(:disabled){color:var(--color-foreground);border-bottom-color:var(--color-border)}.tabs--default .tabs-trigger[data-state=active]{color:var(--color-primary);border-bottom-color:var(--color-primary)}.tabs--underline .tabs-list{border-bottom:2px solid var(--color-border)}.tabs--underline .tabs-trigger{padding:var(--spacing-3) var(--spacing-4);background-color:transparent;border:none;border-bottom:3px solid transparent;color:var(--color-foreground-secondary);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--duration-200) var(--ease-in-out);margin-bottom:-2px;outline:none}.tabs--underline .tabs-trigger:hover:not(:disabled){color:var(--color-foreground)}.tabs--underline .tabs-trigger[data-state=active]{color:var(--color-primary);border-bottom-color:var(--color-primary)}.tabs--pills .tabs-list{border-bottom:none;gap:var(--spacing-2);flex-wrap:wrap}.tabs--pills .tabs-trigger{padding:var(--spacing-2) var(--spacing-3);background-color:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-foreground-secondary);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--duration-200) var(--ease-in-out);outline:none}.tabs--pills .tabs-trigger:hover:not(:disabled){background-color:var(--color-background);border-color:var(--color-primary);color:var(--color-foreground)}.tabs--pills .tabs-trigger[data-state=active]{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-foreground)}.tabs-trigger{font-size:var(--font-size-base)}.tabs-trigger:focus-visible{box-shadow:var(--focus-shadow)}.tabs-trigger:disabled,.tabs-trigger--disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.tabs-trigger:disabled:hover,.tabs-trigger--disabled:hover{background-color:inherit;border:inherit}.tabs-content{animation:fade-in var(--duration-200) var(--ease-in-out);border:0;padding:0}.tabs-content:focus{outline:none;border:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.disclosure{width:100%;border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.disclosure-trigger{display:flex;align-items:center;gap:var(--spacing-3);width:100%;padding:var(--spacing-3) var(--spacing-4);background-color:var(--color-background);border:none;color:var(--color-foreground);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;text-align:left;transition:all var(--duration-200) var(--ease-in-out);outline:none}.disclosure-trigger:hover{background-color:var(--color-background-secondary)}.disclosure-trigger:focus-visible{box-shadow:var(--focus-shadow)}.disclosure-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1em}.disclosure-label{flex:1;display:block}.disclosure-chevron{display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.75em;transition:transform var(--duration-200) var(--ease-in-out);color:var(--color-foreground-secondary)}.disclosure[data-state=open] .disclosure-chevron{transform:rotate(180deg)}.disclosure-content{overflow:hidden;animation:slide-down var(--duration-200) var(--ease-in-out)}.disclosure[data-state=closed] .disclosure-content{animation:slide-up var(--duration-200) var(--ease-in-out)}.disclosure-content>*{padding:var(--spacing-3) var(--spacing-4);border-top:1px solid var(--color-border)}.disclosure-content>*:first-child{padding-top:var(--spacing-3)}.disclosure-content>*:last-child{padding-bottom:var(--spacing-3)}@keyframes slide-down{0%{height:0;opacity:0}to{height:var(--radix-collapsible-content-height);opacity:1}}@keyframes slide-up{0%{height:var(--radix-collapsible-content-height);opacity:1}to{height:0;opacity:0}}.accordion{width:100%;border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.accordion--vertical{display:flex;flex-direction:column}.accordion--horizontal{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:0}.accordion--tabs{display:flex;flex-direction:column;border:none;border-radius:0;overflow:visible;width:100%}.accordion-tabs-triggers{display:flex;flex-wrap:wrap;gap:0;border-bottom:1px solid var(--color-border);width:100%}.accordion-tabs-triggers .accordion-trigger{flex:1 1 auto;min-width:100px;background-color:transparent;padding:var(--spacing-3) var(--spacing-4);border:none;border-bottom:3px solid transparent;font-weight:var(--font-weight-medium);color:var(--color-foreground-secondary);cursor:pointer;display:flex;align-items:center;justify-content:flex-start;transition:all var(--duration-200) var(--ease-in-out);outline:none}.accordion-tabs-triggers .accordion-trigger:hover:not(:disabled){background-color:var(--color-background-secondary);color:var(--color-foreground)}.accordion-tabs-triggers .accordion-trigger:focus-visible{box-shadow:var(--focus-shadow)}.accordion-tabs-triggers .accordion-trigger:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.accordion-tabs-triggers .accordion-trigger[data-state=open],.accordion-tabs-triggers .accordion-trigger--active{color:var(--color-foreground);border-bottom-color:var(--color-foreground);background-color:transparent}.accordion-tabs-content{width:100%}.accordion--tabs .accordion-content-inner{padding:var(--spacing-4);color:var(--color-foreground);width:100%;box-sizing:border-box}.accordion-item{border-bottom:1px solid var(--color-border)}.accordion-item:last-child{border-bottom:none}.accordion-item[data-disabled]{opacity:var(--opacity-disabled);pointer-events:none}.accordion-trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-3);width:100%;padding:var(--spacing-3) var(--spacing-4);background-color:var(--color-background);border:none;color:var(--color-foreground);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;text-align:left;transition:all var(--duration-200) var(--ease-in-out);outline:none}.accordion-trigger:hover{background-color:var(--color-background-secondary)}.accordion-trigger:focus-visible{box-shadow:var(--focus-shadow)}.accordion-title{flex:1;display:block}.accordion-chevron{display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.75em;transition:transform var(--duration-200) var(--ease-in-out);color:var(--color-foreground-secondary)}.accordion-item[data-state=open] .accordion-chevron{transform:rotate(180deg)}.accordion-content{overflow:hidden;animation:slide-down var(--duration-200) var(--ease-in-out)}.accordion-item[data-state=closed] .accordion-content{animation:slide-up var(--duration-200) var(--ease-in-out)}.accordion-content-inner{padding:var(--spacing-3) var(--spacing-4);border-top:1px solid var(--color-border);color:var(--color-foreground-secondary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed)}@keyframes slide-down{0%{height:0;opacity:0}to{height:var(--radix-accordion-content-height);opacity:1}}@keyframes slide-up{0%{height:var(--radix-accordion-content-height);opacity:1}to{height:0;opacity:0}}.dialog__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;z-index:var(--z-index-modal, 1000);animation:dialog-overlay-fade-in var(--duration-200) ease-out}.dialog__content{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;color:var(--dialog-foreground, #0f172a);--dialog-foreground: #0f172a;--dialog-foreground-muted: #475569;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--spacing-6);max-width:500px;width:90vw;max-height:85vh;overflow-y:auto;z-index:var(--z-index-modal, 1000);animation:dialog-content-slide-in var(--duration-200) ease-out}.dialog__content--sm{max-width:400px}.dialog__content--md{max-width:500px}.dialog__content--lg{max-width:700px}.dialog__content--xl{max-width:900px}.dialog__content--full{max-width:95vw}.dialog__content:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.dialog__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--dialog-foreground, #0f172a);margin:0 0 var(--spacing-2) 0}.dialog__description{font-size:var(--font-size-md);color:var(--dialog-foreground-muted, #475569);margin:0 0 var(--spacing-4) 0;line-height:var(--line-height-relaxed)}.dialog__close{position:absolute;top:var(--spacing-4);right:var(--spacing-4);display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background-color:transparent;color:var(--dialog-foreground-muted, #475569);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-xl);line-height:1;transition:var(--transition-fast)}.dialog__close:hover{background-color:var(--color-gray-100, #f1f5f9);color:var(--dialog-foreground, #0f172a)}.dialog__close:focus-visible{outline:2px solid var(--color-primary, #6366f1);outline-offset:2px}@keyframes dialog-overlay-fade-in{0%{opacity:0}to{opacity:1}}@keyframes dialog-content-slide-in{0%{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}@media (prefers-reduced-motion: reduce){.dialog__overlay,.dialog__content{animation:none}}@media (prefers-color-scheme: dark){.dialog__overlay{background-color:#000000b3}.dialog__content{background-color:#fff;box-shadow:var(--shadow-lg),0 0 0 1px var(--color-gray-800, #1e293b)}.dialog__close:hover{background-color:var(--color-gray-800, #1e293b)}}@media (max-width: 768px){.dialog__content{width:95vw;max-width:none;padding:var(--spacing-4)}.dialog__title{font-size:var(--font-size-lg)}}.dropdown__content{min-width:200px;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-2);box-shadow:var(--shadow-md);z-index:var(--z-index-dropdown, 1000);animation:dropdown-slide-in var(--duration-200) ease-out}.dropdown__content:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.dropdown__item{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-md);color:var(--color-foreground);border-radius:var(--radius-sm);cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;transition:var(--transition-fast)}.dropdown__item:hover:not([data-disabled]){background-color:var(--color-gray-100)}.dropdown__item:focus-visible{background-color:var(--color-gray-100);outline:2px solid var(--color-primary);outline-offset:-2px}.dropdown__item[data-disabled]{opacity:.5;cursor:not-allowed}.dropdown__label{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-foreground-muted);-webkit-user-select:none;user-select:none}.dropdown__separator{height:1px;background-color:var(--color-border);margin:var(--spacing-2) 0}@keyframes dropdown-slide-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.dropdown__content{animation:none}}@media (prefers-color-scheme: dark){.dropdown__content{background-color:var(--color-background);border-color:var(--color-gray-700);box-shadow:var(--shadow-md),0 0 0 1px var(--color-gray-800)}.dropdown__item:hover:not([data-disabled]){background-color:var(--color-gray-800)}.dropdown__item:focus-visible{background-color:var(--color-gray-800)}.dropdown__separator{background-color:var(--color-gray-700)}}.tooltip__content{background-color:#1e293b;color:#fff;padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);line-height:var(--line-height-normal);max-width:300px;word-wrap:break-word;z-index:var(--z-index-tooltip, 2000);box-shadow:var(--shadow-md);animation:tooltip-fade-in var(--duration-200) ease-out}.tooltip__arrow{fill:#1e293b}@keyframes tooltip-fade-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion: reduce){.tooltip__content{animation:none}}@media (prefers-color-scheme: dark){.tooltip__content{background-color:#1e293b;border:1px solid var(--color-gray-700)}.tooltip__arrow{fill:#1e293b}}@media (max-width: 768px){.tooltip__content{max-width:250px;font-size:var(--font-size-xs)}}.text{margin:0;padding:0;font-family:var(--font-family-base);line-height:var(--line-height-normal)}.text--xs{font-size:var(--font-size-xs);line-height:var(--line-height-tight)}.text--sm{font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.text--base{font-size:var(--font-size-base);line-height:var(--line-height-normal)}.text--lg{font-size:var(--font-size-lg);line-height:var(--line-height-normal)}.text--xl{font-size:var(--font-size-xl);line-height:var(--line-height-relaxed)}.text--2xl{font-size:var(--font-size-2xl);line-height:var(--line-height-relaxed)}.text--3xl{font-size:var(--font-size-3xl);line-height:var(--line-height-tight)}.text--normal{font-weight:var(--font-weight-normal)}.text--medium{font-weight:var(--font-weight-medium)}.text--semibold{font-weight:var(--font-weight-semibold)}.text--bold{font-weight:var(--font-weight-bold)}.text--left{text-align:left}.text--center{text-align:center}.text--right{text-align:right}.text--default{color:var(--color-foreground)}.text--secondary{color:var(--color-foreground-secondary)}.text--tertiary{color:var(--color-foreground-tertiary)}.text--primary{color:var(--color-primary)}.text--destructive{color:var(--color-destructive)}.text--success{color:var(--color-success)}.text--warning{color:var(--color-warning)}.text--truncate{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--line-clamp, 1);overflow:hidden;text-overflow:ellipsis}.user-avatar{display:flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;font-weight:600;border:2px solid white;box-shadow:0 1px 3px #0000001a;cursor:pointer;transition:transform var(--duration-200) var(--ease-in-out);outline:none;text-transform:uppercase;-webkit-user-select:none;user-select:none}.user-avatar:hover{transform:scale(1.1);z-index:10!important}.user-avatar:focus-visible{box-shadow:var(--focus-shadow)}.user-avatar--sm{width:24px;height:24px;font-size:12px}.user-avatar--md{width:32px;height:32px;font-size:14px}.user-avatar--lg{width:40px;height:40px;font-size:16px}.user-avatars{display:flex;align-items:center}.user-avatars__group{display:flex;margin-left:-4px;overflow:visible}.user-avatars__item{position:relative;flex-shrink:0}.user-avatars__item:not(:first-child){margin-left:-8px}.user-avatars__item--remaining{background-color:var(--color-foreground-tertiary)}.user-avatars__empty{color:var(--color-foreground-secondary);font-weight:var(--font-weight-medium)}.userAvatars-avatar.userAvatars-addUser:hover{background-color:#d1d5db;border-color:#6b7280;color:#374151}.userAvatars-avatar.userAvatars-addUser span{font-size:1.2em;font-weight:700}.userAvatars-avatar .userAvatars-status{position:absolute;bottom:-2px;right:-2px;width:12px;height:12px;border-radius:50%;border:2px solid white}.userAvatars-avatarSm .userAvatars-status{width:8px;height:8px;bottom:-1px;right:-1px;border-width:1px}.userAvatars-avatarLg .userAvatars-status{width:16px;height:16px;bottom:-3px;right:-3px;border-width:3px}.userAvatars-status.userAvatars-online{background-color:#22c55e}.userAvatars-status.userAvatars-offline{background-color:#6b7280}.userAvatars-status.userAvatars-busy{background-color:#ef4444}.userAvatars-status.userAvatars-away{background-color:#f59e0b}.userAvatars-emptyState{color:#9ca3af;font-size:14px}@media (max-width: 768px){.userAvatars-avatar:not(:first-child){margin-left:-6px}.userAvatars-avatarGroup{margin-left:-2px}}.skeleton{display:block;background-color:var(--color-gray-200);position:relative;overflow:hidden;flex-shrink:0}.skeleton--text{height:1em;width:100%;border-radius:var(--radius-sm);margin-bottom:var(--spacing-2)}.skeleton--text:last-child{margin-bottom:0}.skeleton--circle{width:40px;height:40px;border-radius:var(--radius-full)}.skeleton--rectangle{width:100%;height:20px;border-radius:var(--radius-md)}.skeleton__group{display:flex;flex-direction:column;width:100%}.skeleton--pulse{animation:skeleton-pulse 1.5s var(--ease-in-out) infinite}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.4}}.skeleton--wave:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,var(--color-gray-100) 50%,transparent 100%);animation:skeleton-wave 1.6s var(--ease-in-out) infinite}@keyframes skeleton-wave{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (prefers-reduced-motion: reduce){.skeleton--pulse,.skeleton--wave:after{animation:none}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-radius:var(--radius-lg);background-color:var(--color-gray-50);width:100%;box-sizing:border-box}.empty-state--sm{padding:var(--spacing-6) var(--spacing-4);gap:var(--spacing-2)}.empty-state--sm .empty-state__icon{font-size:var(--font-size-2xl)}.empty-state--md{padding:var(--spacing-10) var(--spacing-6);gap:var(--spacing-3)}.empty-state--md .empty-state__icon{font-size:var(--font-size-4xl)}.empty-state--lg{padding:var(--spacing-16) var(--spacing-8);gap:var(--spacing-4)}.empty-state--lg .empty-state__icon{font-size:var(--font-size-5xl)}.empty-state--default{background-color:var(--color-gray-50)}.empty-state--search{background-color:color-mix(in oklch,var(--color-primary-base),white 92%)}.empty-state--error{background-color:color-mix(in oklch,var(--color-destructive-base),white 92%)}.empty-state--no-data{background-color:color-mix(in oklch,var(--color-info-base),white 92%)}.empty-state--no-access{background-color:color-mix(in oklch,var(--color-warning-base),white 92%)}.empty-state__icon{display:flex;align-items:center;justify-content:center;color:var(--color-gray-400);line-height:1}.empty-state--search .empty-state__icon{color:var(--color-primary)}.empty-state--error .empty-state__icon{color:var(--color-destructive)}.empty-state--no-data .empty-state__icon{color:var(--color-info)}.empty-state--no-access .empty-state__icon{color:var(--color-warning)}.empty-state__title{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-foreground);line-height:var(--line-height-tight)}.empty-state--sm .empty-state__title{font-size:var(--font-size-base)}.empty-state--lg .empty-state__title{font-size:var(--font-size-xl)}.empty-state__description{margin:0;font-size:var(--font-size-sm);color:var(--color-gray-500);line-height:var(--line-height-relaxed);max-width:40ch}.empty-state--lg .empty-state__description{font-size:var(--font-size-base)}.empty-state__action{margin-top:var(--spacing-1)}@media (prefers-reduced-motion: reduce){.empty-state{transition:none}}.toggle{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);font-family:var(--font-family-base);line-height:1;cursor:pointer;transition:all var(--duration-200) var(--ease-in-out);outline:none;white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid transparent}.toggle:focus-visible{box-shadow:var(--focus-shadow)}.toggle:disabled{opacity:var(--opacity-disabled);cursor:not-allowed;pointer-events:none}.toggle--sm{padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-sm);min-height:2rem}.toggle--md{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-base);min-height:2.5rem}.toggle--lg{padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-lg);min-height:3rem}.toggle--default{background-color:transparent;color:var(--color-foreground-secondary);border-color:transparent}.toggle--default:hover:not(:disabled):not([data-state=on]){background-color:var(--color-background-tertiary);color:var(--color-foreground)}.toggle--default[data-state=on]{background-color:var(--color-primary);color:var(--color-primary-foreground);border-color:var(--color-primary)}.toggle--default[data-state=on]:hover:not(:disabled){background-color:var(--color-primary-dark);border-color:var(--color-primary-dark)}.toggle--outline{background-color:transparent;color:var(--color-foreground-secondary);border-color:var(--color-border)}.toggle--outline:hover:not(:disabled):not([data-state=on]){background-color:var(--color-background-tertiary);color:var(--color-foreground);border-color:var(--color-border-dark)}.toggle--outline[data-state=on]{background-color:var(--color-primary);color:var(--color-primary-foreground);border-color:var(--color-primary)}.toggle--outline[data-state=on]:hover:not(:disabled){background-color:var(--color-primary-dark);border-color:var(--color-primary-dark)}.toggle-group{display:inline-flex;align-items:center;border:1px solid var(--color-border);border-radius:var(--radius-lg);gap:0}.toggle-group--default{background-color:var(--color-background-secondary)}.toggle-group--outline{background-color:transparent;border-color:var(--color-border-dark)}.toggle-group--sm .toggle-group__item{padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-sm);min-height:2rem}.toggle-group--md .toggle-group__item{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-base);min-height:2.5rem}.toggle-group--lg .toggle-group__item{padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-lg);min-height:3rem}.toggle-group__item{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-1);background-color:transparent;color:var(--color-foreground-secondary);border:none;border-radius:0;font-weight:var(--font-weight-medium);font-family:var(--font-family-base);line-height:1;cursor:pointer;outline:none;transition:all var(--duration-200) var(--ease-in-out);white-space:nowrap;-webkit-user-select:none;user-select:none;border-right:1px solid var(--color-border)}.toggle-group__item:last-child{border-right:none}.toggle-group__item:focus-visible{outline:none;box-shadow:var(--focus-shadow);z-index:1;position:relative}.toggle-group__item:first-child{border-radius:calc(var(--radius-lg) - 1px) 0 0 calc(var(--radius-lg) - 1px)}.toggle-group__item:last-child{border-radius:0 calc(var(--radius-lg) - 1px) calc(var(--radius-lg) - 1px) 0}.toggle-group__item:hover:not(:disabled):not([data-state=on]){background-color:var(--color-background-tertiary);color:var(--color-foreground)}.toggle-group__item[data-state=on]{background-color:var(--color-primary);color:var(--color-primary-foreground)}.toggle-group__item[data-state=on]:hover:not(:disabled){background-color:var(--color-primary-dark)}.toggle-group__item:disabled{opacity:var(--opacity-disabled);cursor:not-allowed;pointer-events:none}.toggle-group--outline .toggle-group__item{border-right:1px solid var(--color-border-dark)}.toggle-group--outline .toggle-group__item:last-child{border-right:none}.image{display:block;max-width:100%;height:auto}.image--cover{object-fit:cover}.image--contain{object-fit:contain}.image--fill{object-fit:fill}.image--none{object-fit:none}.image--scale-down{object-fit:scale-down}.image--rounded-none{border-radius:var(--radius-none)}.image--rounded-sm{border-radius:var(--radius-sm)}.image--rounded-md{border-radius:var(--radius-md)}.image--rounded-lg{border-radius:var(--radius-lg)}.image--rounded-full{border-radius:var(--radius-full)}.image--aspect-square{aspect-ratio:1 / 1}.image--aspect-video{aspect-ratio:16 / 9}.image--aspect-portrait{aspect-ratio:3 / 4}.image--error{background-color:var(--color-gray-100, #f3f4f6);min-width:48px;min-height:48px}.section--default{margin-top:var(--spacing-4);background:var(--color-background);padding:var(--spacing-8);border-radius:var(--radius-xl);border:1px solid var(--color-border-light);box-shadow:0 2px 8px #0000000a}.section--hero{margin-top:var(--spacing-10);background:linear-gradient(135deg,#6366f108,#8b5cf608);padding:var(--spacing-8);border-radius:var(--radius-xl);border-bottom:2px solid var(--color-border-light)}.section--hero h1{margin-top:var(--spacing-3);background:var(--color-primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width: 768px){.section--default{padding:var(--spacing-6);margin-top:var(--spacing-8)}.section--hero{padding:var(--spacing-6)}}.label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-foreground);margin-bottom:var(--spacing-1);display:inline-flex;align-items:center;gap:var(--spacing-1)}.label__required{color:var(--color-error);font-weight:var(--font-weight-semibold)}.form-control{display:flex;flex-direction:column;gap:var(--spacing-1)}.form-control__input{display:flex;flex-direction:column;min-height:36px;justify-content:center}.form-control__message{font-size:var(--font-size-xs);color:var(--color-foreground-secondary)}.form-control__message--error{color:var(--color-destructive);font-weight:var(--font-weight-medium)}.input{width:100%;font-family:inherit;font-size:var(--font-size-base);color:var(--color-foreground);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--duration-200) var(--ease-in-out);outline:none}.input::placeholder{color:var(--color-foreground-secondary)}.input:hover:not(:disabled){border-color:var(--color-primary)}.input:focus{border-color:var(--color-primary);box-shadow:var(--focus-shadow)}.input--default{background-color:var(--color-background)}.input--filled{background-color:var(--color-background-secondary);border-color:transparent}.input--filled:hover:not(:disabled){background-color:var(--color-background);border-color:var(--color-border)}.input--filled:focus{background-color:var(--color-background);border-color:var(--color-primary)}.input--outline{border-width:2px}.input--sm{padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-sm)}.input--md{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-base)}.input--lg{padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-lg)}.input--error{border-color:var(--color-error)}.input--error:focus{border-color:var(--color-destructive);box-shadow:var(--focus-shadow-error)}.input--disabled{opacity:.6;cursor:not-allowed;background-color:var(--color-background-secondary)}.native-select-container{position:relative;display:inline-block;width:100%}.native-select{width:100%;font-family:inherit;font-size:var(--font-size-base);color:var(--color-foreground);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--duration-200) var(--ease-in-out);outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:var(--spacing-8)}.native-select:hover:not(:disabled){border-color:var(--color-primary)}.native-select:focus{border-color:var(--color-primary);box-shadow:var(--focus-shadow)}.native-select--default{background-color:var(--color-background)}.native-select--filled{background-color:var(--color-background-secondary);border-color:transparent}.native-select--filled:hover:not(:disabled){background-color:var(--color-background);border-color:var(--color-border)}.native-select--filled:focus{background-color:var(--color-background);border-color:var(--color-primary)}.native-select--outline{border-width:2px}.native-select--sm{padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-sm)}.native-select--md{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-base)}.native-select--lg{padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-lg)}.native-select--error{border-color:var(--color-error)}.native-select--error:focus{border-color:var(--color-error);box-shadow:0 0 0 3px var(--color-error-light)}.native-select--disabled{opacity:.6;cursor:not-allowed;background-color:var(--color-background-secondary)}.native-select-icon{position:absolute;right:var(--spacing-3);top:50%;transform:translateY(-50%);font-size:.8em;color:var(--color-foreground);pointer-events:none}.checkbox-container{display:flex;align-items:center}.checkbox-input{position:absolute;opacity:0;width:0;height:0;margin:0;padding:0}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-2);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:var(--font-size-base);color:var(--color-foreground);transition:color var(--duration-200) var(--ease-in-out)}.checkbox-label:hover:not(:has(input:disabled)){color:var(--color-primary)}.checkbox-text{display:inline-block}.checkbox-custom{position:relative;display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;border:1px solid var(--color-input-border);border-radius:var(--radius-md);background-color:var(--color-input-background);transition:all var(--duration-200) var(--ease-in-out)}.checkbox-custom:after{content:"";position:absolute;width:6px;height:10px;border:solid var(--color-background);border-width:0 2px 2px 0;transform:rotate(45deg) translateY(-1px);opacity:0;transition:opacity var(--duration-200) var(--ease-in-out)}.checkbox-custom--default{background-color:var(--color-input-background);border:1px solid var(--color-input-border)}.checkbox-custom--filled{background-color:var(--color-background-secondary);border:1px solid transparent}.checkbox-custom--filled:hover:not(:has(input:disabled)){background-color:var(--color-background);border-color:var(--color-input-border)}.checkbox-custom--outline{border-width:2px;background-color:transparent}.checkbox-input:checked+.checkbox-label .checkbox-custom{background-color:var(--color-primary);border-color:var(--color-primary)}.checkbox-input:checked+.checkbox-label .checkbox-custom--outline{background-color:var(--color-primary)}.checkbox-input:checked+.checkbox-label .checkbox-custom:after{opacity:1}.checkbox-input:not(:disabled)+.checkbox-label:hover .checkbox-custom{border-color:var(--color-primary)}.checkbox-input:focus-visible+.checkbox-label{box-shadow:var(--focus-shadow);border-radius:var(--radius-md)}.checkbox-input--error+.checkbox-label .checkbox-custom{border-color:var(--color-destructive)}.checkbox-input--error:checked+.checkbox-label .checkbox-custom{background-color:var(--color-destructive);border-color:var(--color-destructive)}.checkbox-input--error:focus-visible+.checkbox-label .checkbox-custom{box-shadow:var(--focus-shadow-error)}.checkbox-input--disabled+.checkbox-label{cursor:not-allowed;opacity:.6;color:var(--color-foreground-secondary)}.checkbox-input--disabled+.checkbox-label .checkbox-custom{background-color:var(--color-background-secondary);border-color:var(--color-border-light);cursor:not-allowed}.checkbox-toggle{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0;background-color:var(--color-input-border);border-radius:var(--radius-full);transition:background-color var(--duration-200) var(--ease-in-out)}.checkbox-toggle:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:var(--radius-full);background-color:var(--color-background);box-shadow:var(--shadow-sm);transition:transform var(--duration-200) var(--ease-in-out)}.checkbox-input:checked+.checkbox-label .checkbox-toggle{background-color:var(--color-primary)}.checkbox-input:checked+.checkbox-label .checkbox-toggle:after{transform:translate(20px)}.checkbox-input:not(:disabled)+.checkbox-label:hover .checkbox-toggle{filter:brightness(.95)}.checkbox-input:focus-visible+.checkbox-label .checkbox-toggle{box-shadow:var(--focus-shadow)}.checkbox-input--error+.checkbox-label .checkbox-toggle{background-color:var(--color-destructive-light)}.checkbox-input--error:checked+.checkbox-label .checkbox-toggle{background-color:var(--color-destructive)}.checkbox-input--error:focus-visible+.checkbox-label .checkbox-toggle{box-shadow:var(--focus-shadow-error)}.checkbox-input--disabled+.checkbox-label .checkbox-toggle{background-color:var(--color-background-secondary);cursor:not-allowed}.textarea{display:block;width:100%;padding:var(--spacing-2) var(--spacing-3);font-family:inherit;font-size:var(--font-size-base);color:var(--color-foreground);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);resize:vertical;transition:all var(--duration-200) var(--ease-in-out);box-sizing:border-box;outline:none}.textarea::placeholder{color:var(--color-foreground-secondary)}.textarea:hover:not(:disabled){border-color:var(--color-primary)}.textarea:focus{border-color:var(--color-primary);box-shadow:var(--focus-shadow)}.textarea--error{border-color:var(--color-error)}.textarea--error:focus{border-color:var(--color-destructive);box-shadow:var(--focus-shadow-error)}.textarea--disabled{opacity:.6;cursor:not-allowed;resize:none;background-color:var(--color-background-secondary)}.form-builder{display:flex;flex-direction:column;gap:var(--spacing-4);width:100%}.form-builder--grid{display:grid;align-items:start}.form-builder--grid .form-builder__field{min-width:0}.form-builder--grid .form-builder__actions{grid-column:1 / -1}.form-builder__actions{display:flex;align-items:center;gap:var(--spacing-3);padding-top:var(--spacing-2)}.select-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;font-family:inherit;font-size:var(--font-size-base);color:var(--color-foreground);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--duration-200) var(--ease-in-out);outline:none;cursor:pointer}.select-trigger:hover:not(:disabled){border-color:var(--color-primary)}.select-trigger:focus{border-color:var(--color-primary);box-shadow:var(--focus-shadow)}.select-trigger[data-placeholder]{color:var(--color-foreground-secondary)}.select-trigger--default{background-color:var(--color-background)}.select-trigger--filled{background-color:var(--color-background-secondary);border-color:transparent}.select-trigger--filled:hover:not(:disabled){background-color:var(--color-background);border-color:var(--color-border)}.select-trigger--filled:focus{background-color:var(--color-background);border-color:var(--color-primary)}.select-trigger--outline{border-width:2px}.select-trigger--sm{padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-sm)}.select-trigger--md{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-base)}.select-trigger--lg{padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-lg)}.select-trigger--error{border-color:var(--color-error)}.select-trigger--error:focus{border-color:var(--color-error);box-shadow:0 0 0 3px var(--color-error-light)}.select-trigger--disabled{opacity:.6;cursor:not-allowed;background-color:var(--color-background-secondary)}.select-icon{font-size:.8em;transition:transform var(--duration-200) var(--ease-in-out)}.select-trigger[data-state=open] .select-icon{transform:rotate(180deg)}.select-content{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);overflow:hidden;z-index:var(--z-dropdown)}.select-viewport{padding:var(--spacing-1)}.select-item{position:relative;display:flex;align-items:center;padding:var(--spacing-2) var(--spacing-3);padding-right:var(--spacing-8);font-size:var(--font-size-base);color:var(--color-foreground);border-radius:var(--radius-sm);cursor:pointer;outline:none;-webkit-user-select:none;user-select:none}.select-item:hover{background-color:var(--color-background-secondary)}.select-item:focus{background-color:var(--color-background-secondary)}.select-item[data-state=checked]{background-color:var(--color-primary-light);color:var(--color-foreground);font-weight:var(--font-weight-medium)}.select-item--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.select-item-indicator{position:absolute;right:var(--spacing-2);display:flex;align-items:center;justify-content:center;color:var(--color-primary)}.checkbox-group{display:flex;flex-direction:column;gap:var(--spacing-3)}.checkbox-group--horizontal{flex-direction:row;flex-wrap:wrap;align-items:center;gap:var(--spacing-2)}.checkbox-group--vertical{flex-direction:column;gap:var(--spacing-3)}.checkbox-group .form-control{margin-bottom:0;gap:0}.checkbox-group .checkbox-container,.checkbox-group--horizontal .checkbox-container{gap:var(--spacing-2)}.radio-container{display:flex;align-items:center}.radio-input{position:absolute;opacity:0;width:0;height:0;margin:0;padding:0}.radio-label{display:flex;align-items:center;gap:var(--spacing-2);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:var(--font-size-base);color:var(--color-foreground);transition:color var(--duration-200) var(--ease-in-out)}.radio-label:hover:not(:has(input:disabled)){color:var(--color-primary)}.radio-text{display:inline-block}.radio-custom{position:relative;display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;border:1px solid var(--color-input-border);border-radius:50%;background-color:var(--color-input-background);transition:all var(--duration-200) var(--ease-in-out)}.radio-custom:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background-color:var(--color-background);opacity:0;transition:opacity var(--duration-200) var(--ease-in-out)}.radio-custom--default{background-color:var(--color-input-background);border:1px solid var(--color-input-border)}.radio-custom--filled{background-color:var(--color-background-secondary);border:1px solid transparent}.radio-custom--filled:hover:not(:has(input:disabled)){background-color:var(--color-background);border-color:var(--color-input-border)}.radio-custom--outline{border-width:2px;background-color:transparent}.radio-input:checked+.radio-label .radio-custom{background-color:var(--color-primary);border-color:var(--color-primary)}.radio-input:checked+.radio-label .radio-custom--outline{background-color:var(--color-primary)}.radio-input:checked+.radio-label .radio-custom:after{opacity:1}.radio-input:not(:disabled)+.radio-label:hover .radio-custom{border-color:var(--color-primary)}.radio-input:focus-visible+.radio-label{box-shadow:var(--focus-shadow);border-radius:var(--radius-md)}.radio-input:focus-visible+.radio-label .radio-custom{box-shadow:var(--focus-shadow)}.radio-input--error+.radio-label .radio-custom{border-color:var(--color-destructive)}.radio-input--error:checked+.radio-label .radio-custom{background-color:var(--color-destructive);border-color:var(--color-destructive)}.radio-input:disabled+.radio-label{opacity:var(--opacity-disabled);cursor:not-allowed}.radio-input:disabled+.radio-label:hover{color:var(--color-foreground)}.radio-input--disabled{opacity:var(--opacity-disabled)}.combobox{position:relative;display:flex;align-items:center;width:100%}.combobox__input{flex:1;width:100%;font-family:inherit;font-size:var(--font-size-base);color:var(--color-foreground);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--duration-200) var(--ease-in-out);outline:none}.combobox__input:hover:not(:disabled){border-color:var(--color-primary)}.combobox__input:focus{border-color:var(--color-primary);box-shadow:var(--focus-shadow)}.combobox__input::placeholder{color:var(--color-foreground-secondary)}.combobox__input--default{background-color:var(--color-background)}.combobox__input--filled{background-color:var(--color-background-secondary);border-color:transparent}.combobox__input--filled:hover:not(:disabled){background-color:var(--color-background);border-color:var(--color-border)}.combobox__input--filled:focus{background-color:var(--color-background);border-color:var(--color-primary)}.combobox__input--outline{border-width:2px}.combobox__input--sm{padding:var(--spacing-1) var(--spacing-2);padding-right:var(--spacing-8);font-size:var(--font-size-sm)}.combobox__input--md{padding:var(--spacing-2) var(--spacing-3);padding-right:var(--spacing-8);font-size:var(--font-size-base)}.combobox__input--lg{padding:var(--spacing-3) var(--spacing-4);padding-right:var(--spacing-10);font-size:var(--font-size-lg)}.combobox__input--error{border-color:var(--color-error)}.combobox__input--error:focus{border-color:var(--color-error);box-shadow:0 0 0 3px var(--color-error-light)}.combobox__input--disabled{opacity:.6;cursor:not-allowed;background-color:var(--color-background-secondary)}.combobox__icon{position:absolute;right:var(--spacing-3);font-size:.8em;color:var(--color-foreground-secondary);pointer-events:none;transition:transform var(--duration-200) var(--ease-in-out)}.combobox__content{min-width:var(--radix-popover-trigger-width);max-width:var(--radix-popover-trigger-width);max-height:300px;overflow:hidden;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown)}.combobox__listbox{max-height:300px;padding:var(--spacing-1);overflow-y:auto}.combobox__option{position:relative;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-base);color:var(--color-foreground);border-radius:var(--radius-sm);cursor:pointer;outline:none;-webkit-user-select:none;user-select:none;transition:background-color var(--duration-100) var(--ease-in-out)}.combobox__option:hover,.combobox__option--highlighted{background-color:var(--color-background-secondary)}.combobox__option--selected{background-color:var(--color-primary-light);color:var(--color-primary);font-weight:var(--font-weight-medium)}.combobox__option--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.combobox__check{margin-left:var(--spacing-2);font-size:.9em;color:var(--color-primary)}.combobox__empty{padding:var(--spacing-3);font-size:var(--font-size-sm);color:var(--color-foreground-secondary);text-align:center}.pagination{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-4) var(--spacing-6);background-color:var(--color-background-secondary);border-top:1px solid var(--color-border);flex-wrap:wrap;gap:var(--spacing-4)}.pagination__info{display:flex;align-items:center;gap:var(--spacing-4);color:var(--color-foreground-secondary);font-size:var(--font-size-sm)}.pagination__size-selector{display:flex;align-items:center;gap:var(--spacing-2)}.pagination__select{padding:var(--spacing-1) var(--spacing-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);background-color:var(--color-background);color:var(--color-foreground);cursor:pointer;transition:all var(--duration-200) var(--ease-in-out)}.pagination__select:hover{border-color:var(--color-foreground-secondary)}.pagination__select:focus-visible{box-shadow:var(--focus-shadow)}.pagination__controls{display:flex;gap:var(--spacing-1)}.pagination-button{padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-border);background-color:var(--color-background);color:var(--color-foreground);cursor:pointer;border-radius:var(--radius-sm);font-size:var(--font-size-sm);min-width:40px;height:38px;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-medium);transition:all var(--duration-200) var(--ease-in-out);outline:none}.pagination-button:hover:not(:disabled){background-color:var(--color-background-secondary);border-color:var(--color-foreground-secondary)}.pagination-button:focus-visible{box-shadow:var(--focus-shadow)}.pagination-button:disabled{color:var(--color-foreground-tertiary);cursor:not-allowed;background-color:var(--color-background-secondary);opacity:var(--opacity-disabled)}.pagination-button--active{background-color:var(--color-primary);color:var(--color-background);border-color:var(--color-foreground);font-weight:var(--font-weight-semibold)}.pagination-button.pagination-button--active:hover{background-color:var(--color-primary-light);border-color:var(--color-foreground-secondary)}.pagination-button--ellipsis{cursor:default;color:var(--color-foreground-secondary)}.pagination-button--ellipsis:hover{background-color:var(--color-background)}.pagination-button--first,.pagination-button--last,.pagination-button--prev,.pagination-button--next{font-weight:var(--font-weight-bold)}@media (max-width: 768px){.pagination{flex-direction:column;align-items:stretch;padding:var(--spacing-3) var(--spacing-4);gap:var(--spacing-3)}.pagination__info{flex-direction:column;align-items:flex-start;gap:var(--spacing-2);font-size:var(--font-size-xs)}.pagination__size-selector{width:100%;justify-content:flex-start}.pagination__controls{justify-content:center;flex-wrap:wrap}.pagination-button{padding:var(--spacing-2);min-width:36px;height:36px;font-size:var(--font-size-xs)}}@media (max-width: 480px){.pagination{padding:var(--spacing-2) var(--spacing-3)}.pagination__info{font-size:var(--font-size-xs)}.pagination__controls{gap:var(--spacing-1)}.pagination-button{padding:var(--spacing-1) var(--spacing-2);min-width:32px;height:32px;font-size:var(--font-size-xs)}.pagination-button--first,.pagination-button--last,.pagination-button--ellipsis{display:none}}@media (prefers-reduced-motion: reduce){.pagination-button,.pagination__select{transition:none}}.table-container{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table{width:100%;border-collapse:collapse;border-spacing:0;font-family:var(--font-family-base);font-size:var(--font-size-base);background-color:var(--color-background)}.table__head{background-color:var(--color-background-secondary);border-bottom:2px solid var(--color-border)}.table__body{background-color:var(--color-background)}.table__row{border-bottom:1px solid var(--color-border);transition:background-color var(--duration-200) var(--ease-in-out)}.table__row:last-child{border-bottom:none}.table__body .table__row:hover{background-color:var(--color-background-secondary)}.table__row--selected{background-color:color-mix(in oklch,var(--color-primary-base),transparent 90%)}.table__cell{padding:var(--spacing-3) var(--spacing-4);text-align:left;vertical-align:middle;color:var(--color-foreground)}.table__cell--header{font-weight:var(--font-weight-semibold);color:var(--color-foreground-secondary);-webkit-user-select:none;user-select:none}.table__cell--sortable{cursor:pointer;transition:background-color var(--duration-200) var(--ease-in-out)}.table__cell--sortable:hover{background-color:var(--color-border)}.table__header-content{display:flex;align-items:center;gap:var(--spacing-2)}.table__sort-indicator{display:inline-block;min-width:1em;font-size:.875em;opacity:.6}.table__cell--sortable:hover .table__sort-indicator{opacity:1}.table__cell--align-center{text-align:center}.table__cell--align-right{text-align:right}.table__cell--align-left{text-align:left}@media (max-width: 768px){.table{font-size:var(--font-size-sm)}.table__cell,.table__cell--header{padding:var(--spacing-2) var(--spacing-3)}}.card-list{width:100%}.card-list__grid{display:grid;grid-template-columns:repeat(var(--card-list-columns, 3),1fr);gap:var(--card-list-gap, 1rem)}.card-list__item{width:100%}.card-list__loading,.card-list__empty{display:flex;align-items:center;justify-content:center;padding:var(--spacing-8);color:var(--color-foreground-secondary);font-size:var(--font-size-base)}@media (max-width: 1024px){.card-list__grid{grid-template-columns:repeat(min(var(--card-list-columns, 3),2),1fr)}}@media (max-width: 768px){.card-list__grid{grid-template-columns:1fr}}.datalist-card{display:flex;flex-direction:column;gap:var(--spacing-3);padding:var(--spacing-4);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 1px 3px #0000001a;transition:all var(--duration-200) var(--ease-in-out)}.datalist-card:hover{box-shadow:0 4px 12px #00000026;border-color:var(--color-border-hover, var(--color-border))}.datalist-card__field{display:flex;flex-direction:column;gap:var(--spacing-3)}.datalist-card__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-foreground-secondary);text-transform:uppercase;letter-spacing:.5px}@media (max-width: 768px){.datalist-card{padding:var(--spacing-3);gap:var(--spacing-2)}.datalist-card__label{font-size:var(--font-size-xs)}.datalist-card__value{font-size:var(--font-size-sm)}}.sortable-tree{list-style:none;margin:0;padding:var(--spacing-2)}.sortable-tree__item{position:relative;display:flex;align-items:center;padding:var(--spacing-2) var(--spacing-3);gap:var(--spacing-2);background-color:var(--color-background);border:1px solid var(--color-border);margin-bottom:-1px;color:var(--color-foreground);box-sizing:border-box}.sortable-tree__item:first-child{border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md)}.sortable-tree__item:last-child{border-bottom-left-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.sortable-tree__item[data-overlay]{width:max-content!important;padding-right:var(--spacing-6);border-radius:var(--radius-md);box-shadow:0 15px 15px #2221511a}.sortable-tree__item[aria-hidden=true]{opacity:.4}.sortable-tree__item[aria-hidden=true] .sortable-tree__handle{visibility:hidden}.sortable-tree__handle{display:flex;flex:0 0 auto}.sortable-tree__drag-handle{color:var(--color-foreground-tertiary);display:flex;width:auto;padding:var(--spacing-3);align-items:center;justify-content:center;flex:0 0 auto;touch-action:none;cursor:grab;border-radius:var(--radius-sm);border:none;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;transition:var(--transition-fast)}.sortable-tree__drag-handle:hover:not(:disabled){color:var(--color-foreground);background-color:var(--color-background-secondary)}.sortable-tree__drag-handle:focus-visible{outline:2px solid var(--color-ring);outline-offset:2px}.sortable-tree__action{margin-left:auto;display:flex;align-items:center;gap:var(--spacing-1)}.sortable-tree__badge{position:absolute;top:-10px;right:-10px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-full);background-color:var(--color-info);font-size:var(--font-size-xs);font-weight:500;color:var(--color-info-foreground)}@media (prefers-reduced-motion: reduce){.sortable-tree__drag-handle{transition:none}}.sidebar-header{padding:var(--spacing-6) var(--spacing-4);border-bottom:1px solid var(--color-border-light);margin-bottom:var(--spacing-4)}.sidebar-header h2{background:var(--color-primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:var(--font-size-xl)}.component-page__header h1{margin-bottom:var(--spacing-3);background:var(--color-primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.component-page__section{margin-bottom:var(--spacing-12);background:var(--color-background);padding:var(--spacing-8);border-radius:var(--radius-xl);border:1px solid var(--color-border-light);box-shadow:0 2px 8px #0000000a}.component-page__section>h2{margin-bottom:var(--spacing-4);color:var(--color-foreground);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.component-page__section>p{margin-bottom:var(--spacing-6);color:var(--color-foreground-secondary)}.component-page__demo{display:flex;flex-wrap:wrap;gap:var(--spacing-4);align-items:center;padding:var(--spacing-8);background:linear-gradient(135deg,var(--color-background-secondary) 0%,var(--color-background-tertiary) 100%);border-radius:var(--radius-lg);margin-top:var(--spacing-4);border:1px solid var(--color-border-light)}.component-page__demo-column{display:flex;flex-direction:column;gap:var(--spacing-4);padding:var(--spacing-8);background:linear-gradient(135deg,var(--color-background-secondary) 0%,var(--color-background-tertiary) 100%);border-radius:var(--radius-lg);margin-top:var(--spacing-4);border:1px solid var(--color-border-light)}.component-page__actions{display:flex;gap:var(--spacing-2);justify-content:flex-end;margin-top:var(--spacing-4)}.component-page__demo--centered{justify-content:center;padding:var(--spacing-8)}.component-page__list{margin-top:var(--spacing-4);padding-left:var(--spacing-6)}.component-page__list li{margin-bottom:var(--spacing-2);color:var(--color-foreground-secondary)}@media (max-width: 768px){.component-page{padding:var(--spacing-6) var(--spacing-4)}.component-page__header{padding:var(--spacing-6)}.component-page__section{padding:var(--spacing-6);margin-bottom:var(--spacing-8)}.component-page__demo{flex-direction:column;align-items:flex-start;padding:var(--spacing-6)}}.tree-editor-page__item-icon{margin-right:var(--spacing-2)}