.admin-container { max-width: 1200px; margin: 20px auto; padding: 0 20px; }
.admin-title { font-size: 24px; font-weight: 700; color: #1877f2; margin-bottom: 20px; text-align: center; }
.admin-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 15px; margin-bottom: 25px; }
.admin-stats .stat-card { background: #fff; border-radius: 12px; padding: 15px; text-align: center; box-shadow: 0 2px 8px rgba(0,0,0,0.1); border: 1px solid #dddfe2; transition: transform 0.2s; }
.admin-stats .stat-card:hover { transform: translateY(-3px); }
body.dark-mode .admin-stats .stat-card { background: #2d2d3a; border-color: #444; color: #eee; }
.admin-stats .stat-number { font-size: 28px; font-weight: 700; color: #1877f2; }
.admin-stats .stat-label { font-size: 13px; color: #65676b; }
.admin-tabs { display: flex; border-bottom: 2px solid #dddfe2; margin-bottom: 20px; overflow-x: auto; }
.admin-tabs .tab-btn { padding: 10px 20px; background: none; border: none; border-bottom: 3px solid transparent; color: #65676b; font-weight: 500; cursor: pointer; transition: 0.2s; }
.admin-tabs .tab-btn:hover { color: #1877f2; }
.admin-tabs .tab-btn.active { color: #1877f2; border-bottom-color: #1877f2; }
.admin-table { width: 100%; border-collapse: collapse; background: #fff; border-radius: 8px; overflow: hidden; box-shadow: 0 1px 2px rgba(0,0,0,0.1); margin-bottom: 20px; }
body.dark-mode .admin-table { background: #2d2d3a; }
.admin-table th, .admin-table td { border: 1px solid #dddfe2; padding: 10px; text-align: center; vertical-align: middle; }
.admin-table th { background: #f0f2f5; font-weight: 600; }
body.dark-mode .admin-table th { background: #3a3a4a; color: #eee; }
.admin-table td img { max-width: 60px; max-height: 40px; border-radius: 5px; }
.action-btn-sm { padding: 5px 10px; border: none; border-radius: 5px; cursor: pointer; font-size: 12px; margin: 2px; transition: background 0.2s; }
.action-btn-sm.approve { background: #00a400; color: white; }
.action-btn-sm.reject { background: #e74c3c; color: white; }
.action-btn-sm.view { background: #1877f2; color: white; }
.add-coins-btn { background: #42b72a; color: white; border: none; padding: 4px 8px; border-radius: 4px; cursor: pointer; }
.unauthorized { text-align: center; padding: 50px; background: #fff; border-radius: 12px; max-width: 400px; margin: 50px auto; }
body.dark-mode .unauthorized { background: #2d2d3a; }
@media (max-width: 768px) { .admin-table { font-size: 12px; } .admin-tabs .tab-btn { padding: 8px 12px; } }