:root { --bg: #0b0e11; --card: #1e2329; --gold: #f0b90b; --text: #eaeaea; }
body { background: var(--bg); color: var(--text); font-family: 'Segoe UI', Tahoma, sans-serif; margin:0; }
a { text-decoration: none; color: inherit; }
.navbar { background: var(--card); border-bottom: 1px solid #2b3139; padding: 15px 5%; display:flex; justify-content:space-between; align-items:center; }
.logo { font-size: 1.5rem; font-weight: bold; }
.logo span { color: var(--gold); }
.btn { padding: 10px 20px; border-radius: 5px; border: none; cursor: pointer; font-weight: bold; transition:0.3s; }
.btn-gold { background: var(--gold); color: #000; }
.btn-gold:hover { background: #d9a506; }
.btn-danger { background: #df4556; color: white; }
.btn-outline { border: 1px solid #444; color: #ccc; background: transparent; }
.container { max-width: 1000px; margin: 40px auto; padding: 0 20px; }
.card { background: var(--card); padding: 25px; border-radius: 12px; margin-bottom: 20px; border: 1px solid #2b3139; }
.input-group { margin-bottom: 15px; }
.input-group label { display: block; margin-bottom: 8px; color: #848e9c; }
.input-group input, .input-group select { width: 100%; padding: 12px; background: #0b0e11; border: 1px solid #474d57; color: white; border-radius: 4px; box-sizing: border-box; }
.input-group input:focus { border-color: var(--gold); outline: none; }
.stats-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; }
.table { width: 100%; border-collapse: collapse; margin-top: 10px; }
.table th, .table td { padding: 15px; text-align: left; border-bottom: 1px solid #2b3139; }
.table th { color: #848e9c; }
.badge { padding: 5px 10px; border-radius: 4px; font-size: 0.8rem; }
.badge.Active, .badge.Approved { background: rgba(14, 203, 129, 0.2); color: #0ecb81; }
.badge.Pending { background: rgba(240, 185, 11, 0.2); color: #f0b90b; }
.badge.Rejected { background: rgba(223, 69, 86, 0.2); color: #df4556; }
.auth-box { max-width: 400px; margin: 100px auto; }