.glass-card{background:linear-gradient(135deg,var(--glass-bg) 0%,rgba(255,255,255,.04) 100%);border:1px solid var(--glass-border);border-radius:var(--radius-xl);-webkit-backdrop-filter:var(--blur-medium) saturate(180%);backdrop-filter:var(--blur-medium) saturate(180%);box-shadow:var(--shadow-glass);transition:all var(--transition-base)}.glass-card:hover{transform:translateY(-2px);box-shadow:0 12px 40px #0000004d,0 0 0 1px rgba(var(--rsq-red-rgb),.3),inset 0 1px #ffffff26}.glass-card-subtle{background:#ffffff08;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:var(--blur-light);backdrop-filter:var(--blur-light)}.glass-card-strong{background:linear-gradient(135deg,#ffffff1f,#ffffff0f);border:1px solid rgba(255,255,255,.16);-webkit-backdrop-filter:var(--blur-heavy) saturate(200%);backdrop-filter:var(--blur-heavy) saturate(200%)}.glass-button{position:relative;overflow:hidden;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);-webkit-backdrop-filter:var(--blur-light);backdrop-filter:var(--blur-light);transition:all var(--transition-base);cursor:pointer}.glass-button:hover{background:var(--glass-bg-hover);transform:scale(1.02)}.glass-button:active{transform:scale(.98);box-shadow:inset 0 2px 4px #0003}.btn-primary-glass{background:linear-gradient(135deg,var(--rsq-red) 0%,var(--rsq-red-dark) 100%);border:none;color:#fff;box-shadow:0 4px 12px rgba(var(--rsq-red-rgb),.4),inset 0 1px #fff3;transition:all var(--transition-base)}.btn-primary-glass:hover{transform:scale(1.05);box-shadow:0 6px 16px rgba(var(--rsq-red-rgb),.5),0 0 0 4px rgba(var(--rsq-red-rgb),.1)}.btn-primary-glass:active{transform:scale(.98);box-shadow:0 2px 8px rgba(var(--rsq-red-rgb),.3),inset 0 2px 4px #0003}.glass-panel{background:linear-gradient(180deg,#0a0a0af2,#0a0a0ad9);-webkit-backdrop-filter:var(--blur-heavy) saturate(120%);backdrop-filter:var(--blur-heavy) saturate(120%);border-right:1px solid rgba(var(--rsq-red-rgb),.15)}.glass-modal-backdrop{background:#0006;-webkit-backdrop-filter:var(--blur-medium);backdrop-filter:var(--blur-medium);animation:fadeIn var(--transition-base)}.glass-modal-content{background:linear-gradient(135deg,#1a1a1af2,#1a1a1ae6);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-2xl);-webkit-backdrop-filter:var(--blur-heavy);backdrop-filter:var(--blur-heavy);box-shadow:0 24px 64px #0009,inset 0 1px #ffffff1a;animation:modalSlideIn var(--transition-slow)}.glass-input{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);-webkit-backdrop-filter:var(--blur-light);backdrop-filter:var(--blur-light);transition:all var(--transition-fast);color:var(--text-primary)}.glass-input:focus{outline:none;background:#ffffff14;border-color:var(--rsq-red);box-shadow:0 0 0 3px rgba(var(--rsq-red-rgb),.1)}.glass-badge{background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:999px;-webkit-backdrop-filter:var(--blur-light);backdrop-filter:var(--blur-light);padding:4px 12px;font-size:12px;font-weight:600}.frosted{backdrop-filter:var(--blur-medium) saturate(180%);-webkit-backdrop-filter:var(--blur-medium) saturate(180%)}.glow-red{box-shadow:0 0 20px rgba(var(--rsq-red-rgb),.3)}.glow-red-strong{box-shadow:0 0 40px rgba(var(--rsq-red-rgb),.5)}.text-gradient-red{background:linear-gradient(135deg,#FFFFFF 0%,rgba(255,255,255,.8) 50%,var(--rsq-red) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.shimmer{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);background-size:1000px 100%;animation:shimmer 2s infinite}.liquid-hover{transition:all var(--transition-spring)}.liquid-hover:hover{transform:scale(1.02) translateY(-2px)}.glass-stat-card{position:relative;overflow:hidden;background:linear-gradient(135deg,#ffffff14,#ffffff08);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);padding:32px;-webkit-backdrop-filter:var(--blur-medium);backdrop-filter:var(--blur-medium);transition:all var(--transition-base)}.glass-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--rsq-red),var(--rsq-red-dark));opacity:0;transition:opacity var(--transition-base)}.glass-stat-card:hover:before{opacity:1}.glass-stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-floating);border-color:rgba(var(--rsq-red-rgb),.3)}.glass-menubar{background:#1c1c1ed9;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid rgba(255,255,255,.08);font-size:13px;font-weight:500}.glass-dock{background:#1c1c1eb8;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 48px #0006,0 0 0 .5px #ffffff1a,inset 0 1px #ffffff26}.glass-dropdown{background:#1e1e1ef2;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid rgba(255,255,255,.12);border-radius:12px;box-shadow:0 12px 32px #00000080,0 0 0 1px #ffffff14,inset 0 1px #ffffff1a}.glass-modal{background:#1e1e1ef2;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 64px #0009,0 0 0 1px #ffffff14,inset 0 1px #ffffff1a}.glass-widget-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .2s ease}.glass-widget-card:hover{background:#ffffff14;border-color:#ffffff1f}.glass-menu-item{background:transparent;border-radius:6px;transition:all .15s ease;cursor:pointer}.glass-menu-item:hover{background:#ffffff1a}.glass-menu-item:active{background:#ffffff26;transform:scale(.98)}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .2s ease}.animate-scale-in{animation:scaleIn .2s ease}.animate-slide-down{animation:slideDown .2s ease}:root{--rsq-red: #DC2626;--rsq-red-dark: #991B1B;--rsq-red-light: #FEE2E2;--rsq-red-rgb: 220, 38, 38;--glass-bg: rgba(255, 255, 255, .08);--glass-bg-hover: rgba(255, 255, 255, .12);--glass-border: rgba(255, 255, 255, .12);--glass-highlight: rgba(255, 255, 255, .03);--glass-shadow: rgba(0, 0, 0, .37);--blur-light: blur(12px);--blur-medium: blur(24px);--blur-heavy: blur(40px);--bg-base: #0A0A0A;--bg-surface: #1A1A1A;--bg-elevated: #2A2A2A;--bg-overlay: rgba(26, 26, 26, .95);--text-primary: #FFFFFF;--text-secondary: rgba(255, 255, 255, .7);--text-muted: rgba(255, 255, 255, .5);--text-disabled: rgba(255, 255, 255, .3);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .08);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1), 0 2px 4px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1), 0 4px 6px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1), 0 10px 10px rgba(0, 0, 0, .04);--shadow-glass: 0 8px 32px rgba(0, 0, 0, .37), inset 0 1px 0 rgba(255, 255, 255, .1);--shadow-floating: 0 8px 16px rgba(0, 0, 0, .08), 0 16px 24px rgba(0, 0, 0, .06), 0 1px 3px rgba(0, 0, 0, .12);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--transition-fast: .15s cubic-bezier(0, 0, .2, 1);--transition-base: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--transition-spring: .5s cubic-bezier(.175, .885, .32, 1.275)}[data-theme=light]{--bg-base: #FAFAFA;--bg-surface: #FFFFFF;--bg-elevated: #F5F5F5;--bg-overlay: rgba(255, 255, 255, .95);--text-primary: #0A0A0A;--text-secondary: rgba(10, 10, 10, .7);--text-muted: rgba(10, 10, 10, .5);--text-disabled: rgba(10, 10, 10, .3);--glass-bg: rgba(255, 255, 255, .6);--glass-bg-hover: rgba(255, 255, 255, .8);--glass-border: rgba(0, 0, 0, .08);--glass-shadow: rgba(0, 0, 0, .1)}:root{--color-success: #10B981;--color-warning: #F59E0B;--color-error: #EF4444;--color-info: #3B82F6}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideInUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInLeft{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes modalSlideIn{0%{transform:scale(.95) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glowPulse{0%,to{box-shadow:0 0 20px rgba(var(--rsq-red-rgb),.3)}50%{box-shadow:0 0 40px rgba(var(--rsq-red-rgb),.6)}}.animate-fade-in{animation:fadeIn var(--transition-base) ease-out}.animate-fade-out{animation:fadeOut var(--transition-base) ease-in}.animate-slide-up{animation:slideInUp var(--transition-base) ease-out}.animate-slide-down{animation:slideInDown var(--transition-base) ease-out}.animate-slide-left{animation:slideInLeft var(--transition-base) ease-out}.animate-slide-right{animation:slideInRight var(--transition-base) ease-out}.animate-scale-in{animation:scaleIn var(--transition-base) ease-out}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}.animate-bounce{animation:bounce 1s infinite}.animate-glow-pulse{animation:glowPulse 2s ease-in-out infinite}.hover-lift{transition:transform var(--transition-base),box-shadow var(--transition-base)}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-floating)}.hover-scale{transition:transform var(--transition-base)}.hover-scale:hover{transform:scale(1.05)}.hover-glow{transition:box-shadow var(--transition-base)}.hover-glow:hover{box-shadow:0 0 20px rgba(var(--rsq-red-rgb),.4)}.transition-fast{transition:all var(--transition-fast)}.transition-base{transition:all var(--transition-base)}.transition-slow{transition:all var(--transition-slow)}.transition-spring{transition:all var(--transition-spring)}.delay-75{animation-delay:75ms}.delay-100{animation-delay:.1s}.delay-150{animation-delay:.15s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.stagger-children>*{animation:slideInUp var(--transition-base) ease-out backwards}.stagger-children>*:nth-child(1){animation-delay:0ms}.stagger-children>*:nth-child(2){animation-delay:50ms}.stagger-children>*:nth-child(3){animation-delay:.1s}.stagger-children>*:nth-child(4){animation-delay:.15s}.stagger-children>*:nth-child(5){animation-delay:.2s}.stagger-children>*:nth-child(6){animation-delay:.25s}.stagger-children>*:nth-child(7){animation-delay:.3s}.stagger-children>*:nth-child(8){animation-delay:.35s}.loading-shimmer{position:relative;overflow:hidden;background:var(--glass-bg)}.loading-shimmer:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
