@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--bg-main:#f3f4f8;--bg-card:#fff;--bg-sidebar:#fff;--border:#e2e8f0;--text-primary:#1a202c;--text-secondary:#4a5568;--text-muted:#a0aec0;--primary:#e8396a;--primary-light:#e8396a1a;--primary-hover:#c62d57;--sidebar-w:260px;--shadow-sm:0 1px 3px #00000012, 0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 10px 30px #0000001a;--radius:10px}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif}body{background-color:var(--bg-main);color:var(--text-primary);height:100vh;overflow:hidden}.loading-screen{height:100vh;color:var(--primary);justify-content:center;align-items:center;font-size:1.1rem;font-weight:600;display:flex}.admin-layout{width:100vw;height:100vh;display:flex}.admin-content{background-color:var(--bg-main);flex:1;padding:32px 36px;overflow-y:auto}.sidebar{width:var(--sidebar-w);background:var(--bg-sidebar);border-right:1px solid var(--border);box-shadow:var(--shadow-sm);flex-direction:column;display:flex}.sidebar-header{border-bottom:1px solid var(--border);padding:24px 20px 20px}.logo{letter-spacing:-.5px;color:var(--text-primary);font-size:20px;font-weight:800}.logo-span{color:var(--primary);margin-left:3px;font-size:16px;font-weight:500}.sidebar-nav{flex-direction:column;flex:1;gap:3px;padding:16px 10px;display:flex;overflow-y:auto}.nav-item{color:var(--text-secondary);border-radius:8px;align-items:center;gap:10px;padding:10px 13px;font-size:14px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.nav-item:hover{background:var(--primary-light);color:var(--primary)}.nav-item.active{background:var(--primary);color:#fff;box-shadow:0 2px 8px #e8396a4d}.sidebar-footer{border-top:1px solid var(--border);padding:16px}.logout-button{width:100%;color:var(--text-secondary);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.logout-button:hover{color:#c62d57;background:#fee2e8;border-color:#fca5a5}.page-container{max-width:1200px;margin:0 auto}.page-header{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.page-header h1{color:var(--text-primary);font-size:24px;font-weight:700}.refresh-btn{color:var(--primary);border:1px solid var(--primary);cursor:pointer;background:0 0;border-radius:8px;padding:8px 18px;font-size:14px;font-weight:600;transition:all .2s}.refresh-btn:hover{background:var(--primary);color:#fff}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;display:grid}.stat-card{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-sm);align-items:center;gap:18px;padding:22px;display:flex}.stat-icon{border-radius:12px;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.stat-icon.pink{color:var(--primary);background:#e8396a1a}.stat-icon.purple{color:#8b5cf6;background:#8b5cf61a}.stat-icon.blue{color:#3b82f6;background:#3b82f61a}.stat-icon.orange{color:#f97316;background:#f973161a}.stat-info h3{color:var(--text-muted);margin-bottom:4px;font-size:13px;font-weight:500}.stat-info h2{color:var(--text-primary);font-size:26px;font-weight:700}.table-responsive{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-sm);overflow-x:auto}.admin-table{border-collapse:collapse;width:100%}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid var(--border);padding:14px 20px}.admin-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;background:#fafbfc;font-size:12px;font-weight:600}.admin-table tr:last-child td{border-bottom:none}.admin-table tbody tr:hover{background:#fafbfc}.tiny-avatar{object-fit:cover;border:2px solid var(--border);border-radius:50%;width:38px;height:38px}.tiny-avatar.placeholder{background:var(--primary-light);color:var(--primary);justify-content:center;align-items:center;font-weight:700;display:flex}.level-badge{color:#fff;background:linear-gradient(135deg,#ffb800,#ff6b00);border-radius:20px;padding:3px 9px;font-size:12px;font-weight:700;display:inline-block}.active-badge{border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.active-badge.green{color:#16a34a;background:#22c55e1a}.active-badge.gray{color:#64748b;background:#64748b1a}.action-buttons{gap:8px;display:flex}.btn-edit,.btn-ban{background:var(--bg-main);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.btn-edit:hover{color:#3b82f6;background:#eff6ff;border-color:#bfdbfe}.btn-ban:hover{color:#ef4444;background:#fef2f2;border-color:#fca5a5}.btn-close-room{color:#ef4444;cursor:pointer;background:#fef2f2;border:1px solid #fca5a5;border-radius:7px;align-items:center;gap:7px;padding:7px 14px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.btn-close-room:hover:not(:disabled){color:#fff;background:#ef4444}.btn-close-room:disabled{opacity:.5;cursor:not-allowed}.search-bar{background:var(--bg-card);border:1px solid var(--border);width:300px;box-shadow:var(--shadow-sm);border-radius:8px;align-items:center;gap:10px;padding:9px 14px;display:flex}.search-bar input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;font-size:14px}.search-bar svg{color:var(--text-muted)}.login-container{background:linear-gradient(135deg,#f3f4f8 0%,#fff 100%);justify-content:center;align-items:center;height:100vh;display:flex}.login-box{background:var(--bg-card);width:100%;max-width:400px;box-shadow:var(--shadow-lg);border:1px solid var(--border);border-radius:16px;padding:44px}.login-header{text-align:center;margin-bottom:32px}.login-header h1{color:var(--text-primary);font-size:28px;font-weight:800}.login-header span{color:var(--primary)}.login-header p{color:var(--text-muted);margin-top:8px;font-size:14px}.input-group{background:var(--bg-main);border:1px solid var(--border);border-radius:9px;align-items:center;margin-bottom:14px;transition:all .2s;display:flex}.input-group:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #e8396a1f}.input-icon{color:var(--text-muted);padding:13px}.input-group input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;padding:13px 13px 13px 0;font-size:15px}.login-button{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:9px;width:100%;margin-top:8px;padding:13px;font-size:15px;font-weight:700;transition:all .2s}.login-button:hover{background:var(--primary-hover)}.login-button:disabled{opacity:.5;cursor:not-allowed}.error-box{color:#dc2626;text-align:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:18px;padding:12px;font-size:14px;font-weight:500}.edit-page-container{max-width:800px;margin:0 auto}.edit-page-header{align-items:center;gap:16px;margin-bottom:28px;display:flex}.edit-page-header h1{font-size:22px;font-weight:700}.btn-back{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;color:var(--text-secondary);border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;text-decoration:none;transition:all .15s;display:flex}.btn-back:hover{background:var(--bg-main);color:var(--text-primary)}.edit-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:20px;padding:28px}.edit-card h3{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);margin-bottom:18px;padding-bottom:10px;font-size:14px;font-weight:600}.edit-section-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=600px){.edit-section-grid{grid-template-columns:1fr}}.input-group-vertical{flex-direction:column;gap:6px;margin-bottom:0;display:flex}.input-group-vertical label{color:var(--text-secondary);font-size:13px;font-weight:600}.input-group-vertical input,.input-group-vertical textarea{background:var(--bg-main);border:1px solid var(--border);color:var(--text-primary);resize:vertical;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:14px;transition:all .2s}.input-group-vertical input:focus,.input-group-vertical textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #e8396a1a}.action-box{border-radius:10px;flex-direction:column;gap:10px;padding:16px;display:flex}.action-box-coin{background:#fffbeb;border:1px solid #fcd34d}.action-box-svip{background:#faf5ff;border:1px solid #c084fc}.action-box-wealth{background:#fff7ed;border:1px solid #fb923c}.action-box label{font-size:13px;font-weight:700}.action-box-coin label{color:#b45309}.action-box-svip label{color:#7c3aed}.action-box-wealth label{color:#c2410c}.action-box .action-row{align-items:center;gap:10px;display:flex}.action-box input{border:1px solid;border-radius:8px;outline:none;flex:1;padding:9px 12px;font-size:14px;font-weight:600;transition:all .2s}.action-box-coin input{color:#92400e;background:#fef9c3;border-color:#fcd34d}.action-box-svip input{color:#6d28d9;background:#f5f3ff;border-color:#c084fc}.action-box-wealth input{color:#c2410c;background:#fff3e0;border-color:#fb923c}.action-box .action-btn{white-space:nowrap;cursor:pointer;border:none;border-radius:8px;padding:9px 16px;font-size:13px;font-weight:700;transition:all .18s}.action-box-coin .action-btn{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706)}.action-box-svip .action-btn{color:#fff;background:linear-gradient(135deg,#a855f7,#7c3aed)}.action-box-wealth .action-btn{color:#fff;background:linear-gradient(135deg,#f97316,#ea580c)}.action-btn:disabled{opacity:.6;cursor:not-allowed}.action-box p{color:var(--text-muted);margin:0;font-size:11px}.modal-avatar-preview{background:var(--bg-main);border:1px solid var(--border);border-radius:8px;align-items:center;gap:12px;margin-top:8px;padding:10px;display:flex}.modal-avatar-preview img{object-fit:cover;border-radius:50%;width:48px;height:48px}.modal-avatar-preview span{color:var(--text-muted);font-size:13px}.edit-footer{justify-content:flex-end;gap:12px;padding-top:8px;display:flex}.btn-cancel{color:var(--text-secondary);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .15s}.btn-cancel:hover{background:var(--bg-main)}.btn-save{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:7px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .15s;display:flex}.btn-save:hover{background:var(--primary-hover)}.btn-save:disabled{opacity:.6;cursor:not-allowed}.btn-upload{color:#3b82f6;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;align-items:center;gap:7px;padding:10px 14px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.btn-upload:hover:not(:disabled){color:#fff;background:#3b82f6}.btn-upload:disabled{opacity:.6;cursor:not-allowed}.loading-state{text-align:center;color:var(--text-muted);padding:60px 20px;font-size:15px}.themes-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px;display:grid}.theme-card{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);transition:all .2s;overflow:hidden}.theme-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.theme-image-box{height:130px;position:relative;overflow:hidden}.theme-image-box img{object-fit:cover;width:100%;height:100%}.theme-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:20px;padding:3px 8px;font-size:11px;font-weight:700;position:absolute;top:8px;left:8px}.theme-badge.default{color:#fff;background:#e8396ad9}.theme-info{justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.theme-info h3{white-space:nowrap;text-overflow:ellipsis;max-width:120px;font-size:13px;font-weight:600;overflow:hidden}.theme-actions{gap:7px;display:flex}.btn-default{color:#16a34a;cursor:pointer;background:#f0fdf4;border:none;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .15s;display:flex}.btn-default:hover{color:#fff;background:#16a34a}.modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:100;background:#0000004d;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal-container{background:var(--bg-card);border:1px solid var(--border);width:92%;max-width:520px;box-shadow:var(--shadow-lg);border-radius:14px;overflow:hidden}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.modal-header h2{color:var(--text-primary);font-size:18px;font-weight:700}.close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;transition:all .15s}.close-btn:hover{color:var(--text-primary)}.modal-body{padding:20px}.modal-footer{background:var(--bg-main);border-top:1px solid var(--border);justify-content:flex-end;gap:10px;padding:14px 20px;display:flex}.compact-notifications{background:#fdfdfd;justify-content:center;align-items:flex-start;min-height:100vh;padding:4rem 2rem;display:flex}.narrow-form-container{width:100%;max-width:500px}.form-header{align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.icon-badge{color:#fff;background:#ff4bee;border-radius:12px;padding:12px;display:flex;box-shadow:0 4px 12px #ff4bee33}.form-header h1{color:#1e293b;margin:0;font-size:1.5rem}.form-header p{color:#64748b;margin:4px 0 0;font-size:.9rem}.compact-form{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:1.25rem;padding:2rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:#475569;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:.4rem;font-size:.8rem;font-weight:700;display:flex}.form-group textarea,.form-group input,.form-group select{background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:.75rem 1rem;font-size:.95rem;transition:all .2s}.form-group textarea:focus,.form-group input:focus{border-color:#ff4bee;outline:none;box-shadow:0 0 0 4px #ff4bee14}.form-row{gap:1rem;display:flex}.flex-1{flex:1}.action-btn{color:#fff;cursor:pointer;background:#1e293b;border:none;border-radius:10px;margin-top:.5rem;padding:1rem;font-weight:600;transition:all .2s}.action-btn:hover:not(:disabled){background:#0f172a;transform:translateY(-1px)}.status-pill{text-align:center;border-radius:8px;padding:.75rem;font-size:.85rem;font-weight:600}.status-pill.success{color:#166534;background:#dcfce7}.status-pill.error{color:#991b1b;background:#fef2f2}.status-pill.info{color:#475569;background:#f1f5f9}.shadow-sm{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}@keyframes slideIn{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.slide-in{animation:.3s ease-out slideIn}.history-page{max-width:1200px;margin:0 auto;padding:2rem}.history-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.header-actions{align-items:center;gap:1rem;display:flex}.search-bar{background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;display:flex}.search-bar input{border:none;outline:none;width:200px;font-size:.9rem}.icon-btn{cursor:pointer;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;padding:.5rem;transition:all .2s;display:flex}.icon-btn:hover{color:#ff4bee;background:#f8fafc}.table-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.brand-table{border-collapse:collapse;text-align:left;width:100%}.brand-table th{color:#64748b;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:1rem;font-size:.85rem;font-weight:600}.brand-table td{color:#1a1a1a;border-bottom:1px solid #f1f5f9;padding:1rem;font-size:.9rem}.brand-table tr:last-child td{border-bottom:none}.dim{color:#94a3b8}.content-cell{white-space:nowrap;text-overflow:ellipsis;max-width:400px;overflow:hidden}.badge{border-radius:6px;padding:.2rem .6rem;font-size:.75rem;font-weight:600}.badge.all{color:#166534;background:#dcfce7}.badge.specific{color:#3730a3;background:#e0e7ff}.delete-btn{color:#ef4444;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px;transition:all .2s}.delete-btn:hover{background:#fef2f2}.text-right{text-align:right}.text-center{text-align:center}.pagination{justify-content:center;align-items:center;gap:2rem;margin-top:1.5rem;display:flex}.pagination button{cursor:pointer;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem;display:flex}.pagination button:disabled{opacity:.5;cursor:not-allowed}.pagination button:not(:disabled):hover{color:#ff4bee;border-color:#ff4bee}.page-info{color:#1a1a1a;font-size:.9rem;font-weight:600}