@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--bg-dark: #111317;--bg-card: #1b1e25;--bg-card-hover: #252a35;--bg-modal: #181b22;--bg-input: #222733;--bg-box: #12141a;--text-primary: #ffffff;--text-secondary: #8e95a5;--text-muted: #717888;--text-inverse: #0d0f12;--border-color: #252a34;--border-subtle: #2d3340;--border-focus: #363d4e;--primary-green: #94ec0e;--primary-green-hover: #a3f71c;--primary-green-glow: rgba(148, 236, 14, .35);--shadow-main: 0 10px 40px rgba(0, 0, 0, .6);--font-family: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--radius-lg: 22px;--radius-md: 16px;--radius-sm: 12px}[data-theme=light]{--bg-dark: #f8fafc;--bg-card: #ffffff;--bg-card-hover: #f1f5f9;--bg-modal: #ffffff;--bg-input: #f1f5f9;--bg-box: #f8fafc;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--text-inverse: #ffffff;--border-color: #e2e8f0;--border-subtle: #cbd5e1;--border-focus: #94a3b8;--primary-green: #76c400;--primary-green-hover: #67b000;--primary-green-glow: rgba(118, 196, 0, .25);--shadow-main: 0 10px 40px rgba(0, 0, 0, .08)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{background-color:var(--bg-dark);color:var(--text-primary);font-family:var(--font-family);min-height:100vh;display:flex;justify-content:center;align-items:center;overflow-x:hidden;transition:background-color .3s ease,color .3s ease}#root{width:100%;max-width:440px;min-height:100vh;background-color:var(--bg-dark);position:relative;display:flex;flex-direction:column;box-shadow:var(--shadow-main);transition:background-color .3s ease}@media(min-width:441px){#root{min-height:840px;height:90vh;max-height:900px;border-radius:36px;border:1px solid var(--border-color);overflow:hidden}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{transform:scale(1);filter:drop-shadow(0 0 10px var(--primary-green-glow))}50%{transform:scale(1.05);filter:drop-shadow(0 0 20px var(--primary-green-glow))}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin .8s linear infinite!important;display:inline-block;transform-origin:center center}.fade-in{animation:fadeIn .4s ease-out forwards}.pulse-heart{animation:pulseGlow 2.5s infinite ease-in-out}.slide-up{animation:slideUp .3s cubic-bezier(.16,1,.3,1) forwards}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}[data-theme=light] *{scrollbar-color:rgba(0,0,0,.2) transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent;border-radius:10px}::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:10px;border:1px solid rgba(255,255,255,.05);transition:background .2s ease,box-shadow .2s ease}::-webkit-scrollbar-thumb:hover{background:var(--primary-green);box-shadow:0 0 10px var(--primary-green-glow)}[data-theme=light] ::-webkit-scrollbar-thumb{background:#0000002e;border:1px solid rgba(0,0,0,.05)}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:var(--primary-green)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}[data-theme=light]{--bg-dark: #f4f6fb;--bg-card: #ffffff;--bg-card-hover: #f1f5f9;--bg-modal: #ffffff;--bg-input: #f1f5f9;--bg-box: #f8fafc;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--text-inverse: #ffffff;--border-color: #e2e8f0;--border-subtle: #cbd5e1;--border-focus: #94a3b8;--primary-green: #60b200;--primary-green-hover: #529600;--primary-green-glow: rgba(96, 178, 0, .25);--shadow-main: 0 10px 40px rgba(0, 0, 0, .08)}[data-theme=light] body,[data-theme=light] #root,[data-theme=light] .home-screen-wrapper{background-color:#f4f6fb!important;color:#0f172a!important}[data-theme=light] .home-top-header{background:#fff!important;border-bottom:1px solid #e2e8f0!important}[data-theme=light] .brand-feme{background:linear-gradient(135deg,#0f172a,#529600)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important}[data-theme=light] .btn-refresh-feed{background:#f1f5f9!important;border:1px solid #e2e8f0!important;color:#475569!important}[data-theme=light] .main-feed-title,[data-theme=light] .tab-heading{color:#0f172a!important}[data-theme=light] .main-feed-subtitle,[data-theme=light] .tab-subheading{color:#64748b!important}[data-theme=light] .search-input{background:#fff!important;border:1px solid #cbd5e1!important;color:#0f172a!important;box-shadow:0 2px 8px #00000008!important}[data-theme=light] .search-input::placeholder{color:#94a3b8!important}[data-theme=light] .search-icon{color:#64748b!important}[data-theme=light] .role-banner-card{background:#60b20014!important;border:1px solid rgba(96,178,0,.3)!important}[data-theme=light] .role-banner-text h4{color:#0f172a!important}[data-theme=light] .role-banner-text p{color:#475569!important}[data-theme=light] .staff-profile-card,[data-theme=light] .history-item-card,[data-theme=light] .stat-card,[data-theme=light] .profile-action-btn,[data-theme=light] .profile-card-header{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 6px 20px #0000000a!important}[data-theme=light] .staff-avatar-img{border-color:#e2e8f0!important}[data-theme=light] .status-indicator-dot{border-color:#fff!important}[data-theme=light] .staff-name-text,[data-theme=light] .history-info h4,[data-theme=light] .stat-value,[data-theme=light] .btn-action-text span,[data-theme=light] .pkg-coins{color:#0f172a!important}[data-theme=light] .staff-age-badge,[data-theme=light] .languages-line,[data-theme=light] .history-date,[data-theme=light] .stat-label,[data-theme=light] .btn-action-text p{color:#64748b!important}[data-theme=light] .interest-pill{background:#f1f5f9!important;border:1px solid #e2e8f0!important;color:#334155!important}[data-theme=light] .btn-call-action.audio{background:#f0fdf4!important;border:1px solid #bbf7d0!important;color:#16a34a!important}[data-theme=light] .btn-call-action.video{background:#eff6ff!important;border:1px solid #bfdbfe!important;color:#2563eb!important}[data-theme=light] .bottom-nav-bar{background:#fff!important;border-top:1px solid #e2e8f0!important;box-shadow:0 -4px 16px #0000000a!important}[data-theme=light] .nav-tab-item{color:#64748b!important}[data-theme=light] .nav-tab-item.active{color:#529600!important}[data-theme=light] .fab-shuffle-btn{background:#60b200!important;border-color:#fff!important;box-shadow:0 8px 24px #60b20059!important}[data-theme=light] .profile-user-summary-card,[data-theme=light] .profile-theme-card,[data-theme=light] .profile-menu-card{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 2px 10px #00000008!important}[data-theme=light] .profile-user-name,[data-theme=light] .profile-theme-label,[data-theme=light] .menu-item-label{color:#0f172a!important}[data-theme=light] .menu-row-item{border-bottom:1px solid #e2e8f0!important}[data-theme=light] .profile-switch-mode-card{background:#60b20014!important;border:1.5px solid #60b200!important}[data-theme=light] .switch-mode-text{color:#2e5900!important}[data-theme=light] .edit-profile-overlay,[data-theme=light] .edit-profile-container,[data-theme=light] .lang-settings-overlay,[data-theme=light] .lang-settings-container,[data-theme=light] .language-screen-overlay,[data-theme=light] .language-screen-container,[data-theme=light] .wallet-screen-overlay,[data-theme=light] .wallet-screen-container,[data-theme=light] .blocked-screen-overlay,[data-theme=light] .blocked-screen-container,[data-theme=light] .tx-screen-overlay,[data-theme=light] .tx-screen-container,[data-theme=light] .ticket-screen-overlay,[data-theme=light] .ticket-screen-container{background:#f4f6fb!important;color:#0f172a!important}[data-theme=light] .edit-profile-header,[data-theme=light] .lang-settings-header,[data-theme=light] .language-header-bar,[data-theme=light] .language-footer-bar,[data-theme=light] .wallet-header-bar,[data-theme=light] .wallet-footer-bar,[data-theme=light] .blocked-header-bar,[data-theme=light] .tx-header-bar,[data-theme=light] .ticket-header-bar,[data-theme=light] .chat-input-bar{background:#fff!important;border-color:#e2e8f0!important}[data-theme=light] .edit-title-text,[data-theme=light] .card-section-title,[data-theme=light] .input-label,[data-theme=light] .account-provider-name,[data-theme=light] .lang-title-text,[data-theme=light] .lang-name-text,[data-theme=light] .language-title-text,[data-theme=light] .language-name,[data-theme=light] .wallet-title-text,[data-theme=light] .wallet-card-coins,[data-theme=light] .wallet-card-price,[data-theme=light] .blocked-title-text,[data-theme=light] .blocked-empty-state h3,[data-theme=light] .blocked-user-info h4,[data-theme=light] .tx-title-text,[data-theme=light] .tx-empty-state h3,[data-theme=light] .tx-card-title,[data-theme=light] .ticket-title-text,[data-theme=light] .ticket-empty-state h3,[data-theme=light] .ticket-subject,[data-theme=light] .input-field-label{color:#0f172a!important}[data-theme=light] .language-subtext,[data-theme=light] .blocked-empty-state p,[data-theme=light] .blocked-user-info span,[data-theme=light] .tx-empty-state p,[data-theme=light] .tx-date,[data-theme=light] .ticket-empty-state p,[data-theme=light] .ticket-date,[data-theme=light] .ticket-id-tag{color:#64748b!important}[data-theme=light] .btn-edit-back svg,[data-theme=light] .btn-lang-back svg,[data-theme=light] .btn-language-back svg,[data-theme=light] .btn-wallet-back svg,[data-theme=light] .btn-blocked-back svg,[data-theme=light] .btn-tx-back svg,[data-theme=light] .btn-ticket-back svg{stroke:#0f172a!important}[data-theme=light] .edit-card-box,[data-theme=light] .connected-row,[data-theme=light] .lang-item-card,[data-theme=light] .language-card,[data-theme=light] .selection-count-pill,[data-theme=light] .wallet-card,[data-theme=light] .blocked-user-card,[data-theme=light] .empty-icon-circle,[data-theme=light] .tx-card,[data-theme=light] .ticket-card,[data-theme=light] .admin-side .chat-bubble{background:#fff!important;border-color:#e2e8f0!important;box-shadow:0 4px 12px #00000008!important}[data-theme=light] .language-card.selected{border:1.5px solid #60b200!important;background:#60b2000f!important}[data-theme=light] .tx-tab-nav{background:#e2e8f0!important;border-color:#cbd5e1!important}[data-theme=light] .tx-nav-btn{color:#64748b!important}[data-theme=light] .tx-nav-btn.active{background:#fff!important;color:#529600!important;box-shadow:0 2px 8px #0000000f!important}[data-theme=light] .edit-text-input,[data-theme=light] .ticket-text-input,[data-theme=light] .ticket-textarea,[data-theme=light] .chat-input-field{background:#fff!important;border-color:#cbd5e1!important;color:#0f172a!important}[data-theme=light] .btn-wallet-add-coins{background:#e2e8f0!important;border-color:#cbd5e1!important;color:#475569!important}[data-theme=light] .btn-wallet-add-coins.active{background:#60b200!important;color:#fff!important}[data-theme=light] .admin-side .bubble-text,[data-theme=light] .user-side .bubble-text{color:#0f172a!important}[data-theme=light] .avatar-picker-box{background:#fff!important;border:1px solid #e2e8f0!important}[data-theme=light] .call-modal-card{background:#fff!important;border:1px solid #e2e8f0!important;color:#0f172a!important;box-shadow:0 20px 50px #0000001f!important}[data-theme=light] .call-modal-card h3{color:#0f172a!important}[data-theme=light] .btn-close-modal{background:#f1f5f9!important;color:#475569!important}[data-theme=light] .call-rate-info-box,[data-theme=light] .package-card{background:#f8fafc!important;border:1px solid #e2e8f0!important;color:#0f172a!important}.screen{height:100%;width:100%}.center{display:flex;align-items:center;justify-content:center;padding:24px}.overlay.zego-call-screen-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0e17f0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:9999}.card.call-card{background:#131824;border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:32px 24px;width:100%;max-width:360px;box-shadow:0 24px 60px #00000080;display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;color:#fff}.call-card h2{font-size:20px;font-weight:700;margin:0;color:#fff}.pulse-avatar{width:96px;height:96px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff;font-size:38px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 0 #6366f180;animation:zegoPulse 1.6s infinite;margin:8px 0}@keyframes zegoPulse{0%{box-shadow:0 0 #6366f180}70%{box-shadow:0 0 0 28px #6366f100}to{box-shadow:0 0 #6366f100}}.caller-name{font-size:20px;font-weight:600;margin:0;color:#f8fafc}.muted{color:#94a3b8;font-size:14px;margin:0}.flex-center-gap{display:flex;align-items:center;justify-content:center;gap:8px}.button-row{display:flex;gap:14px;width:100%;margin-top:8px}.btn{flex:1;padding:14px 20px;border-radius:14px;border:none;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:active{transform:scale(.97)}.btn-success{background:#22c55e;color:#fff;box-shadow:0 4px 14px #22c55e66}.btn-danger{background:#ef4444;color:#fff;box-shadow:0 4px 14px #ef444466}.btn-cancel-call{width:100%;margin-top:8px}.status-banner{position:fixed;top:20px;left:50%;transform:translate(-50%);background:#1e293b;border:1px solid rgba(255,255,255,.12);color:#f8fafc;padding:12px 24px;border-radius:999px;font-size:14px;font-weight:500;z-index:10000;box-shadow:0 10px 30px #0006}.call-container{display:none}.call-container.active{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000}