@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--font-main:"Outfit", system-ui, -apple-system, sans-serif;--color-bg-dark:#0a0e14;--color-bg-panel:#14192399;--color-primary:#10b981;--color-primary-glow:#10b98166;--color-accent:#06b6d4;--color-text:#f3f4f6;--color-text-muted:#9ca3af;--color-border:#ffffff1a;--color-error:#ef4444;--glass-bg:#ffffff08;--glass-border:#ffffff14;--glass-blur:blur(12px);--glass-shadow:0 8px 32px 0 #0000005e;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--color-bg-dark);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}.animated-bg{z-index:-1;background:radial-gradient(circle at 15%,#10b98114,#0000 50%),radial-gradient(circle at 85% 30%,#06b6d414,#0000 50%);width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.animated-bg:after{content:"";opacity:.5;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0IiBoZWlnaHQ9IjQiPgo8cmVjdCB3aWR0aD0iNCIgaGVpZ2h0PSI0IiBmaWxsPSIjZmZmIiBmaWxsLW9wYWNpdHk9IjAuMDIiLz4KPC9zdmc+);position:absolute;inset:0}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:16px}.input-group{margin-bottom:1.5rem;position:relative}.input-field{border:1px solid var(--color-border);width:100%;color:var(--color-text);transition:all var(--transition-normal);background:#0003;border-radius:8px;outline:none;padding:12px 16px;font-family:inherit;font-size:1rem}.input-field:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-glow);background:#0006}.input-field::placeholder{color:#0000}.input-label{color:var(--color-text-muted);pointer-events:none;transition:all var(--transition-fast);font-size:1rem;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.input-field:focus+.input-label,.input-field:not(:placeholder-shown)+.input-label{color:var(--color-primary);background:var(--color-bg-dark);border-radius:4px;padding:0 4px;font-size:.8rem;top:-10px;left:12px}.btn-primary{background:linear-gradient(135deg, var(--color-primary), var(--color-accent));color:#fff;cursor:pointer;width:100%;transition:all var(--transition-normal);border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:14px 24px;font-size:1rem;font-weight:600;display:flex;position:relative;overflow:hidden}.btn-primary:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%}.btn-primary:hover{box-shadow:0 8px 20px var(--color-primary-glow);transform:translateY(-2px)}.btn-primary:hover:before{left:100%}.btn-primary:disabled{opacity:.7;cursor:not-allowed;box-shadow:none;transform:none}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:.6s ease-out forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=1024px){.app-sidebar{top:0;bottom:0;left:0;transform:translate(-100%);position:fixed!important}.app-sidebar.sidebar-open{transform:translate(0)}.sidebar-overlay{display:block!important}.sidebar-toggle-btn,.sidebar-close-btn,.header-logo-mobile{display:flex!important}}