body { 
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; 
  background: #001f3f; 
  color: white; 
  padding: 20px; 
  text-align: center; 
  margin: 0;
}
.card { 
  background: #003366; 
  padding: 20px; 
  border-radius: 12px; 
  border-left: 6px solid #ffcc00; 
  margin-bottom: 20px; 
  box-shadow: 0 4px 15px rgba(0,0,0,0.3); 
  text-align: left;
}
input, select, textarea { 
  width: 100%; 
  padding: 12px; 
  margin: 8px 0; 
  border-radius: 8px; 
  border: 1px solid #004080; 
  font-size: 16px; 
  box-sizing: border-box;
  background: #f8f9fa;
}
button { 
  width: 100%; 
  padding: 15px; 
  background: #ffcc00; 
  color: #001f3f; 
  font-weight: bold; 
  border: none; 
  border-radius: 8px; 
  cursor: pointer; 
  margin-top: 10px;
  transition: opacity 0.2s;
}
button:hover { opacity: 0.9; }
.btn-secondary { background: #6c757d; color: white; }

.stats-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 15px;
  margin-bottom: 20px;
}
.stat-card { margin-bottom: 0; padding: 15px; }
.stat-card h2 { margin: 10px 0 0 0; font-size: 1.5rem; }

.main-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 20px;
}

.table-container {
  overflow-x: auto;
  margin-top: 10px;
}
table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.9rem;
}
th, td {
  padding: 10px;
  border-bottom: 1px solid #004080;
  text-align: left;
}
.status-pending { color: #ffcc00; }
.status-approved { color: #28a745; }

.bank-box { 
  background: #004080; 
  padding: 15px; 
  border-radius: 10px; 
  font-size: 0.85em; 
  margin-top: 25px; 
  text-align: left; 
}
.text-red { color: #ff4d4d !important; }