body{background:linear-gradient(135deg,#667eea,#764ba2);margin:0;font-family:Poppins,sans-serif}.auth-container{justify-content:center;align-items:center;height:100vh;display:flex}.auth-card{text-align:center;background:#fff;border-radius:16px;width:320px;padding:30px;box-shadow:0 10px 30px #0003}.auth-card input,.auth-card select{border:1px solid #ddd;border-radius:8px;width:100%;margin:10px 0;padding:10px}.auth-card button{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:8px;width:100%;padding:10px}.dashboard{padding:20px;font-family:Poppins,sans-serif}h1{text-align:center}.cards{flex-wrap:wrap;justify-content:center;gap:15px;display:flex}.card{text-align:center;background:#fff;border-radius:12px;min-width:120px;padding:20px;font-weight:700;box-shadow:0 5px 15px #0000001a}.overdue{color:#fff;background:#ff4d4d}.chart{width:300px;margin:30px auto}.task-list{margin-top:30px}.task{background:#f9f9f9;border-radius:10px;max-width:500px;margin:10px auto;padding:15px}.create-btn{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:8px;padding:10px 16px}.logout-btn{color:#fff;cursor:pointer;background:#ff4d4d;border:none;border-radius:6px;padding:6px 12px}.header{justify-content:space-between;align-items:center;display:flex}.task-form{gap:10px;margin-bottom:20px;display:flex}.task-form input,.task-form select{border:none;border-radius:6px;padding:8px}.btn-group button{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:6px;margin-right:10px;padding:6px 10px}