@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root,[data-theme=dark]{--bg-primary: hsl(222, 47%, 7%);--bg-card: hsla(222, 40%, 14%, .6);--bg-card-hover: hsla(222, 40%, 18%, .7);--bg-overlay: hsla(222, 47%, 7%, .5);--text-primary: hsl(0, 0%, 98%);--text-secondary: hsl(215, 20%, 65%);--text-muted: hsl(215, 16%, 47%);--border-color: hsla(0, 0%, 100%, .1);--border-hover: hsla(0, 0%, 100%, .2);--accent-primary: hsl(168, 80%, 50%);--accent-primary-hover: hsl(168, 80%, 40%);--accent-secondary: hsl(270, 70%, 60%);--accent-secondary-hover: hsl(270, 70%, 50%);--gradient-accent: linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));--gradient-glass: linear-gradient(135deg, hsla(0,0%,100%,.05), hsla(0,0%,100%,.01));--status-success: hsl(142, 76%, 36%);--status-success-bg: hsla(142, 76%, 36%, .15);--status-warning: hsl(38, 92%, 50%);--status-warning-bg: hsla(38, 92%, 50%, .15);--status-error: hsl(348, 83%, 47%);--status-error-bg: hsla(348, 83%, 47%, .15);--status-info: hsl(221, 83%, 53%);--status-info-bg: hsla(221, 83%, 53%, .15);--surface-primary: hsla(222, 40%, 12%, .45);--surface-secondary: hsla(0, 0%, 100%, .03);--surface-tertiary: hsla(0, 0%, 100%, .05);--surface-input: hsla(0, 0%, 0%, .2);--surface-input-focus: hsla(0, 0%, 0%, .3);--surface-modal: hsla(222, 40%, 12%, .85);--surface-hover: hsla(0, 0%, 100%, .05);--surface-sidebar: hsla(222, 40%, 12%, .4);--surface-topbar: hsla(222, 47%, 7%, .8);--surface-badge: hsla(0, 0%, 100%, .1);--heading-color: #ffffff;--text-white: #ffffff;--overlay-bg: rgba(0, 0, 0, .7);--card-border: hsla(0, 0%, 100%, .08);--card-border-hover: hsla(0, 0%, 100%, .15);--card-border-top: hsla(0, 0%, 100%, .18);--divider: hsla(0, 0%, 100%, .06);--divider-strong: hsla(0, 0%, 100%, .1);--btn-icon-bg: hsla(0, 0%, 100%, .05);--btn-icon-border: hsla(0, 0%, 100%, .1);--accent-glow: hsla(168, 80%, 50%, .15);--focus-ring: hsla(168, 80%, 50%, .15);--header-gradient: linear-gradient(135deg, #fff 0%, var(--text-secondary) 100%);--orb-opacity: .4;--glass-blur: blur(20px);--login-card-bg: hsla(222, 40%, 12%, .6);--box-shadow-deep: 0 20px 40px -15px rgba(0, 0, 0, .5);--box-shadow-modal: 0 30px 60px -15px rgba(0, 0, 0, .8);--font-family: "Inter", sans-serif;--font-xs: .75rem;--font-sm: .875rem;--font-base: 1rem;--font-lg: 1.125rem;--font-xl: 1.25rem;--font-2xl: 1.5rem;--font-3xl: 1.875rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 hsla(0, 0%, 0%, .2);--shadow-md: 0 4px 6px -1px hsla(0, 0%, 0%, .3), 0 2px 4px -2px hsla(0, 0%, 0%, .3);--shadow-lg: 0 10px 15px -3px hsla(0, 0%, 0%, .4), 0 4px 6px -4px hsla(0, 0%, 0%, .4);--shadow-xl: 0 20px 25px -5px hsla(0, 0%, 0%, .5), 0 8px 10px -6px hsla(0, 0%, 0%, .5);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease}[data-theme=light]{--bg-primary: hsl(220, 20%, 97%);--bg-card: hsla(220, 30%, 98%, .85);--bg-card-hover: hsla(220, 30%, 95%, .9);--bg-overlay: hsla(220, 20%, 97%, .6);--text-primary: hsl(222, 47%, 11%);--text-secondary: hsl(215, 16%, 47%);--text-muted: hsl(215, 14%, 64%);--border-color: hsla(220, 20%, 80%, .5);--border-hover: hsla(220, 20%, 70%, .6);--accent-primary: hsl(168, 80%, 38%);--accent-primary-hover: hsl(168, 80%, 30%);--accent-secondary: hsl(270, 60%, 52%);--accent-secondary-hover: hsl(270, 60%, 42%);--gradient-accent: linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));--gradient-glass: linear-gradient(135deg, hsla(220, 30%, 100%, .7), hsla(220, 30%, 98%, .4));--status-success: hsl(142, 76%, 30%);--status-success-bg: hsla(142, 76%, 36%, .12);--status-warning: hsl(38, 92%, 42%);--status-warning-bg: hsla(38, 92%, 50%, .12);--status-error: hsl(348, 83%, 42%);--status-error-bg: hsla(348, 83%, 47%, .1);--status-info: hsl(221, 83%, 48%);--status-info-bg: hsla(221, 83%, 53%, .1);--surface-primary: hsla(220, 30%, 96%, .8);--surface-secondary: hsla(220, 20%, 94%, .6);--surface-tertiary: hsla(220, 20%, 92%, .5);--surface-input: hsla(220, 20%, 96%, 1);--surface-input-focus: hsla(220, 25%, 98%, 1);--surface-modal: hsla(220, 30%, 99%, .96);--surface-hover: hsla(220, 20%, 92%, .6);--surface-sidebar: hsla(220, 30%, 98%, .7);--surface-topbar: hsla(220, 20%, 97%, .9);--surface-badge: hsla(220, 20%, 88%, .6);--heading-color: hsl(222, 47%, 11%);--text-white: hsl(222, 47%, 11%);--overlay-bg: rgba(0, 0, 0, .3);--card-border: hsla(220, 20%, 80%, .4);--card-border-hover: hsla(220, 20%, 70%, .5);--card-border-top: hsla(220, 20%, 80%, .5);--divider: hsla(220, 20%, 80%, .3);--divider-strong: hsla(220, 20%, 75%, .4);--btn-icon-bg: hsla(220, 20%, 92%, .6);--btn-icon-border: hsla(220, 20%, 82%, .5);--accent-glow: hsla(168, 80%, 50%, .1);--focus-ring: hsla(168, 80%, 50%, .2);--header-gradient: linear-gradient(135deg, hsl(222, 47%, 11%) 0%, hsl(215, 16%, 47%) 100%);--orb-opacity: .15;--glass-blur: blur(16px);--login-card-bg: hsla(220, 30%, 99%, .8);--box-shadow-deep: 0 20px 40px -15px rgba(0, 0, 0, .1);--box-shadow-modal: 0 30px 60px -15px rgba(0, 0, 0, .15);--shadow-sm: 0 1px 2px 0 hsla(0, 0%, 0%, .05);--shadow-md: 0 4px 6px -1px hsla(0, 0%, 0%, .08), 0 2px 4px -2px hsla(0, 0%, 0%, .06);--shadow-lg: 0 10px 15px -3px hsla(0, 0%, 0%, .08), 0 4px 6px -4px hsla(0, 0%, 0%, .06);--shadow-xl: 0 20px 25px -5px hsla(0, 0%, 0%, .1), 0 8px 10px -6px hsla(0, 0%, 0%, .08)}*{box-sizing:border-box;margin:0;padding:0}html,body,.layout-container,.sidebar,.main-content,.topbar,.glass-card,.nav-item,.settings-container,.stage-card,.modal-overlay,.modal-card,.form-input,.premium-input,.login-glass-card,.login-layout,.login-form-panel{transition:background-color .35s ease,color .35s ease,border-color .35s ease,box-shadow .35s ease}body{font-family:var(--font-family);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}.glass-card{background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-md);transition:all var(--transition-normal)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.text-xs{font-size:var(--font-xs)}.text-sm{font-size:var(--font-sm)}.text-base{font-size:var(--font-base)}.text-lg{font-size:var(--font-lg)}.text-xl{font-size:var(--font-xl)}.text-2xl{font-size:var(--font-2xl)}.text-3xl{font-size:var(--font-3xl)}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent-primary)}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.flex-col{flex-direction:column}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.w-full{width:100%}.h-full{height:100%}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width: 1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 768px){.md\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:flex-col{flex-direction:column}}[data-theme=light] .text-white,[data-theme=light] .text-slate-300,[data-theme=light] .text-slate-400{color:var(--text-primary)!important}[data-theme=light] .login-glass-card{background:var(--login-card-bg)!important;border-color:var(--card-border)!important}[data-theme=light] .login-form-panel .ambient-orb{opacity:var(--orb-opacity)!important}[data-theme=light] .login-image-overlay{background:linear-gradient(to bottom,#f6f7f91a,#f6f7f9b3,#f6f7f9)!important}[data-theme=light] ::-webkit-scrollbar-track{background:var(--bg-primary)}[data-theme=light] ::-webkit-scrollbar-thumb{background:#b3bbcc80}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#94a0b899}.ss-trigger{display:inline-flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.75rem 1rem;background:var(--surface-input);border:1px solid var(--card-border);border-radius:10px;color:var(--heading-color);font-size:.9rem;font-family:var(--font-family);cursor:pointer;min-width:0;text-align:left;transition:border-color .2s,box-shadow .2s,background .2s;outline:none;box-sizing:border-box}.ss-trigger:hover:not(:disabled){border-color:var(--card-border-hover);background:var(--surface-input-focus)}.ss-trigger-open,.ss-trigger:focus-visible{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--focus-ring);background:var(--surface-input-focus)}.ss-trigger:disabled{opacity:.45;cursor:not-allowed}.ss-trigger-placeholder{color:var(--text-muted);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ss-trigger-value{color:var(--heading-color);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ss-chevron{color:var(--text-muted);flex-shrink:0;transition:transform .2s ease}.ss-chevron-up{transform:rotate(180deg)}.ss-dropdown{position:fixed;z-index:99999;min-width:220px;background:var(--surface-modal);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--card-border);border-radius:14px;box-shadow:0 24px 48px -8px #0000008c,0 0 0 1px var(--card-border-top);overflow:hidden}.ss-dropdown-down{transform-origin:top center;animation:ssSlideDown .18s cubic-bezier(.16,1,.3,1)}.ss-dropdown-up{transform-origin:bottom center;animation:ssSlideUp .18s cubic-bezier(.16,1,.3,1)}@keyframes ssSlideDown{0%{opacity:0;transform:scaleY(.9) translateY(-6px)}to{opacity:1;transform:scaleY(1) translateY(0)}}@keyframes ssSlideUp{0%{opacity:0;transform:scaleY(.9) translateY(6px)}to{opacity:1;transform:scaleY(1) translateY(0)}}.ss-search-wrap{display:flex;align-items:center;gap:.4rem;padding:.55rem .75rem;border-bottom:1px solid var(--divider);background:var(--surface-modal);position:sticky;top:0;z-index:1}.ss-search-icon{color:var(--text-muted);flex-shrink:0}.ss-search-input{flex:1;background:none;border:none;outline:none;color:var(--heading-color);font-size:.855rem;font-family:var(--font-family);min-width:0}.ss-search-input::placeholder{color:var(--text-muted)}.ss-search-clear{background:none;border:none;cursor:pointer;color:var(--text-muted);display:flex;align-items:center;padding:2px;border-radius:4px;transition:color .15s}.ss-search-clear:hover{color:var(--heading-color)}.ss-list{max-height:268px;overflow-y:auto;padding:.3rem;scrollbar-width:thin;scrollbar-color:var(--divider-strong) transparent}.ss-list::-webkit-scrollbar{width:4px}.ss-list::-webkit-scrollbar-thumb{background:var(--divider-strong);border-radius:4px}.ss-option{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.55rem .75rem;border-radius:8px;cursor:pointer;font-size:.875rem;color:var(--text-primary);transition:background .12s ease;-webkit-user-select:none;user-select:none}.ss-option:hover{background:var(--surface-hover)}.ss-option-active{background:#19e6bd17!important;color:var(--accent-primary);font-weight:600}.ss-option-active:hover{background:#19e6bd24!important}.ss-option-clear{color:var(--text-muted);font-size:.82rem;border-bottom:1px solid var(--divider);border-radius:0;margin-bottom:.3rem;padding-bottom:.6rem}.ss-option-clear.ss-option-active{color:var(--accent-primary)}.ss-option-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ss-check{color:var(--accent-primary);flex-shrink:0}.ss-empty{padding:1.4rem .75rem;text-align:center;font-size:.82rem;color:var(--text-muted)}.ss-sentinel{padding:.2rem}.ss-loading-more{display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.55rem;font-size:.78rem;color:var(--text-muted)}.ss-spinner{animation:ssSpin .9s linear infinite}@keyframes ssSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}[data-theme=light] .ss-dropdown{box-shadow:0 12px 32px -4px #0000002e,0 0 0 1px var(--card-border)}[data-theme=light] .ss-option-active{background:#13ae8f14!important;color:var(--accent-primary)}[data-theme=light] .ss-option-active:hover{background:#13ae8f21!important}
