.user-disabled { opacity: 0.55; }
        .user-exhausted { background: #fff3cd !important; opacity: 0.6; }
        .user-used { background: #e8f5e9 !important; }
        .user-table th { font-size: 0.82rem; white-space: nowrap; }
        .user-table td { font-size: 0.82rem; }
        .user-table td a code { cursor: pointer; transition: background 0.15s; }
        .user-table td a:hover code { background: #e7f1ff; border-radius: 3px; }
        .badge-unused { background: #198754 !important; }
        .badge-active { background: #0d6efd !important; }
        .badge-exhausted { background: #dc3545 !important; }
        .badge-disabled-manual { background: #6c757d !important; }
        .server-card, .profile-card { border-radius: 12px; color: #fff; cursor: pointer; transition: transform 0.15s, box-shadow 0.15s; min-height: 120px; }
        .server-card:hover, .profile-card:hover { transform: translateY(-3px); box-shadow: 0 6px 20px rgba(0,0,0,0.25); }
        .server-card .card-body, .profile-card .card-body { display: flex; flex-direction: column; justify-content: center; }
        .server-card .server-name, .profile-card .profile-name { font-size: 1.05rem; font-weight: 700; text-shadow: 0 1px 3px rgba(0,0,0,0.3); }
        .server-card .server-count, .profile-card .profile-count { font-size: 0.9rem; font-weight: 600; text-shadow: 0 1px 2px rgba(0,0,0,0.2); }
        .server-card .server-detail { font-size: 0.78rem; opacity: 0.85; margin-top: 2px; }
        .server-card .server-actions, .profile-card .profile-actions { font-size: 0.8rem; margin-top: 6px; }
        .server-card .server-actions a, .profile-card .profile-actions a { color: rgba(255,255,255,0.85); text-decoration: none; margin-right: 12px; }
        .server-card .server-actions a:hover, .profile-card .profile-actions a:hover { color: #fff; text-decoration: underline; }
        .server-card .card-icon, .profile-card .card-icon { font-size: 2rem; opacity: 0.3; position: absolute; right: 15px; top: 15px; }
        .main-content .page-title { color: #fff; text-shadow: 0 1px 4px rgba(0,0,0,0.4); }
        .top-header { background: rgba(255,255,255,0.95); border-bottom: 1px solid #dee2e6; }
        .top-header h5, .top-header small { color: #333 !important; text-shadow: none !important; }
        /* Batch select scrollbar */
        #batchPanel { scrollbar-width: auto; scrollbar-color: #ffc107 #1a1a2e; }
        #batchPanel::-webkit-scrollbar { width: 12px; }
        #batchPanel::-webkit-scrollbar-track { background: #1a1a2e; }
        #batchPanel::-webkit-scrollbar-thumb { background: #ffc107; border-radius: 4px; border: 2px solid #1a1a2e; }
        #batchPanel::-webkit-scrollbar-thumb:hover { background: #ffca2c; }
        .batch-item { display:flex; align-items:center; padding:4px 10px; border-bottom:1px solid rgba(255,255,255,0.08); cursor:default; font-size:0.82rem; color:#ccc; }
        .batch-item:hover { background:rgba(255,255,255,0.08); }
        .batch-item.active { background:rgba(13,110,253,0.3); color:#fff; }
        .batch-item .batch-check { width:16px; height:16px; min-width:16px; cursor:pointer; accent-color:#ffc107; margin-right:8px; }
        .batch-item .batch-label { flex:1; cursor:pointer; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
        .batch-item .batch-label:hover { color:#ffc107; }