@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";.toast-container{position:fixed;bottom:var(--spacing-6);right:var(--spacing-6);display:flex;flex-direction:column;gap:var(--spacing-3);z-index:var(--z-toast);max-width:400px}.toast{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-4);background:var(--color-background-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:toast-slide-in .3s cubic-bezier(.4,0,.2,1)}@keyframes toast-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast__icon{flex-shrink:0;width:20px;height:20px}.toast__icon svg{width:100%;height:100%}.toast--success .toast__icon{color:var(--color-accent)}.toast--error .toast__icon{color:var(--color-destructive)}.toast--warning .toast__icon{color:var(--color-warning)}.toast--info .toast__icon{color:var(--color-info)}.toast__content{flex:1;min-width:0}.toast__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-foreground);margin:0}.toast__description{font-size:var(--font-size-sm);color:var(--color-foreground-muted);margin:var(--spacing-1) 0 0}.toast__close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-foreground-muted);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.toast__close:hover{background:var(--color-background-muted);color:var(--color-foreground)}.toast__close svg{width:14px;height:14px}@media(max-width:480px){.toast-container{left:var(--spacing-4);right:var(--spacing-4);bottom:var(--spacing-4);max-width:none}}@media(prefers-reduced-motion:reduce){.toast{animation:none}.toast__close{transition:none}}.icon-button{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast),transform .1s ease-out}.icon-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.icon-button:disabled{opacity:.5;cursor:not-allowed}.icon-button:not(:disabled):active{transform:scale(.95)}.icon-button--sm{width:32px;height:32px}.icon-button--sm svg{width:16px;height:16px}.icon-button--md{width:40px;height:40px}.icon-button--md svg{width:20px;height:20px}.icon-button--lg{width:48px;height:48px}.icon-button--lg svg{width:24px;height:24px}.icon-button--primary{background-color:var(--color-primary);color:var(--color-primary-foreground)}.icon-button--primary:not(:disabled):hover{background-color:var(--color-primary-hover)}.icon-button--secondary{background-color:var(--color-background-muted);color:var(--color-foreground)}.icon-button--secondary:not(:disabled):hover{background-color:var(--color-border)}.icon-button--ghost{background-color:transparent;color:var(--color-foreground-muted)}.icon-button--ghost:not(:disabled):hover{background-color:var(--color-background-muted);color:var(--color-foreground)}@media(prefers-reduced-motion:reduce){.icon-button{transition:none}.icon-button:active{transform:none}}.theme-toggle__icons{position:relative;width:20px;height:20px}.theme-toggle__icon{position:absolute;inset:0;width:100%;height:100%;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .2s ease-out}.theme-toggle__icon--sun{opacity:0;transform:rotate(-90deg) scale(.8)}.theme-toggle__icon--sun.active{opacity:1;transform:rotate(0) scale(1)}.theme-toggle__icon--moon{opacity:0;transform:rotate(90deg) scale(.8)}.theme-toggle__icon--moon.active{opacity:1;transform:rotate(0) scale(1)}@media(prefers-reduced-motion:reduce){.theme-toggle__icon{transition:opacity .1s ease-out;transform:none!important}.theme-toggle__icon.active{transform:none!important}}.header{position:fixed;top:0;left:0;right:0;height:var(--header-height);display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-4);background-color:var(--color-background-elevated);border-bottom:1px solid var(--color-border);z-index:var(--z-fixed)}.header__left{display:flex;align-items:center;gap:var(--spacing-3)}.header__menu-button{display:flex}@media(min-width:769px){.header__menu-button{display:none}}.header__logo{display:flex;align-items:center;gap:var(--spacing-2);text-decoration:none;color:var(--color-foreground);font-weight:var(--font-weight-semibold);font-size:var(--font-size-lg);transition:opacity var(--transition-fast)}.header__logo:hover{opacity:.8}.header__logo-icon{width:28px;height:28px;color:var(--color-primary)}.header__logo-text{display:none}@media(min-width:480px){.header__logo-text{display:inline}}.header__right{display:flex;align-items:center;gap:var(--spacing-2)}.sidebar-link{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-lg);color:var(--color-foreground-muted);text-decoration:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:background-color var(--transition-fast),color var(--transition-fast)}.sidebar-link:hover{background-color:var(--color-background-muted);color:var(--color-foreground)}.sidebar-link:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.sidebar-link--active{background-color:var(--color-primary);color:var(--color-primary-foreground)}.sidebar-link--active:hover{background-color:var(--color-primary-hover);color:var(--color-primary-foreground)}.sidebar-link__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-link__icon svg{width:20px;height:20px}.sidebar-link__text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-backdrop{position:fixed;inset:0;top:var(--header-height);background-color:#00000080;opacity:0;pointer-events:none;z-index:calc(var(--z-modal) - 1);transition:opacity var(--transition-normal)}.sidebar-backdrop.visible{opacity:1;pointer-events:auto}@media(min-width:769px){.sidebar-backdrop{display:none}}.sidebar{position:fixed;top:var(--header-height);left:0;width:var(--sidebar-width);height:calc(100vh - var(--header-height));background-color:var(--color-background-elevated);border-right:1px solid var(--color-border);overflow-y:auto;overflow-x:hidden;z-index:var(--z-modal);transform:translate(-100%);transition:transform var(--transition-normal);will-change:transform}.sidebar.open{transform:translate(0)}@media(min-width:769px){.sidebar{transform:translate(0);z-index:var(--z-sticky)}}.sidebar__nav{padding:var(--spacing-4)}.sidebar__section{margin-bottom:var(--spacing-6)}.sidebar__section-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-foreground-subtle);padding:0 var(--spacing-4);margin-bottom:var(--spacing-2)}.sidebar__links{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-1)}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}@media(prefers-reduced-motion:reduce){.sidebar,.sidebar-backdrop{transition:none}}.layout{min-height:100vh;display:flex;flex-direction:column}.layout__main{flex:1;padding-top:var(--header-height);min-height:100vh;background-color:var(--color-background);transition:margin-left var(--transition-normal)}@media(min-width:769px){.layout__main{margin-left:var(--sidebar-width)}}.layout__content{padding:var(--spacing-6);max-width:1400px;margin:0 auto}@media(min-width:769px){.layout__content{padding:var(--spacing-8)}}.skip-link{position:fixed;top:-100px;left:var(--spacing-4);padding:var(--spacing-2) var(--spacing-4);background-color:var(--color-primary);color:var(--color-primary-foreground);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);z-index:var(--z-toast);transition:top var(--transition-fast);text-decoration:none}.skip-link:focus{top:var(--spacing-4)}@media(prefers-reduced-motion:reduce){.layout__main,.skip-link{transition:none}}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);font-family:var(--font-family-sans);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;user-select:none;white-space:nowrap;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),transform .1s ease-out}.button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.button:disabled{opacity:.5;cursor:not-allowed}.button:not(:disabled):active{transform:scale(.98)}.button--sm{height:32px;padding:0 var(--spacing-3);font-size:var(--font-size-sm)}.button--md{height:40px;padding:0 var(--spacing-4);font-size:var(--font-size-base)}.button--lg{height:48px;padding:0 var(--spacing-6);font-size:var(--font-size-lg)}.button--primary{background-color:var(--color-primary);color:var(--color-primary-foreground)}.button--primary:not(:disabled):hover{background-color:var(--color-primary-hover)}.button--secondary{background-color:var(--color-background-muted);color:var(--color-foreground)}.button--secondary:not(:disabled):hover{background-color:var(--color-border)}.button--outline{background-color:transparent;border-color:var(--color-border);color:var(--color-foreground)}.button--outline:not(:disabled):hover{background-color:var(--color-background-muted)}.button--ghost{background-color:transparent;color:var(--color-foreground)}.button--ghost:not(:disabled):hover{background-color:var(--color-background-muted)}.button--destructive{background-color:var(--color-destructive);color:var(--color-destructive-foreground)}.button--destructive:not(:disabled):hover{background-color:var(--color-destructive-hover)}.button--loading{position:relative}.button__spinner{position:absolute;display:flex;align-items:center;justify-content:center}.button__spinner-icon{width:1.25em;height:1.25em;animation:button-spin .8s linear infinite}@keyframes button-spin{to{transform:rotate(360deg)}}.button__text--hidden{visibility:hidden}.button__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.button__icon svg{width:1em;height:1em}@media(prefers-reduced-motion:reduce){.button{transition:none}.button:active{transform:none}.button__spinner-icon{animation-duration:1.5s}}.input-wrapper{display:flex;flex-direction:column;gap:var(--spacing-1);width:100%}.input__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-foreground);margin-bottom:var(--spacing-1)}.input__container{position:relative;display:flex;align-items:center;width:100%;background:var(--color-input);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input__container--sm{height:32px}.input__container--md{height:40px}.input__container--lg{height:48px}.input__container:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f126}.input__container--error{border-color:var(--color-destructive)}.input__container--error:focus-within{border-color:var(--color-destructive);box-shadow:0 0 0 3px #ef444426}.input__container--disabled{opacity:.6;cursor:not-allowed;background:var(--color-background-muted)}.input__container--has-left-icon .input__field{padding-left:40px}.input__container--has-right-icon .input__field{padding-right:40px}.input__field{flex:1;width:100%;height:100%;padding:0 var(--spacing-3);font-family:inherit;font-size:var(--font-size-base);color:var(--color-foreground);background:transparent;border:none;outline:none}.input__field::placeholder{color:var(--color-foreground-subtle)}.input__field:disabled{cursor:not-allowed}.input__icon{position:absolute;display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--color-foreground-muted);pointer-events:none}.input__icon--left{left:var(--spacing-3)}.input__icon--right{right:var(--spacing-3)}.input__icon svg{width:100%;height:100%}.input__hint{font-size:var(--font-size-sm);color:var(--color-foreground-muted);margin:0}.input__error{font-size:var(--font-size-sm);color:var(--color-destructive);margin:0}@media(prefers-reduced-motion:reduce){.input__container{transition:none}}.textarea-wrapper{display:flex;flex-direction:column;gap:var(--spacing-1);width:100%}.textarea__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-foreground);margin-bottom:var(--spacing-1)}.textarea__container{position:relative;display:flex;width:100%;background:var(--color-input);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.textarea__container:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f126}.textarea__container--error{border-color:var(--color-destructive)}.textarea__container--error:focus-within{box-shadow:0 0 0 3px #ef444426}.textarea__container--disabled{opacity:.6;cursor:not-allowed;background:var(--color-background-muted)}.textarea__container--has-icon .textarea__field{padding-left:40px}.textarea__icon{position:absolute;top:var(--spacing-3);left:var(--spacing-3);display:flex;width:20px;height:20px;color:var(--color-foreground-muted);pointer-events:none}.textarea__icon svg{width:100%;height:100%}.textarea__field{flex:1;width:100%;min-height:80px;padding:var(--spacing-3);font-family:inherit;font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-foreground);background:transparent;border:none;outline:none;resize:vertical}.textarea__field::placeholder{color:var(--color-foreground-subtle)}.textarea__field:disabled{cursor:not-allowed;resize:none}.textarea__footer{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-2)}.textarea__messages{flex:1}.textarea__hint{font-size:var(--font-size-sm);color:var(--color-foreground-muted);margin:0}.textarea__error{font-size:var(--font-size-sm);color:var(--color-destructive);margin:0}.textarea__char-count{font-size:var(--font-size-sm);color:var(--color-foreground-muted);white-space:nowrap}.textarea__char-count--limit{color:var(--color-destructive)}@media(prefers-reduced-motion:reduce){.textarea__container{transition:none}}.select-wrapper{display:flex;flex-direction:column;gap:var(--spacing-1);width:100%;position:relative}.select__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-foreground);margin-bottom:var(--spacing-1)}.select__trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-2);width:100%;height:40px;padding:0 var(--spacing-3);background:var(--color-input);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.select__trigger:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f126}.select__trigger--open{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f126}.select__trigger--error{border-color:var(--color-destructive)}.select__trigger--error:focus-visible{box-shadow:0 0 0 3px #ef444426}.select__trigger--disabled{opacity:.6;cursor:not-allowed;background:var(--color-background-muted)}.select__value{flex:1;text-align:left;color:var(--color-foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.select__value--placeholder{color:var(--color-foreground-subtle)}.select__search{flex:1;border:none;background:transparent;color:var(--color-foreground);font-size:inherit;outline:none}.select__search::placeholder{color:var(--color-foreground-subtle)}.select__chevron{width:16px;height:16px;color:var(--color-foreground-muted);flex-shrink:0;transition:transform var(--transition-fast)}.select__chevron--open{transform:rotate(180deg)}.select__clear{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;margin:0;border:none;background:transparent;color:var(--color-foreground-muted);cursor:pointer;border-radius:var(--radius-sm);flex-shrink:0;transition:color var(--transition-fast),background-color var(--transition-fast)}.select__clear:hover{color:var(--color-foreground);background:var(--color-background-muted)}.select__clear:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.select__clear svg{width:14px;height:14px}.select__dropdown{position:absolute;top:100%;left:0;right:0;margin-top:var(--spacing-1);max-height:240px;overflow-y:auto;background:var(--color-background-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);list-style:none;animation:select-dropdown-in .15s ease-out}@keyframes select-dropdown-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.select__option{display:flex;align-items:center;padding:var(--spacing-2) var(--spacing-3);cursor:pointer;transition:background-color var(--transition-fast)}.select__option:hover,.select__option--highlighted{background:var(--color-background-muted)}.select__option--selected{color:var(--color-primary);font-weight:var(--font-weight-medium)}.select__option--disabled{opacity:.5;cursor:not-allowed}.select__empty{padding:var(--spacing-3);text-align:center;color:var(--color-foreground-muted)}.select__hint{font-size:var(--font-size-sm);color:var(--color-foreground-muted);margin:0}.select__error{font-size:var(--font-size-sm);color:var(--color-destructive);margin:0}@media(prefers-reduced-motion:reduce){.select__trigger,.select__chevron{transition:none}.select__dropdown{animation:none}}.checkbox-wrapper{display:flex;flex-direction:column;gap:var(--spacing-1)}.checkbox__container{display:flex;align-items:flex-start;gap:var(--spacing-2)}.checkbox__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.checkbox__box{position:relative;flex-shrink:0;width:20px;height:20px;border:2px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-input);transition:border-color var(--transition-fast),background-color var(--transition-fast)}.checkbox__input:focus-visible+.checkbox__box{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f126}.checkbox__input:checked+.checkbox__box{background:var(--color-primary);border-color:var(--color-primary)}.checkbox__input:indeterminate+.checkbox__box{background:var(--color-primary);border-color:var(--color-primary)}.checkbox__box--error{border-color:var(--color-destructive)}.checkbox__box--disabled{opacity:.6;cursor:not-allowed;background:var(--color-background-muted)}.checkbox__check{position:absolute;inset:2px;color:var(--color-primary-foreground);opacity:0;transform:scale(.5);transition:opacity var(--transition-fast),transform var(--transition-fast)}.checkbox__input:checked+.checkbox__box .checkbox__check,.checkbox__input:indeterminate+.checkbox__box .checkbox__check{opacity:1;transform:scale(1)}.checkbox__label{font-size:var(--font-size-base);color:var(--color-foreground);cursor:pointer;user-select:none;line-height:1.4}.checkbox__input:disabled~.checkbox__label{opacity:.6;cursor:not-allowed}.checkbox__hint{font-size:var(--font-size-sm);color:var(--color-foreground-muted);margin:0;padding-left:28px}.checkbox__error{font-size:var(--font-size-sm);color:var(--color-destructive);margin:0;padding-left:28px}@media(prefers-reduced-motion:reduce){.checkbox__box,.checkbox__check{transition:none}}.spinner{display:inline-flex;align-items:center;justify-content:center;color:var(--color-primary)}.spinner__icon{animation:spinner-rotate .8s linear infinite}@keyframes spinner-rotate{to{transform:rotate(360deg)}}.spinner--sm{width:16px;height:16px}.spinner--md{width:24px;height:24px}.spinner--lg{width:32px;height:32px}@media(prefers-reduced-motion:reduce){.spinner__icon{animation-duration:1.5s}}.search-input{position:relative;display:flex;align-items:center;width:100%;background:var(--color-input);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.search-input:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f126}.search-input--disabled{opacity:.6;cursor:not-allowed;background:var(--color-background-muted)}.search-input--sm{height:32px}.search-input--md{height:40px}.search-input--lg{height:48px}.search-input__icon{flex-shrink:0;width:18px;height:18px;margin-left:var(--spacing-3);color:var(--color-foreground-muted)}.search-input__field{flex:1;width:100%;height:100%;padding:0 var(--spacing-3);font-family:inherit;font-size:var(--font-size-base);color:var(--color-foreground);background:transparent;border:none;outline:none}.search-input__field::placeholder{color:var(--color-foreground-subtle)}.search-input__field:disabled{cursor:not-allowed}.search-input__field::-webkit-search-cancel-button,.search-input__field::-webkit-search-decoration{display:none}.search-input__actions{display:flex;align-items:center;padding-right:var(--spacing-2);min-width:28px;height:100%}.search-input__clear{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-foreground-muted);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.search-input__clear:hover{background:var(--color-background-muted);color:var(--color-foreground)}.search-input__clear svg{width:14px;height:14px}.search-input__spinner{margin-right:var(--spacing-1)}@media(prefers-reduced-motion:reduce){.search-input,.search-input__clear{transition:none}}.card{background:var(--color-card);border-radius:var(--radius-lg);overflow:hidden}.card--default{border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.card--outline{border:1px solid var(--color-border);background:transparent}.card--ghost{border:none;background:transparent}.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--hoverable{transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s ease-out;will-change:transform}.card--hoverable:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.card--clickable{cursor:pointer}.card--clickable:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.card--clickable:active{transform:scale(.99)}.card__header{padding-bottom:var(--spacing-3);border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-3)}.card__footer{padding-top:var(--spacing-3);border-top:1px solid var(--color-border);margin-top:var(--spacing-3);display:flex;gap:var(--spacing-2);justify-content:flex-end}@media(prefers-reduced-motion:reduce){.card--hoverable{transition:none}.card--hoverable:hover,.card--clickable:active{transform:none}}.badge{display:inline-flex;align-items:center;gap:var(--spacing-1);font-weight:var(--font-weight-medium);white-space:nowrap;border-radius:var(--radius-sm)}.badge--sm{padding:var(--spacing-0-5) var(--spacing-2);font-size:var(--font-size-xs)}.badge--md{padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-sm)}.badge--lg{padding:var(--spacing-1) var(--spacing-3);font-size:var(--font-size-base)}.badge--pill{border-radius:var(--radius-full)}.badge--default{background:var(--color-background-muted);color:var(--color-foreground-muted)}.badge--primary{background:#6366f126;color:var(--color-primary)}.badge--success{background:#10b98126;color:var(--color-accent)}.badge--warning{background:#f59e0b26;color:var(--color-warning)}.badge--error{background:#ef444426;color:var(--color-destructive)}.badge--info{background:#0ea5e926;color:var(--color-info)}.badge__icon{display:flex;align-items:center;justify-content:center}.badge--sm .badge__icon{width:12px;height:12px}.badge--md .badge__icon{width:14px;height:14px}.badge--lg .badge__icon{width:16px;height:16px}.badge__icon svg{width:100%;height:100%}.tabs{display:flex;flex-direction:column;width:100%}.tabs__list{display:flex;gap:var(--spacing-1);border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-1);margin-bottom:var(--spacing-4)}.tabs__trigger{position:relative;display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-foreground-muted);background:none;border:none;border-radius:var(--radius-md) var(--radius-md) 0 0;cursor:pointer;transition:color var(--transition-fast)}.tabs__trigger:hover{color:var(--color-foreground)}.tabs__trigger:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.tabs__trigger:disabled{opacity:.5;cursor:not-allowed}.tabs__trigger--active{color:var(--color-primary)}.tabs__trigger--active:after{content:"";position:absolute;bottom:-5px;left:0;right:0;height:2px;background:var(--color-primary);border-radius:var(--radius-full)}.tabs__content{outline:none}.tabs__content:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-md)}@media(prefers-reduced-motion:reduce){.tabs__trigger{transition:none}}.modal-backdrop{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:var(--spacing-4);background:#00000080;z-index:var(--z-modal-backdrop);opacity:0;animation:modal-fade-in .2s ease-out forwards}.modal-backdrop--visible{opacity:1}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.modal{position:relative;display:flex;flex-direction:column;max-height:calc(100vh - var(--spacing-8));background:var(--color-background-elevated);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);outline:none;overflow:hidden;animation:modal-scale-in .2s cubic-bezier(.4,0,.2,1) forwards}@keyframes modal-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal--sm{width:100%;max-width:400px}.modal--md{width:100%;max-width:500px}.modal--lg{width:100%;max-width:700px}.modal--xl{width:100%;max-width:900px}.modal--full{width:calc(100vw - var(--spacing-8));max-width:none;height:calc(100vh - var(--spacing-8))}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4) var(--spacing-6);border-bottom:1px solid var(--color-border)}.modal__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-foreground);margin:0}.modal__close{margin-left:auto}.modal__body{flex:1;padding:var(--spacing-6);overflow-y:auto}.modal__footer{display:flex;gap:var(--spacing-3);justify-content:flex-end;padding:var(--spacing-4) var(--spacing-6);border-top:1px solid var(--color-border)}@media(prefers-reduced-motion:reduce){.modal-backdrop{animation:none;opacity:1}.modal{animation:none;opacity:1;transform:none}}.pagination{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-4);padding:var(--spacing-3) 0;flex-wrap:wrap}.pagination__info{color:var(--color-muted-foreground);font-size:var(--font-size-sm)}.pagination__summary strong{color:var(--color-foreground);font-weight:var(--font-weight-medium)}.pagination__controls{display:flex;align-items:center;gap:var(--spacing-4)}.pagination__size{display:flex;align-items:center;gap:var(--spacing-2)}.pagination__size-label{color:var(--color-muted-foreground);font-size:var(--font-size-sm);white-space:nowrap}.pagination__size-select{padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-background);color:var(--color-foreground);cursor:pointer;min-height:32px;transition:border-color var(--transition-fast)}.pagination__size-select:hover:not(:disabled){border-color:var(--color-border-hover)}.pagination__size-select:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.pagination__size-select:disabled{opacity:.5;cursor:not-allowed}.pagination__page-info{color:var(--color-muted-foreground);font-size:var(--font-size-sm);white-space:nowrap}.pagination__nav{display:flex;gap:var(--spacing-1)}.pagination__button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-background);color:var(--color-foreground);cursor:pointer;transition:background-color var(--transition-fast),transform .1s ease-out}.pagination__button:hover:not(:disabled){background:var(--color-muted)}.pagination__button:active:not(:disabled){transform:scale(.95)}.pagination__button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.pagination__button:disabled{opacity:.4;cursor:not-allowed}.pagination__icon{width:20px;height:20px}@media(max-width:640px){.pagination{flex-direction:column;align-items:flex-start;gap:var(--spacing-3)}.pagination__controls{width:100%;justify-content:space-between}.pagination__size-label{display:none}}@media(prefers-reduced-motion:reduce){.pagination__button,.pagination__size-select{transition:none}}.skeleton{display:block;background:var(--color-background-muted)}.skeleton--text{height:1em;border-radius:var(--radius-sm);width:100%}.skeleton--short{width:80%}.skeleton--circular{border-radius:var(--radius-full)}.skeleton--rectangular{border-radius:var(--radius-md);width:100%}.skeleton--animate{background:linear-gradient(90deg,var(--color-background-muted) 25%,var(--color-background-elevated) 50%,var(--color-background-muted) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-lines{display:flex;flex-direction:column;gap:var(--spacing-2)}.skeleton-card{display:flex;flex-direction:column;gap:var(--spacing-4);padding:var(--spacing-4);background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.skeleton-card__header{display:flex;gap:var(--spacing-3);align-items:center}.skeleton-card__header-text{flex:1;display:flex;flex-direction:column;gap:var(--spacing-1)}.skeleton-page{display:flex;flex-direction:column;gap:var(--spacing-6)}.skeleton-page__header{display:flex;flex-direction:column;gap:var(--spacing-2)}.skeleton-page__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-4)}.skeleton-table-row td{padding:var(--spacing-3)}@media(prefers-reduced-motion:reduce){.skeleton--animate{animation:none;background:var(--color-background-muted)}}:root{--color-primary-50: 238 242 255;--color-primary-100: 224 231 255;--color-primary-200: 199 210 254;--color-primary-300: 165 180 252;--color-primary-400: 129 140 248;--color-primary-500: 99 102 241;--color-primary-600: 79 70 229;--color-primary-700: 67 56 202;--color-primary-800: 55 48 163;--color-primary-900: 49 46 129;--color-primary-950: 30 27 75;--color-secondary-50: 248 250 252;--color-secondary-100: 241 245 249;--color-secondary-200: 226 232 240;--color-secondary-300: 203 213 225;--color-secondary-400: 148 163 184;--color-secondary-500: 100 116 139;--color-secondary-600: 71 85 105;--color-secondary-700: 51 65 85;--color-secondary-800: 30 41 59;--color-secondary-900: 15 23 42;--color-secondary-950: 2 6 23;--color-accent-50: 236 253 245;--color-accent-100: 209 250 229;--color-accent-200: 167 243 208;--color-accent-300: 110 231 183;--color-accent-400: 52 211 153;--color-accent-500: 16 185 129;--color-accent-600: 5 150 105;--color-accent-700: 4 120 87;--color-accent-800: 6 95 70;--color-accent-900: 6 78 59;--color-accent-950: 2 44 34;--color-warning-50: 255 251 235;--color-warning-100: 254 243 199;--color-warning-200: 253 230 138;--color-warning-300: 252 211 77;--color-warning-400: 251 191 36;--color-warning-500: 245 158 11;--color-warning-600: 217 119 6;--color-warning-700: 180 83 9;--color-warning-800: 146 64 14;--color-warning-900: 120 53 15;--color-warning-950: 69 26 3;--color-error-50: 255 241 242;--color-error-100: 255 228 230;--color-error-200: 254 205 211;--color-error-300: 253 164 175;--color-error-400: 251 113 133;--color-error-500: 244 63 94;--color-error-600: 225 29 72;--color-error-700: 190 18 60;--color-error-800: 159 18 57;--color-error-900: 136 19 55;--color-error-950: 76 5 25;--color-info-50: 240 249 255;--color-info-100: 224 242 254;--color-info-200: 186 230 253;--color-info-300: 125 211 252;--color-info-400: 56 189 248;--color-info-500: 14 165 233;--color-info-600: 2 132 199;--color-info-700: 3 105 161;--color-info-800: 7 89 133;--color-info-900: 12 74 110;--color-info-950: 8 47 73;--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-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-mono: "JetBrains Mono", "Fira Code", Consolas, Monaco, "Courier New", monospace;--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-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--radius-none: 0;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--z-toast: 800;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--header-height: 64px;--sidebar-width: 260px;--sidebar-collapsed-width: 64px}:root,[data-theme=light]{--color-background: rgb(var(--color-secondary-50));--color-background-elevated: rgb(255 255 255);--color-background-muted: rgb(var(--color-secondary-100));--color-foreground: rgb(var(--color-secondary-900));--color-foreground-muted: rgb(var(--color-secondary-600));--color-foreground-subtle: rgb(var(--color-secondary-400));--color-border: rgb(var(--color-secondary-200));--color-border-muted: rgb(var(--color-secondary-100));--color-primary: rgb(var(--color-primary-600));--color-primary-hover: rgb(var(--color-primary-700));--color-primary-foreground: rgb(255 255 255);--color-accent: rgb(var(--color-accent-500));--color-accent-hover: rgb(var(--color-accent-600));--color-accent-foreground: rgb(255 255 255);--color-destructive: rgb(var(--color-error-500));--color-destructive-hover: rgb(var(--color-error-600));--color-destructive-foreground: rgb(255 255 255);--color-warning-bg: rgb(var(--color-warning-500) / .1);--color-accent-bg: rgb(var(--color-accent-500) / .1);--color-destructive-bg: rgb(var(--color-error-500) / .1);--color-muted-bg: rgb(var(--color-secondary-200) / .5);--color-warning: rgb(var(--color-warning-500));--color-card: rgb(255 255 255);--color-card-hover: rgb(var(--color-secondary-50));--color-input: rgb(255 255 255);--color-input-border: rgb(var(--color-secondary-300));--color-input-focus: rgb(var(--color-primary-500));--color-code-background: rgb(var(--color-secondary-100));--color-code-foreground: rgb(var(--color-primary-700))}[data-theme=dark]{--color-background: rgb(var(--color-secondary-950));--color-background-elevated: rgb(var(--color-secondary-900));--color-background-muted: rgb(var(--color-secondary-800));--color-foreground: rgb(var(--color-secondary-50));--color-foreground-muted: rgb(var(--color-secondary-400));--color-foreground-subtle: rgb(var(--color-secondary-500));--color-border: rgb(var(--color-secondary-700));--color-border-muted: rgb(var(--color-secondary-800));--color-primary: rgb(var(--color-primary-400));--color-primary-hover: rgb(var(--color-primary-300));--color-primary-foreground: rgb(var(--color-secondary-950));--color-accent: rgb(var(--color-accent-400));--color-accent-hover: rgb(var(--color-accent-300));--color-accent-foreground: rgb(var(--color-secondary-950));--color-destructive: rgb(var(--color-error-400));--color-destructive-hover: rgb(var(--color-error-300));--color-destructive-foreground: rgb(var(--color-secondary-950));--color-warning-bg: rgb(var(--color-warning-400) / .15);--color-accent-bg: rgb(var(--color-accent-400) / .15);--color-destructive-bg: rgb(var(--color-error-400) / .15);--color-muted-bg: rgb(var(--color-secondary-700) / .5);--color-warning: rgb(var(--color-warning-400));--color-card: rgb(var(--color-secondary-900));--color-card-hover: rgb(var(--color-secondary-800));--color-input: rgb(var(--color-secondary-800));--color-input-border: rgb(var(--color-secondary-600));--color-input-focus: rgb(var(--color-primary-400));--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .3);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .4), 0 2px 4px -2px rgb(0 0 0 / .3);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .4), 0 4px 6px -4px rgb(0 0 0 / .3);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .4), 0 8px 10px -6px rgb(0 0 0 / .3);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .5);--color-code-background: rgb(var(--color-secondary-800));--color-code-foreground: rgb(var(--color-primary-300))}@media(prefers-color-scheme:dark){:root:not([data-theme]){--color-background: rgb(var(--color-secondary-950));--color-background-elevated: rgb(var(--color-secondary-900));--color-background-muted: rgb(var(--color-secondary-800));--color-foreground: rgb(var(--color-secondary-50));--color-foreground-muted: rgb(var(--color-secondary-400));--color-foreground-subtle: rgb(var(--color-secondary-500));--color-border: rgb(var(--color-secondary-700));--color-border-muted: rgb(var(--color-secondary-800));--color-primary: rgb(var(--color-primary-400));--color-primary-hover: rgb(var(--color-primary-300));--color-primary-foreground: rgb(var(--color-secondary-950));--color-accent: rgb(var(--color-accent-400));--color-accent-hover: rgb(var(--color-accent-300));--color-accent-foreground: rgb(var(--color-secondary-950));--color-destructive: rgb(var(--color-error-400));--color-destructive-hover: rgb(var(--color-error-300));--color-destructive-foreground: rgb(var(--color-secondary-950));--color-card: rgb(var(--color-secondary-900));--color-card-hover: rgb(var(--color-secondary-800));--color-input: rgb(var(--color-secondary-800));--color-input-border: rgb(var(--color-secondary-600));--color-input-focus: rgb(var(--color-primary-400));--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .3);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .4), 0 2px 4px -2px rgb(0 0 0 / .3);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .4), 0 4px 6px -4px rgb(0 0 0 / .3);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .4), 0 8px 10px -6px rgb(0 0 0 / .3);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .5);--color-code-background: rgb(var(--color-secondary-800));--color-code-foreground: rgb(var(--color-primary-300))}}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}html{font-size:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100vh;font-family:var(--font-family-sans);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-foreground);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}ul[role=list],ol[role=list]{list-style:none}a:not([class]){text-decoration-skip-ink:auto}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:none;border:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}:focus:not(:focus-visible){outline:none}::selection{background-color:var(--color-primary);color:var(--color-primary-foreground)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-background-muted)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-foreground-subtle)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-foreground)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{color:var(--color-foreground-muted);line-height:var(--line-height-relaxed)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover)}code{font-family:var(--font-family-mono);font-size:.9em;padding:var(--spacing-1) var(--spacing-2);background-color:var(--color-code-background);color:var(--color-code-foreground);border-radius:var(--radius-sm)}pre{font-family:var(--font-family-mono);font-size:var(--font-size-sm);padding:var(--spacing-4);background-color:var(--color-code-background);border-radius:var(--radius-lg);overflow-x:auto}pre code{padding:0;background-color:transparent}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.skip-link{position:absolute;top:-40px;left:0;background:var(--color-primary);color:var(--color-primary-foreground);padding:var(--spacing-2) var(--spacing-4);z-index:var(--z-tooltip);transition:top var(--transition-fast)}.skip-link:focus{top:0}#root{min-height:100vh;display:flex;flex-direction:column}.page{width:100%}.page__header{margin-bottom:var(--spacing-6)}.page__header h1{margin-bottom:var(--spacing-2)}.page__header p{font-size:var(--font-size-lg)}.page__section{margin-bottom:var(--spacing-6)}.page__section h2{font-size:var(--font-size-xl);margin-bottom:var(--spacing-4)}.flex-row{display:flex;flex-direction:row}.flex-wrap{flex-wrap:wrap}.gap-3{gap:var(--spacing-3)}.mt-4{margin-top:var(--spacing-4)}.mt-6{margin-top:var(--spacing-6)}.mt-8{margin-top:var(--spacing-8)}.mt-16{margin-top:var(--spacing-16)}.text-center{text-align:center}.text-muted{color:var(--color-foreground-muted)}.text-subtle{color:var(--color-foreground-subtle)}.list-disc{list-style:disc;padding-left:var(--spacing-6);line-height:var(--line-height-relaxed)}.text-5xl{font-size:var(--font-size-5xl)}