.task-table-container{margin-top:20px;font-family:Arial,sans-serif}.filters{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:15px}.filters input[type=search],.filters select,.filters input[type=date]{padding:8px 10px;border:1px solid #ccc;border-radius:4px;font-size:14px}.filters label{font-size:.9rem;display:flex;align-items:center;gap:6px}.task-table{width:100%;border-collapse:collapse}.task-table th,.task-table td{padding:12px 15px;border-bottom:1px solid #ddd;text-align:left}.task-table th{background-color:#f5f5f5;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.task-table th .sort-arrow{margin-left:6px;font-size:.8rem;color:#666}.task-table tbody tr:hover{background-color:#f0f8ff}.task-table .actions button{margin-right:8px;padding:6px 12px;border:none;background-color:#4caf50;color:#fff;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .3s ease}.task-table .actions button:last-child{background-color:#f44336;margin-right:0}.task-table .actions button:hover{opacity:.85}.no-tasks{text-align:center;padding:20px;color:#888;font-style:italic}.status.completed{color:green;font-weight:500}.status.pending{color:orange;font-weight:500}body{font-family:Arial,sans-serif;background:#f4f6f8;margin:0;padding:20px;color:#333}h1,h2{margin-bottom:10px}button{cursor:pointer;padding:6px 12px;margin:5px 0;background:#007bff;border:none;border-radius:4px;color:#fff}button:hover{background:#0056b3}input,textarea,select{display:block;width:100%;margin:5px 0 15px;padding:8px;border:1px solid #ccc;border-radius:4px}table{width:100%;border-collapse:collapse;margin-top:15px;background:#fff;border-radius:5px;overflow:hidden}th,td{padding:12px 15px;border-bottom:1px solid #ddd}th{background:#f0f0f0;cursor:pointer;-webkit-user-select:none;user-select:none}tr:hover{background-color:#f9f9f9}