body { margin:0; background:#0d0f12; color:#fff; font-family:sans-serif; }
.admin-layout { display:flex; min-height:100vh; }
.sidebar { width:250px; background:rgba(255,255,255,0.05); border-left:1px solid rgba(255,255,255,0.1); }
.sidebar h2 { text-align:center; padding:20px; margin:0; border-bottom:1px solid rgba(255,255,255,0.1); }
.nav-links { list-style:none; padding:0; margin:0; }
.nav-links li a { display:block; padding:15px; color:#aaa; text-decoration:none; }
.nav-links li a.active, .nav-links li a:hover { background:rgba(212,175,55,0.1); color:#d4af37; border-right:4px solid #d4af37; }
.sidebar-footer { padding:20px; border-top:1px solid rgba(255,255,255,0.1); }
.logout-btn { display:block; text-align:center; padding:10px; background:#e74c3c; color:#fff; text-decoration:none; border-radius:5px; }
.main-content { flex:1; padding:30px; }
.topbar { display:flex; justify-content:space-between; align-items:center; margin-bottom:30px; border-bottom:1px solid rgba(255,255,255,0.1); padding-bottom:20px; }
.btn-primary { background:#9b59b6; color:#fff; padding:10px 20px; border:none; border-radius:5px; cursor:pointer; }
.btn-edit { background:#3498db; color:#fff; padding:5px 10px; border:none; border-radius:3px; cursor:pointer;}
.btn-delete { background:#e74c3c; color:#fff; padding:5px 10px; border:none; border-radius:3px; text-decoration:none; display:inline-block;}
.card { background:rgba(255,255,255,0.05); padding:20px; border-radius:10px; }
.dashboard-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.admin-table { width:100%; border-collapse:collapse; }
.admin-table th, .admin-table td { padding:15px; text-align:right; border-bottom:1px solid rgba(255,255,255,0.1); }
.modal-overlay { position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); display:flex; align-items:center; justify-content:center; opacity:0; visibility:hidden; }
.modal-overlay.active { opacity:1; visibility:visible; }
.modal-content { background:#111; padding:30px; border-radius:10px; width:500px; position:relative; }
.close-modal { position:absolute; top:10px; left:10px; background:none; border:none; color:#fff; font-size:20px; cursor:pointer; }