body{background:linear-gradient(135deg,#0f172a,#020617);color:#e0f2fe;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:20px;overflow-x:auto}.app{max-width:1100px;margin:0 auto;padding-bottom:40px}h1{text-align:center;font-size:2.75rem;margin-bottom:40px;color:#22d3ee;font-weight:700;letter-spacing:1.5px;text-shadow:0 0 8px #22d3eeaa}.table-container{overflow-x:auto;box-shadow:0 0 20px #22d3ee44;border-radius:12px;background-color:#1e293b;padding:12px}table{border-collapse:collapse;width:100%;min-width:900px;table-layout:fixed}th,td{border:1px solid #334155;padding:6px 8px;vertical-align:top;background-color:#1e293b;color:#e0f2fe;overflow:hidden}th{background-color:#0c4a6e;font-weight:700;text-align:center;letter-spacing:1px;font-size:1.1rem;white-space:nowrap}.time-cell{font-weight:700;width:90px;text-align:center;background-color:#334155;white-space:nowrap}tbody tr{height:110px}.task-textarea{width:100%;height:80px!important;resize:none;overflow:hidden;padding:8px 10px;border-radius:10px;border:none;background-color:#334155;color:#e0f2fe;font-size:.95rem;font-family:inherit;box-sizing:border-box;outline:none;transition:box-shadow .3s ease;line-height:1.2;white-space:pre-wrap}.task-textarea::placeholder{color:#94a3b8}.task-textarea:focus{box-shadow:0 0 8px #22d3ee;background-color:#1e293b}.delete-btn{margin-top:6px;background-color:#ef4444;border:none;border-radius:12px;color:#fff;font-weight:700;padding:6px 12px;cursor:pointer;transition:background-color .3s ease;width:100%;font-size:.9rem;box-sizing:border-box;line-height:1}.delete-btn:hover{background-color:#b91c1c}@media (max-width: 900px){.app{padding:10px}h1{font-size:2rem}table{min-width:600px}}