@keyframes fadeInOverlay{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}@keyframes fadeOutOverlay{0%{opacity:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}to{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}}@keyframes macModalOpen{0%{transform:scale(.85) translateY(40px);opacity:0;filter:blur(8px)}60%{transform:scale(1.03) translateY(0);opacity:1;filter:blur(2px)}to{transform:scale(1) translateY(0);opacity:1;filter:blur(0)}}@keyframes macModalClose{0%{transform:scale(1) translateY(0);opacity:1;filter:blur(0)}to{transform:scale(.9) translateY(20px);opacity:0;filter:blur(6px)}}@keyframes waveRotate1{0%{transform:rotate(0) translate(-20%,-20%)}to{transform:rotate(360deg) translate(-20%,-20%)}}@keyframes waveRotate2{0%{transform:rotate(0) translate(-15%,-15%) scale(1.1)}to{transform:rotate(360deg) translate(-15%,-15%) scale(1.1)}}@keyframes waveRotate3{0%{transform:rotate(0) translate(-10%,-10%) scale(1.05)}to{transform:rotate(360deg) translate(-10%,-10%) scale(1.05)}}@keyframes waveGradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes floatingOrbs{0%,to{transform:scale(1) translate(0);opacity:1}33%{transform:scale(1.1) translate(20px,-20px);opacity:.8}66%{transform:scale(.9) translate(-20px,20px);opacity:.9}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes slideIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes successFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}body.dark{--primary-rgb: 0, 212, 255;--primary-color: rgb(var(--primary-rgb));--secondary-rgb: 255, 0, 76;--secondary-color: rgb(var(--secondary-rgb));--text-rgb: 255, 255, 255;--text-color: rgb(var(--text-rgb));--text-muted: rgba(255, 255, 255, .7);--bg-primary-rgb: 18, 18, 18;--bg-primary: rgb(var(--bg-primary-rgb));--bg-secondary-rgb: 30, 30, 30;--bg-secondary: rgb(var(--bg-secondary-rgb));--bg-surface-rgb: 43, 43, 43;--bg-surface: rgb(var(--bg-surface-rgb));--glass-bg-rgb: 255, 255, 255;--glass-bg: rgba(var(--glass-bg-rgb), .08);--glass-bg-fallback: #2b2b2b;--glass-border-rgb: 255, 255, 255;--glass-border: rgba(var(--glass-border-rgb), .12);--card-bg-rgb: 255, 255, 255;--card-bg: rgba(var(--card-bg-rgb), .05);--card-bg-fallback: #1e1e1e;--input-bg-rgb: 255, 255, 255;--input-bg: rgba(var(--input-bg-rgb), .12);--input-bg-fallback: #2b2b2b;--input-border: rgba(255, 255, 255, .2);--shadow-color: rgba(0, 0, 0, .6);--sidebar-bg: rgba(255, 255, 255, .08);--sidebar-bg-fallback: #2b2b2b;--topbar-bg: rgba(255, 255, 255, .08);--topbar-bg-fallback: #2b2b2b}body.light{--primary-rgb: 0, 102, 255;--primary-color: rgb(var(--primary-rgb));--secondary-rgb: 255, 51, 102;--secondary-color: rgb(var(--secondary-rgb));--text-rgb: 17, 17, 17;--text-color: rgb(var(--text-rgb));--text-muted: rgba(0, 0, 0, .6);--bg-primary-rgb: 245, 247, 250;--bg-primary: rgb(var(--bg-primary-rgb));--bg-secondary-rgb: 255, 255, 255;--bg-secondary: rgb(var(--bg-secondary-rgb));--bg-surface-rgb: 232, 238, 243;--bg-surface: rgb(var(--bg-surface-rgb));--glass-bg-rgb: 255, 255, 255;--glass-bg: rgba(var(--glass-bg-rgb), .7);--glass-bg-fallback: #ffffff;--glass-border-rgb: 0, 0, 0;--glass-border: rgba(var(--glass-border-rgb), .1);--card-bg-rgb: 255, 255, 255;--card-bg: rgba(var(--card-bg-rgb), .85);--card-bg-fallback: #f5f5f5;--input-bg-rgb: 255, 255, 255;--input-bg: rgba(var(--input-bg-rgb), .5);--input-bg-fallback: #ffffff;--input-border: rgba(0, 0, 0, .18);--shadow-color: rgba(0, 0, 0, .1);--sidebar-bg: rgba(255, 255, 255, .85);--sidebar-bg-fallback: #f5f5f5;--topbar-bg: rgba(255, 255, 255, .85);--topbar-bg-fallback: #f5f5f5}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;background-color:var(--bg-primary);color:var(--text-color)}:root{--sidebar-width: 260px}