body { font-family: Arial, sans-serif; margin: 0; padding: 0; background: #f5f5f5; color: #2a2a2a; }
header { background: #003366; color: white; padding: 1rem; }
nav a { color: white; margin-right: 1rem; text-decoration: none; }
main { padding: 1.5rem; }
form { display: flex; justify-content: space-around; align-items: flex-start;}
form label { display: flex; align-items: center; }
input, select { width: 100%; max-width: 360px; padding: 0.5rem; margin-top: 0.25rem; }
button { padding: 0.65rem 1rem; background: #0066cc; border: none; color: white; cursor: pointer; min-width: 120px; height: 36px;}
button:hover { background: #005bb5; }

.missing-invoice { background: #ffe4e4; }
.reviewed-task { background: #b9ffb9; }

table { width: 100%; border-collapse: collapse; margin-top: 1rem; }
th, td { border: 1px solid #ccc; padding: 0.65rem; text-align: left; }
.error { background: #fce4e4; color: #900; padding: 1rem; margin: 1rem 0; }
.success { background: #e4f7e4; color: #080; padding: 1rem; margin: 1rem 0; }
footer { background: #222; color: #ddd; padding: 1rem; text-align: center; margin-top: 1rem; }