body { font-family: 'Cairo', 'Roboto', sans-serif; background: #f5f8fa; margin: 0; padding: 0; color: #333; }

.container { width: 85%; margin: 70px auto; background: #fff; padding: 25px; border-radius: 10px; box-shadow: 0 0 15px rgba(0,0,0,0.1); }
.container.narrow { width: 35%; margin: 80px auto; text-align: center; }
.container.medium { width: 40%; margin: 80px auto; text-align: center; }

h2 { text-align: center; color: #333; }
form label { display: block; margin-top: 10px; font-weight: bold; }
form input, form select { width: 100%; padding: 8px; margin-top: 5px; border: 1px solid #ccc; border-radius: 5px; box-sizing: border-box; }
.narrow input, .medium input { width: 80%; padding: 10px; margin: 10px 0; border-radius: 6px; border: 1px solid #ccc; }

button, .btn { cursor: pointer; }
button { padding: 10px 20px; border: none; border-radius: 6px; background: #007bff; color: white; margin-top: 10px; }
button:hover { background: #0056b3; }

.success { color: green; text-align: center; font-weight: bold; }
.error { color: red; font-weight: bold; text-align: center; margin-bottom: 10px; }

.logout-btn { position: fixed; top: 15px; left: 15px; background-color: #ff4d4d; color: white; border: none; padding: 8px 14px; border-radius: 6px; cursor: pointer; font-weight: bold; font-size: 14px; text-decoration: none; transition: 0.3s; }
.logout-btn:hover { background-color: #e60000; }

.back-btn { padding: 8px 15px; background-color: #17a2b8; color: white; border-radius: 6px; text-decoration: none; font-weight: bold; margin-bottom: 15px; display: inline-block; }
.check-link { display: block; margin-top: 15px; text-decoration: none; color: #28a745; font-weight: bold; }
.check-link:hover { text-decoration: underline; }

table { width: 100%; border-collapse: collapse; margin-top: 25px; }
table, th, td { border: 1px solid #ccc; text-align: center; padding: 8px; }
th { background-color: #f0f0f0; }

.valid { color: #00a000; font-weight: bold; }
.not-valid { color: red; font-weight: bold; }

.print-btn, .excel-btn, .check-btn, .settings-btn, .confirm-btn, .download-btn, .export-btn, .search-again {
    padding: 10px 15px; border-radius: 6px; border: none; color: white; font-weight: bold;
    text-decoration: none; margin-left: 5px; cursor: pointer; transition: 0.3s; display: inline-block;
}
.print-btn { background-color: #007bff; } .print-btn:hover { background-color: #0056b3; }
.excel-btn, .export-btn { background-color: #6c757d; } .excel-btn:hover, .export-btn:hover { background-color: #5a6268; }
.check-btn { background-color: #28a745; } .check-btn:hover { background-color: #218838; }
.settings-btn { background-color: #17a2b8; } .settings-btn:hover { background-color: #117a8b; }
.confirm-btn { background-color: #ff6600; } .confirm-btn:hover { background-color: #e65c00; }
.download-btn { background-color: #007bff; }
.search-again { background-color: #2196F3; }

.user-badge { font-weight: bold; margin-bottom: 10px; }
.duplicate-row { background-color: #fff3b0; }
#timer { position: fixed; bottom: 10px; right: 10px; font-weight: bold; background: #ffc; padding: 5px 10px; border-radius: 5px; z-index: 999; }
@media print { body * { visibility: hidden; } table, table * { visibility: visible; } table { position: absolute; top: 0; left: 0; } }

/* users.php styles */
.add-btn { background: #007bff; color: white; }
.save-btn { background: #17a2b8; color: white; }
.edit-btn { background: #ffc107; color: #333; }
.status-btn { background: #28a745; color: white; padding: 6px 12px; border-radius: 6px; text-decoration: none; }
.status-btn.inactive { background: #dc3545; }
.delete-btn { background: #ff4d4d; color: white; }
.modal { display: none; position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,0.5); }
.modal-content { background: white; margin: 15% auto; padding: 20px; border-radius: 10px; width: 300px; text-align: center; }
.modal-content button { margin: 5px; width: 100px; }

/* view.php / report_result.php */
.report-card { border: 2px solid #ccc; border-radius: 8px; padding: 15px; margin-top: 20px; background: #f9fdf9; direction: rtl; text-align: right; }
.report-card p { margin: 8px 0; font-size: 16px; }
.label { font-weight: bold; width: 150px; display: inline-block; }
.stamp-square {
    display: inline-block; margin-top: 10px; width: 160px; height: 50px; border: 3px solid; border-radius: 5px;
    text-align: center; line-height: 50px; font-weight: bold; font-size: 14px;
}
.valid-stamp { border-color: #4CAF50; background-color: rgba(76,175,80,0.15); color: #2e7d32; }
.not-valid-stamp { border-color: #F44336; background-color: rgba(244,67,54,0.15); color: #c62828; }
.button-group { margin-top: 20px; }
.no-result { margin-top: 20px; font-weight: bold; color: #F44336; }