@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--hue-base: 224;--bg-app: hsl(var(--hue-base), 25%, 6%);--bg-panel: hsla(var(--hue-base), 25%, 12%, .6);--bg-card: hsla(var(--hue-base), 25%, 16%, .45);--bg-card-hover: hsla(var(--hue-base), 25%, 22%, .65);--color-primary: hsl(250, 85%, 65%);--color-secondary: hsl(190, 90%, 50%);--color-success: hsl(142, 70%, 45%);--color-warning: hsl(38, 92%, 50%);--color-danger: hsl(350, 85%, 55%);--color-info: hsl(200, 80%, 55%);--gradient-accent: linear-gradient(135deg, var(--color-primary), var(--color-secondary));--gradient-success: linear-gradient(135deg, hsl(142, 70%, 45%), hsl(160, 85%, 40%));--gradient-card: linear-gradient(145deg, hsla(var(--hue-base), 25%, 16%, .5), hsla(var(--hue-base), 25%, 8%, .3));--text-primary: hsl(var(--hue-base), 20%, 95%);--text-muted: hsl(var(--hue-base), 15%, 65%);--text-dimmed: hsl(var(--hue-base), 12%, 45%);--border-glow: hsla(var(--hue-base), 25%, 100%, .08);--border-glow-hover: hsla(var(--hue-base), 25%, 100%, .16);--border-accent: hsla(250, 85%, 65%, .3);--shadow-main: 0 8px 32px 0 rgba(0, 0, 0, .37);--shadow-glow: 0 0 20px hsla(250, 85%, 65%, .15);--glass-blur: blur(16px);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-full: 9999px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2.5rem;--sidebar-width: 280px;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--font-family: "Outfit", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:hsla(var(--hue-base),25%,30%,.5);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:hsla(var(--hue-base),25%,40%,.7)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-app);color:var(--text-primary);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glass-panel{background:var(--bg-panel);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-glow);box-shadow:var(--shadow-main);border-radius:var(--radius-lg);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.glass-panel:hover{border-color:var(--border-glow-hover)}.glass-card{background:var(--gradient-card);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-glow);border-radius:var(--radius-md);padding:var(--spacing-lg);transition:transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.glass-card:hover{transform:translateY(-4px);border-color:var(--border-glow-hover);box-shadow:var(--shadow-main),0 10px 20px #0003}button,.btn{font-family:var(--font-family);cursor:pointer;border:none;outline:none;border-radius:var(--radius-md);font-weight:500;transition:all var(--transition-fast);display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.btn-primary{background:var(--gradient-accent);color:#fff;padding:.75rem 1.5rem;box-shadow:var(--shadow-glow)}.btn-primary:hover{opacity:.95;transform:translateY(-1px);box-shadow:0 0 25px #735af24d}.btn-secondary{background:hsla(var(--hue-base),25%,25%,.4);color:var(--text-primary);border:1px solid var(--border-glow);padding:.75rem 1.5rem}.btn-secondary:hover{background:hsla(var(--hue-base),25%,35%,.6);border-color:var(--border-glow-hover)}h1,h2,h3,h4,h5,h6{font-weight:700;letter-spacing:-.02em;color:var(--text-primary)}p{color:var(--text-muted);line-height:1.6}input,textarea,select{width:100%;font-family:var(--font-family);background:hsla(var(--hue-base),25%,10%,.5);border:1px solid var(--border-glow);border-radius:var(--radius-md);padding:var(--spacing-md);color:var(--text-primary);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input:focus,textarea:focus,select:focus{border-color:var(--color-primary);box-shadow:0 0 10px #735af226}input::placeholder,textarea::placeholder{color:var(--text-dimmed)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn var(--transition-normal) forwards}