body { font-family: Arial, sans-serif; }
table { border-collapse: collapse; width: 100%; margin-top:10px; }
th, td { padding: 8px; border: 1px solid #ccc; }
th { background: #f4f4f4; }
form input, form button { padding:5px; margin-right:5px; border-radius:3px; border:1px solid #ccc; }
form button { background:#0073aa; color:#fff; border:none; cursor:pointer; }
form button:hover { background:#005177; }

@import url('https://cdn.datatables.net/1.13.6/css/jquery.dataTables.min.css');

@media screen and (max-width: 768px) {
    table, thead, tbody, th, td, tr { display: block; }
    table tr { margin-bottom: 15px; }
    table td { text-align: right; padding-left: 50%; position: relative; }
    table td::before { content: attr(data-label); position: absolute; left: 10px; font-weight: bold; text-align: left; }
}