body { font-family: Arial, sans-serif; background: #f7f7f7; margin: 0; }
.menu { background: #333; color: #fff; padding: 12px; }
.menu a { color: #fff; margin-right: 14px; text-decoration: none; }
.menu a:hover { text-decoration: underline; }
h1, h2 { color: #2a2a2a; }
table { border-collapse: collapse; width: 98%; margin: 18px auto; background: #fff; }
th, td { border: 1px solid #ccc; padding: 6px 10px; }
th { background: #eee; }
tr.total-general { background: #ffeeba; }
.form-alta input, .form-alta select, .form-alta button { margin: 5px 5px 10px 0; padding: 5px; }
.form-alta label { margin-top: 6px; display: block; }
.form-alta { background: #fafafa; border: 1px solid #ccc; margin: 16px 0; padding: 12px; }
.filtros select, .filtros button { margin: 5px; padding: 5px; }
.login-box { width: 330px; margin: 110px auto; padding: 25px; border: 1px solid #ccc; background: #fff; }
.login-box input { display: block; width: 96%; margin-bottom: 14px; padding: 7px; }
.login-box button { padding: 8px 18px; }
.error { color: #d00; background: #ffd7d7; padding: 8px; margin-bottom: 12px; }
.msg { background: #c3ffc3; color: #095; padding: 8px; margin-bottom: 10px; }
@media (max-width: 700px) {
    table, th, td { font-size: 13px; }
    .menu { font-size: 15px; }
}