*{box-sizing:border-box;margin:0;padding:0}body{background:#f5f5f5;color:#333;font-family:sans-serif}.app{margin:0 auto;max-width:720px;padding:20px}header{margin-bottom:24px}header h1{font-size:1.8rem}.error-banner{align-items:center;background:#fdecea;border:1px solid #f5c6cb;border-radius:4px;color:#b00020;display:flex;justify-content:space-between;margin-bottom:16px;padding:10px 14px}.error-banner button{background:none;border:none;color:#b00020;cursor:pointer;font-size:1.2rem}.task-form{background:#fff;border:1px solid #ddd;border-radius:6px;margin-bottom:24px;padding:20px}.task-form h2{font-size:1.1rem;margin-bottom:16px}.form-group{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.form-group label{font-size:.85rem;font-weight:600}.form-group input,.form-group textarea{border:1px solid #ccc;border-radius:4px;font-family:inherit;font-size:.95rem;padding:8px 10px;resize:vertical}.form-group input:focus,.form-group textarea:focus{border-color:#555;outline:none}.form-group .error{color:#b00020;font-size:.8rem}.task-form button[type=submit]{background:#333;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.95rem;padding:8px 20px}.task-form button[type=submit]:hover{background:#000}.task-list{background:#fff;border:1px solid #ddd;border-radius:6px;padding:20px}.task-list-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:16px}.task-list-header h2{font-size:1.1rem}.filter-buttons{display:flex;gap:6px}.filter-buttons button{background:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer;font-size:.85rem;padding:4px 12px}.filter-buttons button.active{background:#333;border-color:#333;color:#fff}.empty{color:#999;font-size:.9rem;padding:20px 0;text-align:center}ul{display:flex;flex-direction:column;gap:10px;list-style:none}.task-item{align-items:flex-start;border:1px solid #e0e0e0;border-radius:4px;display:flex;gap:12px;justify-content:space-between;padding:12px 14px}.task-item.completed{background:#fafafa;opacity:.75}.task-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.task-info h3{font-size:1rem}.task-item.completed .task-info h3{color:#999;text-decoration:line-through}.task-info p{color:#666;font-size:.88rem}.task-info small{color:#999;font-size:.8rem}.badge{border-radius:10px;display:inline-block;font-size:.75rem;font-weight:600;padding:1px 7px}.badge-pending{background:#fff3cd;color:#856404}.badge-done{background:#d4edda;color:#155724}.task-actions{display:flex;flex-direction:column;gap:6px}.task-actions button{background:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer;font-size:.8rem;padding:5px 10px;white-space:nowrap}.btn-toggle:hover{background:#eee}.btn-delete{border-color:#f5c6cb;color:#b00020}.btn-delete:hover{background:#fdecea}.loading-spinner{align-items:center;color:#999;display:flex;flex-direction:column;font-size:.9rem;gap:12px;padding:32px 0}.spinner{animation:spin .7s linear infinite;border:3px solid #e0e0e0;border-radius:50%;border-top-color:#333;height:28px;width:28px}@keyframes spin{to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.fc0c5277.css.map*/