.task-container{display:flex;gap:20px;padding:20px;justify-content:center;flex-wrap:wrap}.task-container>div{flex:1;min-width:200px;background:#f4f4f4;border:1px solid #ccc;padding:15px;border-radius:8px}.task-container h2{margin-top:0}.task-container ul{list-style-type:disc;padding-left:20px}.app-footer{background:linear-gradient(to right,#0f2027,#203a43,#2c5364);color:#fff;padding:1rem;text-align:center;font-size:1rem;margin-top:3rem;-webkit-user-select:none;user-select:none}.footer-link{color:#4fc3f7;font-weight:600;text-decoration:none;margin:0 .3em}.footer-link:hover{text-decoration:underline;color:#81d4fa;cursor:pointer}.footer-icon{vertical-align:middle;margin:0 .3em;color:#4fc3f7}.app-header{background:linear-gradient(to right,#0f2027,#203a43,#2c5364);color:#fff;padding:1.2rem 2rem;display:flex;align-items:center;justify-content:center;gap:.75rem;font-weight:700;font-size:2rem;box-shadow:0 2px 4px #00000040;-webkit-user-select:none;user-select:none}.header-icon{font-size:2.4rem;color:#4fc3f7}.task-container{display:flex;gap:1rem;padding:1rem 2rem;justify-content:center;flex-wrap:wrap}.task-text-container{display:flex;flex-direction:column;flex-grow:1;margin-right:.6rem}.task-date{font-size:.7rem;color:#94a3b8;margin-top:2px;-webkit-user-select:none;user-select:none}.task-column{background:#1e293b;color:#e2e8f0;border-radius:8px;padding:1rem;width:230px;min-height:320px;box-shadow:0 4px 8px #1f293766;display:flex;flex-direction:column}.task-column h2{margin-bottom:1rem;font-size:1.5rem;font-weight:700;color:#1e40af;background-color:#dbeafe;padding:.5rem .75rem;border-radius:6px 6px 0 0;border-bottom:3px solid #2563eb;-webkit-user-select:none;user-select:none;box-shadow:0 2px 4px #2563eb4d}.task-column ul{flex-grow:1;list-style-type:none;padding-left:0;margin:0;overflow-y:auto}.task-item{background:#334155;margin-bottom:.6rem;padding:.55rem .8rem;border-radius:5px;display:flex;align-items:center;justify-content:space-between;cursor:grab;-webkit-user-select:none;user-select:none;transition:background-color .2s ease}.task-item:active{cursor:grabbing}.editable{flex-grow:1;outline:none;color:#cbd5e1;font-size:.95rem;-webkit-user-select:text;user-select:text}.done-task .editable{color:#94a3b8;text-decoration:line-through}.delete-btn{background:transparent;border:none;color:#f87171;font-size:1.2rem;cursor:pointer;padding:0 .3rem;transition:color .2s ease;-webkit-user-select:none;user-select:none}.delete-btn:hover{color:#ef4444}.task-form{display:flex;justify-content:center;gap:.5rem;margin:1.5rem 2rem 0}.task-form input[type=text]{flex-grow:1;padding:.5rem .75rem;border:2px solid #4fc3f7;border-radius:6px;font-size:1rem;outline-offset:2px;transition:border-color .3s ease}.task-form input[type=text]:focus{border-color:#81d4fa}.task-form button{background-color:#4fc3f7;border:none;color:#fff;padding:0 1.2rem;border-radius:6px;font-size:1rem;cursor:pointer;transition:background-color .3s ease;-webkit-user-select:none;user-select:none}.task-form button:hover{background-color:#81d4fa}.task-column ul::-webkit-scrollbar{width:6px}.task-column ul::-webkit-scrollbar-thumb{background-color:#4fc3f7;border-radius:3px}.task-column ul::-webkit-scrollbar-track{background-color:#1e293b}