@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&family=Poppins:wght@500;600;700&display=swap";:root{--bg-base:#0a0f1a;--bg-surface:#111827;--bg-elevated:#1f2937;--bg-hover:#27354a;--bg-input:#1a2332;--accent-gold:#f59e0b;--accent-gold-dk:#d97706;--accent-gold-glow:#f59e0b26;--accent-green:#10b981;--accent-green-dk:#059669;--accent-green-glow:#10b98126;--accent-red:#ef4444;--accent-red-dk:#dc2626;--accent-red-glow:#ef444426;--accent-blue:#3b82f6;--accent-blue-dk:#2563eb;--accent-blue-glow:#3b82f626;--accent-purple:#8b5cf6;--accent-purple-dk:#7c3aed;--accent-purple-glow:#8b5cf626;--accent-amber:#f59e0b;--accent-cyan:#06b6d4;--text-primary:#f9fafb;--text-secondary:#9ca3af;--text-muted:#4b5563;--text-inverse:#0a0f1a;--border:#1f2937;--border-strong:#374151;--border-focus:var(--accent-gold);--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 12px #00000080;--shadow-lg:0 8px 32px #0009;--shadow-glow-gold:0 0 20px #f59e0b33;--shadow-glow-green:0 0 20px #10b98133;--sidebar-width:260px;--sidebar-collapsed:72px;--topbar-height:64px;--content-max-width:1400px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--font-heading:"DM Sans", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace;--font-numbers:"Poppins", sans-serif}[data-theme=light]{--bg-base:#f3f5f9;--bg-surface:#fff;--bg-elevated:#f9fafb;--bg-hover:#f3f4f6;--bg-input:#fff;--accent-gold-glow:#f59e0b1a;--accent-green-glow:#10b9811a;--accent-red-glow:#ef44441a;--accent-blue-glow:#3b82f61a;--accent-purple-glow:#8b5cf61a;--text-primary:#111827;--text-secondary:#4b5563;--text-muted:#6b7280;--text-inverse:#fff;--border:#e5e7eb;--border-strong:#d1d5db;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px}body{font-family:var(--font-body);background-color:var(--bg-base);color:var(--text-primary);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-primary);font-weight:600;line-height:1.3}h1{font-size:1.75rem}h2{font-size:1.375rem}h3{font-size:1.125rem}h4{font-size:1rem}a{color:var(--accent-blue);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-blue-dk)}img{max-width:100%;display:block}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}input,textarea,select{font-family:var(--font-body);background:var(--bg-input);border:1px solid var(--border-strong);border-radius:var(--radius-md);color:var(--text-primary);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;width:100%;padding:10px 14px;font-size:.9rem}input:focus,textarea:focus,select:focus{border-color:var(--accent-gold);box-shadow:0 0 0 3px var(--accent-gold-glow)}input::placeholder,textarea::placeholder{color:var(--text-muted)}select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239CA3AF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:.8rem;font-weight:500;display:block}.btn{font-family:var(--font-body);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg, var(--accent-gold), var(--accent-gold-dk));color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-glow-gold);transform:translateY(-1px)}.btn-success{background:linear-gradient(135deg, var(--accent-green), var(--accent-green-dk));color:#fff}.btn-success:hover:not(:disabled){box-shadow:var(--shadow-glow-green);transform:translateY(-1px)}.btn-danger{background:linear-gradient(135deg, var(--accent-red), var(--accent-red-dk));color:#fff}.btn-danger:hover:not(:disabled){transform:translateY(-1px)}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border-strong);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--bg-elevated);color:var(--text-primary)}.btn-sm{padding:6px 14px;font-size:.8rem}.btn-lg{padding:14px 28px;font-size:1rem}.btn-icon{width:36px;height:36px;padding:8px}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color var(--transition-fast);padding:24px}.card:hover{border-color:var(--border-strong)}.card-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.card-title{color:var(--text-primary);font-size:1rem;font-weight:600}.badge{text-transform:uppercase;letter-spacing:.06em;border-radius:var(--radius-full);white-space:nowrap;align-items:center;gap:4px;padding:3px 10px;font-size:.7rem;font-weight:600;display:inline-flex}.badge-pending,.badge-qr_generated,.badge-open{background:var(--accent-gold-glow);color:var(--accent-gold);border:1px solid #f59e0b4d}.badge-approved,.badge-confirmed,.badge-active{background:var(--accent-green-glow);color:var(--accent-green);border:1px solid #10b9814d}.badge-rejected,.badge-cancelled,.badge-inactive{background:var(--accent-red-glow);color:var(--accent-red);border:1px solid #ef44444d}.badge-utr_submitted,.badge-captured,.badge-proof_submitted{background:var(--accent-blue-glow);color:var(--accent-blue);border:1px solid #3b82f64d}.badge-expired{color:var(--text-muted);background:#4b556326;border:1px solid #4b55634d}.badge-deposit{background:var(--accent-purple-glow);color:var(--accent-purple);border:1px solid #8b5cf64d}.badge-withdrawal{background:var(--accent-gold-glow);color:var(--accent-amber);border:1px solid #f59e0b4d}.badge-role-master{background:var(--accent-purple-glow);color:var(--accent-purple);border:1px solid #8b5cf64d}.badge-role-checker{background:var(--accent-blue-glow);color:var(--accent-blue);border:1px solid #3b82f64d}.badge-role-client{color:var(--accent-cyan);background:#06b6d426;border:1px solid #06b6d44d}.badge-role-user{background:var(--accent-green-glow);color:var(--accent-green);border:1px solid #10b9814d}.badge-must-change-pw{background:var(--accent-gold-glow);color:var(--accent-gold);border:1px solid #f59e0b4d}.data-table-wrapper{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-surface);overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:.875rem}.data-table thead{z-index:5;position:sticky;top:0}.data-table th{background:var(--bg-elevated);text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);border-bottom:1px solid var(--border-strong);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--transition-fast);padding:12px 16px;font-size:.75rem;font-weight:600}.data-table th:hover{color:var(--text-primary)}.data-table th.sorted{color:var(--accent-gold)}.data-table td{border-bottom:1px solid var(--border);color:var(--text-primary);vertical-align:middle;padding:14px 16px}.data-table tbody tr{transition:background var(--transition-fast)}.data-table tbody tr:nth-child(2n){background:#1f29374d}.data-table tbody tr:hover{background:var(--bg-hover);cursor:pointer}.data-table .mono{font-family:var(--font-mono);color:var(--text-secondary);font-size:.8rem}.data-table .amount{font-family:var(--font-numbers);font-weight:600}.pagination{border-top:1px solid var(--border);background:var(--bg-surface);color:var(--text-secondary);justify-content:space-between;align-items:center;padding:12px 16px;font-size:.8rem;display:flex}.pagination-buttons{align-items:center;gap:4px;display:flex}.pagination-btn{background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);padding:6px 12px;font-size:.8rem}.pagination-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.pagination-btn:disabled{opacity:.3;cursor:not-allowed}.pagination-btn.active{background:var(--accent-gold);color:var(--text-inverse);border-color:var(--accent-gold)}.tabs{background:var(--bg-elevated);border-radius:var(--radius-md);align-items:center;gap:2px;margin-bottom:20px;padding:3px;display:flex}.tab{color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:none;align-items:center;gap:6px;padding:8px 18px;font-size:.85rem;font-weight:500;display:flex}.tab:hover{color:var(--text-primary)}.tab.active{background:var(--bg-surface);color:var(--text-primary);box-shadow:var(--shadow-sm);font-weight:600}.tab .tab-count{background:var(--accent-gold-glow);color:var(--accent-gold);border-radius:var(--radius-full);padding:1px 7px;font-size:.7rem;font-weight:700}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideOutRight{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{to{transform:rotate(360deg)}}.animate-fade-in{animation:fadeIn var(--transition-base) ease-out}.animate-slide-up{animation:slideUp var(--transition-slow) ease-out}.animate-scale-in{animation:scaleIn var(--transition-base) ease-out}.skeleton{background:linear-gradient(90deg, var(--bg-elevated) 25%, var(--bg-hover) 50%, var(--bg-elevated) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer}.skeleton-text{width:80%;height:14px}.skeleton-text-sm{width:60%;height:10px}.skeleton-circle{border-radius:50%;width:40px;height:40px}.skeleton-badge{border-radius:var(--radius-full);width:80px;height:24px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-5{gap:20px}.gap-6{gap:24px}.text-center{text-align:center}.text-right{text-align:right}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-gold{color:var(--accent-gold)}.text-green{color:var(--accent-green)}.text-red{color:var(--accent-red)}.text-blue{color:var(--accent-blue)}.text-purple{color:var(--accent-purple)}.font-mono{font-family:var(--font-mono)}.font-numbers{font-family:var(--font-numbers)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.w-full{width:100%}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mr-2{margin-right:8px}.ml-auto{margin-left:auto}.p-4{padding:16px}.p-6{padding:24px}.relative{position:relative}.spinner{border:2px solid #fff3;border-top-color:currentColor;border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin;display:inline-block}.spinner-lg{border-width:3px;width:36px;height:36px}.empty-state{color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.empty-state svg{opacity:.4;width:64px;height:64px;margin-bottom:16px}.empty-state h3{color:var(--text-secondary);margin-bottom:8px}.empty-state p{max-width:360px;font-size:.875rem}.overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#0009;animation:.2s ease-out fadeIn;position:fixed;inset:0}.toast-custom{background:var(--bg-elevated)!important;color:var(--text-primary)!important;border:1px solid var(--border-strong)!important;border-radius:var(--radius-md)!important;font-family:var(--font-body)!important;font-size:.875rem!important}@media (width<=768px){html{font-size:13px}h1{font-size:1.5rem}h2{font-size:1.2rem}.data-table-wrapper{-webkit-overflow-scrolling:touch;border-radius:var(--radius-md)}.data-table th{padding:10px 12px;font-size:.7rem}.data-table td{padding:10px 12px;font-size:.82rem}.pagination{text-align:center;flex-direction:column;gap:8px}.card{padding:16px}.btn{padding:8px 16px;font-size:.82rem}.btn-sm{padding:5px 12px;font-size:.75rem}.confirm-modal{border-radius:var(--radius-lg);width:95%;padding:24px 20px}.overlay{-webkit-overflow-scrolling:touch}.tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}.tab{padding:7px 14px;font-size:.8rem}}@media (width<=480px){html{font-size:12.5px}input,textarea,select{padding:8px 12px;font-size:.85rem}.badge{padding:2px 8px;font-size:.65rem}.data-table th,.data-table td{padding:8px 10px}.confirm-modal{padding:20px 16px}}.app-layout{min-height:100vh;display:flex}.app-layout-main{margin-left:var(--sidebar-width);margin-top:var(--topbar-height);transition:margin-left var(--transition-base);min-height:calc(100vh - var(--topbar-height));flex:1;padding:28px}.app-layout-main.sidebar-collapsed{margin-left:var(--sidebar-collapsed)}.app-layout-content{max-width:var(--content-max-width);margin:0 auto;animation:.3s ease-out fadeIn}.page-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.page-header h1{font-size:1.5rem}.filters-bar input,.filters-bar select{width:auto;min-width:180px;max-width:260px}@media (width<=768px){.app-layout-main{margin-left:0;padding:16px}.app-layout-main.sidebar-collapsed{margin-left:0}.page-header{flex-wrap:wrap}.page-header h1{font-size:1.25rem}.filters-bar{flex-direction:column;align-items:stretch}.filters-bar input,.filters-bar select{width:100%;min-width:0;max-width:100%}}@media (width<=480px){.app-layout-main{padding:12px}.page-header h1{font-size:1.1rem}}.sidebar{width:var(--sidebar-width);background:var(--bg-surface);border-right:1px solid var(--border);z-index:50;transition:width var(--transition-base);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden}.sidebar.collapsed{width:var(--sidebar-collapsed)}.sidebar-logo{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:12px;padding:20px 20px 16px;display:flex}.sidebar-logo-icon{background:linear-gradient(135deg, var(--accent-gold), var(--accent-gold-dk));border-radius:var(--radius-md);width:36px;height:36px;font-family:var(--font-heading);color:var(--text-inverse);flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;font-weight:700;display:flex}.sidebar-logo-text{flex-direction:column;display:flex;overflow:hidden}.sidebar-logo-text h2{white-space:nowrap;background:linear-gradient(135deg, var(--accent-gold), #facc15);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1rem;font-weight:700}.sidebar-logo-text span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;white-space:nowrap;font-size:.65rem}.sidebar.collapsed .sidebar-logo-text{display:none}.sidebar-nav{flex:1;padding:12px 0;overflow-y:auto}.sidebar-section-label{text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);white-space:nowrap;padding:16px 20px 6px;font-size:.65rem;font-weight:600;overflow:hidden}.sidebar.collapsed .sidebar-section-label{text-align:center;padding:12px 0 4px;font-size:0}.sidebar.collapsed .sidebar-section-label:before{content:"•••";color:var(--text-muted);font-size:.6rem}.sidebar-nav-item{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;text-align:left;background:0 0;border:none;align-items:center;gap:12px;width:calc(100% - 16px);margin:2px 8px;padding:10px 20px;font-size:.875rem;font-weight:500;text-decoration:none;display:flex;position:relative;overflow:hidden}.sidebar-nav-item:hover{background:var(--bg-elevated);color:var(--text-primary)}.sidebar-nav-item.active{background:var(--accent-gold-glow);color:var(--accent-gold);font-weight:600}.sidebar-nav-item.active:before{content:"";background:var(--accent-gold);border-radius:0 2px 2px 0;width:3px;position:absolute;top:6px;bottom:6px;left:-8px}.sidebar-nav-item svg{flex-shrink:0;width:20px;height:20px}.sidebar-nav-item .nav-label{text-overflow:ellipsis;overflow:hidden}.sidebar.collapsed .sidebar-nav-item{justify-content:center;margin:2px 10px;padding:10px}.sidebar.collapsed .sidebar-nav-item .nav-label,.sidebar.collapsed .sidebar-nav-item .nav-badge{display:none}.sidebar-nav-item .nav-badge{background:var(--accent-gold);color:var(--text-inverse);border-radius:var(--radius-full);margin-left:auto;padding:1px 7px;font-size:.65rem;font-weight:700;line-height:1.4}.sidebar-footer{border-top:1px solid var(--border);flex-shrink:0;padding:12px}.sidebar-toggle-btn{border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;padding:8px;display:flex}.sidebar-toggle-btn:hover{background:var(--bg-elevated);color:var(--text-primary)}.sidebar-profile{border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);align-items:center;gap:10px;margin-top:8px;padding:10px;display:flex}.sidebar-profile:hover{background:var(--bg-elevated)}.sidebar-profile-avatar{background:linear-gradient(135deg, var(--accent-gold), var(--accent-gold-dk));width:34px;height:34px;color:var(--text-inverse);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}.sidebar-profile-info{overflow:hidden}.sidebar-profile-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:600;overflow:hidden}.sidebar-profile-role{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.65rem}.sidebar.collapsed .sidebar-profile-info,.sidebar-mobile-backdrop{display:none}@media (width<=768px){.sidebar{transition:transform var(--transition-base);z-index:120;transform:translate(-100%);width:var(--sidebar-width)!important}.sidebar.collapsed{width:var(--sidebar-width)!important}.sidebar.mobile-open{transform:translate(0)}.sidebar.mobile-open .sidebar-logo-text,.sidebar.mobile-open .nav-label,.sidebar.mobile-open .nav-badge,.sidebar.mobile-open .sidebar-profile-info{display:flex}.sidebar.mobile-open .sidebar-section-label{text-align:left;padding:16px 20px 6px;font-size:.65rem}.sidebar.mobile-open .sidebar-section-label:before{content:none}.sidebar.mobile-open .sidebar-nav-item{justify-content:flex-start;width:calc(100% - 16px);margin:2px 8px;padding:10px 20px}.sidebar-toggle-btn{display:none}.sidebar-mobile-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:115;background:#0009;animation:.2s ease-out fadeIn;display:block;position:fixed;inset:0}}.topbar{top:0;right:0;left:var(--sidebar-width);height:var(--topbar-height);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);z-index:40;transition:left var(--transition-base);background:#111827cc;align-items:center;padding:0 28px;display:flex;position:fixed}.topbar.sidebar-collapsed{left:var(--sidebar-collapsed)}.topbar-hamburger{border-radius:var(--radius-md);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin-right:8px;display:none}.topbar-hamburger:hover{background:var(--bg-elevated);color:var(--text-primary)}.topbar-search{flex:1;max-width:400px;position:relative}.topbar-search input{background:var(--bg-elevated);border-color:var(--border);padding-left:40px;font-size:.85rem}.topbar-search svg{color:var(--text-muted);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.topbar-right{align-items:center;gap:8px;margin-left:auto;display:flex}.topbar-btn{border-radius:var(--radius-md);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:relative}.topbar-btn:hover{background:var(--bg-elevated);color:var(--text-primary)}.topbar-btn .notification-dot{background:var(--accent-red);border:2px solid var(--bg-surface);border-radius:50%;width:8px;height:8px;position:absolute;top:8px;right:8px}.topbar-divider{background:var(--border-strong);width:1px;height:28px;margin:0 8px}.topbar-user{border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);align-items:center;gap:10px;padding:6px 12px;display:flex}.topbar-user:hover{background:var(--bg-elevated)}.topbar-user-avatar{background:linear-gradient(135deg, var(--accent-gold), var(--accent-gold-dk));width:32px;height:32px;color:var(--text-inverse);border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}.topbar-user-info{flex-direction:column;display:flex}.topbar-user-name{font-size:.8rem;font-weight:600}.topbar-user-role{color:var(--text-muted);font-size:.65rem}@media (width<=768px){.topbar{padding:0 12px;left:0}.topbar.sidebar-collapsed{left:0}.topbar-hamburger{display:flex}.topbar-search,.topbar-divider,.topbar-user-info{display:none}}.client-sidebar{width:var(--sidebar-width);background:var(--bg-surface);border-right:1px solid var(--border);z-index:50;transition:width var(--transition-base);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden}.client-sidebar.collapsed{width:var(--sidebar-collapsed)}.client-sidebar.collapsed .client-sidebar-logo-text,.client-sidebar.collapsed .client-nav-label,.client-sidebar.collapsed .client-sidebar-profile-info{display:none}.client-sidebar-logo{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:20px 20px 24px;display:flex}.client-sidebar-logo-icon{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--accent-blue), var(--accent-purple));color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.client-sidebar-logo-text h2{margin-bottom:2px;font-size:1.1rem;font-weight:700;line-height:1}.client-sidebar-logo-text span{color:var(--accent-blue);text-transform:uppercase;letter-spacing:.08em;font-size:.7rem;font-weight:500}.client-sidebar-nav{flex-direction:column;flex:1;gap:4px;padding:16px 12px;display:flex;overflow-y:auto}.client-sidebar-nav-item{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);color:var(--text-secondary);text-align:left;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:10px 14px;font-size:.875rem;font-weight:500;display:flex}.client-sidebar-nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.client-sidebar-nav-item.active{background:var(--accent-blue-glow);color:var(--accent-blue);font-weight:600}.client-sidebar-footer{border-top:1px solid var(--border);flex-direction:column;gap:8px;padding:12px;display:flex}.client-sidebar-toggle-btn{background:var(--bg-elevated);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;padding:8px;display:flex}.client-sidebar-toggle-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.client-sidebar-profile{border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);align-items:center;gap:10px;padding:10px 8px;display:flex}.client-sidebar-profile:hover{background:var(--bg-hover)}.client-sidebar-profile-avatar{background:linear-gradient(135deg, var(--accent-blue), var(--accent-purple));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.8rem;font-weight:700;display:flex}.client-sidebar-profile-name{color:var(--text-primary);font-size:.85rem;font-weight:600;line-height:1.2}.client-sidebar-profile-role{color:var(--text-muted);font-size:.7rem}@media (width<=768px){.client-sidebar{transition:transform var(--transition-base);z-index:120;transform:translate(-100%);width:var(--sidebar-width)!important}.client-sidebar.collapsed{width:var(--sidebar-width)!important}.client-sidebar.mobile-open{transform:translate(0)}.client-sidebar.mobile-open .client-sidebar-logo-text,.client-sidebar.mobile-open .client-nav-label,.client-sidebar.mobile-open .client-sidebar-profile-info{display:flex}.client-sidebar-toggle-btn{display:none}}.login-page{background:var(--bg-base);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-page:before{content:"";pointer-events:none;background:radial-gradient(at 30% 20%,#f59e0b0f 0%,#0000 50%),radial-gradient(at 70% 80%,#8b5cf60a 0%,#0000 50%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.login-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);z-index:1;width:100%;max-width:420px;box-shadow:var(--shadow-lg);padding:48px 40px;animation:.5s ease-out slideUp;position:relative}.login-card.login-card-wide{max-width:480px}.login-logo{flex-direction:column;align-items:center;margin-bottom:36px;display:flex}.login-logo-icon{background:linear-gradient(135deg, var(--accent-gold), var(--accent-gold-dk));border-radius:var(--radius-lg);width:56px;height:56px;box-shadow:var(--shadow-glow-gold);justify-content:center;align-items:center;margin-bottom:16px;display:flex}.login-logo h1{background:linear-gradient(135deg, var(--accent-gold), #facc15);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.5rem}.login-logo p{color:var(--text-muted);margin-top:4px;font-size:.85rem}.login-form{flex-direction:column;gap:18px;display:flex}.login-field label{margin-bottom:8px;font-size:.8rem}.login-field input{width:100%}.login-field-hint{color:var(--text-muted);margin-bottom:10px;font-size:.78rem;line-height:1.4}.login-btn{margin-top:8px;padding:14px;font-size:.95rem}.login-error{background:var(--accent-red-glow);border-radius:var(--radius-md);color:var(--accent-red);border:1px solid #ef44444d;align-items:center;gap:8px;padding:10px 14px;font-size:.85rem;display:flex}.login-2fa-section{animation:.4s ease-out slideUp}.login-2fa-info{text-align:center;color:var(--text-secondary);margin-bottom:20px;font-size:.85rem;line-height:1.5}.login-2fa-info strong{color:var(--accent-gold)}.totp-input-group{justify-content:center;gap:8px;margin-bottom:20px;display:flex}.totp-input-group input{text-align:center;width:48px;height:56px;font-family:var(--font-mono);border-radius:var(--radius-md);padding:0;font-size:1.4rem;font-weight:600}.login-back-btn{color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;align-items:center;gap:6px;margin-bottom:16px;padding:0;font-size:.8rem;display:flex}.login-back-btn:hover{color:var(--text-primary)}.login-password-wrapper{position:relative}.login-password-wrapper input{padding-right:44px}.login-password-toggle{color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.login-password-toggle:hover{color:var(--text-secondary)}.login-activate-section{animation:.4s ease-out slideUp}.login-activate-intro{background:var(--accent-gold-glow);border-radius:var(--radius-md);border:1px solid #f59e0b40;align-items:flex-start;gap:14px;margin-bottom:24px;padding:16px;display:flex}.login-activate-intro h3{margin-bottom:4px;font-size:.95rem}.login-activate-intro p{color:var(--text-secondary);font-size:.8rem;line-height:1.5}.login-qr-section{justify-content:center;margin-bottom:24px;display:flex}.login-qr-card{background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-lg);text-align:center;width:100%;padding:20px}.login-qr-badge{text-transform:uppercase;letter-spacing:.06em;color:var(--accent-gold);background:var(--accent-gold-glow);border-radius:var(--radius-full);border:1px solid #f59e0b4d;align-items:center;gap:6px;margin-bottom:16px;padding:4px 12px;font-size:.72rem;font-weight:600;display:inline-flex}.login-qr-image{border-radius:var(--radius-md);background:#fff;width:200px;height:200px;margin:0 auto 12px;padding:8px}.login-qr-help{color:var(--text-muted);font-size:.75rem;line-height:1.4}@media (width<=768px){.login-card{max-width:100%;margin:16px;padding:32px 24px}.login-card.login-card-wide{max-width:100%}.login-logo{margin-bottom:28px}.login-logo-icon{width:48px;height:48px}.login-logo h1{font-size:1.3rem}.totp-input-group input{width:42px;height:50px;font-size:1.2rem}}@media (width<=400px){.login-card{border-radius:var(--radius-lg);margin:12px;padding:24px 18px}.totp-input-group{gap:6px}.totp-input-group input{width:38px;height:46px;font-size:1.1rem}.login-qr-image{width:170px;height:170px}}.stat-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition-base);cursor:pointer;align-items:flex-start;gap:16px;padding:22px 24px;display:flex;position:relative;overflow:hidden}.stat-card:before{content:"";background:var(--card-accent,var(--accent-gold));opacity:0;height:3px;transition:opacity var(--transition-base);position:absolute;top:0;left:0;right:0}.stat-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card:hover:before{opacity:1}.stat-card-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-card-content{flex:1;min-width:0}.stat-card-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:.8rem;font-weight:500}.stat-card-value{font-family:var(--font-numbers);color:var(--text-primary);font-size:1.6rem;font-weight:700;line-height:1.2}.stat-card-trend{border-radius:var(--radius-full);align-items:center;gap:3px;margin-top:6px;padding:2px 8px;font-size:.75rem;font-weight:600;display:inline-flex}.stat-card-trend.up{color:var(--accent-green);background:var(--accent-green-glow)}.stat-card-trend.down{color:var(--accent-red);background:var(--accent-red-glow)}@media (width<=480px){.stat-card{gap:12px;padding:16px 18px}.stat-card-icon{width:40px;height:40px}.stat-card-value{font-size:1.3rem}.stat-card-label{font-size:.72rem}}.dashboard-grid{gap:20px;display:grid}.dashboard-stats-row,.dashboard-action-row{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.dashboard-charts-row{grid-template-columns:3fr 2fr;gap:16px;display:grid}.dashboard-bottom-row{grid-template-columns:2fr 1fr;gap:16px;display:grid}.chart-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px}.chart-card-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.chart-card-title{font-size:1rem;font-weight:600}.activity-feed{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);max-height:440px;padding:24px;overflow-y:auto}.activity-item{border-bottom:1px solid var(--border);align-items:flex-start;gap:12px;padding:12px 0;display:flex}.activity-item:last-child{border-bottom:none}.activity-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.activity-icon.load{background:var(--accent-gold-glow);color:var(--accent-gold)}.activity-icon.deposit{background:var(--accent-green-glow);color:var(--accent-green)}.activity-icon.withdrawal{background:var(--accent-blue-glow);color:var(--accent-blue)}.activity-icon.admin{background:var(--accent-purple-glow);color:var(--accent-purple)}.activity-content{flex:1;min-width:0}.activity-message{color:var(--text-primary);font-size:.85rem;line-height:1.4}.activity-meta{color:var(--text-muted);align-items:center;gap:8px;margin-top:4px;font-size:.75rem;display:flex}.leaderboard{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px}.leaderboard-item{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:10px 0;display:flex}.leaderboard-item:last-child{border-bottom:none}.leaderboard-rank{font-family:var(--font-numbers);color:var(--text-muted);text-align:center;width:28px;font-size:1rem;font-weight:700}.leaderboard-rank.gold{color:var(--accent-gold)}.leaderboard-rank.silver{color:#94a3b8}.leaderboard-rank.bronze{color:#b45309}.leaderboard-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.7rem;font-weight:700;display:flex}.leaderboard-info{flex:1}.leaderboard-name{font-size:.85rem;font-weight:600}.leaderboard-amount{font-family:var(--font-numbers);color:var(--accent-purple);font-size:.85rem;font-weight:600}@media (width<=1200px){.dashboard-stats-row,.dashboard-action-row{grid-template-columns:repeat(2,1fr)}.dashboard-charts-row,.dashboard-bottom-row{grid-template-columns:1fr}}@media (width<=768px){.dashboard-stats-row,.dashboard-action-row{grid-template-columns:repeat(2,1fr);gap:12px}.activity-feed{max-height:360px;padding:16px}.chart-card,.leaderboard{padding:16px}}@media (width<=480px){.dashboard-stats-row,.dashboard-action-row{grid-template-columns:1fr;gap:10px}.dashboard-grid{gap:14px}}.side-panel{background:var(--bg-surface);border-left:1px solid var(--border-strong);z-index:110;flex-direction:column;height:100vh;animation:.3s cubic-bezier(.16,1,.3,1) slideInRight;display:flex;position:fixed;top:0;right:0;box-shadow:-8px 0 32px #0006}.side-panel-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.side-panel-header h3{font-size:1.1rem}.side-panel-close{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;padding:6px}.side-panel-close:hover{color:var(--text-primary);background:var(--bg-elevated)}.side-panel-body{flex:1;padding:24px;overflow-y:auto}@media (width<=768px){.side-panel{width:100vw!important;max-width:100vw!important}.side-panel-header,.side-panel-body{padding:16px 18px}}.confirm-modal{z-index:110;background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius-xl);text-align:center;width:90%;max-width:440px;padding:32px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.confirm-modal-close{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--transition-fast);background:0 0;border:none;padding:4px;position:absolute;top:14px;right:14px}.confirm-modal-close:hover{color:var(--text-primary)}.confirm-modal-icon{background:var(--accent-gold-glow);width:56px;height:56px;color:var(--accent-gold);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.confirm-modal-title{margin-bottom:8px;font-size:1.1rem}.confirm-modal-message{color:var(--text-secondary);margin-bottom:24px;font-size:.9rem;line-height:1.5}.confirm-modal-actions{justify-content:center;gap:12px;margin-top:20px;display:flex}.confirm-modal-actions .btn{min-width:120px}.users-page{animation:fadeIn var(--transition-base) ease-out}.filters-bar{align-items:center;gap:12px;margin-bottom:20px;display:flex}.user-row-info{align-items:center;gap:10px;display:flex}.user-avatar{border-radius:var(--radius-md);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.75rem;font-weight:700;display:flex}.user-info-text{flex-direction:column;display:flex}.user-info-name{font-size:.875rem;font-weight:600}.user-info-email{color:var(--text-muted);font-size:.75rem}.user-detail-header{align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.user-detail-avatar{border-radius:var(--radius-lg);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.2rem;font-weight:700;display:flex}.user-detail-info h2{margin-bottom:2px;font-size:1.125rem}.user-detail-info p{color:var(--text-secondary);font-size:.8rem}.user-username-row{background:var(--bg-elevated);border-radius:var(--radius-md);border:1px solid var(--border);align-items:center;gap:12px;margin-bottom:12px;padding:8px 12px;display:flex}.user-username-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);white-space:nowrap;font-size:.72rem;font-weight:600}.user-username-value{font-family:var(--font-mono);color:var(--accent-gold);background:var(--accent-gold-glow);border-radius:var(--radius-sm);border:1px solid #f59e0b33;padding:2px 10px;font-size:.9rem;font-weight:600}.user-admin-actions{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.user-balance-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px;display:grid}.user-balance-item{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px}.user-balance-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:4px;font-size:.72rem;font-weight:500}.user-balance-value{font-family:var(--font-numbers);font-size:1.1rem;font-weight:700}.commission-rate-form{border-top:1px solid var(--border);margin-top:16px;padding-top:16px}.commission-rate-form h4{margin-bottom:14px;font-size:.85rem}.rate-inputs{flex-direction:column;gap:4px;display:flex}.mb-3{margin-bottom:12px}.form-hint{color:var(--text-muted);margin-top:4px;font-size:.75rem;line-height:1.4}.client-redirect-notice{text-align:center;color:var(--text-secondary);padding:32px 16px;font-size:.875rem;line-height:1.5}.twofa-qr-display{background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-lg);max-width:280px;margin:0 auto;padding:20px}.twofa-qr-badge{text-transform:uppercase;letter-spacing:.06em;color:var(--accent-blue);background:var(--accent-blue-glow);border-radius:var(--radius-full);border:1px solid #3b82f64d;align-items:center;gap:6px;margin-bottom:14px;padding:4px 12px;font-size:.72rem;font-weight:600;display:inline-flex}.twofa-qr-image{border-radius:var(--radius-md);background:#fff;width:200px;height:200px;margin:0 auto;padding:8px}@media (width<=768px){.user-detail-header{text-align:center;flex-direction:column;align-items:center;gap:12px}.user-balance-grid{grid-template-columns:1fr 1fr;gap:8px}.user-balance-value{font-size:.95rem}.user-username-row{flex-wrap:wrap;gap:8px}.user-admin-actions{flex-wrap:wrap}.twofa-qr-display{max-width:240px}.twofa-qr-image{width:170px;height:170px}}@media (width<=480px){.user-balance-grid{grid-template-columns:1fr}.user-detail-avatar{width:48px;height:48px;font-size:1rem}}.referrals-page .page-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.referrals-page .page-header-actions{gap:8px;display:flex}.referrals-page .filters-bar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.referrals-page .filters-bar select,.referrals-page .filters-bar input[type=month]{max-width:200px}.referral-summary-strip{flex-wrap:wrap;gap:16px;margin-bottom:24px;display:flex}.referral-summary-card{flex:1;min-width:180px;padding:16px 24px}.referral-summary-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:.75rem}.referral-summary-value{font-family:var(--font-numbers);font-size:1.3rem;font-weight:700}.referral-code-chip{background:var(--accent-gold-glow);border-radius:var(--radius-full);font-family:var(--font-mono);color:var(--accent-gold);letter-spacing:.08em;border:1px solid #f59e0b4d;align-items:center;gap:6px;padding:4px 12px;font-size:.82rem;font-weight:600;display:inline-flex}.referral-revoke-btn{border-radius:var(--radius-sm);background:var(--accent-red-glow);color:var(--accent-red);cursor:pointer;transition:all var(--transition-fast);border:1px solid #ef44444d;padding:4px 12px;font-size:.75rem;font-weight:600}.referral-revoke-btn:hover:not(:disabled){background:var(--accent-red);color:#fff;border-color:var(--accent-red)}.referral-revoke-btn:disabled{opacity:.4;cursor:not-allowed}.referral-month{background:var(--accent-purple-glow);border-radius:var(--radius-full);font-family:var(--font-mono);color:var(--accent-purple);border:1px solid #8b5cf64d;align-items:center;gap:6px;padding:3px 10px;font-size:.78rem;font-weight:600;display:inline-flex}.referral-info-section{background:var(--bg-elevated);border-radius:var(--radius-md);border:1px solid var(--border);margin-top:16px;padding:16px}.referral-info-section h4{color:var(--text-secondary);align-items:center;gap:8px;margin-bottom:12px;font-size:.85rem;display:flex}.referral-info-section h4 svg{color:var(--accent-gold)}.referral-info-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:8px 0;display:flex}.referral-info-row:last-child{border-bottom:none}.referral-info-label{color:var(--text-muted);font-size:.8rem}.referral-info-value{color:var(--text-primary);font-size:.85rem;font-weight:500}.referral-override-select{max-width:180px;padding:6px 10px;font-size:.82rem}@media (width<=768px){.referral-summary-strip{gap:10px}.referral-summary-card{min-width:140px;padding:12px 16px}.referral-summary-value{font-size:1.1rem}.referral-info-row{flex-direction:column;align-items:flex-start;gap:6px}.referral-override-select{max-width:100%}}@media (width<=480px){.referral-summary-strip{flex-direction:column}.referral-summary-card{min-width:0}}.client-coin-grid{grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom:20px;display:grid}.client-coin-item{background:var(--bg-elevated);border-radius:var(--radius-md);text-align:center;padding:14px}.client-coin-item .label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:.7rem;font-weight:500}.client-coin-item .value{font-family:var(--font-numbers);font-size:1.1rem;font-weight:700}.client-coin-actions{gap:8px;margin-bottom:20px;display:flex}.coin-modal-preview{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);justify-content:space-between;align-items:center;margin:12px 0 16px;padding:12px 16px;font-size:.85rem;display:flex}.coin-modal-preview .preview-label{color:var(--text-secondary)}.coin-modal-preview .preview-value{font-family:var(--font-numbers);font-weight:600}.inline-ledger{margin-top:20px}.inline-ledger h4{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:10px;font-size:.75rem;font-weight:600}.inline-ledger-table{font-size:.8rem}.inline-ledger-table td{padding:8px 10px}.token-section{border-top:1px solid var(--border);margin-top:20px;padding-top:16px}@media (width<=768px){.client-coin-grid{grid-template-columns:1fr 1fr;gap:10px}.client-coin-actions{flex-wrap:wrap}}@media (width<=480px){.client-coin-grid{grid-template-columns:1fr}}.chat-container{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:16px;height:calc(100vh - 120px);margin-bottom:2rem;display:flex;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.chat-inbox{border-right:1px solid var(--border-color);background:var(--bg-surface);flex-direction:column;width:320px;display:flex}.chat-inbox-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1.25rem;display:flex}.chat-inbox-header h2{color:var(--text-primary);margin:0;font-size:1.125rem;font-weight:600}.chat-inbox-list{flex-direction:column;flex:1;gap:.5rem;padding:.75rem;display:flex;overflow-y:auto}.chat-inbox-list::-webkit-scrollbar{width:6px}.chat-inbox-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.chat-inbox-item{cursor:pointer;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;align-items:center;gap:.85rem;padding:.85rem;transition:all .2s;display:flex;box-shadow:0 1px 2px #00000005}.chat-inbox-item:hover{background:var(--bg-hover);border-color:var(--border-strong)}.chat-inbox-item.active{background:var(--bg-secondary);border-color:var(--border-color);position:relative;box-shadow:0 2px 8px #0000000d}.chat-inbox-item.active:before{content:"";background:var(--primary-color,var(--accent-gold));border-radius:0 4px 4px 0;width:3px;position:absolute;top:10%;bottom:10%;left:-1px}.chat-inbox-avatar{background:linear-gradient(135deg, var(--bg-elevated), var(--border-color));width:40px;height:40px;color:var(--text-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex;box-shadow:0 2px 4px #0000000d}.chat-inbox-item.active .chat-inbox-avatar{background:linear-gradient(135deg, var(--accent-blue), var(--accent-blue-dk));color:#fff}.chat-inbox-content{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.chat-inbox-item-header{justify-content:space-between;align-items:center;display:flex}.chat-inbox-item-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:600;overflow:hidden}.chat-inbox-item-time{color:var(--text-muted);flex-shrink:0;font-size:.7rem}.chat-inbox-item-footer{justify-content:space-between;align-items:center;display:flex}.chat-inbox-item-subject{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:150px;font-size:.85rem;overflow:hidden}.chat-unread-badge{background:var(--primary-color);color:#fff;border-radius:12px;padding:.15rem .5rem;font-size:.7rem;font-weight:700}.chat-status{text-transform:uppercase;border-radius:4px;padding:.2rem .5rem;font-size:.7rem;font-weight:600}.chat-status.open{color:#10b981;background:#10b9811a}.chat-status.closed{color:#ef4444;background:#ef44441a}.chat-conversation{background:var(--bg-secondary);flex-direction:column;flex:1;display:flex}.chat-empty-state{color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1rem;display:flex}.chat-conv-header{border-bottom:1px solid var(--border-color);background:var(--bg-surface);justify-content:space-between;align-items:center;padding:1.25rem;display:flex}.chat-conv-user{flex-direction:column;display:flex}.chat-conv-user-name{color:var(--text-primary);font-size:1.1rem;font-weight:600}.chat-conv-user-email{color:var(--text-muted);font-size:.85rem}.chat-messages{background-image:radial-gradient(var(--border-color) 1px, transparent 1px);background-size:24px 24px;flex-direction:column;flex:1;gap:1.2rem;padding:1.5rem;display:flex;overflow-y:auto}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.chat-message-wrapper{max-width:80%;animation:slideUp var(--transition-fast) ease-out forwards;gap:.75rem;display:flex}.chat-message-wrapper.user{align-self:flex-start}.chat-message-wrapper.admin{flex-direction:row-reverse;align-self:flex-end}.chat-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-top:auto;font-size:.8rem;font-weight:600;display:flex;box-shadow:0 2px 4px #0000001a}.chat-message-wrapper.user .chat-avatar{background:linear-gradient(135deg, var(--accent-blue), var(--accent-blue-dk))}.chat-message-wrapper.admin .chat-avatar{background:linear-gradient(135deg, var(--accent-gold), var(--accent-gold-dk))}.chat-message-content{flex-direction:column;gap:.25rem;display:flex}.message-bubble{border-radius:16px;padding:.85rem 1.15rem;font-size:.95rem;line-height:1.5;box-shadow:0 4px 10px #0000000d}.chat-message-wrapper.user .message-bubble{background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-primary);border-bottom-left-radius:4px}.chat-message-wrapper.admin .message-bubble{background:linear-gradient(135deg, var(--accent-gold), var(--accent-gold-dk));color:#fff;border:1px solid #f59e0b33;border-bottom-right-radius:4px}.message-info{color:var(--text-muted);gap:.5rem;padding:0 .5rem;font-size:.7rem;display:flex}.chat-message-wrapper.admin .message-info{justify-content:flex-end}.chat-message-wrapper.user .message-info{justify-content:flex-start}.message-file{flex-direction:column;gap:.5rem;margin-top:.5rem;display:flex}.message-file-img{border:1px solid var(--border-color);cursor:pointer;border-radius:8px;max-width:100%;transition:opacity .2s}.message-file-img:hover{opacity:.9}.message-file-pdf{color:inherit;border:1px solid var(--border-color);background:#0000000d;border-radius:8px;align-items:center;gap:.75rem;padding:.75rem;text-decoration:none;display:flex}.chat-message-wrapper.admin .message-file-pdf{background:#ffffff26;border-color:#fff3}.message-file-pdf:hover{background:#00000014}.chat-message-wrapper.admin .message-file-pdf:hover{background:#ffffff40}.chat-input-area{background:var(--bg-surface);border-top:1px solid var(--border-color);padding:1.25rem}.chat-input-form{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;align-items:flex-end;gap:.75rem;padding:.5rem;display:flex}.chat-input-form:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 1px var(--primary-color)}.chat-input-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.chat-input-btn:hover{color:var(--text-primary);background:var(--bg-surface)}.chat-textarea{color:var(--text-primary);resize:none;background:0 0;border:none;flex:1;min-height:44px;max-height:150px;padding:.5rem;font-family:inherit;font-size:.95rem}.chat-textarea:focus{outline:none}.chat-send-btn{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.6rem;transition:opacity .2s;display:flex}.chat-send-btn:hover{opacity:.9}.chat-send-btn:disabled{opacity:.5;cursor:not-allowed}.file-preview-banner{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding:.75rem;display:flex}.file-preview-info{color:var(--text-primary);align-items:center;gap:.5rem;font-size:.85rem;display:flex}.file-preview-remove{color:#ef4444;cursor:pointer;background:#ef44441a;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.page-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.page-title{color:var(--text-primary);font-size:1.5rem;font-weight:700}.new-chat-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:200;background:#0009;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.new-chat-modal{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);width:520px;max-width:95vw;max-height:80vh;box-shadow:var(--shadow-lg);flex-direction:column;display:flex;overflow:hidden}.new-chat-modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.new-chat-modal-header h3{color:var(--text-primary);margin:0;font-size:1.1rem;font-weight:600}.new-chat-close{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:6px;display:flex}.new-chat-close:hover{background:var(--bg-elevated);color:var(--text-primary)}.new-chat-search{border-bottom:1px solid var(--border);color:var(--text-muted);align-items:center;gap:.75rem;padding:.75rem 1.25rem;display:flex}.new-chat-search input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;padding:.35rem 0;font-size:.9rem}.new-chat-search input::placeholder{color:var(--text-muted)}.new-chat-user-list{flex:1;max-height:360px;padding:.5rem;overflow-y:auto}.new-chat-user-item{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;align-items:center;gap:.85rem;padding:.75rem .85rem;display:flex}.new-chat-user-item:hover{background:var(--bg-elevated);border-color:var(--border)}.new-chat-user-avatar{background:linear-gradient(135deg, var(--accent-blue), var(--accent-blue-dk));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:.85rem;font-weight:600;display:flex;box-shadow:0 2px 6px #3b82f633}.new-chat-user-info{flex-direction:column;flex:1;min-width:0;display:flex}.new-chat-user-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;overflow:hidden}.new-chat-user-detail{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.new-chat-loading,.new-chat-empty{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:2.5rem 1rem;font-size:.85rem;display:flex}.new-chat-compose{flex-direction:column;gap:1rem;padding:1.25rem 1.5rem;display:flex}.new-chat-selected-user{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);align-items:center;gap:.85rem;padding:.75rem;display:flex}.new-chat-selected-user .btn{flex-shrink:0;margin-left:auto}.new-chat-textarea{background:var(--bg-input);border:1px solid var(--border-strong);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-family:var(--font-body);resize:vertical;min-height:100px;max-height:200px;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:.85rem 1rem;font-size:.9rem}.new-chat-textarea:focus{border-color:var(--accent-gold);box-shadow:0 0 0 3px var(--accent-gold-glow)}.new-chat-textarea::placeholder{color:var(--text-muted)}.new-chat-file-row{align-items:center;gap:.5rem;display:flex}.new-chat-file-remove{color:#ef4444;cursor:pointer;width:22px;height:22px;transition:background var(--transition-fast);background:#ef44441a;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.new-chat-file-remove:hover{background:#ef444433}.new-chat-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:.75rem;padding-top:.5rem;display:flex}.spin{animation:.8s linear infinite spin}@media (width<=768px){.chat-container{border-radius:var(--radius-md);flex-direction:column;height:calc(100vh - 100px)}.chat-inbox{border-right:none;border-bottom:1px solid var(--border-color);width:100%;max-height:200px}.chat-inbox-header{padding:.85rem}.chat-inbox-list{padding:.5rem}.chat-inbox-item{padding:.65rem}.chat-conversation{min-height:0}.chat-messages{gap:.85rem;padding:1rem}.chat-message-wrapper{max-width:90%}.chat-input-area,.chat-conv-header{padding:.85rem}.new-chat-modal{width:95vw;max-height:90vh}}@media (width<=480px){.chat-inbox{max-height:160px}.chat-inbox-item-name{font-size:.85rem}.chat-inbox-item-subject{max-width:120px;font-size:.78rem}.message-bubble{padding:.7rem .95rem;font-size:.88rem}.chat-conv-user-name{font-size:.95rem}}.coin-hero{grid-template-columns:1fr 1fr 1fr;gap:20px;margin-bottom:28px;display:grid}.coin-hero-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color var(--transition-fast), transform var(--transition-fast);padding:24px;position:relative;overflow:hidden}.coin-hero-card:hover{border-color:var(--border-strong);transform:translateY(-2px)}.coin-hero-card:before{content:"";height:3px;position:absolute;top:0;left:0;right:0}.coin-hero-card.primary:before{background:linear-gradient(90deg, var(--accent-blue), var(--accent-purple))}.coin-hero-card.hold:before{background:linear-gradient(90deg, var(--accent-gold), var(--accent-amber))}.coin-hero-card.available:before{background:linear-gradient(90deg, var(--accent-green), #34d399)}.coin-hero-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;font-size:.75rem;font-weight:500}.coin-hero-value{font-family:var(--font-numbers);color:var(--text-primary);font-size:1.75rem;font-weight:700;line-height:1.2}.coin-hero-icon{border-radius:var(--radius-md);opacity:.8;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:absolute;top:20px;right:20px}.coin-hero-card.primary .coin-hero-icon{background:var(--accent-blue-glow);color:var(--accent-blue)}.coin-hero-card.hold .coin-hero-icon{background:var(--accent-gold-glow);color:var(--accent-gold)}.coin-hero-card.available .coin-hero-icon{background:var(--accent-green-glow);color:var(--accent-green)}.client-stats-row{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px;display:grid}.coin-entry-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full);white-space:nowrap;align-items:center;gap:4px;padding:3px 10px;font-size:.7rem;font-weight:600;display:inline-flex}.coin-entry-badge.credit{background:var(--accent-green-glow);color:var(--accent-green);border:1px solid #10b9814d}.coin-entry-badge.debit{background:var(--accent-red-glow);color:var(--accent-red);border:1px solid #ef44444d}.coin-entry-badge.hold{background:var(--accent-gold-glow);color:var(--accent-gold);border:1px solid #f59e0b4d}.coin-entry-badge.release{background:var(--accent-blue-glow);color:var(--accent-blue);border:1px solid #3b82f64d}.coin-entry-badge.deduction{background:var(--accent-purple-glow);color:var(--accent-purple);border:1px solid #8b5cf64d}.client-profile-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);max-width:700px;padding:32px}.client-profile-header{border-bottom:1px solid var(--border);align-items:center;gap:20px;margin-bottom:28px;padding-bottom:20px;display:flex}.client-profile-avatar{background:linear-gradient(135deg, var(--accent-blue), var(--accent-purple));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:1.5rem;font-weight:700;display:flex}.client-profile-header-info h2{margin-bottom:4px;font-size:1.25rem}.client-profile-header-info p{color:var(--text-secondary);font-size:.875rem}.client-profile-section{margin-bottom:24px}.client-profile-section h4{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:12px;font-size:.8rem;font-weight:600}.client-profile-row{border-bottom:1px solid var(--border);align-items:center;padding:10px 0;display:flex}.client-profile-row:last-child{border-bottom:none}.client-profile-row-label{width:180px;color:var(--text-secondary);flex-shrink:0;font-size:.85rem}.client-profile-row-value{color:var(--text-primary);font-size:.9rem;font-weight:500;font-family:var(--font-body)}.client-profile-row-value.mono{font-family:var(--font-mono);font-size:.8rem}.client-detail-section{margin-bottom:20px}.client-detail-section h4{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:10px;font-size:.75rem;font-weight:600}.client-detail-row{border-bottom:1px solid var(--border);justify-content:space-between;padding:8px 0;font-size:.85rem;display:flex}.client-detail-row:last-child{border-bottom:none}.client-detail-row .label{color:var(--text-secondary)}.client-detail-row .value{color:var(--text-primary);font-weight:500}.client-detail-row .value.mono{font-family:var(--font-mono);font-size:.8rem}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.page-header-actions{align-items:center;gap:8px;display:flex}.client-info-banner{background:var(--accent-blue-glow);border-radius:var(--radius-md);color:var(--accent-blue);border:1px solid #3b82f633;align-items:center;gap:12px;margin-bottom:20px;padding:14px 18px;font-size:.85rem;display:flex}.filters-bar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.commission-rate-display{background:var(--accent-purple-glow);color:var(--accent-purple);border-radius:var(--radius-full);align-items:center;gap:6px;padding:4px 12px;font-size:.8rem;font-weight:600;display:inline-flex}