@import"https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{background-image:url(/assets/bg-_HS1D2Y8.svg);background-attachment:fixed;font-family:Share Tech Mono,monospace}.header{background-color:#000;padding:1rem 0;border:1px solid #9fef00;border-radius:8px}.header-container{max-width:1200px;margin:0 auto;padding:0 1rem;display:flex;justify-content:center;align-items:center}.logo{color:#9fef00;margin:0;font-size:1.5rem}.footer{background-color:#000;padding:1.5rem;margin-top:3rem;border:1px solid #9fef00;border-radius:8px}.footer-container{max-width:1200px;margin:0 auto;padding:0 1rem;display:flex;flex-direction:column;align-items:center;text-align:center}.footer-logo{color:#9fef00;font-size:1.5rem}.copyright{color:#9fef00;margin:0;font-size:1rem}.new-task-container{max-width:800px;background-color:#000;border:1px solid #9fef00;border-radius:8px;padding:1.5rem;margin:2rem auto}.new-task-container h2{margin-top:0;margin-bottom:1rem;color:#9fef00;font-size:1.5rem}.new-task-form{display:flex;gap:.5rem}.task-input{flex:1;padding:.75rem;background-color:#000;border:1px solid #ddd;border-radius:4px;font-size:1rem;outline:none;transition:border-color .3s;color:#9fef00}.task-input:focus{border-color:#9fef00}.add-task-btn{padding:.75rem 1.5rem;background-color:#9fef00;color:#000;border:none;border-radius:4px;cursor:pointer;font-size:1rem;transition:background-color .3s}.add-task-btn:hover{opacity:.7}.error-message{color:#e74c3c;margin-top:.5rem;font-size:.9rem}@media (width <= 600px){.new-task-form{flex-direction:column}.add-task-btn{width:100%}}.task-card{display:flex;justify-content:space-between;align-items:center;background-color:#000;border:1px solid #e7eae2;border-radius:6px;padding:12px 16px;margin-bottom:10px;box-shadow:0 2px 4px #0000001a;transition:transform .2s ease;color:#fff}.task-card:hover{transform:translateY(-1px);box-shadow:0 4px 6px #0000001a;border:1px solid #9fef00}.task-content{flex:1;font-size:1.25rem;word-break:break-all}.task-actions{display:flex;gap:8px}.action-btn{font-size:1rem;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:4px;border:none;background-color:transparent;color:#555;cursor:pointer;transition:all .2s ease}.action-btn:hover{background-color:#9fef00}.edit-btn:hover{color:#3498db}.delete-btn:hover{color:#e74c3c}.complete-btn:hover{color:#2ecc71}.undo-btn:hover{color:#f39c12}.task-edit-input{flex:1;padding:6px 8px;border:1px solid #ddd;border-radius:4px;font-size:1rem;outline:none;transition:border-color .3s}.task-edit-input:focus{border-color:#3498db}.save-btn:hover{color:#2ecc71}.cancel-btn:hover{color:#e74c3c}@media (width <= 768px){.task-card{flex-direction:column;gap:12px}}.existing-tasks-container{margin-top:2rem}.tasks-columns{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.tasks-column{background-color:#000;border:1px solid #9fef00;border-radius:8px;padding:1.25rem}.column-title{margin-top:0;margin-bottom:1rem;font-size:1.5rem;font-weight:600;color:#2c3e50;border-bottom:1px solid #9fef00;padding:10px}.pending-column .column-title{color:#e67e22}.completed-column .column-title{color:#27ae60}.tasks-list{height:550px;overflow-y:scroll;scrollbar-width:auto;scrollbar-color:#9fef00 transparent}.tasks-list::-webkit-scrollbar{width:8px;background:transparent}.tasks-list::-webkit-scrollbar-thumb{background:#9fef00;border-radius:4px}.tasks-list::-webkit-scrollbar-track{background:transparent}.empty-message{color:#9fef00;text-align:center;font-style:italic;margin-top:2rem;font-size:1.5rem}@media (width <= 768px){.tasks-columns{grid-template-columns:1fr;gap:1rem}.tasks-column{margin-bottom:1rem}}.home-container{max-width:1200px;margin:0 auto;padding:0 28px}