*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;color:#111827}body.dark{background:linear-gradient(135deg,#020617,#0f172a);color:#e5e7eb}a{text-decoration:none;color:inherit}.auth-container{max-width:420px;margin:10vh auto;padding:34px;border-radius:20px;background:#ffffffe6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 25px 60px #00000040;animation:fadeIn .4s ease}body.dark .auth-container{background:#111827f2}.auth-container h2{margin-bottom:16px;text-align:center;font-size:1.9rem;font-weight:700}.auth-container p{text-align:center;margin-top:14px;font-size:1rem;opacity:.9}.auth-container input,.auth-container select{width:100%;padding:14px 16px;margin:12px 0;border-radius:12px;border:1.5px solid #e5e7eb;font-size:1rem;outline:none;transition:.2s}.auth-container input:focus,.auth-container select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f140}.auth-container button{width:100%;padding:14px;margin-top:14px;border-radius:12px;border:none;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:.25s}.auth-container button:hover{transform:translateY(-2px);box-shadow:0 14px 30px #6366f159}.error{color:#ef4444;font-size:.95rem;text-align:center}.navbar{height:72px;padding:0 28px;background:#ffffffe6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:space-between;box-shadow:0 12px 32px #00000026}body.dark .navbar{background:#111827e6}.navbar h3{margin:0;font-size:1.35rem;font-weight:700}.navbar div{display:flex;gap:14px}.navbar a,.navbar button{border:none;background:#6366f126;color:#4f46e5;padding:10px 18px;border-radius:999px;font-size:.9rem;font-weight:600;cursor:pointer;transition:.2s}.navbar a:hover,.navbar button:hover{background:#6366f1;color:#fff}body.dark .navbar a,body.dark .navbar button{background:#6366f140;color:#c7d2fe}.container{max-width:1000px;margin:36px auto;padding:28px}.container h2{margin-bottom:22px;font-size:1.7rem;font-weight:700}.task-form{display:flex;gap:12px;margin-bottom:20px}.task-form input{flex:1;padding:14px 16px;border-radius:12px;border:1.5px solid #e5e7eb;font-size:1rem;outline:none;transition:.2s}.task-form input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f140}.task-form button{padding:14px 22px;border-radius:12px;border:none;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:.2s}.task-form button:hover{transform:translateY(-2px);box-shadow:0 14px 30px #22c55e59}.filters{display:flex;gap:12px;margin-bottom:22px}.filters button{border:none;background:#6366f126;color:#4f46e5;padding:10px 18px;border-radius:999px;font-size:.9rem;font-weight:600;cursor:pointer;transition:.2s}.filters button.active,.filters button:hover{background:#6366f1;color:#fff}.task-item{display:flex;align-items:center;gap:14px;padding:18px 20px;margin-bottom:14px;border-radius:18px;background:#ffffffe6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 12px 28px #00000026;transition:.25s}.task-item:hover{transform:translateY(-3px);box-shadow:0 18px 40px #0003}body.dark .task-item{background:#111827e6}.task-item span{flex:1;font-size:1.05rem;font-weight:500}.task-item input{accent-color:#6366f1;width:18px;height:18px}.task-item button{border:none;background:#ef44442e;color:#ef4444;padding:8px 12px;border-radius:999px;cursor:pointer;font-size:.85rem;transition:.2s}.task-item button:hover{background:#ef4444;color:#fff}.card{padding:20px;border-radius:18px;background:#ffffffe6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 12px 28px #00000026;margin-bottom:16px}body.dark .card{background:#111827e6}.center{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}