.loading-fullscreen{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;background:var(--loading-bg);display:flex!important;justify-content:center!important;align-items:center!important;z-index:999999!important;margin:0!important;padding:0!important;transform:none!important;overflow:hidden}.loading-inline{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;padding:3rem;width:100%;min-height:300px}.loading-fullscreen>div,.loading-inline>div{display:flex;flex-direction:column;align-items:center;gap:2rem}.loading-spinner{width:80px;height:80px;position:relative}.loading-ring{position:absolute;border:4px solid transparent;border-radius:50%}.loading-ring-outer{width:80px;height:80px;top:0;left:0;border-top-color:var(--loading-ring-1);border-right-color:var(--loading-ring-2);animation:spinner-rotate 1.2s linear infinite}.loading-ring-inner{width:60px;height:60px;top:10px;left:10px;border-bottom-color:var(--loading-ring-3);border-left-color:var(--loading-ring-4);animation:spinner-rotate .9s linear infinite reverse}.loading-message{margin:0;font-family:Inter,Segoe UI,Roboto,sans-serif;font-size:1.125rem;font-weight:500;color:var(--loading-text);letter-spacing:.5px;animation:pulse 2s ease-in-out infinite}@keyframes spinner-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.loading-message:after{content:"";animation:dots 1.5s steps(4,end) infinite}@keyframes dots{0%,20%{content:""}40%{content:"."}60%{content:".."}80%,to{content:"..."}}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:10px}*::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:10px;border:2px solid var(--scrollbar-track);transition:background .2s ease}*::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}*::-webkit-scrollbar-thumb:active{background:var(--accent)}.custom-scrollbar-thin::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar-thin::-webkit-scrollbar-thumb{border:1px solid var(--scrollbar-track)}:root{--scrollbar-track: #1e293b;--scrollbar-thumb: #475569;--scrollbar-thumb-hover: #64748b}*{margin:0;padding:0;box-sizing:border-box}:root[data-theme=dark]{--gradient-primary: linear-gradient(135deg, #3b82f6 0%, #60a5fa 100%);--gradient-button: linear-gradient(135deg, #3b82f6 0%, #881337 100%);--gradient-accent: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);--accent: #3b82f6;--accent-color: #3b82f6;--accent-light: #60a5fa;--accent-bg-subtle: rgba(59, 130, 246, .08);--accent-shadow: rgba(59, 130, 246, .15);--accent-shadow-medium: rgba(59, 130, 246, .25);--accent-shadow-strong: rgba(59, 130, 246, .4);--bg-primary: #0a0e27;--bg-secondary: #0f172a;--bg-grid: rgba(59, 130, 246, .06);--bg-light: rgba(139, 92, 246, .12);--card-bg: rgba(13, 19, 36, .74);--surface: rgba(13, 19, 36, .68);--hover-bg: rgba(59, 130, 246, .1);--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-tertiary: #cbd5e1;--text-muted: #64748b;--card-border: rgba(148, 163, 184, .12);--border-color: rgba(148, 163, 184, .18);--input-bg: rgba(15, 23, 42, .85);--input-border: rgba(148, 163, 184, .28);--input-focus: #3b82f6;--sidebar-bg: rgba(13, 19, 36, .82);--sidebar-hover: rgba(59, 130, 246, .12);--sidebar-active: rgba(59, 130, 246, .22);--shadow: rgba(0, 0, 0, .5);--star-color-1: #60a5fa;--star-color-2: #3b82f6;--star-color-3: rgba(147, 197, 253, .9);--star-color-4: rgba(96, 165, 250, .8);--star-color-5: rgba(147, 197, 253, .7);--star-color-6: rgba(96, 165, 250, .6);--star-glow: rgba(96, 165, 250, .8);--star-glow-layer3: rgba(147, 197, 253, .8);--slider-bg: #374151;--loading-bg: linear-gradient(135deg, #0a0d1f 0%, #131729 50%, #1a1f3a 100%);--loading-ring-1: #6366f1;--loading-ring-2: #8b5cf6;--loading-ring-3: #a78bfa;--loading-ring-4: #c084fc;--loading-text: #e0e7ff;--primary-color: #3b82f6;--bg-tertiary: rgba(15, 23, 42, .6);--bg-quaternary: rgba(15, 23, 42, .4);--border-color-secondary: rgba(148, 163, 184, .2)}html{margin:0;padding:0;width:100%;height:100%;background:#0a0e27;overflow:hidden}body{margin:0;padding:0;width:100%;height:100%;background:#0a0e27;font-family:Inter,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-feature-settings:"ss01" on,"cv01" on;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}#root{width:100%;height:100%;background:transparent;overflow:hidden}