body{margin:0;font-family:Arial,sans-serif;background:linear-gradient(135deg,#1e272e,#2c3e50);color:#fff;min-height:100vh}.app-container{max-width:800px;margin:0 auto;padding:20px;text-align:center}.header h1{font-size:2.5rem;margin-bottom:10px;color:#ff4757}.header h3{font-size:1.2rem;margin-bottom:20px}.highlight{color:#ffa502}.input-section{display:flex;justify-content:center;gap:10px;margin-bottom:30px}.task-input{width:50%;padding:10px;font-size:1rem;border:none;border-radius:5px;outline:none}.time-input{width:20%;padding:10px;font-size:1rem;border:none;border-radius:5px;outline:none}.add-task-btn{color:#fff;padding:10px 15px;border:none;border-radius:5px;cursor:pointer;transition:background .3s}.task-container{margin-top:20px}.task-item{display:flex;justify-content:space-between;align-items:center;background:#34495e;padding:15px;margin-bottom:10px;border-radius:8px;box-shadow:0 4px 8px #0003;transition:transform .2s}.task-item:hover{transform:translateY(-5px)}.task-item.completed{background:#2ecc71;text-decoration:line-through;opacity:.7}.task-details{display:flex;justify-content:space-between;width:70%}.task-text{font-size:1rem}.task-time{font-size:1rem;color:#1e90ff;margin-left:20px}.actions{display:flex;gap:10px}.delete-btn{background:#ff4757;color:#fff;border:none;padding:5px 10px;border-radius:5px;cursor:pointer;transition:background .3s}.delete-btn:hover{background:#ff6b81}.no-tasks{margin-top:20px;font-size:1.2rem;color:#dcdde1}@media (max-width: 768px){.header h1{font-size:1.8rem}.header h3{font-size:1rem}.task-input{width:60%;padding:8px;font-size:.9rem}.time-input{width:30%;padding:8px;font-size:.8rem}.add-task-btn{padding:8px 10px;font-size:.9rem}.task-item{padding:10px;font-size:.9rem}.task-text,.task-time{font-size:.8rem}.delete-btn{padding:4px 8px;font-size:.8rem}.no-tasks{font-size:.9rem}}