body { background-color: #111827; color: #E5E7EB; font-family: 'Inter', sans-serif; }
.card { background-color: #1F2937; border: 1px solid #374151; border-radius: 0.75rem; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.2); }
.form-input { background-color: #111827; border: 1px solid #4B5563; border-radius: 0.375rem; color: #E5E7EB; padding: 0.6rem 1rem; width: 100%; transition: border-color 0.2s; }
.form-input:focus { outline: none; border-color: #3B82F6; box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.3); }
.btn { background-color: #2563EB; color: white; font-weight: 600; padding: 0.6rem 1.2rem; border-radius: 0.375rem; border: none; cursor: pointer; text-transform: uppercase; font-size: 0.8rem; display: inline-block; text-align: center; }
.btn:hover { background-color: #1D4ED8; }
.btn-secondary { background-color: #374151; color: #D1D5DB; font-weight: 600; padding: 0.6rem 1.2rem; border-radius: 0.375rem; border: 1px solid #4B5563; cursor: pointer; display: inline-block; text-align: center; text-transform: uppercase; font-size: 0.8rem;}
.btn-secondary:hover { background-color: #4B5563; color: white; }
.status-badge { padding: 0.2rem 0.6rem; border-radius: 9999px; font-size: 0.7rem; font-weight: 700; text-transform: uppercase; display: inline-block; }
.status-approved { background-color: rgba(16, 185, 129, 0.2); color: #34D399; border: 1px solid rgba(16, 185, 129, 0.4); }
.status-pending { background-color: rgba(245, 158, 11, 0.2); color: #FBBF24; border: 1px solid rgba(245, 158, 11, 0.4); }