/* Global Reset */
* { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Segoe UI', Tahoma, sans-serif; }
body { background-color: #f4f7f6; color: #333; }
.container { max-width: 1000px; margin: 0 auto; padding: 20px; }

/* Header */
header { background: #001233; color: white; padding: 15px 0; }
.header-flex { display: flex; justify-content: space-between; align-items: center; }
header nav a { color: white; text-decoration: none; margin-left: 15px; font-weight: bold; }
header nav a:hover { color: #4a82e8; }

/* Forms */
h2 { margin-bottom: 20px; color: #001233; }
form { background: white; padding: 25px; border-radius: 8px; box-shadow: 0 4px 10px rgba(0,0,0,0.1); display: flex; flex-direction: column; gap: 15px; max-width: 500px; }
input, textarea { padding: 12px; border: 1px solid #ccc; border-radius: 4px; font-size: 16px; }
button { padding: 12px; background: #3165d4; color: white; border: none; border-radius: 4px; cursor: pointer; font-size: 16px; font-weight: bold; transition: 0.3s; }
button:hover { background: #1e50c2; }

/* Login Page Specific */
.login-box { max-width: 400px; margin: 100px auto; text-align: center; padding: 20px; }
.login-box form { margin: 0 auto; }

/* Admin Dashboard Specific */
.admin-header { background: #3165d4; padding: 15px 30px; display: flex; justify-content: space-between; align-items: center; color: white; }
.logout-btn { background: #ff4757; padding: 8px 15px; text-decoration: none; color: white; border-radius: 4px; font-weight: bold; }
.logout-btn:hover { background: #e84118; }
.table-responsive { overflow-x: auto; }
.data-table { width: 100%; border-collapse: collapse; margin-top: 10px; background: white; box-shadow: 0 4px 10px rgba(0,0,0,0.1); border-radius: 8px; overflow: hidden; }
.data-table th, .data-table td { padding: 15px; text-align: left; border-bottom: 1px solid #ddd; }
.data-table th { background-color: #f8f9fa; color: #001233; }

/* Alerts */
.success { color: #2ed573; margin-bottom: 15px; font-weight: bold; }
.error { color: #ff4757; margin-bottom: 15px; font-weight: bold; }