@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&display=swap";:root{--primary: #a855f7;--primary-dark: #7e22ce;--bg-gradient: linear-gradient(135deg, #1a103d 0%, #0f0720 100%);--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--text-main: #ffffff;--text-muted: #94a3b8;--nav-height: 80px}*{margin:0;padding:0;box-sizing:border-box;font-family:Outfit,sans-serif}body{background:var(--bg-gradient);color:var(--text-main);min-height:100vh;overflow-x:hidden}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:24px;box-shadow:0 8px 32px #0000005e}.btn-primary{background:var(--primary);color:#fff;border:none;padding:12px 24px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;justify-content:center}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 15px #a855f766}input{width:100%;padding:14px;background:#ffffff08;border:1px solid var(--glass-border);border-radius:12px;color:#fff;outline:none;transition:.3s}input:focus{border-color:var(--primary);background:#ffffff12}.auth-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px}.auth-card{width:100%;max-width:400px;padding:40px}.dashboard-container{max-width:800px;margin:40px auto;padding:0 20px}.todo-item{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;margin-bottom:12px;transition:.3s}.todo-item:hover{background:#ffffff14}.todo-content{flex:1}.todo-title{font-size:1.1rem;font-weight:600}.todo-desc{font-size:.9rem;color:var(--text-muted)}.completed{text-decoration:line-through;opacity:.6}.badge{padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase}.badge-pending{background:#eab30833;color:#eab308}.badge-done{background:#22c55e33;color:#22c55e}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade{animation:fadeIn .5s ease forwards}@media (max-width: 767px){.dashboard-container{margin:20px auto}.auth-card{padding:24px}.hidden-mobile{display:none!important}}.mobile-only{display:none}@media (max-width: 767px){.mobile-only{display:block}}