.constellation-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-family:var(--font-family);font-weight:var(--font-weight-medium);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);position:relative;white-space:nowrap;text-decoration:none;outline:none}.constellation-btn--sm{height:32px;padding:0 var(--spacing-md);font-size:var(--font-size-sm)}.constellation-btn--md{height:40px;padding:0 var(--spacing-lg);font-size:var(--font-size-base)}.constellation-btn--lg{height:48px;padding:0 var(--spacing-xl);font-size:var(--font-size-lg)}.constellation-btn--primary.constellation-btn--black{background-color:var(--color-black-primary);color:var(--color-white-primary)}.constellation-btn--primary.constellation-btn--black:hover:not(:disabled){background-color:var(--color-black-secondary)}.constellation-btn--primary.constellation-btn--green{background-color:var(--color-green-primary);color:var(--color-white-primary)}.constellation-btn--primary.constellation-btn--green:hover:not(:disabled){background-color:var(--color-green-secondary)}.constellation-btn--primary.constellation-btn--blue{background-color:var(--color-blue-primary);color:var(--color-white-primary)}.constellation-btn--primary.constellation-btn--blue:hover:not(:disabled){background-color:var(--color-blue-secondary)}.constellation-btn--primary.constellation-btn--indigo{background-color:var(--color-indigo-primary);color:var(--color-white-primary)}.constellation-btn--primary.constellation-btn--indigo:hover:not(:disabled){background-color:var(--color-indigo-secondary)}.constellation-btn--primary.constellation-btn--purple{background-color:var(--color-purple-primary);color:var(--color-white-primary)}.constellation-btn--primary.constellation-btn--purple:hover:not(:disabled){background-color:var(--color-purple-secondary)}.constellation-btn--primary.constellation-btn--red{background-color:var(--color-red-primary);color:var(--color-white-primary)}.constellation-btn--primary.constellation-btn--red:hover:not(:disabled){background-color:var(--color-red-secondary)}.constellation-btn--primary.constellation-btn--orange{background-color:var(--color-orange-primary);color:var(--color-white-primary)}.constellation-btn--primary.constellation-btn--orange:hover:not(:disabled){background-color:var(--color-orange-secondary)}.constellation-btn--primary.constellation-btn--yellow{background-color:var(--color-yellow-primary);color:var(--color-black-primary)}.constellation-btn--primary.constellation-btn--yellow:hover:not(:disabled){background-color:var(--color-yellow-secondary)}.constellation-btn--secondary.constellation-btn--black{background-color:transparent;color:var(--color-black-primary);border:1px solid var(--color-black-primary)}.constellation-btn--secondary.constellation-btn--black:hover:not(:disabled){background-color:var(--color-black-senary)}.constellation-btn--secondary.constellation-btn--green{background-color:transparent;color:var(--color-green-primary);border:1px solid var(--color-green-primary)}.constellation-btn--secondary.constellation-btn--green:hover:not(:disabled){background-color:var(--color-green-quaternary)}.constellation-btn--secondary.constellation-btn--blue{background-color:transparent;color:var(--color-blue-primary);border:1px solid var(--color-blue-primary)}.constellation-btn--secondary.constellation-btn--blue:hover:not(:disabled){background-color:var(--color-blue-quaternary)}.constellation-btn--secondary.constellation-btn--indigo{background-color:transparent;color:var(--color-indigo-primary);border:1px solid var(--color-indigo-primary)}.constellation-btn--secondary.constellation-btn--indigo:hover:not(:disabled){background-color:var(--color-indigo-quaternary)}.constellation-btn--secondary.constellation-btn--purple{background-color:transparent;color:var(--color-purple-primary);border:1px solid var(--color-purple-primary)}.constellation-btn--secondary.constellation-btn--purple:hover:not(:disabled){background-color:var(--color-purple-quaternary)}.constellation-btn--secondary.constellation-btn--red{background-color:transparent;color:var(--color-red-primary);border:1px solid var(--color-red-primary)}.constellation-btn--secondary.constellation-btn--red:hover:not(:disabled){background-color:var(--color-red-quaternary)}.constellation-btn--secondary.constellation-btn--orange{background-color:transparent;color:var(--color-orange-primary);border:1px solid var(--color-orange-primary)}.constellation-btn--secondary.constellation-btn--orange:hover:not(:disabled){background-color:var(--color-orange-quaternary)}.constellation-btn--secondary.constellation-btn--yellow{background-color:transparent;color:var(--color-yellow-primary);border:1px solid var(--color-yellow-primary)}.constellation-btn--secondary.constellation-btn--yellow:hover:not(:disabled){background-color:var(--color-yellow-quaternary)}.constellation-btn:disabled{opacity:.5;cursor:not-allowed}.constellation-btn--full{width:100%}.constellation-btn--loading{color:transparent}.constellation-btn:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:2px}.constellation-btn__icon,.constellation-btn__spinner{display:inline-flex;align-items:center;justify-content:center;width:1em;height:1em}.constellation-btn__spinner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.constellation-btn__spinner-icon{width:20px;height:20px;animation:constellation-spin 1s linear infinite}.constellation-btn__spinner-track{opacity:.25}.constellation-btn__spinner-fill{opacity:.75;stroke-linecap:round;animation:constellation-spinner-dash 1.5s ease-in-out infinite}@keyframes constellation-spin{to{transform:rotate(360deg)}}@keyframes constellation-spinner-dash{0%{stroke-dashoffset:60}50%{stroke-dashoffset:15}to{stroke-dashoffset:60}}.constellation-card{background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:all var(--transition-base)}.constellation-card--padding-none{padding:0}.constellation-card--padding-sm{padding:var(--spacing-md)}.constellation-card--padding-md{padding:var(--spacing-lg)}.constellation-card--padding-lg{padding:var(--spacing-xl)}.constellation-card--hoverable:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.constellation-card--clickable{cursor:pointer}.constellation-card--clickable:active{transform:translateY(0)}.constellation-card__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.constellation-card__header-content{flex:1}.constellation-card__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.constellation-card__subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:var(--spacing-xs) 0 0 0}.constellation-card__header-action{margin-left:var(--spacing-md)}.constellation-card__body{padding:var(--spacing-lg)}.constellation-card__footer{display:flex;padding:var(--spacing-lg);border-top:1px solid var(--color-border);gap:var(--spacing-sm)}.constellation-card__footer--left{justify-content:flex-start}.constellation-card__footer--center{justify-content:center}.constellation-card__footer--right{justify-content:flex-end}.constellation-card__footer--between{justify-content:space-between}.constellation-card--padding-sm .constellation-card__header,.constellation-card--padding-md .constellation-card__header,.constellation-card--padding-lg .constellation-card__header{margin:calc(-1 * var(--spacing-lg)) calc(-1 * var(--spacing-lg)) var(--spacing-lg);border-radius:0}.constellation-card--padding-sm .constellation-card__footer,.constellation-card--padding-md .constellation-card__footer,.constellation-card--padding-lg .constellation-card__footer{margin:var(--spacing-lg) calc(-1 * var(--spacing-lg)) calc(-1 * var(--spacing-lg));border-radius:0}.constellation-input-wrapper{display:inline-flex;flex-direction:column;gap:var(--spacing-xs);width:auto;min-width:200px}.constellation-input-wrapper--full{width:100%}.constellation-input__label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.constellation-input__container{position:relative;display:flex;align-items:center}.constellation-input{display:block;width:100%;font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text-primary);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);outline:none;transition:all var(--transition-fast)}.constellation-input--sm{height:32px;padding:0 var(--spacing-sm);font-size:var(--font-size-sm)}.constellation-input--md{height:40px;padding:0 var(--spacing-md);font-size:var(--font-size-base)}.constellation-input--lg{height:48px;padding:0 var(--spacing-lg);font-size:var(--font-size-lg)}.constellation-input--with-icon{padding-left:calc(var(--spacing-xl) + var(--spacing-sm))}.constellation-input__icon{position:absolute;left:var(--spacing-md);display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--color-text-secondary);pointer-events:none}.constellation-input:hover:not(:disabled):not(:focus){border-color:var(--color-border-hover)}.constellation-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.constellation-input:disabled{background-color:var(--color-background);color:var(--color-text-muted);cursor:not-allowed}.constellation-input::placeholder{color:var(--color-text-muted)}.constellation-input--error,.constellation-input--error:hover:not(:disabled),.constellation-input--error:focus{border-color:var(--color-error)}.constellation-input--error:focus{box-shadow:0 0 0 3px var(--color-error-light)}.constellation-input__error{font-size:var(--font-size-sm);color:var(--color-error);margin-top:var(--spacing-xs)}.constellation-input__hint{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--spacing-xs)}.constellation-textarea{min-height:80px;padding:var(--spacing-sm) var(--spacing-md);line-height:var(--line-height-base)}.constellation-textarea--resize-none{resize:none}.constellation-textarea--resize-vertical{resize:vertical}.constellation-textarea--resize-horizontal{resize:horizontal}.constellation-textarea--resize-both{resize:both}.label{display:inline-flex;align-items:center;justify-content:center;height:2rem;padding:0 var(--spacing-md);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);border-radius:var(--radius-full);text-transform:uppercase;white-space:nowrap;background:var(--color-black-senary);color:var(--color-black-secondary)}.constellation-nav-button{border:none;cursor:pointer;padding:.5rem 1rem;font-size:1rem;font-weight:500;color:var(--color-text-secondary);background:transparent;transition:color .15s ease;position:relative}.constellation-nav-button:before{content:attr(data-text);font-weight:600;height:0;visibility:hidden;overflow:hidden;-webkit-user-select:none;user-select:none;pointer-events:none;position:absolute;top:0;left:0;right:0;padding:.5rem 1rem}.constellation-nav-button:hover,.constellation-nav-button--active,.constellation-nav-button--active:hover{color:var(--color-text-primary);font-weight:600}.constellation-segmented-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);font-family:var(--font-family);font-weight:var(--font-weight-medium);background-color:transparent;color:var(--color-text-primary);border:1px solid var(--color-text-primary);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;outline:none}.constellation-segmented-button:hover:not(:disabled):not(.constellation-segmented-button--active){background-color:var(--color-black-senary)}.constellation-segmented-button--active{background-color:var(--color-text-primary);color:var(--color-surface)}.constellation-segmented-button:disabled{opacity:.5;cursor:not-allowed}.constellation-segmented-button--sm{height:32px;padding:0 var(--spacing-md);font-size:var(--font-size-sm)}.constellation-segmented-button--md{height:40px;padding:0 var(--spacing-lg);font-size:var(--font-size-base)}.constellation-segmented-button--lg{height:48px;padding:0 var(--spacing-xl);font-size:var(--font-size-lg)}.constellation-segmented-button:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:2px}.constellation-segmented-control{display:inline-flex;gap:var(--spacing-xs)}.constellation-sidebar-item{display:flex;align-items:center;width:100%;padding:.625rem .75rem;background:transparent;border:none;border-radius:var(--radius-lg);cursor:pointer;text-align:left;transition:background var(--transition-fast);font-size:.9375rem;color:var(--color-text-primary);font-weight:var(--font-weight-normal);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.constellation-sidebar-item:hover:not(.constellation-sidebar-item--selected){background-color:var(--color-surface-hover)}.constellation-sidebar-item--selected{background-color:var(--color-surface-selected);font-weight:var(--font-weight-semibold)}.constellation-sidebar-section{padding:var(--spacing-md) var(--spacing-xl) var(--spacing-xl) var(--spacing-xl)}.constellation-sidebar-section__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.constellation-sidebar-section__title{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.constellation-sidebar-section__add-btn{background:none;border:none;cursor:pointer;font-size:var(--font-size-2xl);color:var(--color-text-secondary);padding:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:background var(--transition-fast)}.constellation-sidebar-section__add-btn:hover{background:var(--color-senary)}.constellation-sidebar-section__content{display:flex;flex-direction:column;gap:.125rem}.constellation-tab-navigation{display:flex;border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-md)}.constellation-tab-navigation__item{padding:var(--spacing-md) var(--spacing-lg);border:none;background:none;cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:var(--color-text-primary);border-bottom:2px solid transparent;margin-bottom:-1px;transition:all var(--transition-base)}.constellation-tab-navigation__item:hover:not(.constellation-tab-navigation__item--active){color:var(--color-text-secondary)}.constellation-tab-navigation__item--active{font-weight:var(--font-weight-semibold);border-bottom-color:var(--color-text-primary)}.user-circle{display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--color-black-primary);color:#fff;font-weight:600;transition:all .2s ease}.user-circle--small{width:24px;height:24px;font-size:.625rem}.user-circle--medium{width:32px;height:32px;font-size:.875rem}:root{--_color-black: #242424;--_color-black-rgb: 36, 36, 36;--_color-white: #ffffff;--_color-white-rgb: 255, 255, 255;--_color-green: #059669;--_color-green-rgb: 5, 150, 105;--_color-blue: #3b82f6;--_color-blue-rgb: 59, 130, 246;--_color-indigo: #3348e6;--_color-indigo-rgb: 51, 72, 230;--_color-purple: #7c3aed;--_color-purple-rgb: 124, 58, 237;--_color-red: #ef4444;--_color-red-rgb: 239, 68, 68;--_color-orange: #fb923c;--_color-orange-rgb: 251, 146, 60;--_color-yellow: #facc15;--_color-yellow-rgb: 250, 204, 21;--color-black-primary: rgba(var(--_color-black-rgb), 1);--color-black-secondary: rgba(var(--_color-black-rgb), .7);--color-black-tertiary: rgba(var(--_color-black-rgb), .5);--color-black-quaternary: rgba(var(--_color-black-rgb), .3);--color-black-quinary: rgba(var(--_color-black-rgb), .1);--color-black-senary: rgba(var(--_color-black-rgb), .05);--color-black-septenary: rgba(var(--_color-black-rgb), .03);--color-black-octonary: rgba(var(--_color-black-rgb), .02);--color-white-primary: rgba(var(--_color-white-rgb), 1);--color-white-secondary: rgba(var(--_color-white-rgb), .7);--color-white-tertiary: rgba(var(--_color-white-rgb), .5);--color-white-quaternary: rgba(var(--_color-white-rgb), .1);--color-green-primary: rgba(var(--_color-green-rgb), 1);--color-green-secondary: rgba(var(--_color-green-rgb), .7);--color-green-tertiary: rgba(var(--_color-green-rgb), .5);--color-green-quaternary: rgba(var(--_color-green-rgb), .1);--color-blue-primary: rgba(var(--_color-blue-rgb), 1);--color-blue-secondary: rgba(var(--_color-blue-rgb), .7);--color-blue-tertiary: rgba(var(--_color-blue-rgb), .5);--color-blue-quaternary: rgba(var(--_color-blue-rgb), .1);--color-indigo-primary: rgba(var(--_color-indigo-rgb), 1);--color-indigo-secondary: rgba(var(--_color-indigo-rgb), .7);--color-indigo-tertiary: rgba(var(--_color-indigo-rgb), .5);--color-indigo-quaternary: rgba(var(--_color-indigo-rgb), .1);--color-purple-primary: rgba(var(--_color-purple-rgb), 1);--color-purple-secondary: rgba(var(--_color-purple-rgb), .7);--color-purple-tertiary: rgba(var(--_color-purple-rgb), .5);--color-purple-quaternary: rgba(var(--_color-purple-rgb), .1);--color-red-primary: rgba(var(--_color-red-rgb), 1);--color-red-secondary: rgba(var(--_color-red-rgb), .7);--color-red-tertiary: rgba(var(--_color-red-rgb), .5);--color-red-quaternary: rgba(var(--_color-red-rgb), .1);--color-orange-primary: rgba(var(--_color-orange-rgb), 1);--color-orange-secondary: rgba(var(--_color-orange-rgb), .7);--color-orange-tertiary: rgba(var(--_color-orange-rgb), .5);--color-orange-quaternary: rgba(var(--_color-orange-rgb), .1);--color-yellow-primary: rgba(var(--_color-yellow-rgb), 1);--color-yellow-secondary: rgba(var(--_color-yellow-rgb), .7);--color-yellow-tertiary: rgba(var(--_color-yellow-rgb), .5);--color-yellow-quaternary: rgba(var(--_color-yellow-rgb), .1);--color-text-primary: var(--color-black-primary);--color-text-secondary: var(--color-black-secondary);--color-text-muted: var(--color-black-tertiary);--color-text-disabled: var(--color-black-quaternary);--color-border: var(--color-black-quinary);--color-border-hover: var(--color-black-quaternary);--color-surface: var(--color-white-primary);--color-surface-hover: var(--color-black-senary);--color-surface-selected: var(--color-black-septenary);--color-background: var(--color-black-octonary);--color-primary: var(--color-black-primary);--color-primary-hover: var(--color-black-secondary);--color-primary-light: var(--color-black-septenary);--color-primary-lighter: var(--color-black-octonary)}:root{--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Helvetica Neue", sans-serif;--font-family-mono: "SF Mono", "Monaco", "Inconsolata", "Fira Code", 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: 2rem;--font-size-4xl: 2.5rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-base: 1.5;--line-height-relaxed: 1.75;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-text-primary);background-color:var(--color-background)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-text-primary)}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{margin-bottom:var(--spacing-md)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.surface{background-color:var(--color-surface);border-radius:var(--radius-lg)}.nav-capsule{background-color:var(--color-surface);border-radius:var(--radius-full);margin:2px 8px;transition:all var(--transition-fast)}.nav-capsule:hover{background-color:var(--color-surface-hover)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-background)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-border-hover)}:root{--color-primary: var(--color-green-primary);--color-primary-hover: var(--color-green-secondary);--color-primary-light: var(--color-green-tertiary);--color-primary-lighter: var(--color-green-quaternary);--color-background: var(--color-green-quaternary);--color-surface-hover: var(--color-green-quaternary);--color-error: var(--color-red-primary);--color-error-light: var(--color-red-quaternary);--color-error-hover: var(--color-red-secondary);--color-warning: var(--color-orange-primary);--color-success: var(--color-green-primary);--color-success-light: var(--color-green-quaternary);--color-info: var(--color-blue-primary)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--color-background-secondary)}h1,h2,h3,h4,h5,h6{color:var(--color-text-primary);font-weight:600;margin:0}h1{font-size:1.875rem;line-height:2.25rem}h2{font-size:1.5rem;line-height:2rem}h3{font-size:1.25rem;line-height:1.75rem}p{margin:0;color:var(--color-text-secondary)}a{color:var(--color-primary);text-decoration:none;font-weight:500}a:hover{color:var(--color-primary-hover);text-decoration:underline}.app-layout{min-height:100vh;background-color:var(--color-surface)}.top-nav{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);padding:0 2rem}.nav-container{display:flex;align-items:center;justify-content:space-between;height:4rem}.nav-brand h1{font-size:1.25rem;color:var(--color-text-primary);margin:0}.nav-links{display:flex;align-items:center;gap:2rem}.nav-link{color:var(--color-text-secondary);text-decoration:none;font-size:.875rem;font-weight:500;padding:.5rem 0;border-bottom:2px solid transparent;transition:all .15s ease-in-out}.nav-link:hover{color:var(--color-text-primary);text-decoration:none}.nav-link.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.user-menu-container{position:relative}.user-avatar{width:2rem;height:2rem;border-radius:50%;background-color:var(--color-primary);color:var(--color-surface);border:none;font-weight:600;font-size:.875rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.user-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10}.user-menu-dropdown{position:absolute;top:100%;right:0;margin-top:.5rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;min-width:280px;z-index:10000}.user-menu-header{padding:1rem;display:flex;align-items:center;gap:.75rem}.user-avatar-large{width:2.5rem;height:2.5rem;border-radius:50%;background-color:var(--color-primary);color:var(--color-surface);font-weight:600;font-size:1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.user-name{font-weight:600;color:var(--color-text-primary);font-size:.875rem}.user-email{font-size:.75rem;color:var(--color-text-secondary);margin-top:.125rem}.user-menu-divider{height:1px;background-color:var(--color-border);margin:0}.user-menu-item{width:100%;padding:.75rem 1rem;background:none;border:none;text-align:left;color:var(--color-text-primary);font-size:.875rem;cursor:pointer;border-radius:0 0 var(--radius-md) var(--radius-md)}.content-header{margin-bottom:2rem}.content-header h1{font-size:1.875rem;color:var(--color-text-primary);margin:0}.header-actions{display:flex;align-items:center;gap:1rem}.page-content{padding:2rem;width:100%}.card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.card-title{font-size:1.125rem;font-weight:600;color:var(--color-text-primary)}.search-container{position:relative;margin-bottom:1.5rem}.search-input{width:100%;max-width:320px}.table-container{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-sm)}.table{width:100%;border-collapse:collapse;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.table th{background-color:var(--color-surface);padding:.75rem 1rem;text-align:left;font-size:.75rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.025em;border-bottom:1px solid var(--color-border)}.table td{padding:1rem;border-bottom:1px solid var(--color-border);color:var(--color-text-primary);font-size:.875rem}.table tr:last-child td{border-bottom:none}.table tr:hover{background-color:var(--color-surface)}.status-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500}.status-badge.enabled{background-color:var(--color-success-light);color:var(--color-success)}.status-badge.disabled{background-color:var(--color-danger-light);color:var(--color-danger)}.loading-state{display:flex;align-items:center;justify-content:center;padding:3rem;color:var(--color-text-secondary)}.empty-state{text-align:center;padding:3rem;color:var(--color-text-secondary)}.welcome-section{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;background-color:var(--color-surface);border-radius:var(--radius-md);padding:3rem;margin:2rem auto;max-width:600px;border:1px solid var(--color-border)}.welcome-section h2{margin-bottom:1rem;color:var(--color-text-primary)}.welcome-section p{margin-bottom:2rem;color:var(--color-text-secondary);max-width:400px}@media (max-width: 768px){.top-nav{padding:0 1rem}.nav-container{flex-direction:column;height:auto;padding:1rem 0;gap:1rem}.page-content{padding:1rem}}