@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--primary: #6366f1;--primary-hover: #4f46e5;--bg-dark: #0f172a;--bg-card: rgba(30, 41, 59, .7);--bg-card-hover: rgba(30, 41, 59, .9);--text-main: #f8fafc;--text-muted: #94a3b8;--accent-pink: #ec4899;--accent-blue: #0ea5e9;--accent-green: #10b981;--border: rgba(255, 255, 255, .1);--glass-effect: blur(12px) saturate(180%)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Outfit,sans-serif;background-color:var(--bg-dark);background-image:radial-gradient(at 0% 0%,rgba(99,102,241,.15) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(236,72,153,.1) 0px,transparent 50%);color:var(--text-main);min-height:100vh;-webkit-font-smoothing:antialiased;overflow-x:hidden}.glass-card{background:var(--bg-card);backdrop-filter:var(--glass-effect);-webkit-backdrop-filter:var(--glass-effect);border:1px solid var(--border);border-radius:1.5rem;padding:2rem;transition:transform .3s ease,background .3s ease}.glass-card:hover{background:var(--bg-card-hover);border-color:#fff3}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;font-family:inherit}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--accent-pink));color:#fff}.btn-primary:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 10px 15px -3px #6366f166}.input-field{width:100%;background:#0f172a80;border:1px solid var(--border);padding:1rem;border-radius:.75rem;color:#fff;margin-top:.5rem;outline:none;transition:border-color .2s ease}.input-field:focus{border-color:var(--primary)}label{display:block;font-size:.875rem;font-weight:500;color:var(--text-muted)}h1,h2,h3{font-weight:700;letter-spacing:-.025em}.sidebar{width:280px;height:100vh;position:fixed;left:0;top:0;background:#0f172acc;-webkit-backdrop-filter:var(--glass-effect);backdrop-filter:var(--glass-effect);border-right:1px solid var(--border);padding:2rem;z-index:50;display:flex;flex-direction:column;overflow-y:auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.main-content{margin-left:280px;padding:2.5rem;max-width:1600px}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}@media(max-width:1024px){.sidebar{display:none}.main-content{margin-left:0}}