.modal-overlay[data-v-979184f0]{position:fixed;inset:0;background:#0009;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;animation:fadeIn-979184f0 .3s ease;overflow-y:auto;min-height:100vh;min-height:100dvh}.modal-container[data-v-979184f0]{background:#fff;border:1px solid #e5e7eb;border-radius:24px;width:100%;max-width:500px;min-width:400px;max-height:85vh;max-height:85dvh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000026,0 0 0 1px #10b9810d;animation:slideIn-979184f0 .3s ease;margin:auto;position:relative;align-self:center;justify-self:center}.modal-header[data-v-979184f0]{display:flex;justify-content:space-between;align-items:center;padding:24px 32px 0;margin-bottom:24px}.modal-title[data-v-979184f0]{font-size:1.75rem;font-weight:700;color:#1f2937;margin:0}.close-btn[data-v-979184f0]{width:40px;height:40px;border:none;background:#f3f4f6;color:#6b7280;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.25rem;transition:all .2s ease}.close-btn[data-v-979184f0]:hover{background:#ef44441a;color:#ef4444}.modal-body[data-v-979184f0]{padding:0 32px 32px}.auth-form[data-v-979184f0]{display:flex;flex-direction:column;gap:20px}.form-group[data-v-979184f0]{display:flex;flex-direction:column;gap:8px}.form-label[data-v-979184f0]{font-size:.875rem;font-weight:600;color:#1f2937}.form-input[data-v-979184f0]{padding:16px;border:2px solid #e5e7eb;border-radius:12px;background:#fff;color:#1f2937;font-size:.875rem;transition:all .2s ease;outline:none}.form-input[data-v-979184f0]:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;background:#fff}.form-input[data-v-979184f0]::placeholder{color:#9ca3af}.input-error[data-v-979184f0]{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441a!important}.input-success[data-v-979184f0]{border-color:#10b981!important;box-shadow:0 0 0 3px #10b9811a!important}.error-message[data-v-979184f0]{color:#ef4444;font-size:.75rem;margin-top:4px;display:flex;align-items:center;gap:4px}.success-message[data-v-979184f0]{color:#10b981;font-size:.75rem;margin-top:4px;display:flex;align-items:center;gap:4px}.verification-row[data-v-979184f0]{display:flex;gap:12px}.verification-input[data-v-979184f0]{flex:1}.verification-btn[data-v-979184f0]{padding:16px 20px;background:linear-gradient(135deg,#f59e0b,#f97316);color:#000;border:none;border-radius:12px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;min-width:120px}.verification-btn[data-v-979184f0]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 20px #f59e0b66}.verification-btn[data-v-979184f0]:disabled{opacity:.6;cursor:not-allowed;transform:none}.invite-code-input[data-v-979184f0]{cursor:not-allowed;background:#f9fafb!important;color:#6b7280!important}.invite-code-input[data-v-979184f0]:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;background:#f9fafb!important}.form-options[data-v-979184f0]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.checkbox-label[data-v-979184f0]{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.875rem}.checkbox-label input[type=checkbox][data-v-979184f0]{width:16px;height:16px;accent-color:#10b981}.checkbox-text[data-v-979184f0]{color:#4b5563}.forgot-link[data-v-979184f0],.link[data-v-979184f0]{color:#10b981;text-decoration:none;font-size:.875rem;font-weight:500;transition:color .2s ease}.forgot-link[data-v-979184f0]:hover,.link[data-v-979184f0]:hover{color:#047857}.auth-btn[data-v-979184f0]{width:100%;padding:16px 24px;background:linear-gradient(135deg,#10b981,#047857);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px}.auth-btn[data-v-979184f0]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 20px 40px #10b98166}.auth-btn[data-v-979184f0]:disabled{opacity:.6;cursor:not-allowed;transform:none}.loading-text[data-v-979184f0]{display:flex;align-items:center;gap:8px}.loading-spinner[data-v-979184f0]{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin-979184f0 1s linear infinite}.switch-mode[data-v-979184f0]{text-align:center;color:#6b7280;font-size:.875rem;margin-top:8px}.switch-btn[data-v-979184f0]{background:none;border:none;color:#10b981;font-weight:600;cursor:pointer;text-decoration:underline;font-size:.875rem;padding:0;margin-left:4px;transition:color .2s ease}.switch-btn[data-v-979184f0]:hover{color:#047857}@keyframes fadeIn-979184f0{0%{opacity:0}to{opacity:1}}@keyframes slideIn-979184f0{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes spin-979184f0{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.modal-overlay[data-v-979184f0]{padding:15px;align-items:center;min-height:100vh;min-height:100dvh}.modal-container[data-v-979184f0]{min-width:unset;max-width:100%;width:100%;max-height:90vh;max-height:90dvh;margin:0;border-radius:16px}.modal-header[data-v-979184f0]{padding:20px 24px 0}.modal-body[data-v-979184f0]{padding:0 24px 24px}.modal-title[data-v-979184f0]{font-size:1.5rem}.verification-row[data-v-979184f0]{flex-direction:column}.verification-btn[data-v-979184f0]{min-width:auto;width:100%}.form-options[data-v-979184f0]{flex-direction:column;align-items:flex-start;gap:16px}}@media (max-width: 480px){.modal-overlay[data-v-979184f0]{padding:10px}.modal-container[data-v-979184f0]{max-height:95vh;max-height:95dvh}.modal-header[data-v-979184f0]{padding:16px 20px 0}.modal-body[data-v-979184f0]{padding:0 20px 20px}.form-input[data-v-979184f0],.verification-btn[data-v-979184f0]{padding:14px;font-size:16px}}.modal-overlay[data-v-89021b89]{position:fixed;inset:0;background:#000c;backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:fadeIn-89021b89 .3s ease;overflow-y:auto;min-height:100vh;min-height:100dvh}.modal-container[data-v-89021b89]{background:linear-gradient(135deg,#0f172a,#1e293b);border:1px solid rgba(255,255,255,.1);border-radius:24px;width:100%;max-width:450px;max-height:85vh;max-height:85dvh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000080;animation:slideIn-89021b89 .3s ease;margin:auto;position:relative;align-self:center;justify-self:center}.modal-header[data-v-89021b89]{display:flex;justify-content:space-between;align-items:center;padding:24px 32px 0;margin-bottom:24px}.modal-title[data-v-89021b89]{font-size:1.75rem;font-weight:700;color:#fff;margin:0}.close-btn[data-v-89021b89]{width:40px;height:40px;border:none;background:#ffffff1a;color:#94a3b8;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.25rem;transition:all .2s ease}.close-btn[data-v-89021b89]:hover{background:#ef444433;color:#ef4444}.modal-body[data-v-89021b89]{padding:0 32px 32px}.redeem-form[data-v-89021b89]{display:flex;flex-direction:column;gap:24px}.form-group[data-v-89021b89]{display:flex;flex-direction:column;gap:8px}.form-label[data-v-89021b89]{font-size:.875rem;font-weight:600;color:#fff}.form-input[data-v-89021b89]{padding:16px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#0f172a80;color:#fff;font-size:.875rem;transition:all .2s ease;outline:none}.form-input[data-v-89021b89]:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;background:#0f172acc}.form-input[data-v-89021b89]::placeholder{color:#64748b}.redeem-btn[data-v-89021b89]{width:100%;padding:16px 24px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.redeem-btn[data-v-89021b89]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 20px 40px #10b98166}.redeem-btn[data-v-89021b89]:disabled{opacity:.6;cursor:not-allowed;transform:none}.loading-text[data-v-89021b89]{display:flex;align-items:center;gap:8px}.loading-spinner[data-v-89021b89]{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin-89021b89 1s linear infinite}@keyframes fadeIn-89021b89{0%{opacity:0}to{opacity:1}}@keyframes slideIn-89021b89{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes spin-89021b89{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.modal-container[data-v-89021b89]{max-width:100%;margin:0 10px}.modal-header[data-v-89021b89]{padding:20px 24px 0}.modal-body[data-v-89021b89]{padding:0 24px 24px}.modal-title[data-v-89021b89]{font-size:1.5rem}}.modal-overlay[data-v-65c585b3]{position:fixed;inset:0;backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:fadeIn-65c585b3 .3s ease}.modal-container[data-v-65c585b3]{background:#fff;border:1px solid #e2e8f0;border-radius:24px;width:100%;max-width:600px;max-height:85vh;max-height:85dvh;overflow:hidden;box-shadow:0 25px 50px -12px #00000026;animation:slideIn-65c585b3 .3s ease;margin:auto;position:relative;display:flex;flex-direction:column}.modal-header[data-v-65c585b3]{display:flex;justify-content:space-between;align-items:center;padding:24px 32px 0;margin-bottom:24px;flex-shrink:0}.modal-title[data-v-65c585b3]{font-size:1.75rem;font-weight:700;color:#1a202c;margin:0}.close-btn[data-v-65c585b3]{width:40px;height:40px;border:none;background:#f8f9fa;color:#4a5568;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.25rem;transition:all .2s ease;border:1px solid #e2e8f0}.close-btn[data-v-65c585b3]:hover{background:#ef4444;color:#fff;border-color:#ef4444}.modal-body[data-v-65c585b3]{padding:0 32px 32px;overflow-y:auto;flex:1;min-height:0;scrollbar-width:thin;scrollbar-color:rgba(44,195,127,.5) rgba(0,0,0,.1)}.modal-body[data-v-65c585b3]::-webkit-scrollbar{width:8px}.modal-body[data-v-65c585b3]::-webkit-scrollbar-track{background:#0000000d;border-radius:4px}.modal-body[data-v-65c585b3]::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#da7758,#2cc37f);border-radius:4px;transition:background .2s ease}.modal-body[data-v-65c585b3]::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#c86142,#249263)}.api-info[data-v-65c585b3]{display:flex;flex-direction:column;gap:24px}.info-item[data-v-65c585b3]{display:flex;flex-direction:column;gap:8px}.info-label[data-v-65c585b3]{font-size:.875rem;font-weight:600;color:#1a202c}.info-value-container[data-v-65c585b3]{display:flex;gap:8px;align-items:center}.info-input[data-v-65c585b3]{flex:1;padding:16px;border:1px solid #e2e8f0;border-radius:12px;background:#f8f9fa;color:#1a202c;font-size:.875rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;outline:none;cursor:text;user-select:all}.info-input[data-v-65c585b3]:focus{border-color:#2cc37f;box-shadow:0 0 0 3px #2cc37f1a;background:#fff}.copy-btn[data-v-65c585b3]{padding:16px 20px;background:linear-gradient(135deg,#da7758,#2cc37f);color:#fff;border:none;border-radius:12px;font-size:1rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:60px;height:52px}.copy-btn[data-v-65c585b3]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 20px #da775866}.copy-btn[data-v-65c585b3]:disabled{opacity:.6;cursor:not-allowed;transform:none}.copy-btn.copied[data-v-65c585b3]{background:linear-gradient(135deg,#10b981,#059669)}.info-note[data-v-65c585b3]{background:#2cc37f14;border:1px solid rgba(44,195,127,.2);border-radius:16px;padding:20px;margin-top:8px}.note-title[data-v-65c585b3]{font-size:1rem;font-weight:600;color:#1a202c;margin-bottom:12px;margin-top:0}.note-list[data-v-65c585b3]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.note-list li[data-v-65c585b3]{color:#4a5568;font-size:.875rem;line-height:1.5;display:flex;align-items:flex-start;gap:8px}.note-list li[data-v-65c585b3]:before{content:"•";color:#2cc37f;font-weight:700;flex-shrink:0}.token-selection[data-v-65c585b3]{margin-top:20px}.selection-header[data-v-65c585b3]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.selection-title[data-v-65c585b3]{font-size:1rem;font-weight:600;color:#1a202c;margin:0}.selection-note[data-v-65c585b3]{font-size:.75rem;color:#4a5568;opacity:.8}.token-table-container[data-v-65c585b3]{border:1px solid #e2e8f0;border-radius:12px;background:#f8f9fa;overflow:hidden;max-height:240px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(44,195,127,.5) rgba(0,0,0,.1)}.token-table-container[data-v-65c585b3]::-webkit-scrollbar{width:6px}.token-table-container[data-v-65c585b3]::-webkit-scrollbar-track{background:#0000000d;border-radius:3px}.token-table-container[data-v-65c585b3]::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#da775899,#2cc37f99);border-radius:3px;transition:background .2s ease}.token-table-container[data-v-65c585b3]::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#da7758cc,#2cc37fcc)}.loading-state[data-v-65c585b3]{display:flex;align-items:center;justify-content:center;gap:12px;padding:40px 20px}.loading-spinner[data-v-65c585b3]{width:20px;height:20px;border:2px solid rgba(255,255,255,.2);border-top:2px solid #2cc37f;border-radius:50%;animation:spin-65c585b3 1s linear infinite}.loading-text[data-v-65c585b3]{color:#4a5568;font-size:.875rem}.empty-state[data-v-65c585b3]{display:flex;align-items:center;justify-content:center;padding:40px 20px}.empty-text[data-v-65c585b3]{color:#4a5568;font-size:.875rem}.token-table[data-v-65c585b3]{width:100%;border-collapse:collapse}.token-table th[data-v-65c585b3]{background:#fff;backdrop-filter:blur(10px);padding:12px 16px;text-align:left;font-size:.875rem;font-weight:600;color:#1a202c;border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:2;border-top:1px solid rgba(44,195,127,.3);box-shadow:0 2px 8px #0000001a}.token-table td[data-v-65c585b3]{padding:12px 16px;font-size:.875rem;color:#4a5568;border-bottom:1px solid #e2e8f0}.token-row[data-v-65c585b3]{transition:all .2s ease;cursor:pointer}.token-row[data-v-65c585b3]:hover{background:#2cc37f0d}.token-row.selected[data-v-65c585b3]{background:#2cc37f26}.token-row.current-token[data-v-65c585b3]{background:#10b9811a}.token-row:last-child td[data-v-65c585b3]{border-bottom:none}.col-name[data-v-65c585b3]{width:35%}.col-balance[data-v-65c585b3]{width:25%}.col-group[data-v-65c585b3],.col-action[data-v-65c585b3]{width:20%}.token-name[data-v-65c585b3]{color:#1a202c;font-weight:500}.current-badge[data-v-65c585b3]{display:inline-block;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:.75rem;font-weight:600;padding:2px 8px;border-radius:4px;margin-left:8px}.select-btn[data-v-65c585b3]{padding:6px 12px;background:linear-gradient(135deg,#da7758,#2cc37f);color:#fff;border:none;border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:60px}.select-btn[data-v-65c585b3]:hover:not(.selected){transform:translateY(-1px);box-shadow:0 4px 12px #da775866}.select-btn.selected[data-v-65c585b3]{background:linear-gradient(135deg,#10b981,#059669);cursor:default}@keyframes spin-65c585b3{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn-65c585b3{0%{opacity:0}to{opacity:1}}@keyframes slideIn-65c585b3{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.modal-container[data-v-65c585b3]{max-width:100%;margin:0 10px}.modal-header[data-v-65c585b3]{padding:20px 24px 0}.modal-body[data-v-65c585b3]{padding:0 24px 24px}.modal-title[data-v-65c585b3]{font-size:1.5rem}.info-value-container[data-v-65c585b3]{flex-direction:column;align-items:stretch}.copy-btn[data-v-65c585b3]{width:100%;min-width:auto}}.header[data-v-9a477173]{position:fixed;top:0;left:0;right:0;z-index:1000;background-color:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a}.nav[data-v-9a477173]{padding:var(--spacing-md) 0}.nav-content[data-v-9a477173]{display:flex;align-items:center;justify-content:space-between}.brand-link[data-v-9a477173]{text-decoration:none}.brand-text[data-v-9a477173]{font-size:var(--font-size-2xl);font-weight:700;background:linear-gradient(135deg,#da7758,#2cc37f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block;transition:all .3s ease;opacity:1;transform:translateY(0)}.brand-text.fade-leave[data-v-9a477173]{opacity:0;transform:translateY(-10px)}.brand-text.fade-enter[data-v-9a477173]{opacity:0;transform:translateY(10px)}.brand-text.fade-enter-active[data-v-9a477173],.brand-text.fade-leave-active[data-v-9a477173]{transition:all .3s ease}.nav-menu[data-v-9a477173]{display:flex;align-items:center;gap:var(--spacing-2xl)}.nav-links[data-v-9a477173]{display:flex;list-style:none;gap:var(--spacing-xl);margin:0;padding:0}.nav-link[data-v-9a477173]{color:#4a5568;text-decoration:none;font-weight:500;transition:color var(--transition-fast);position:relative}.nav-link[data-v-9a477173]:hover{color:#22b573}.nav-link[data-v-9a477173]:before{content:"";position:absolute;width:0;height:2px;bottom:-4px;left:0;background:#22b573;transition:width var(--transition-normal)}.nav-link[data-v-9a477173]:hover:before{width:100%}.redeem-link[data-v-9a477173],.api-link[data-v-9a477173],.console-link[data-v-9a477173]{cursor:pointer}.nav-link.active[data-v-9a477173]{color:#22b573}.nav-link.active[data-v-9a477173]:before{width:100%}.nav-actions[data-v-9a477173]{display:flex;align-items:center;gap:var(--spacing-md)}.user-info[data-v-9a477173]{display:flex;align-items:center;gap:12px}.user-name[data-v-9a477173]{color:#1a202c;font-weight:500;font-size:.875rem}.user-dropdown[data-v-9a477173]{position:relative}.user-avatar[data-v-9a477173]{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#22b573,#37d18c);color:#fff;border:none;cursor:pointer;font-weight:600;font-size:.875rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.user-avatar[data-v-9a477173]:hover{transform:scale(1.05);box-shadow:0 4px 12px #22b5734d}.dropdown-menu[data-v-9a477173]{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:8px 0;min-width:160px;box-shadow:0 10px 25px #00000026;z-index:1000;animation:dropdownShow-9a477173 .2s ease}.dropdown-item[data-v-9a477173]{display:block;width:100%;padding:12px 16px;color:#4a5568;text-decoration:none;font-size:.875rem;font-weight:500;border:none;background:none;cursor:pointer;transition:all .2s ease;text-align:center}.dropdown-item[data-v-9a477173]:hover{background:#22b5731a;color:#22b573}.dropdown-divider[data-v-9a477173]{height:1px;background:#ffffff1a;margin:8px 0}.logout-btn[data-v-9a477173]{color:#ef4444}.logout-btn[data-v-9a477173]:hover{background:#ef44441a;color:#ef4444}@keyframes dropdownShow-9a477173{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.nav-toggle[data-v-9a477173]{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:var(--spacing-sm);gap:4px}.nav-toggle span[data-v-9a477173]{width:24px;height:2px;background-color:#1a202c;transition:all var(--transition-normal);transform-origin:center}.nav-toggle-open span[data-v-9a477173]:first-child{transform:rotate(45deg) translateY(6px)}.nav-toggle-open span[data-v-9a477173]:nth-child(2){opacity:0}.nav-toggle-open span[data-v-9a477173]:last-child{transform:rotate(-45deg) translateY(-6px)}@media (max-width: 768px){.nav-toggle[data-v-9a477173]{display:flex}.nav-menu[data-v-9a477173]{position:fixed;top:100%;left:0;right:0;background-color:#fff;border-top:1px solid #e2e8f0;flex-direction:column;padding:var(--spacing-xl);gap:var(--spacing-xl);transform:translateY(-100vh);transition:transform var(--transition-normal);z-index:-1}.nav-menu-open[data-v-9a477173]{transform:translateY(0)}.nav-links[data-v-9a477173]{flex-direction:column;gap:var(--spacing-lg);text-align:center}.nav-actions[data-v-9a477173]{flex-direction:column;width:100%;gap:var(--spacing-md)}.nav-actions .btn[data-v-9a477173]{width:100%;justify-content:center}.user-info[data-v-9a477173]{flex-direction:column;width:100%;gap:var(--spacing-md)}.user-dropdown[data-v-9a477173]{width:100%}.dropdown-menu[data-v-9a477173]{position:static;width:100%;box-shadow:none;border:1px solid #e2e8f0;background:#fff}}.toast-container[data-v-b121b4b6]{position:fixed;top:20px;right:20px;z-index:10000;pointer-events:none}.toast[data-v-b121b4b6]{display:flex;align-items:flex-start;gap:12px;background:#0f172af2;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px;margin-bottom:12px;min-width:320px;max-width:480px;box-shadow:0 10px 25px #0000004d;pointer-events:auto;position:relative;overflow:hidden}.toast[data-v-b121b4b6]:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--toast-color)}.toast-success[data-v-b121b4b6]{--toast-color: #10b981;border-left-color:#10b981}.toast-error[data-v-b121b4b6]{--toast-color: #ef4444;border-left-color:#ef4444}.toast-warning[data-v-b121b4b6]{--toast-color: #f59e0b;border-left-color:#f59e0b}.toast-info[data-v-b121b4b6]{--toast-color: #3b82f6;border-left-color:#3b82f6}.toast-icon[data-v-b121b4b6]{width:24px;height:24px;border-radius:50%;background:var(--toast-color);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0;margin-top:2px}.toast-content[data-v-b121b4b6]{flex:1;min-width:0}.toast-title[data-v-b121b4b6]{font-size:.875rem;font-weight:600;color:#fff;margin-bottom:4px;line-height:1.4}.toast-message[data-v-b121b4b6]{font-size:.875rem;color:#94a3b8;line-height:1.5;word-break:break-word}.toast-close[data-v-b121b4b6]{width:24px;height:24px;border:none;background:#ffffff1a;color:#94a3b8;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;line-height:1;transition:all .2s ease;flex-shrink:0}.toast-close[data-v-b121b4b6]:hover{background:#fff3;color:#fff}.toast-enter-active[data-v-b121b4b6]{transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.toast-leave-active[data-v-b121b4b6]{transition:all .3s ease-in}.toast-enter-from[data-v-b121b4b6],.toast-leave-to[data-v-b121b4b6]{transform:translate(100%);opacity:0}.toast-move[data-v-b121b4b6]{transition:transform .3s ease}@media (max-width: 768px){.toast-container[data-v-b121b4b6]{top:10px;right:10px;left:10px}.toast[data-v-b121b4b6]{min-width:auto;max-width:none;margin-bottom:8px}}.dashboard-container[data-v-5d9dcf0e]{display:flex;min-height:100vh;background:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.sidebar[data-v-5d9dcf0e]{width:200px;background:#fff;border-right:1px solid #e2e8f0;flex-shrink:0;display:flex;flex-direction:column;height:100vh}.sidebar-header[data-v-5d9dcf0e]{padding:20px 16px;border-bottom:1px solid #e2e8f0}.logo-section[data-v-5d9dcf0e]{display:flex;align-items:center;gap:8px}.logo-link[data-v-5d9dcf0e]{display:flex;align-items:center;gap:8px;text-decoration:none;transition:opacity .2s ease}.logo-link[data-v-5d9dcf0e]:hover{opacity:.8}.logo-icon[data-v-5d9dcf0e]{font-size:1.5rem}.logo-text[data-v-5d9dcf0e]{font-size:1.125rem;font-weight:600;color:#1e293b}.sidebar-nav[data-v-5d9dcf0e]{padding:16px 0;flex:1;overflow-y:auto}.nav-item[data-v-5d9dcf0e]{display:flex;align-items:center;gap:12px;padding:12px 16px;color:#64748b;cursor:pointer;transition:all .2s ease;margin:0 8px;border-radius:8px}.nav-item[data-v-5d9dcf0e]:hover{background:#f1f5f9;color:#334155}.nav-item.active[data-v-5d9dcf0e]{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;font-weight:500}.nav-icon[data-v-5d9dcf0e]{font-size:1rem;width:20px;text-align:center}.nav-text[data-v-5d9dcf0e]{font-size:.875rem}.back-home-section[data-v-5d9dcf0e]{padding:16px}.back-home-btn[data-v-5d9dcf0e]{width:100%;display:flex;align-items:center;gap:8px;padding:12px 16px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #3b82f633}.back-home-btn[data-v-5d9dcf0e]:hover{background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.btn-icon[data-v-5d9dcf0e]{font-size:1rem}.btn-text[data-v-5d9dcf0e]{flex:1;text-align:left}.sidebar-footer[data-v-5d9dcf0e]{padding:16px;border-top:1px solid #e2e8f0;margin-top:auto}.user-info-card[data-v-5d9dcf0e]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px;display:flex;align-items:center;gap:12px;width:100%}.user-avatar[data-v-5d9dcf0e]{width:32px;height:32px;background:#e2e8f0;border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:600;color:#64748b;font-size:.875rem;flex-shrink:0}.user-details[data-v-5d9dcf0e]{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.user-id[data-v-5d9dcf0e]{font-size:.8rem;font-weight:500;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-phone[data-v-5d9dcf0e]{font-size:.7rem;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main-content[data-v-5d9dcf0e]{flex:1;padding:24px;overflow-y:auto;height:100vh}.content-header[data-v-5d9dcf0e]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.header-left[data-v-5d9dcf0e]{display:flex;flex-direction:column;gap:16px}.page-title[data-v-5d9dcf0e]{font-size:1.5rem;font-weight:600;color:#1e293b;margin:0}.subscription-status[data-v-5d9dcf0e]{display:flex;align-items:center;gap:12px;font-size:.875rem}.status-label[data-v-5d9dcf0e]{color:#64748b}.status-badge[data-v-5d9dcf0e]{padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:500}.status-badge.expired[data-v-5d9dcf0e]{background:#fee2e2;color:#dc2626}.plan-info[data-v-5d9dcf0e],.days-info[data-v-5d9dcf0e]{color:#64748b}.header-right[data-v-5d9dcf0e]{display:flex;align-items:center;gap:16px}.refresh-time[data-v-5d9dcf0e]{color:#64748b;font-size:.875rem}.refresh-btn[data-v-5d9dcf0e]{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;transition:all .2s ease}.refresh-btn[data-v-5d9dcf0e]:hover{background:#f1f5f9;border-color:#cbd5e1}.refresh-btn[data-v-5d9dcf0e]:disabled{background:#f8fafc;border-color:#e2e8f0;color:#9ca3af;cursor:not-allowed}.refresh-btn:disabled .refresh-icon[data-v-5d9dcf0e]{animation:spin-5d9dcf0e 1s linear infinite}@keyframes spin-5d9dcf0e{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.quick-actions[data-v-5d9dcf0e]{margin-bottom:32px}.section-title[data-v-5d9dcf0e]{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0 0 16px}.actions-grid[data-v-5d9dcf0e]{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.action-card[data-v-5d9dcf0e]{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}.action-card[data-v-5d9dcf0e]:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.card-icon[data-v-5d9dcf0e]{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.action-card.upgrade .card-icon[data-v-5d9dcf0e]{background:#ede9fe}.action-card.exchange .card-icon[data-v-5d9dcf0e]{background:#dcfce7}.action-card.api .card-icon[data-v-5d9dcf0e]{background:#fef3c7}.action-card.docs .card-icon[data-v-5d9dcf0e]{background:#fed7aa}.card-title[data-v-5d9dcf0e]{font-size:1rem;font-weight:600;color:#1e293b;margin:0}.card-desc[data-v-5d9dcf0e]{font-size:.875rem;color:#64748b;margin:0}.stats-section[data-v-5d9dcf0e]{margin-bottom:32px}.stats-grid[data-v-5d9dcf0e]{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.stat-card[data-v-5d9dcf0e]{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.stat-card.modern[data-v-5d9dcf0e]{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:20px;box-shadow:0 1px 3px #0000000d;transition:all .2s ease}.stat-card.modern[data-v-5d9dcf0e]:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.stat-header[data-v-5d9dcf0e]{display:flex;align-items:center;gap:12px;margin-bottom:16px}.stat-icon-wrapper[data-v-5d9dcf0e]{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon-wrapper.blue[data-v-5d9dcf0e]{background:linear-gradient(135deg,#3b82f6,#1e40af)}.stat-icon-wrapper.green[data-v-5d9dcf0e]{background:linear-gradient(135deg,#10b981,#047857)}.stat-icon-wrapper.yellow[data-v-5d9dcf0e]{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-icon-wrapper.purple[data-v-5d9dcf0e]{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.stat-icon[data-v-5d9dcf0e]{font-size:18px;color:#fff}.stat-info[data-v-5d9dcf0e]{flex:1}.stat-label[data-v-5d9dcf0e]{font-size:.875rem;color:#6b7280;font-weight:500;display:block;margin-bottom:4px}.stat-value[data-v-5d9dcf0e]{font-size:1.5rem;font-weight:700;color:#111827;line-height:1}.trend-icon[data-v-5d9dcf0e]{font-size:16px;opacity:.6}.trend-icon.up[data-v-5d9dcf0e]{color:#10b981}.trend-icon.down[data-v-5d9dcf0e]{color:#ef4444}.stat-action[data-v-5d9dcf0e]{margin-left:auto}.action-btn[data-v-5d9dcf0e]{padding:6px 12px;background:#f3f4f6;border:none;border-radius:6px;font-size:.75rem;font-weight:500;color:#374151;cursor:pointer;transition:all .2s ease}.action-btn[data-v-5d9dcf0e]:hover{background:#e5e7eb;color:#111827}.stat-details[data-v-5d9dcf0e]{border-top:1px solid #f3f4f6;padding-top:16px}.detail-item[data-v-5d9dcf0e]{display:flex;align-items:center;gap:8px}.detail-icon[data-v-5d9dcf0e]{font-size:14px;opacity:.7}.detail-label[data-v-5d9dcf0e]{font-size:.75rem;color:#6b7280;flex:1}.detail-value[data-v-5d9dcf0e]{font-size:.875rem;font-weight:600;color:#374151}.charts-section[data-v-5d9dcf0e]{margin-bottom:32px}.charts-grid[data-v-5d9dcf0e]{display:grid;grid-template-columns:1fr;gap:24px}.chart-card[data-v-5d9dcf0e]{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px}.chart-card.full-width[data-v-5d9dcf0e]{width:100%}.chart-header[data-v-5d9dcf0e]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.chart-title[data-v-5d9dcf0e]{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0}.chart-tabs[data-v-5d9dcf0e]{display:flex;gap:8px}.chart-tab[data-v-5d9dcf0e]{padding:8px 16px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#64748b;font-size:.875rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:4px}.chart-tab[data-v-5d9dcf0e]:hover{background:#f8fafc;border-color:#cbd5e1}.chart-tab.active[data-v-5d9dcf0e]{background:#3b82f6;color:#fff;border-color:#3b82f6}.chart-content[data-v-5d9dcf0e]{min-height:300px}.chart-container[data-v-5d9dcf0e]{height:100%}.chart-info[data-v-5d9dcf0e]{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #f1f5f9}.chart-subtitle[data-v-5d9dcf0e]{font-size:1rem;font-weight:600;color:#1e293b;margin:0 0 4px}.chart-total[data-v-5d9dcf0e]{font-size:.875rem;color:#64748b;margin:0}.bar-chart[data-v-5d9dcf0e]{display:flex;height:200px;margin-bottom:20px}.y-axis[data-v-5d9dcf0e]{display:flex;flex-direction:column-reverse;justify-content:space-between;width:40px;height:100%;padding-right:8px}.y-tick[data-v-5d9dcf0e]{font-size:.75rem;color:#9ca3af;text-align:right}.chart-bars[data-v-5d9dcf0e]{flex:1;display:flex;align-items:end;gap:8px;height:100%;position:relative}.bar-group[data-v-5d9dcf0e]{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;position:relative}.bar[data-v-5d9dcf0e]{width:100%;background:#f59e0b;border-radius:4px 4px 0 0;min-height:2px;transition:all .2s ease;cursor:pointer}.bar[data-v-5d9dcf0e]:hover{background:#d97706}.bar-label[data-v-5d9dcf0e]{position:absolute;bottom:-20px;font-size:.75rem;color:#6b7280;white-space:nowrap;transform:rotate(-45deg);transform-origin:center bottom}.line-chart[data-v-5d9dcf0e]{position:relative;height:200px;margin-bottom:20px;display:flex}.y-axis-line[data-v-5d9dcf0e]{display:flex;flex-direction:column-reverse;justify-content:space-between;width:40px;height:100%;padding-right:8px}.chart-area[data-v-5d9dcf0e]{margin-left:40px;height:100%;position:relative}.line-svg[data-v-5d9dcf0e]{width:100%;height:100%}.x-axis-labels[data-v-5d9dcf0e]{display:flex;justify-content:space-between;margin-top:8px}.x-label[data-v-5d9dcf0e]{font-size:.75rem;color:#6b7280;transform:rotate(-45deg);transform-origin:center}.pie-chart[data-v-5d9dcf0e]{display:flex;justify-content:center;align-items:center;height:200px;margin-bottom:20px}.pie-container[data-v-5d9dcf0e]{position:relative;width:200px;height:200px}.pie-svg[data-v-5d9dcf0e]{width:100%;height:100%}.pie-center[data-v-5d9dcf0e]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.pie-percentage[data-v-5d9dcf0e]{font-size:1.5rem;font-weight:700;color:#1e293b}.horizontal-bar-chart[data-v-5d9dcf0e]{margin-bottom:20px}.ranking-item[data-v-5d9dcf0e]{display:flex;align-items:center;gap:12px;margin-bottom:8px}.ranking-label[data-v-5d9dcf0e]{width:200px;font-size:.875rem;color:#374151;text-align:right}.ranking-bar-container[data-v-5d9dcf0e]{flex:1;position:relative;height:30px;background:#f3f4f6;border-radius:4px;overflow:hidden}.ranking-bar[data-v-5d9dcf0e]{height:100%;background:#f59e0b;transition:width .3s ease}.ranking-value[data-v-5d9dcf0e]{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:.875rem;font-weight:600;color:#374151}.chart-legend[data-v-5d9dcf0e]{display:flex;gap:16px;margin-top:16px}.legend-item[data-v-5d9dcf0e]{display:flex;align-items:center;gap:6px;font-size:.875rem;color:#64748b}.legend-color[data-v-5d9dcf0e]{width:12px;height:12px;border-radius:2px}.legend-color.consumption[data-v-5d9dcf0e],.legend-color.trend[data-v-5d9dcf0e],.legend-color.distribution[data-v-5d9dcf0e],.legend-color.ranking[data-v-5d9dcf0e]{background:#f59e0b}.echarts-container[data-v-5d9dcf0e]{width:100%;height:300px}.chart-echarts[data-v-5d9dcf0e]{width:100%;height:100%}.empty-chart[data-v-5d9dcf0e]{display:flex;align-items:center;justify-content:center;height:200px;color:#9ca3af;font-size:.875rem}@media (max-width: 1024px){.actions-grid[data-v-5d9dcf0e]{grid-template-columns:repeat(2,1fr)}.stats-grid[data-v-5d9dcf0e]{grid-template-columns:repeat(2,1fr);gap:16px}.charts-grid[data-v-5d9dcf0e]{grid-template-columns:1fr}.chart-tabs[data-v-5d9dcf0e]{flex-wrap:wrap;gap:4px}.chart-tab[data-v-5d9dcf0e]{padding:6px 12px;font-size:.75rem}}@media (max-width: 768px){.dashboard-container[data-v-5d9dcf0e]{flex-direction:column;height:100vh}.sidebar[data-v-5d9dcf0e]{width:100%;height:auto;border-right:none;border-bottom:1px solid #e2e8f0;flex-direction:row;align-items:center;padding:8px 16px}.sidebar-header[data-v-5d9dcf0e]{padding:0;border-bottom:none;flex-shrink:0}.sidebar-nav[data-v-5d9dcf0e]{display:flex;overflow-x:auto;padding:0 16px;flex:1;align-items:center}.nav-item[data-v-5d9dcf0e]{flex-shrink:0;margin:0 4px;padding:8px 12px;border-radius:6px;white-space:nowrap}.sidebar-footer[data-v-5d9dcf0e]{padding:0;border-top:none;margin-top:0;margin-left:16px;flex-shrink:0}.user-info-card[data-v-5d9dcf0e]{padding:8px;gap:8px;min-width:140px}.user-avatar[data-v-5d9dcf0e]{width:28px;height:28px;font-size:.75rem}.user-id[data-v-5d9dcf0e]{font-size:.75rem}.user-phone[data-v-5d9dcf0e]{font-size:.65rem}.main-content[data-v-5d9dcf0e]{padding:16px;height:calc(100vh - 80px);overflow-y:auto}.content-header[data-v-5d9dcf0e]{flex-direction:column;gap:16px}.actions-grid[data-v-5d9dcf0e]{grid-template-columns:1fr}.stats-grid[data-v-5d9dcf0e]{grid-template-columns:1fr;gap:12px}.stat-card.modern[data-v-5d9dcf0e]{padding:16px}.stat-icon-wrapper[data-v-5d9dcf0e]{width:36px;height:36px}.stat-icon[data-v-5d9dcf0e]{font-size:16px}.stat-value[data-v-5d9dcf0e]{font-size:1.25rem}.chart-tabs[data-v-5d9dcf0e]{flex-direction:column;gap:4px}.chart-tab[data-v-5d9dcf0e]{padding:8px 12px;text-align:center}.bar-label[data-v-5d9dcf0e]{display:none}.ranking-label[data-v-5d9dcf0e]{width:120px;font-size:.75rem}.x-label[data-v-5d9dcf0e]{font-size:.6rem}}.dashboard-container[data-v-b3c1bf67]{display:flex;min-height:100vh;background:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.sidebar[data-v-b3c1bf67]{width:200px;background:#fff;border-right:1px solid #e2e8f0;flex-shrink:0;display:flex;flex-direction:column;height:100vh}.sidebar-header[data-v-b3c1bf67]{padding:20px 16px;border-bottom:1px solid #e2e8f0}.logo-section[data-v-b3c1bf67]{display:flex;align-items:center;gap:8px}.logo-link[data-v-b3c1bf67]{display:flex;align-items:center;gap:8px;text-decoration:none;transition:opacity .2s ease}.logo-link[data-v-b3c1bf67]:hover{opacity:.8}.logo-icon[data-v-b3c1bf67]{font-size:1.5rem}.logo-text[data-v-b3c1bf67]{font-size:1.125rem;font-weight:600;color:#1e293b}.sidebar-nav[data-v-b3c1bf67]{padding:16px 0;flex:1;overflow-y:auto}.nav-item[data-v-b3c1bf67]{display:flex;align-items:center;gap:12px;padding:12px 16px;color:#64748b;cursor:pointer;transition:all .2s ease;margin:0 8px;border-radius:8px}.nav-item[data-v-b3c1bf67]:hover{background:#f1f5f9;color:#334155}.nav-item.active[data-v-b3c1bf67]{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;font-weight:500}.nav-icon[data-v-b3c1bf67]{font-size:1rem;width:20px;text-align:center}.nav-text[data-v-b3c1bf67]{font-size:.875rem}.back-home-section[data-v-b3c1bf67]{padding:16px}.back-home-btn[data-v-b3c1bf67]{width:100%;display:flex;align-items:center;gap:8px;padding:12px 16px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #3b82f633}.back-home-btn[data-v-b3c1bf67]:hover{background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.btn-icon[data-v-b3c1bf67]{font-size:1rem}.btn-text[data-v-b3c1bf67]{flex:1;text-align:left}.sidebar-footer[data-v-b3c1bf67]{padding:16px;border-top:1px solid #e2e8f0;margin-top:auto}.user-info-card[data-v-b3c1bf67]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px;display:flex;align-items:center;gap:12px;width:100%}.user-avatar[data-v-b3c1bf67]{width:32px;height:32px;background:#e2e8f0;border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:600;color:#64748b;font-size:.875rem;flex-shrink:0}.user-details[data-v-b3c1bf67]{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.user-id[data-v-b3c1bf67]{font-size:.8rem;font-weight:500;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-phone[data-v-b3c1bf67]{font-size:.7rem;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main-content[data-v-b3c1bf67]{flex:1;padding:24px;overflow:hidden;display:flex;flex-direction:column;height:100vh}.page-header[data-v-b3c1bf67]{margin-bottom:32px}.page-title[data-v-b3c1bf67]{font-size:1.5rem;font-weight:600;color:#1e293b;margin:0}.api-records-section[data-v-b3c1bf67]{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;flex:1;display:flex;flex-direction:column;overflow:hidden}.section-header[data-v-b3c1bf67]{margin-bottom:24px}.section-title[data-v-b3c1bf67]{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0 0 8px}.section-desc[data-v-b3c1bf67]{font-size:.875rem;color:#64748b;margin:0}.filter-section[data-v-b3c1bf67]{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #e2e8f0}.filter-row[data-v-b3c1bf67]{display:grid;grid-template-columns:2fr 2fr 2fr 4fr;gap:16px;margin-bottom:16px}.filter-group[data-v-b3c1bf67]{display:flex;flex-direction:column;gap:6px}.filter-token[data-v-b3c1bf67],.filter-model[data-v-b3c1bf67],.filter-group-field[data-v-b3c1bf67],.filter-time-range[data-v-b3c1bf67]{min-width:0}.time-range-group[data-v-b3c1bf67]{max-width:600px}.filter-label[data-v-b3c1bf67]{font-size:.875rem;font-weight:500;color:#374151}.filter-input[data-v-b3c1bf67]{padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:.875rem;transition:border-color .2s ease;background:#fff}.filter-input[data-v-b3c1bf67]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.filter-input[data-v-b3c1bf67]::placeholder{color:#9ca3af}.date-range-group[data-v-b3c1bf67]{display:flex;align-items:center;gap:8px}.date-input[data-v-b3c1bf67]{flex:1}.date-separator[data-v-b3c1bf67]{color:#9ca3af;font-size:.875rem}.filter-actions[data-v-b3c1bf67]{display:flex;gap:12px}.btn[data-v-b3c1bf67]{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.btn-primary[data-v-b3c1bf67]{background:#3b82f6;color:#fff}.btn-primary[data-v-b3c1bf67]:hover{background:#2563eb}.btn-secondary[data-v-b3c1bf67]{background:#f8fafc;color:#475569;border:1px solid #e2e8f0}.btn-secondary[data-v-b3c1bf67]:hover{background:#f1f5f9;border-color:#cbd5e1}.btn-icon[data-v-b3c1bf67]{font-size:.875rem}.table-section[data-v-b3c1bf67]{flex:1;overflow:hidden;display:flex;flex-direction:column}.table-container[data-v-b3c1bf67]{flex:1;overflow-y:auto;border:1px solid #e2e8f0;border-radius:8px}.records-table[data-v-b3c1bf67]{width:100%;border-collapse:collapse;background:#fff}.records-table th[data-v-b3c1bf67]{background:#f8fafc;padding:12px 16px;text-align:left;font-size:.875rem;font-weight:600;color:#374151;border-bottom:1px solid #e2e8f0;white-space:nowrap}.records-table td[data-v-b3c1bf67]{padding:12px 16px;font-size:.875rem;color:#1f2937;border-bottom:1px solid #f1f5f9}.table-row[data-v-b3c1bf67]:hover{background:#f8fafc}.table-row:last-child td[data-v-b3c1bf67]{border-bottom:none}.empty-state[data-v-b3c1bf67]{text-align:center;padding:60px 20px}.empty-content[data-v-b3c1bf67]{display:flex;flex-direction:column;align-items:center;gap:12px}.empty-icon[data-v-b3c1bf67]{font-size:3rem;opacity:.3}.empty-text[data-v-b3c1bf67]{font-size:.875rem;color:#9ca3af}.loading-state[data-v-b3c1bf67]{text-align:center;padding:60px 20px}.loading-content[data-v-b3c1bf67]{display:flex;flex-direction:column;align-items:center;gap:16px}.loading-spinner[data-v-b3c1bf67]{width:40px;height:40px;border:4px solid #f3f4f6;border-top:4px solid #3b82f6;border-radius:50%;animation:spin-b3c1bf67 1s linear infinite}@keyframes spin-b3c1bf67{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text[data-v-b3c1bf67]{color:#64748b;font-size:1rem;font-weight:500}.request-id-info[data-v-b3c1bf67]{display:flex;flex-direction:column;gap:2px}.request-id[data-v-b3c1bf67]{font-weight:600;color:#1e293b;font-size:.875rem}.user-info[data-v-b3c1bf67]{font-size:.75rem;color:#64748b}.model-name[data-v-b3c1bf67]{font-weight:500;color:#374151}.api-key-info[data-v-b3c1bf67]{display:flex;flex-direction:column;gap:2px}.token-name[data-v-b3c1bf67]{font-weight:500;color:#1e293b;font-size:.875rem}.token-group[data-v-b3c1bf67]{font-size:.75rem;color:#64748b}.token-usage[data-v-b3c1bf67]{display:flex;flex-direction:column;gap:2px}.token-item[data-v-b3c1bf67]{font-size:.75rem;color:#64748b}.token-total[data-v-b3c1bf67]{font-size:.875rem;font-weight:600;color:#1e293b}.duration[data-v-b3c1bf67]{font-weight:500;color:#374151}.action-btn[data-v-b3c1bf67]{padding:4px 12px;border-radius:4px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.view-btn[data-v-b3c1bf67]{background:#eff6ff;color:#2563eb}.view-btn[data-v-b3c1bf67]:hover{background:#dbeafe}.col-request-id[data-v-b3c1bf67]{width:15%}.col-model[data-v-b3c1bf67]{width:12%}.col-api-key[data-v-b3c1bf67]{width:15%}.col-token-usage[data-v-b3c1bf67]{width:12%}.col-duration[data-v-b3c1bf67]{width:10%}.col-time[data-v-b3c1bf67]{width:18%}.col-actions[data-v-b3c1bf67]{width:8%}.pagination-section[data-v-b3c1bf67]{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding-top:16px;border-top:1px solid #e2e8f0;flex-shrink:0}.pagination-info[data-v-b3c1bf67]{font-size:.875rem;color:#64748b}.pagination-controls[data-v-b3c1bf67]{display:flex;align-items:center;gap:16px}.page-size-selector select[data-v-b3c1bf67]{padding:6px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:.875rem;background:#fff;color:#374151;cursor:pointer}.page-size-selector select[data-v-b3c1bf67]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.page-buttons[data-v-b3c1bf67]{display:flex;align-items:center;gap:8px}.page-btn[data-v-b3c1bf67]{width:32px;height:32px;border:1px solid #e2e8f0;background:#fff;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-size:.875rem;color:#374151}.page-btn[data-v-b3c1bf67]:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1;color:#1e293b}.page-btn[data-v-b3c1bf67]:disabled{opacity:.4;cursor:not-allowed;color:#9ca3af}.page-input[data-v-b3c1bf67]{width:60px;padding:6px 8px;border:1px solid #e2e8f0;border-radius:6px;text-align:center;font-size:.875rem;color:#374151}.page-input[data-v-b3c1bf67]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.page-total[data-v-b3c1bf67]{font-size:.875rem;color:#64748b}@media (max-width: 1024px){.filter-row[data-v-b3c1bf67]{grid-template-columns:1fr 1fr;gap:12px}.filter-time-range[data-v-b3c1bf67]{grid-column:1 / -1}.filter-actions[data-v-b3c1bf67]{flex-wrap:wrap}}@media (max-width: 768px){.dashboard-container[data-v-b3c1bf67]{flex-direction:column;height:100vh}.sidebar[data-v-b3c1bf67]{width:100%;height:auto;border-right:none;border-bottom:1px solid #e2e8f0;flex-direction:row;align-items:center;padding:8px 16px}.sidebar-header[data-v-b3c1bf67]{padding:0;border-bottom:none;flex-shrink:0}.sidebar-nav[data-v-b3c1bf67]{display:flex;overflow-x:auto;padding:0 16px;flex:1;align-items:center}.nav-item[data-v-b3c1bf67]{flex-shrink:0;margin:0 4px;padding:8px 12px;border-radius:6px;white-space:nowrap}.sidebar-footer[data-v-b3c1bf67]{padding:0;border-top:none;margin-top:0;margin-left:16px;flex-shrink:0}.user-info-card[data-v-b3c1bf67]{padding:8px;gap:8px;min-width:140px}.main-content[data-v-b3c1bf67]{padding:16px;height:calc(100vh - 80px);overflow:hidden}.api-records-section[data-v-b3c1bf67]{padding:16px}.filter-row[data-v-b3c1bf67]{grid-template-columns:1fr;gap:12px}.filter-time-range[data-v-b3c1bf67]{grid-column:auto}.filter-actions[data-v-b3c1bf67]{flex-direction:column}.btn[data-v-b3c1bf67]{justify-content:center}.pagination-section[data-v-b3c1bf67]{flex-direction:column;gap:12px;align-items:stretch}.pagination-controls[data-v-b3c1bf67]{justify-content:center}}.dashboard-container[data-v-1dda9354]{display:flex;height:100vh;background:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}.sidebar[data-v-1dda9354]{width:200px;background:#fff;border-right:1px solid #e2e8f0;flex-shrink:0;display:flex;flex-direction:column;height:100vh}.sidebar-header[data-v-1dda9354]{padding:20px 16px;border-bottom:1px solid #e2e8f0}.logo-section[data-v-1dda9354]{display:flex;align-items:center;gap:8px}.logo-link[data-v-1dda9354]{display:flex;align-items:center;gap:8px;text-decoration:none;transition:opacity .2s ease}.logo-link[data-v-1dda9354]:hover{opacity:.8}.logo-icon[data-v-1dda9354]{font-size:1.5rem}.logo-text[data-v-1dda9354]{font-size:1.125rem;font-weight:600;color:#1e293b}.sidebar-nav[data-v-1dda9354]{padding:16px 0;flex:1;overflow-y:auto}.nav-item[data-v-1dda9354]{display:flex;align-items:center;gap:12px;padding:12px 16px;color:#64748b;cursor:pointer;transition:all .2s ease;margin:0 8px;border-radius:8px}.nav-item[data-v-1dda9354]:hover{background:#f1f5f9;color:#334155}.nav-item.active[data-v-1dda9354]{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;font-weight:500}.nav-icon[data-v-1dda9354]{font-size:1rem;width:20px;text-align:center}.nav-text[data-v-1dda9354]{font-size:.875rem}.back-home-section[data-v-1dda9354]{padding:16px}.back-home-btn[data-v-1dda9354]{width:100%;display:flex;align-items:center;gap:8px;padding:12px 16px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #3b82f633}.back-home-btn[data-v-1dda9354]:hover{background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.btn-icon[data-v-1dda9354]{font-size:1rem}.btn-text[data-v-1dda9354]{flex:1;text-align:left}.sidebar-footer[data-v-1dda9354]{padding:16px;border-top:1px solid #e2e8f0;margin-top:auto}.user-info-card[data-v-1dda9354]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px;display:flex;align-items:center;gap:12px;width:100%}.user-avatar[data-v-1dda9354]{width:32px;height:32px;background:#e2e8f0;border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:600;color:#64748b;font-size:.875rem;flex-shrink:0}.user-details[data-v-1dda9354]{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.user-id[data-v-1dda9354]{font-size:.8rem;font-weight:500;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-phone[data-v-1dda9354]{font-size:.7rem;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main-content[data-v-1dda9354]{flex:1;padding:24px;overflow:hidden;height:100vh;display:flex;flex-direction:column}.page-header[data-v-1dda9354]{margin-bottom:32px;flex-shrink:0}.page-title[data-v-1dda9354]{font-size:1.5rem;font-weight:600;color:#1e293b;margin:0}.key-management-section[data-v-1dda9354]{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;display:flex;flex-direction:column;flex:1;overflow:hidden;min-height:0}.section-header[data-v-1dda9354]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-shrink:0}.section-title[data-v-1dda9354]{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0}.total-count[data-v-1dda9354]{display:flex;align-items:center;gap:8px}.count-label[data-v-1dda9354]{font-size:.875rem;color:#64748b}.count-value[data-v-1dda9354]{font-size:1.125rem;font-weight:600;color:#3b82f6}.filter-section[data-v-1dda9354]{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #e2e8f0;flex-shrink:0}.filter-row[data-v-1dda9354]{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.filter-group[data-v-1dda9354]{display:flex;align-items:center;gap:12px}.filter-label[data-v-1dda9354]{font-size:.875rem;font-weight:500;color:#374151;min-width:50px}.filter-input[data-v-1dda9354],.filter-select[data-v-1dda9354]{flex:1;padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:.875rem;transition:border-color .2s ease;background:#fff}.filter-input[data-v-1dda9354]:focus,.filter-select[data-v-1dda9354]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.filter-input[data-v-1dda9354]::placeholder{color:#9ca3af}.filter-actions[data-v-1dda9354]{display:flex;gap:12px}.btn[data-v-1dda9354]{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.btn-primary[data-v-1dda9354]{background:#3b82f6;color:#fff}.btn-primary[data-v-1dda9354]:hover{background:#2563eb}.btn-secondary[data-v-1dda9354]{background:#f8fafc;color:#475569;border:1px solid #e2e8f0}.btn-secondary[data-v-1dda9354]:hover{background:#f1f5f9;border-color:#cbd5e1}.btn-create[data-v-1dda9354]{background:#10b981;color:#fff}.btn-create[data-v-1dda9354]:hover{background:#059669}.btn-icon[data-v-1dda9354]{font-size:.875rem}.table-section[data-v-1dda9354]{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.table-container[data-v-1dda9354]{flex:1;overflow:auto;border:1px solid #e2e8f0;border-radius:8px}.keys-table[data-v-1dda9354]{width:100%;border-collapse:collapse;background:#fff}.keys-table th[data-v-1dda9354]{background:#f8fafc;padding:12px 16px;text-align:left;font-size:.875rem;font-weight:600;color:#374151;border-bottom:1px solid #e2e8f0;white-space:nowrap}.keys-table td[data-v-1dda9354]{padding:16px;font-size:.875rem;color:#1f2937;border-bottom:1px solid #f1f5f9;vertical-align:top}.table-row[data-v-1dda9354]:hover{background:#f8fafc}.table-row:last-child td[data-v-1dda9354]{border-bottom:none}.group-name[data-v-1dda9354]{font-weight:500;color:#374151}.key-info[data-v-1dda9354]{display:flex;flex-direction:column;gap:4px}.key-name[data-v-1dda9354]{font-weight:600;color:#1e293b}.key-value[data-v-1dda9354]{display:flex;align-items:center;gap:8px;color:#64748b;font-family:Monaco,Consolas,monospace;font-size:.75rem}.copy-btn[data-v-1dda9354]{background:none;border:none;cursor:pointer;padding:2px;border-radius:3px;transition:background .2s ease}.copy-btn[data-v-1dda9354]:hover{background:#f1f5f9}.config-badge[data-v-1dda9354]{padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:500}.config-badge.unlimited[data-v-1dda9354]{background:#dbeafe;color:#1d4ed8}.status-badge[data-v-1dda9354]{padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:500}.status-badge.active[data-v-1dda9354]{background:#dcfce7;color:#166534}.status-badge.inactive[data-v-1dda9354]{background:#fee2e2;color:#dc2626}.usage-info[data-v-1dda9354]{display:flex;flex-direction:column;gap:2px}.usage-today[data-v-1dda9354],.usage-total[data-v-1dda9354]{font-size:.75rem;color:#64748b}.action-buttons[data-v-1dda9354]{display:flex;gap:6px}.action-btn[data-v-1dda9354]{padding:6px;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease;font-size:.875rem;background:#f8fafc;color:#64748b}.action-btn[data-v-1dda9354]:hover{background:#f1f5f9}.export-btn[data-v-1dda9354]:hover{background:#dbeafe;color:#2563eb}.toggle-btn[data-v-1dda9354]:hover{background:#f1f5f9;color:#374151}.edit-btn[data-v-1dda9354]:hover{background:#fef3c7;color:#d97706}.delete-btn[data-v-1dda9354]:hover{background:#fee2e2;color:#dc2626}.pagination-section[data-v-1dda9354]{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding-top:16px;border-top:1px solid #e2e8f0;flex-shrink:0}.pagination-info[data-v-1dda9354]{font-size:.875rem;color:#64748b}.pagination-controls[data-v-1dda9354]{display:flex;align-items:center;gap:16px}.page-size-selector select[data-v-1dda9354]{padding:4px 8px;border:1px solid #e2e8f0;border-radius:4px;font-size:.875rem;background:#fff}.page-buttons[data-v-1dda9354]{display:flex;align-items:center;gap:8px}.page-btn[data-v-1dda9354]{width:32px;height:32px;border:1px solid #e2e8f0;background:#fff;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.page-btn[data-v-1dda9354]:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.page-btn[data-v-1dda9354]:disabled{opacity:.5;cursor:not-allowed}.page-input[data-v-1dda9354]{width:60px;padding:4px 8px;border:1px solid #e2e8f0;border-radius:4px;text-align:center;font-size:.875rem}.empty-state[data-v-1dda9354],.loading-state[data-v-1dda9354]{text-align:center;padding:60px 20px}.empty-content[data-v-1dda9354],.loading-content[data-v-1dda9354]{display:flex;flex-direction:column;align-items:center;gap:16px}.empty-icon[data-v-1dda9354]{font-size:3rem;opacity:.3}.empty-text[data-v-1dda9354],.loading-text[data-v-1dda9354]{font-size:.875rem;color:#9ca3af}.loading-spinner[data-v-1dda9354]{width:40px;height:40px;border:4px solid #f3f4f6;border-top:4px solid #3b82f6;border-radius:50%;animation:spin-1dda9354 1s linear infinite}@keyframes spin-1dda9354{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.col-token-name[data-v-1dda9354]{width:15%}.col-status[data-v-1dda9354]{width:8%}.col-usage[data-v-1dda9354]{width:15%}.col-group[data-v-1dda9354]{width:8%}.col-key[data-v-1dda9354]{width:21%}.col-created-time[data-v-1dda9354],.col-expired-time[data-v-1dda9354]{width:15%}.col-actions[data-v-1dda9354]{width:13%}.loading-container[data-v-1dda9354]{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px 20px}.loading-text[data-v-1dda9354]{color:#64748b;font-size:.875rem}.btn-danger[data-v-1dda9354]{background:#ef4444;color:#fff}.btn-danger[data-v-1dda9354]:hover:not(:disabled){background:#dc2626}.btn-danger[data-v-1dda9354]:disabled{opacity:.5;cursor:not-allowed}.delete-modal-content[data-v-1dda9354]{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:90%;max-width:420px;overflow:hidden}.delete-modal-header[data-v-1dda9354]{display:flex;align-items:center;gap:12px;padding:24px 24px 16px}.delete-warning-icon[data-v-1dda9354]{font-size:1.5rem}.delete-modal-title[data-v-1dda9354]{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0}.delete-modal-body[data-v-1dda9354]{padding:0 24px 16px}.delete-message[data-v-1dda9354]{font-size:.875rem;color:#374151;margin:0 0 12px;line-height:1.5}.delete-warning[data-v-1dda9354]{font-size:.875rem;color:#dc2626;margin:0;line-height:1.5;font-weight:500}.delete-modal-footer[data-v-1dda9354]{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px 24px;background:#f8fafc;border-top:1px solid #e2e8f0}.modal-overlay[data-v-1dda9354]{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-1dda9354]{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:90%;max-width:500px;max-height:90vh;overflow:hidden}.modal-header[data-v-1dda9354]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e2e8f0}.modal-title[data-v-1dda9354]{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0}.close-btn[data-v-1dda9354]{background:none;border:none;font-size:1.5rem;color:#64748b;cursor:pointer;padding:0;width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-btn[data-v-1dda9354]:hover{background:#f1f5f9;color:#374151}.modal-body[data-v-1dda9354]{padding:24px;overflow-y:auto;max-height:calc(90vh - 140px)}.form-group[data-v-1dda9354]{margin-bottom:20px}.form-group[data-v-1dda9354]:last-child{margin-bottom:0}.form-label[data-v-1dda9354]{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:6px}.required[data-v-1dda9354]{color:#ef4444}.form-input[data-v-1dda9354]{width:100%;padding:10px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:.875rem;transition:border-color .2s ease;background:#fff}.form-input[data-v-1dda9354]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-input.disabled[data-v-1dda9354]{background:#f8fafc;color:#9ca3af;cursor:not-allowed}.form-input[data-v-1dda9354]::placeholder{color:#9ca3af}.checkbox-group[data-v-1dda9354]{margin-bottom:12px}.checkbox-label[data-v-1dda9354]{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.875rem}.form-checkbox[data-v-1dda9354]{width:16px;height:16px;border:1px solid #d1d5db;border-radius:4px;cursor:pointer}.checkbox-text[data-v-1dda9354]{color:#374151;font-weight:500}.form-field[data-v-1dda9354]{margin-top:8px}.disabled-field[data-v-1dda9354]{margin-top:8px;opacity:.6}.modal-footer[data-v-1dda9354]{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #e2e8f0;background:#f8fafc}.loading-spinner[data-v-1dda9354]{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin-1dda9354 1s linear infinite;margin-right:8px}@media (max-width: 1024px){.filter-row[data-v-1dda9354]{grid-template-columns:1fr;gap:12px}.filter-actions[data-v-1dda9354]{flex-wrap:wrap}.section-header[data-v-1dda9354]{flex-direction:column;align-items:flex-start;gap:12px}}@media (max-width: 768px){.dashboard-container[data-v-1dda9354]{flex-direction:column;height:100vh}.sidebar[data-v-1dda9354]{width:100%;height:auto;border-right:none;border-bottom:1px solid #e2e8f0;flex-direction:row;align-items:center;padding:8px 16px}.sidebar-header[data-v-1dda9354]{padding:0;border-bottom:none;flex-shrink:0}.sidebar-nav[data-v-1dda9354]{display:flex;overflow-x:auto;padding:0 16px;flex:1;align-items:center}.nav-item[data-v-1dda9354]{flex-shrink:0;margin:0 4px;padding:8px 12px;border-radius:6px;white-space:nowrap}.sidebar-footer[data-v-1dda9354]{padding:0;border-top:none;margin-top:0;margin-left:16px;flex-shrink:0}.user-info-card[data-v-1dda9354]{padding:8px;gap:8px;min-width:140px}.main-content[data-v-1dda9354]{padding:16px;height:calc(100vh - 80px);overflow-y:auto}.key-management-section[data-v-1dda9354]{padding:16px}.modal-content[data-v-1dda9354]{width:95%;margin:16px}.modal-header[data-v-1dda9354],.modal-body[data-v-1dda9354],.modal-footer[data-v-1dda9354]{padding:16px}.modal-footer[data-v-1dda9354]{flex-direction:column}.filter-actions[data-v-1dda9354]{flex-direction:column}.btn[data-v-1dda9354]{justify-content:center}.pagination-section[data-v-1dda9354]{flex-direction:column;gap:12px;align-items:stretch}.pagination-controls[data-v-1dda9354]{justify-content:center}}.dashboard-container[data-v-d725c87e]{display:flex;min-height:100vh;background:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.sidebar[data-v-d725c87e]{width:200px;background:#fff;border-right:1px solid #e2e8f0;flex-shrink:0;display:flex;flex-direction:column;height:100vh}.sidebar-header[data-v-d725c87e]{padding:20px 16px;border-bottom:1px solid #e2e8f0}.logo-section[data-v-d725c87e]{display:flex;align-items:center;gap:8px}.logo-link[data-v-d725c87e]{display:flex;align-items:center;gap:8px;text-decoration:none;transition:opacity .2s ease}.logo-link[data-v-d725c87e]:hover{opacity:.8}.logo-icon[data-v-d725c87e]{font-size:1.5rem}.logo-text[data-v-d725c87e]{font-size:1.125rem;font-weight:600;color:#1e293b}.sidebar-nav[data-v-d725c87e]{padding:16px 0;flex:1;overflow-y:auto}.nav-item[data-v-d725c87e]{display:flex;align-items:center;gap:12px;padding:12px 16px;color:#64748b;cursor:pointer;transition:all .2s ease;margin:0 8px;border-radius:8px}.nav-item[data-v-d725c87e]:hover{background:#f1f5f9;color:#334155}.nav-item.active[data-v-d725c87e]{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;font-weight:500}.nav-icon[data-v-d725c87e]{font-size:1rem;width:20px;text-align:center}.nav-text[data-v-d725c87e]{font-size:.875rem}.back-home-section[data-v-d725c87e]{padding:16px}.back-home-btn[data-v-d725c87e]{width:100%;display:flex;align-items:center;gap:8px;padding:12px 16px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #3b82f633}.back-home-btn[data-v-d725c87e]:hover{background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.btn-icon[data-v-d725c87e]{font-size:1rem}.btn-text[data-v-d725c87e]{flex:1;text-align:left}.sidebar-footer[data-v-d725c87e]{padding:16px;border-top:1px solid #e2e8f0;margin-top:auto}.user-info-card[data-v-d725c87e]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px;display:flex;align-items:center;gap:12px;width:100%}.user-avatar[data-v-d725c87e]{width:32px;height:32px;background:#e2e8f0;border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:600;color:#64748b;font-size:.875rem;flex-shrink:0}.user-details[data-v-d725c87e]{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.user-id[data-v-d725c87e]{font-size:.8rem;font-weight:500;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-phone[data-v-d725c87e]{font-size:.7rem;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main-content[data-v-d725c87e]{flex:1;padding:24px;overflow-y:auto}.page-header[data-v-d725c87e]{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.page-title[data-v-d725c87e]{font-size:1.5rem;font-weight:600;color:#1e293b;margin:0}.refresh-btn[data-v-d725c87e]{display:flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,#10b981,#047857);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.refresh-btn[data-v-d725c87e]:hover:not(:disabled){background:linear-gradient(135deg,#059669,#065f46);transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.refresh-btn[data-v-d725c87e]:disabled{opacity:.6;cursor:not-allowed;transform:none}.refresh-icon[data-v-d725c87e]{display:inline-block;animation:refreshSpin-d725c87e 1s linear infinite paused}.refresh-btn:disabled .refresh-icon[data-v-d725c87e]{animation-play-state:running}@keyframes refreshSpin-d725c87e{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.subscription-section[data-v-d725c87e]{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;margin-bottom:32px}.section-header[data-v-d725c87e]{margin-bottom:24px}.section-title[data-v-d725c87e]{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0}.table-section[data-v-d725c87e]{overflow:hidden}.table-container[data-v-d725c87e]{overflow-x:auto;border:1px solid #e2e8f0;border-radius:8px}.subscription-table[data-v-d725c87e]{width:100%;border-collapse:collapse;background:#fff}.subscription-table th[data-v-d725c87e]{background:#f8fafc;padding:12px 16px;text-align:left;font-size:.875rem;font-weight:600;color:#374151!important;border-bottom:1px solid #e2e8f0;white-space:nowrap}.subscription-table td[data-v-d725c87e]{padding:16px;font-size:.875rem;color:#1f2937!important;border-bottom:1px solid #f1f5f9;vertical-align:middle}.table-row[data-v-d725c87e]:hover{background:#f8fafc}.table-row:last-child td[data-v-d725c87e]{border-bottom:none}.empty-state[data-v-d725c87e]{text-align:center;padding:60px 20px}.empty-content[data-v-d725c87e]{display:flex;flex-direction:column;align-items:center;gap:12px}.empty-icon[data-v-d725c87e]{font-size:3rem;opacity:.3}.empty-text[data-v-d725c87e]{font-size:.875rem;color:#9ca3af}.status-badge[data-v-d725c87e]{padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:500}.status-badge.active[data-v-d725c87e]{background:#dcfce7;color:#166534}.status-badge.expired[data-v-d725c87e]{background:#fee2e2;color:#dc2626}.status-badge.pending[data-v-d725c87e]{background:#fef3c7;color:#d97706}.col-plan-name[data-v-d725c87e]{width:15%}.col-status[data-v-d725c87e]{width:10%}.col-start-time[data-v-d725c87e],.col-end-time[data-v-d725c87e]{width:15%}.col-speed-limit[data-v-d725c87e]{width:12%}.col-source[data-v-d725c87e]{width:10%}.col-create-time[data-v-d725c87e]{width:15%}@media (max-width: 1024px){.subscription-table[data-v-d725c87e]{min-width:700px}}@media (max-width: 768px){.dashboard-container[data-v-d725c87e]{flex-direction:column;height:100vh}.sidebar[data-v-d725c87e]{width:100%;height:auto;border-right:none;border-bottom:1px solid #e2e8f0;flex-direction:row;align-items:center;padding:8px 16px}.sidebar-header[data-v-d725c87e]{padding:0;border-bottom:none;flex-shrink:0}.sidebar-nav[data-v-d725c87e]{display:flex;overflow-x:auto;padding:0 16px;flex:1;align-items:center}.nav-item[data-v-d725c87e]{flex-shrink:0;margin:0 4px;padding:8px 12px;border-radius:6px;white-space:nowrap}.sidebar-footer[data-v-d725c87e]{padding:0;border-top:none;margin-top:0;margin-left:16px;flex-shrink:0}.user-info-card[data-v-d725c87e]{padding:8px;gap:8px;min-width:140px}.main-content[data-v-d725c87e]{padding:16px;height:calc(100vh - 80px);overflow-y:auto}.subscription-section[data-v-d725c87e]{padding:16px}.subscription-table[data-v-d725c87e]{min-width:600px;font-size:.75rem}.subscription-table th[data-v-d725c87e],.subscription-table td[data-v-d725c87e]{padding:8px 12px}}.loading-container[data-v-d725c87e]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:#fff;border-radius:8px}.loading-spinner[data-v-d725c87e]{width:40px;height:40px;border:3px solid #f3f4f6;border-top:3px solid #3b82f6;border-radius:50%;animation:spin-d725c87e 1s linear infinite;margin-bottom:16px}@keyframes spin-d725c87e{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text[data-v-d725c87e]{font-size:.875rem;color:#6b7280}.error-container[data-v-d725c87e]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:#fff;border-radius:8px}.error-icon[data-v-d725c87e]{font-size:2rem;margin-bottom:16px}.error-text[data-v-d725c87e]{font-size:.875rem;color:#dc2626;margin-bottom:16px;text-align:center}.retry-btn[data-v-d725c87e]{background:#3b82f6;color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:.875rem;cursor:pointer;transition:background-color .2s}.retry-btn[data-v-d725c87e]:hover{background:#2563eb}.col-title[data-v-d725c87e]{width:25%}.col-points[data-v-d725c87e]{width:15%}.col-start-time[data-v-d725c87e],.col-end-time[data-v-d725c87e]{width:22%}.col-status[data-v-d725c87e]{width:16%}.status-badge[data-v-d725c87e]{display:inline-block;padding:4px 12px;border-radius:12px;font-size:.75rem;font-weight:500;text-align:center}.status-active[data-v-d725c87e]{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.status-expired[data-v-d725c87e]{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.status-pending[data-v-d725c87e]{background:#fef3c7;color:#d97706;border:1px solid #fed7aa}.status-unknown[data-v-d725c87e]{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.wallet-container[data-v-af8f34f7]{display:flex;min-height:100vh;background:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.sidebar[data-v-af8f34f7]{width:200px;background:#fff;border-right:1px solid #e2e8f0;flex-shrink:0;display:flex;flex-direction:column;height:100vh}.sidebar-header[data-v-af8f34f7]{padding:20px 16px;border-bottom:1px solid #e2e8f0}.logo-section[data-v-af8f34f7]{display:flex;align-items:center;gap:8px}.logo-link[data-v-af8f34f7]{display:flex;align-items:center;gap:8px;text-decoration:none;transition:opacity .2s ease}.logo-link[data-v-af8f34f7]:hover{opacity:.8}.logo-icon[data-v-af8f34f7]{font-size:1.5rem}.logo-text[data-v-af8f34f7]{font-size:1.125rem;font-weight:600;color:#1e293b}.sidebar-nav[data-v-af8f34f7]{padding:16px 0;flex:1;overflow-y:auto}.nav-item[data-v-af8f34f7]{display:flex;align-items:center;gap:12px;padding:12px 16px;color:#64748b;cursor:pointer;transition:all .2s ease;margin:0 8px;border-radius:8px}.nav-item[data-v-af8f34f7]:hover{background:#f1f5f9;color:#334155}.nav-item.active[data-v-af8f34f7]{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;font-weight:500}.nav-icon[data-v-af8f34f7]{font-size:1rem;width:20px;text-align:center}.nav-text[data-v-af8f34f7]{font-size:.875rem}.back-home-section[data-v-af8f34f7]{padding:16px}.back-home-btn[data-v-af8f34f7]{width:100%;display:flex;align-items:center;gap:8px;padding:12px 16px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #3b82f633}.back-home-btn[data-v-af8f34f7]:hover{background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.btn-icon[data-v-af8f34f7]{font-size:1rem}.btn-text[data-v-af8f34f7]{flex:1;text-align:left}.sidebar-footer[data-v-af8f34f7]{padding:16px;border-top:1px solid #e2e8f0;margin-top:auto}.user-info-card[data-v-af8f34f7]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px;display:flex;align-items:center;gap:12px;width:100%}.user-avatar[data-v-af8f34f7]{width:32px;height:32px;background:#e2e8f0;border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:600;color:#64748b;font-size:.875rem;flex-shrink:0}.user-details[data-v-af8f34f7]{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.user-id[data-v-af8f34f7]{font-size:.8rem;font-weight:500;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-phone[data-v-af8f34f7]{font-size:.7rem;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main-content[data-v-af8f34f7]{flex:1;padding:24px;overflow-y:auto;height:100vh}.content-header[data-v-af8f34f7]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.header-left[data-v-af8f34f7]{display:flex;flex-direction:column;gap:16px}.page-title[data-v-af8f34f7]{font-size:1.5rem;font-weight:600;color:#1e293b;margin:0}.header-right[data-v-af8f34f7]{display:flex;align-items:center;gap:16px}.refresh-time[data-v-af8f34f7]{color:#64748b;font-size:.875rem}.refresh-btn[data-v-af8f34f7]{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;transition:all .2s ease}.refresh-btn[data-v-af8f34f7]:hover{background:#f1f5f9;border-color:#cbd5e1}.refresh-btn[data-v-af8f34f7]:disabled{background:#f8fafc;border-color:#e2e8f0;color:#9ca3af;cursor:not-allowed}.refresh-btn:disabled .refresh-icon[data-v-af8f34f7]{animation:spin-af8f34f7 1s linear infinite}.wallet-section[data-v-af8f34f7]{margin-bottom:32px}.wallet-grid[data-v-af8f34f7]{display:grid;grid-template-columns:1fr;gap:24px}.wallet-card[data-v-af8f34f7]{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;box-shadow:0 1px 3px #0000000d;transition:all .2s ease}.wallet-card[data-v-af8f34f7]:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.recharge-card[data-v-af8f34f7]{background:linear-gradient(135deg,#3b82f6,#1e40af);color:#fff}.card-header[data-v-af8f34f7]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.card-title-section[data-v-af8f34f7]{display:flex;align-items:center;gap:12px}.card-icon[data-v-af8f34f7]{font-size:1.5rem}.card-title[data-v-af8f34f7]{font-size:1.25rem;font-weight:600;margin:0 0 4px}.card-subtitle[data-v-af8f34f7]{font-size:.875rem;margin:0;opacity:.8}.stats-content[data-v-af8f34f7]{margin-bottom:20px}.stats-row[data-v-af8f34f7]{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stat-item[data-v-af8f34f7]{text-align:center}.stat-label[data-v-af8f34f7]{font-size:.875rem;opacity:.8;margin-bottom:8px}.stat-value[data-v-af8f34f7]{font-size:1.5rem;font-weight:700;line-height:1}.redeem-section[data-v-af8f34f7]{margin-bottom:32px}.redeem-card[data-v-af8f34f7]{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;box-shadow:0 1px 3px #0000000d;transition:all .2s ease}.redeem-card[data-v-af8f34f7]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.redeem-header[data-v-af8f34f7]{margin-bottom:24px}.redeem-title-section[data-v-af8f34f7]{display:flex;align-items:center;gap:12px}.redeem-icon[data-v-af8f34f7]{font-size:1.5rem}.redeem-info[data-v-af8f34f7]{flex:1}.redeem-title[data-v-af8f34f7]{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0 0 4px}.redeem-subtitle[data-v-af8f34f7]{font-size:.875rem;color:#64748b;margin:0}.redeem-form[data-v-af8f34f7]{margin-bottom:20px}.redeem-input-group[data-v-af8f34f7]{display:flex;gap:12px;max-width:600px}.input-wrapper[data-v-af8f34f7]{flex:1;position:relative}.redeem-input[data-v-af8f34f7]{width:100%;padding:14px 16px;border:1px solid #e2e8f0;border-radius:12px;font-size:.875rem;transition:all .2s ease;background:#f8fafc}.redeem-input[data-v-af8f34f7]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;background:#fff}.redeem-input[data-v-af8f34f7]:disabled{background:#f1f5f9;color:#94a3b8;cursor:not-allowed}.redeem-btn[data-v-af8f34f7]{padding:14px 24px;background:linear-gradient(135deg,#10b981,#047857);color:#fff;border:none;border-radius:12px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;white-space:nowrap}.redeem-btn[data-v-af8f34f7]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #10b9814d}.redeem-btn[data-v-af8f34f7]:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-icon[data-v-af8f34f7]{font-size:.875rem}.loading-content[data-v-af8f34f7]{display:flex;align-items:center;gap:8px}.loading-spinner[data-v-af8f34f7]{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin-af8f34f7 1s linear infinite}.redeem-tips[data-v-af8f34f7]{background:#3b82f60d;border:1px solid rgba(59,130,246,.1);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px}.tip-item[data-v-af8f34f7]{display:flex;align-items:flex-start;gap:8px}.tip-icon[data-v-af8f34f7]{font-size:.875rem;flex-shrink:0;margin-top:1px}.tip-text[data-v-af8f34f7]{color:#475569;font-size:.8rem;line-height:1.5}.charge-btn[data-v-af8f34f7]{background:linear-gradient(135deg,#f59e0b,#f97316)!important;color:#000!important}.charge-btn[data-v-af8f34f7]:hover:not(:disabled){background:linear-gradient(135deg,#f97316,#ea580c)!important;box-shadow:0 6px 20px #f59e0b4d!important}.input-error[data-v-af8f34f7]{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441a!important}.amount-error-tip[data-v-af8f34f7]{margin-top:12px;padding:8px 12px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:8px;display:flex;align-items:center;gap:8px}.error-icon[data-v-af8f34f7]{font-size:1rem;flex-shrink:0}.error-text[data-v-af8f34f7]{color:#ef4444;font-size:.875rem;font-weight:500}.charge-tips[data-v-af8f34f7]{background:#f59e0b0d;border:1px solid rgba(245,158,11,.1);border-radius:12px;padding:16px;margin-top:16px}.charge-modal-overlay[data-v-af8f34f7]{position:fixed;inset:0;background:#000000bf;backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;animation:modalFadeIn-af8f34f7 .3s ease}.charge-modal[data-v-af8f34f7]{background:linear-gradient(135deg,#0a0e1a,#1a1a2e,#16213e);border:1px solid rgba(79,70,229,.3);border-radius:20px;max-width:900px;width:100%;max-height:85vh;overflow-y:auto;position:relative;box-shadow:0 25px 50px -12px #000c;backdrop-filter:blur(20px);animation:modalSlideIn-af8f34f7 .3s ease}.charge-modal[data-v-af8f34f7]::-webkit-scrollbar{width:8px}.charge-modal[data-v-af8f34f7]::-webkit-scrollbar-track{background:#0f172a99;border-radius:10px}.charge-modal[data-v-af8f34f7]::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#f59e0b,#f97316);border-radius:10px;border:2px solid rgba(15,23,42,.6)}.charge-modal[data-v-af8f34f7]::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#f97316,#ea580c)}.modal-close-btn[data-v-af8f34f7]{position:absolute;top:16px;right:16px;width:40px;height:40px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.5rem;transition:all .2s ease;z-index:1001}.modal-close-btn[data-v-af8f34f7]:hover{background:#ef444433;border-color:#ef444466;color:#ef4444;transform:scale(1.1)}.charge-modal-content[data-v-af8f34f7]{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:40px}.charge-info[data-v-af8f34f7]{padding-right:20px;border-right:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;min-height:500px}.charge-badge[data-v-af8f34f7]{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#f59e0b,#f97316);color:#000;padding:8px 16px;border-radius:20px;font-size:.875rem;font-weight:600;margin-bottom:24px;width:fit-content}.charge-title[data-v-af8f34f7]{font-size:2rem;font-weight:700;color:#fff;margin-bottom:16px;background:linear-gradient(135deg,#f59e0b,#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.charge-amount[data-v-af8f34f7]{margin-bottom:32px;display:flex;align-items:center;gap:12px}.amount-label[data-v-af8f34f7]{color:#94a3b8;font-size:1rem}.amount-value[data-v-af8f34f7]{font-size:2rem;font-weight:800;color:#f59e0b}.charge-notes[data-v-af8f34f7]{background:#0f172acc;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;margin-top:auto}.notes-title[data-v-af8f34f7]{font-size:1rem;font-weight:600;color:#fff;margin:0 0 16px;display:flex;align-items:center;gap:8px}.notes-title[data-v-af8f34f7]:before{content:"📋";font-size:1rem}.charge-notes .note-item[data-v-af8f34f7]{display:flex;align-items:center;gap:12px;padding:8px 0;color:#94a3b8;font-size:.875rem}.charge-notes .note-icon[data-v-af8f34f7]{font-size:1rem;flex-shrink:0}.charge-payment[data-v-af8f34f7]{padding-left:20px}.payment-title[data-v-af8f34f7]{font-size:1.5rem;font-weight:600;color:#fff;margin-bottom:24px;display:flex;align-items:center;justify-content:center;gap:8px}.payment-title[data-v-af8f34f7]:before{content:"💳";font-size:1.2rem}.qr-code-container[data-v-af8f34f7]{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:32px;margin-bottom:24px;text-align:center}.qr-loading[data-v-af8f34f7]{display:flex;flex-direction:column;align-items:center;gap:16px;color:#94a3b8}.loading-spinner-qr[data-v-af8f34f7]{width:40px;height:40px;border:3px solid rgba(245,158,11,.2);border-top:3px solid #f59e0b;border-radius:50%;animation:spin-af8f34f7 1s linear infinite}.qr-code-display[data-v-af8f34f7]{display:flex;flex-direction:column;align-items:center;gap:16px}.qr-code-image[data-v-af8f34f7]{width:200px;height:200px;border-radius:12px;box-shadow:0 8px 20px #0000004d;transition:all .3s ease}.qr-code-timeout[data-v-af8f34f7]{filter:blur(4px);opacity:.5;pointer-events:none}.qr-code-tip[data-v-af8f34f7]{color:#94a3b8;font-size:.875rem;margin:0}.countdown-container[data-v-af8f34f7]{margin:16px 0;padding:12px 16px;border-radius:12px;background:#0f172acc;border:1px solid rgba(255,255,255,.1)}.countdown-display[data-v-af8f34f7]{display:flex;align-items:center;justify-content:center;gap:8px;color:#f59e0b;font-weight:600}.countdown-time[data-v-af8f34f7]{font-size:1.125rem;font-weight:700;background:linear-gradient(135deg,#f59e0b,#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;min-width:50px;text-align:center}.timeout-display[data-v-af8f34f7]{display:flex;align-items:center;justify-content:center;gap:8px;color:#ef4444;font-weight:600}.payment-status-indicator[data-v-af8f34f7]{display:flex;align-items:center;gap:12px;margin-top:16px;padding:12px 20px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:12px}.loading-spinner-payment[data-v-af8f34f7]{width:20px;height:20px;border:2px solid rgba(245,158,11,.2);border-top:2px solid #f59e0b;border-radius:50%;animation:spin-af8f34f7 1s linear infinite}.payment-status-indicator span[data-v-af8f34f7]{color:#f59e0b;font-size:.875rem;font-weight:500}@keyframes modalFadeIn-af8f34f7{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn-af8f34f7{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes spin-af8f34f7{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1024px){.wallet-grid[data-v-af8f34f7]{grid-template-columns:1fr;gap:20px}.stats-row[data-v-af8f34f7]{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.wallet-container[data-v-af8f34f7]{flex-direction:column;height:100vh}.sidebar[data-v-af8f34f7]{width:100%;height:auto;border-right:none;border-bottom:1px solid #e2e8f0;flex-direction:row;align-items:center;padding:8px 16px}.sidebar-header[data-v-af8f34f7]{padding:0;border-bottom:none;flex-shrink:0}.sidebar-nav[data-v-af8f34f7]{display:flex;overflow-x:auto;padding:0 16px;flex:1;align-items:center}.nav-item[data-v-af8f34f7]{flex-shrink:0;margin:0 4px;padding:8px 12px;border-radius:6px;white-space:nowrap}.sidebar-footer[data-v-af8f34f7]{padding:0;border-top:none;margin-top:0;margin-left:16px;flex-shrink:0}.user-info-card[data-v-af8f34f7]{padding:8px;gap:8px;min-width:140px}.main-content[data-v-af8f34f7]{padding:16px;height:calc(100vh - 80px);overflow-y:auto}.content-header[data-v-af8f34f7]{flex-direction:column;gap:16px}.stats-row[data-v-af8f34f7]{grid-template-columns:1fr;gap:12px}.redeem-input-group[data-v-af8f34f7]{flex-direction:column;max-width:none}.redeem-tips[data-v-af8f34f7]{margin-top:16px}.tip-item[data-v-af8f34f7]{align-items:center}.charge-modal[data-v-af8f34f7]{margin:10px;max-height:95vh}.charge-modal-content[data-v-af8f34f7]{grid-template-columns:1fr;gap:24px;padding:24px}.charge-info[data-v-af8f34f7]{padding-right:0;border-right:none;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:24px;min-height:auto}.charge-payment[data-v-af8f34f7]{padding-left:0;padding-top:24px}.charge-title[data-v-af8f34f7],.amount-value[data-v-af8f34f7]{font-size:1.5rem}.qr-code-container[data-v-af8f34f7]{padding:24px}.qr-code-image[data-v-af8f34f7]{width:180px;height:180px}}@media (max-width: 480px){.charge-modal-content[data-v-af8f34f7]{padding:16px}.charge-title[data-v-af8f34f7],.amount-value[data-v-af8f34f7]{font-size:1.25rem}.qr-code-image[data-v-af8f34f7]{width:160px;height:160px}}.referral-container[data-v-9b57c263]{display:flex;min-height:100vh;background:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.sidebar[data-v-9b57c263]{width:200px;background:#fff;border-right:1px solid #e2e8f0;flex-shrink:0;display:flex;flex-direction:column;height:100vh}.sidebar-header[data-v-9b57c263]{padding:20px 16px;border-bottom:1px solid #e2e8f0}.logo-section[data-v-9b57c263]{display:flex;align-items:center;gap:8px}.logo-link[data-v-9b57c263]{display:flex;align-items:center;gap:8px;text-decoration:none;transition:opacity .2s ease}.logo-link[data-v-9b57c263]:hover{opacity:.8}.logo-icon[data-v-9b57c263]{font-size:1.5rem}.logo-text[data-v-9b57c263]{font-size:1.125rem;font-weight:600;color:#1e293b}.sidebar-nav[data-v-9b57c263]{padding:16px 0;flex:1;overflow-y:auto}.nav-item[data-v-9b57c263]{display:flex;align-items:center;gap:12px;padding:12px 16px;color:#64748b;cursor:pointer;transition:all .2s ease;margin:0 8px;border-radius:8px}.nav-item[data-v-9b57c263]:hover{background:#f1f5f9;color:#334155}.nav-item.active[data-v-9b57c263]{background:linear-gradient(135deg,#10b981,#047857);color:#fff;font-weight:500}.nav-icon[data-v-9b57c263]{font-size:1rem;width:20px;text-align:center}.nav-text[data-v-9b57c263]{font-size:.875rem}.back-home-section[data-v-9b57c263]{padding:16px}.back-home-btn[data-v-9b57c263]{width:100%;display:flex;align-items:center;gap:8px;padding:12px 16px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #3b82f633}.back-home-btn[data-v-9b57c263]:hover{background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.btn-icon[data-v-9b57c263]{font-size:1rem}.btn-text[data-v-9b57c263]{flex:1;text-align:left}.sidebar-footer[data-v-9b57c263]{padding:16px;border-top:1px solid #e2e8f0;margin-top:auto}.user-info-card[data-v-9b57c263]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px;display:flex;align-items:center;gap:12px;width:100%}.user-avatar[data-v-9b57c263]{width:32px;height:32px;background:#e2e8f0;border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:600;color:#64748b;font-size:.875rem;flex-shrink:0}.user-details[data-v-9b57c263]{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.user-id[data-v-9b57c263]{font-size:.8rem;font-weight:500;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-phone[data-v-9b57c263]{font-size:.7rem;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main-content[data-v-9b57c263]{flex:1;padding:24px;overflow-y:auto;height:100vh}.content-header[data-v-9b57c263]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.header-left[data-v-9b57c263]{display:flex;flex-direction:column;gap:16px}.page-title[data-v-9b57c263]{font-size:1.5rem;font-weight:600;color:#1e293b;margin:0}.header-right[data-v-9b57c263]{display:flex;align-items:center;gap:16px}.refresh-time[data-v-9b57c263]{color:#64748b;font-size:.875rem}.refresh-btn[data-v-9b57c263]{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;transition:all .2s ease}.refresh-btn[data-v-9b57c263]:hover{background:#f1f5f9;border-color:#cbd5e1}.refresh-btn[data-v-9b57c263]:disabled{background:#f8fafc;border-color:#e2e8f0;color:#9ca3af;cursor:not-allowed}.refresh-btn:disabled .refresh-icon[data-v-9b57c263]{animation:spin-9b57c263 1s linear infinite}@keyframes spin-9b57c263{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.reward-section[data-v-9b57c263]{margin-bottom:32px}.reward-card[data-v-9b57c263]{background:linear-gradient(135deg,#10b981,#047857);color:#fff;border-radius:16px;padding:24px;box-shadow:0 8px 25px #0000001a;transition:all .2s ease}.reward-card[data-v-9b57c263]:hover{transform:translateY(-2px);box-shadow:0 12px 35px #00000026}.card-header[data-v-9b57c263]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.card-title-section[data-v-9b57c263]{display:flex;align-items:center;gap:12px}.card-icon[data-v-9b57c263]{font-size:1.5rem}.card-title[data-v-9b57c263]{font-size:1.25rem;font-weight:600;margin:0 0 4px}.card-subtitle[data-v-9b57c263]{font-size:.875rem;margin:0;opacity:.8}.copy-link-btn[data-v-9b57c263]{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;cursor:pointer;transition:all .2s ease;font-size:.875rem}.copy-link-btn[data-v-9b57c263]:hover{background:#ffffff4d}.stats-content[data-v-9b57c263]{margin-bottom:20px}.stats-row[data-v-9b57c263]{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stat-item[data-v-9b57c263]{text-align:center}.stat-label[data-v-9b57c263]{font-size:.875rem;opacity:.8;margin-bottom:8px}.stat-value[data-v-9b57c263]{font-size:1.5rem;font-weight:700;line-height:1}.invite-section[data-v-9b57c263]{margin-top:20px}.invite-link-container[data-v-9b57c263]{display:flex;flex-direction:column;gap:8px}.invite-label[data-v-9b57c263]{font-size:.875rem;opacity:.8}.invite-link-input[data-v-9b57c263]{display:flex;gap:8px}.link-input[data-v-9b57c263]{flex:1;padding:8px 12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:.875rem}.link-input[data-v-9b57c263]::placeholder{color:#fff9}.copy-btn[data-v-9b57c263]{padding:8px 12px;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:6px;color:#fff;cursor:pointer;transition:all .2s ease;font-size:.875rem}.copy-btn[data-v-9b57c263]:hover{background:#ffffff4d}.cashback-section[data-v-9b57c263]{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;margin-bottom:32px}.section-header[data-v-9b57c263]{margin-bottom:24px}.section-title[data-v-9b57c263]{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0}.table-section[data-v-9b57c263]{overflow:hidden}.table-container[data-v-9b57c263]{overflow-x:auto;border:1px solid #e2e8f0;border-radius:8px}.reward-history-table[data-v-9b57c263]{width:100%;border-collapse:collapse;background:#fff}.reward-history-table th[data-v-9b57c263]{background:#f8fafc;padding:12px 16px;text-align:left;font-size:.875rem;font-weight:600;color:#374151;border-bottom:1px solid #e2e8f0;white-space:nowrap}.reward-history-table td[data-v-9b57c263]{padding:16px;font-size:.875rem;color:#374151;border-bottom:1px solid #f1f5f9;vertical-align:middle}.table-row[data-v-9b57c263]:hover{background:#f8fafc}.table-row:last-child td[data-v-9b57c263]{border-bottom:none}.empty-state[data-v-9b57c263]{text-align:center;padding:60px 20px}.empty-content[data-v-9b57c263]{display:flex;flex-direction:column;align-items:center;gap:12px}.empty-icon[data-v-9b57c263]{font-size:3rem;opacity:.3}.empty-text[data-v-9b57c263]{font-size:.875rem;color:#9ca3af}.status-badge[data-v-9b57c263]{display:inline-block;padding:4px 12px;border-radius:12px;font-size:.75rem;font-weight:500;text-align:center}.status-pending[data-v-9b57c263]{background:#fef3c7;color:#d97706;border:1px solid #fed7aa}.status-approved[data-v-9b57c263]{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.status-rejected[data-v-9b57c263]{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.status-completed[data-v-9b57c263]{background:#dbeafe;color:#1e40af;border:1px solid #bfdbfe}.status-cancelled[data-v-9b57c263]{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.col-username[data-v-9b57c263]{width:15%}.col-amount[data-v-9b57c263]{width:10%}.col-status[data-v-9b57c263]{width:12%}.col-created-time[data-v-9b57c263],.col-updated-time[data-v-9b57c263]{width:18%}.col-remark[data-v-9b57c263]{width:27%}.remark-text[data-v-9b57c263]{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:help;word-break:break-all}.pagination-container[data-v-9b57c263]{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding:16px 0;border-top:1px solid #e2e8f0}.pagination-info[data-v-9b57c263]{font-size:.875rem;color:#6b7280}.pagination-controls[data-v-9b57c263]{display:flex;align-items:center;gap:8px}.pagination-btn[data-v-9b57c263]{padding:8px 12px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;font-size:.875rem;color:#374151;cursor:pointer;transition:all .2s ease}.pagination-btn[data-v-9b57c263]:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.pagination-btn[data-v-9b57c263]:disabled{opacity:.5;cursor:not-allowed;background:#f9fafb}.page-numbers[data-v-9b57c263]{display:flex;gap:4px}.page-btn[data-v-9b57c263]{min-width:32px;height:32px;padding:0 8px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;font-size:.875rem;color:#374151;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.page-btn[data-v-9b57c263]:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.page-btn.active[data-v-9b57c263]{background:#3b82f6;border-color:#3b82f6;color:#fff}.page-btn[data-v-9b57c263]:disabled{opacity:.5;cursor:not-allowed}.loading-container[data-v-9b57c263]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:#fff;border-radius:8px}.loading-spinner[data-v-9b57c263]{width:40px;height:40px;border:3px solid #f3f4f6;border-top:3px solid #3b82f6;border-radius:50%;animation:spin-9b57c263 1s linear infinite;margin-bottom:16px}.loading-text[data-v-9b57c263]{font-size:.875rem;color:#6b7280}.error-container[data-v-9b57c263]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:#fff;border-radius:8px}.error-icon[data-v-9b57c263]{font-size:2rem;margin-bottom:16px}.error-text[data-v-9b57c263]{font-size:.875rem;color:#dc2626;margin-bottom:16px;text-align:center}.retry-btn[data-v-9b57c263]{background:#3b82f6;color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:.875rem;cursor:pointer;transition:background-color .2s}.retry-btn[data-v-9b57c263]:hover{background:#2563eb}.reward-info-section[data-v-9b57c263]{margin-bottom:32px}.reward-info-card[data-v-9b57c263]{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px}.info-title[data-v-9b57c263]{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0 0 16px}.info-content[data-v-9b57c263]{display:flex;flex-direction:column;gap:12px}.info-item[data-v-9b57c263]{display:flex;align-items:flex-start;gap:8px}.info-bullet[data-v-9b57c263]{color:#10b981;font-weight:700}.info-text[data-v-9b57c263]{color:#64748b;font-size:.875rem;line-height:1.5}.withdraw-modal-overlay[data-v-9b57c263]{position:fixed;inset:0;background:#000000bf;backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;animation:modalFadeIn-9b57c263 .3s ease}.withdraw-modal[data-v-9b57c263]{background:linear-gradient(135deg,#0a0e1a,#1a1a2e,#16213e);border:1px solid rgba(16,185,129,.3);border-radius:20px;max-width:500px;width:100%;max-height:85vh;overflow-y:auto;position:relative;box-shadow:0 25px 50px -12px #000c;backdrop-filter:blur(20px);animation:modalSlideIn-9b57c263 .3s ease}.modal-close-btn[data-v-9b57c263]{position:absolute;top:16px;right:16px;width:40px;height:40px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.5rem;transition:all .2s ease;z-index:1001}.modal-close-btn[data-v-9b57c263]:hover{background:#ef444433;border-color:#ef444466;color:#ef4444;transform:scale(1.1)}.withdraw-modal-content[data-v-9b57c263]{padding:40px}.withdraw-header[data-v-9b57c263]{text-align:center;margin-bottom:32px}.withdraw-badge[data-v-9b57c263]{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#10b981,#047857);color:#000;padding:8px 16px;border-radius:20px;font-size:.875rem;font-weight:600;margin-bottom:16px}.withdraw-title[data-v-9b57c263]{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:16px;background:linear-gradient(135deg,#10b981,#047857);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.available-balance[data-v-9b57c263]{display:flex;align-items:center;justify-content:center;gap:8px;color:#94a3b8}.balance-label[data-v-9b57c263]{font-size:1rem}.balance-value[data-v-9b57c263]{font-size:1.25rem;font-weight:700;color:#10b981}.withdraw-form[data-v-9b57c263]{display:flex;flex-direction:column;gap:24px;margin-bottom:24px}.form-group[data-v-9b57c263]{display:flex;flex-direction:column;gap:8px}.form-label[data-v-9b57c263]{color:#fff;font-size:.875rem;font-weight:600}.form-input[data-v-9b57c263]{padding:12px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:.875rem;transition:all .2s ease}.form-input[data-v-9b57c263]:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;background:#ffffff26}.form-input[data-v-9b57c263]::placeholder{color:#fff9}.form-input[data-v-9b57c263]:disabled{opacity:.6;cursor:not-allowed}.input-error[data-v-9b57c263]{border-color:#ef4444!important}.error-tip[data-v-9b57c263]{display:flex;align-items:center;gap:6px;color:#ef4444;font-size:.8rem}.form-actions[data-v-9b57c263]{display:flex;gap:12px;justify-content:flex-end}.cancel-btn[data-v-9b57c263],.submit-btn[data-v-9b57c263]{padding:12px 24px;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.cancel-btn[data-v-9b57c263]{background:#ffffff1a;color:#94a3b8;border:1px solid rgba(255,255,255,.2)}.cancel-btn[data-v-9b57c263]:hover:not(:disabled){background:#ffffff26;color:#fff}.submit-btn[data-v-9b57c263]{background:linear-gradient(135deg,#10b981,#047857);color:#fff}.submit-btn[data-v-9b57c263]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #10b9814d}.submit-btn[data-v-9b57c263]:disabled{opacity:.6;cursor:not-allowed;transform:none}.loading-content[data-v-9b57c263]{display:flex;align-items:center;gap:8px}.withdraw-tips[data-v-9b57c263]{background:#0f172acc;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px}.withdraw-tips .tip-item[data-v-9b57c263]{display:flex;align-items:flex-start;gap:8px;margin-bottom:8px;color:#94a3b8;font-size:.8rem}.withdraw-tips .tip-item[data-v-9b57c263]:last-child{margin-bottom:0}.withdraw-tips .tip-icon[data-v-9b57c263]{font-size:.875rem;flex-shrink:0;margin-top:1px}.withdraw-tips .tip-text[data-v-9b57c263]{line-height:1.4}@keyframes modalFadeIn-9b57c263{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn-9b57c263{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width: 768px){.referral-container[data-v-9b57c263]{flex-direction:column;height:100vh}.sidebar[data-v-9b57c263]{width:100%;height:auto;border-right:none;border-bottom:1px solid #e2e8f0;flex-direction:row;align-items:center;padding:8px 16px}.sidebar-header[data-v-9b57c263]{padding:0;border-bottom:none;flex-shrink:0}.sidebar-nav[data-v-9b57c263]{display:flex;overflow-x:auto;padding:0 16px;flex:1;align-items:center}.nav-item[data-v-9b57c263]{flex-shrink:0;margin:0 4px;padding:8px 12px;border-radius:6px;white-space:nowrap}.sidebar-footer[data-v-9b57c263]{padding:0;border-top:none;margin-top:0;margin-left:16px;flex-shrink:0}.user-info-card[data-v-9b57c263]{padding:8px;gap:8px;min-width:140px}.main-content[data-v-9b57c263]{padding:16px;height:calc(100vh - 80px);overflow-y:auto}.content-header[data-v-9b57c263]{flex-direction:column;gap:16px}.stats-row[data-v-9b57c263]{grid-template-columns:1fr;gap:12px}}.tutorial-container[data-v-1287638b]{min-height:100vh;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.tutorial-header[data-v-1287638b]{background:linear-gradient(135deg,#da77581a,#2cc37f1a);backdrop-filter:blur(10px);padding:40px 0;text-align:center;border-bottom:1px solid rgba(218,119,88,.2)}.header-content[data-v-1287638b]{max-width:1200px;margin:0 auto;padding:0 24px}.page-title[data-v-1287638b]{font-size:2.5rem;font-weight:700;color:#1a202c;margin:0 0 16px;display:flex;align-items:center;justify-content:center;gap:16px}.title-icon[data-v-1287638b]{font-size:2.5rem}.page-subtitle[data-v-1287638b]{font-size:1.125rem;color:#4a5568;max-width:800px;margin:0 auto;line-height:1.6}.tutorial-nav[data-v-1287638b]{background:#fffffff2;backdrop-filter:blur(10px);padding:20px 0;border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:100}.nav-wrapper[data-v-1287638b]{max-width:1200px;margin:0 auto;padding:0 24px}.nav-header[data-v-1287638b]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.nav-title[data-v-1287638b]{font-size:1.125rem;font-weight:600;color:#1a202c;margin:0}.nav-toggle-btn[data-v-1287638b]{display:none;background:linear-gradient(135deg,#da7758,#2cc37f);color:#fff;border:none;border-radius:8px;padding:8px 12px;cursor:pointer;font-size:.875rem;font-weight:600;transition:all .2s ease}.nav-toggle-btn[data-v-1287638b]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #da77584d}.toggle-icon[data-v-1287638b]{display:inline-block;font-size:.75rem;margin-left:4px}.nav-links[data-v-1287638b]{display:flex;flex-wrap:wrap;gap:12px;transition:all .3s ease}.nav-links.nav-collapsed[data-v-1287638b]{max-height:0;overflow:hidden;opacity:0}.nav-link-btn[data-v-1287638b]{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#f8f9fa;color:#4a5568;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.nav-link-btn[data-v-1287638b]:hover{background:linear-gradient(135deg,#da7758,#2cc37f);color:#fff;border-color:transparent;transform:translateY(-1px)}.nav-link-btn.active[data-v-1287638b]{background:linear-gradient(135deg,#da7758,#2cc37f);color:#fff;border-color:transparent}.nav-index[data-v-1287638b]{background:#fff3;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600}.nav-link-btn:not(.active) .nav-index[data-v-1287638b]{background:#2cc37f;color:#fff}.tutorial-content[data-v-1287638b]{padding:40px 24px}.tutorial-wrapper[data-v-1287638b]{max-width:1200px;margin:0 auto}.tutorial-section[data-v-1287638b]{background:#fffffff2;border-radius:24px;padding:32px;margin-bottom:32px;box-shadow:0 8px 32px #0000001a;backdrop-filter:blur(10px);border:1px solid #e2e8f0}.section-header[data-v-1287638b]{text-align:center;margin-bottom:40px;cursor:pointer}.section-title[data-v-1287638b]{font-size:1.875rem;font-weight:700;color:#1a202c;margin:0 0 12px;display:flex;align-items:center;justify-content:center;gap:16px;position:relative}.section-number[data-v-1287638b]{background:linear-gradient(135deg,#da7758,#2cc37f);color:#fff;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700}.section-name[data-v-1287638b]{flex:1}.collapse-btn[data-v-1287638b]{background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;transition:all .2s ease;color:#4a5568}.collapse-btn[data-v-1287638b]:hover{background:#2cc37f1a;color:#2cc37f}.collapse-icon[data-v-1287638b]{font-size:1rem}.section-subtitle[data-v-1287638b]{font-size:1rem;color:#64748b;margin:0 auto;text-align:center}.section-content[data-v-1287638b]{animation:fadeIn-1287638b .3s ease}.tutorial-section.collapsed .section-content[data-v-1287638b]{display:none}.content-item[data-v-1287638b]{margin-bottom:24px}.text-content p[data-v-1287638b]{color:#4a5568;line-height:1.7;margin:0 0 16px}.heading-content[data-v-1287638b]{margin:32px 0 16px}.heading-image[data-v-1287638b]{margin:16px 0}.content-heading[data-v-1287638b]{color:#1a202c;font-weight:600;margin:0}.image-content[data-v-1287638b]{text-align:center;margin:24px 0}.tutorial-image[data-v-1287638b]{max-width:100%;height:auto;border-radius:12px;box-shadow:0 4px 12px #0000001a;transition:transform .2s ease}.tutorial-image[data-v-1287638b]:hover{transform:scale(1.02)}.code-content[data-v-1287638b]{margin:24px 0}.code-header[data-v-1287638b]{display:flex;justify-content:space-between;align-items:center;background:#f8f9fa;border:1px solid #e2e8f0;border-bottom:none;padding:12px 16px;border-radius:8px 8px 0 0}.code-language[data-v-1287638b]{font-size:.875rem;font-weight:500;color:#4a5568}.copy-code-btn[data-v-1287638b]{display:flex;align-items:center;gap:4px;padding:6px 12px;background:linear-gradient(135deg,#da7758,#2cc37f);color:#fff;border:none;border-radius:6px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease}.copy-code-btn[data-v-1287638b]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #da77584d}.code-block[data-v-1287638b]{background:#1a202c;color:#e2e8f0;padding:16px;border:1px solid #e2e8f0;border-top:none;border-radius:0 0 8px 8px;overflow-x:auto;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;line-height:1.5;margin:0}.alert-content[data-v-1287638b]{display:flex;gap:12px;padding:16px;border-radius:12px;margin:24px 0;border-left:4px solid}.alert-info[data-v-1287638b]{background:#2cc37f1a;border-left-color:#2cc37f}.alert-warning[data-v-1287638b]{background:#da77581a;border-left-color:#da7758}.alert-error[data-v-1287638b]{background:#ef44441a;border-left-color:#ef4444}.alert-success[data-v-1287638b]{background:#10b9811a;border-left-color:#10b981}.alert-icon[data-v-1287638b]{font-size:1.25rem;flex-shrink:0;margin-top:2px}.alert-text[data-v-1287638b]{color:#1a202c;font-weight:500;line-height:1.6}.steps-content[data-v-1287638b]{margin:24px 0}.step-item[data-v-1287638b]{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;margin-bottom:24px;transition:all .3s ease;box-shadow:0 2px 8px #0000000d}.step-item[data-v-1287638b]:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a;border-color:#2cc37f}.step-header[data-v-1287638b]{display:flex;align-items:center;gap:16px;margin-bottom:16px}.step-number[data-v-1287638b]{background:linear-gradient(135deg,#da7758,#2cc37f);color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:600;flex-shrink:0}.step-title[data-v-1287638b]{font-size:1.25rem;font-weight:600;color:#1a202c;margin:0;flex:1}.step-content[data-v-1287638b]{display:flex;flex-direction:column;gap:16px}.step-description[data-v-1287638b]{color:#4a5568;font-size:.875rem;line-height:1.6;margin:0;padding-left:56px}.step-image-container[data-v-1287638b]{padding-left:56px}.step-image[data-v-1287638b]{width:100%;max-width:600px;height:auto;border-radius:12px;box-shadow:0 4px 12px #0000001a;transition:transform .2s ease}.step-image[data-v-1287638b]:hover{transform:scale(1.02)}.step-code-container[data-v-1287638b],.step-link-container[data-v-1287638b]{padding-left:56px}.step-link[data-v-1287638b]{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#da7758,#2cc37f);color:#fff;text-decoration:none;border-radius:10px;font-size:.875rem;font-weight:500;transition:all .3s ease;box-shadow:0 2px 8px #da775833}.step-link[data-v-1287638b]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #da775866}.link-content[data-v-1287638b]{margin:24px 0}.content-link[data-v-1287638b]{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#da7758,#2cc37f);color:#fff;text-decoration:none;border-radius:10px;font-size:.875rem;font-weight:500;transition:all .3s ease;box-shadow:0 2px 8px #da775833}.content-link[data-v-1287638b]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #da775866}.tutorial-footer[data-v-1287638b]{text-align:center;padding:40px 0}.back-home-btn[data-v-1287638b]{display:inline-flex;align-items:center;gap:8px;padding:16px 32px;background:linear-gradient(135deg,#da7758,#2cc37f);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #da77584d}.back-home-btn[data-v-1287638b]:hover{transform:translateY(-2px);box-shadow:0 8px 25px #da775866}.btn-icon[data-v-1287638b]{font-size:1rem}.fixed-back-btn[data-v-1287638b]{position:fixed;bottom:100px;right:30px;z-index:1000;animation:fadeInUp-1287638b .3s ease}.fixed-back-home-btn[data-v-1287638b]{width:56px;height:56px;background:linear-gradient(135deg,#da7758,#2cc37f);color:#fff;border:none;border-radius:50%;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:0 4px 20px #da775866}.fixed-back-home-btn[data-v-1287638b]:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 8px 30px #da775899}.fixed-back-home-btn .btn-icon[data-v-1287638b]{font-size:1.25rem}@keyframes fadeInUp-1287638b{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn-1287638b{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.nav-toggle-btn[data-v-1287638b]{display:flex;align-items:center}.nav-header[data-v-1287638b]{margin-bottom:8px}.nav-links[data-v-1287638b]:not(.nav-collapsed){max-height:400px;opacity:1}.tutorial-nav[data-v-1287638b]{padding:16px 0}.nav-wrapper[data-v-1287638b]{padding:0 16px}.nav-links[data-v-1287638b]{flex-direction:column}.nav-link-btn[data-v-1287638b]{width:100%;justify-content:flex-start}.fixed-back-btn[data-v-1287638b]{bottom:80px;right:20px}.fixed-back-home-btn[data-v-1287638b]{width:50px;height:50px;font-size:1.25rem}.fixed-back-home-btn .btn-icon[data-v-1287638b]{font-size:1.125rem}.tutorial-header[data-v-1287638b]{padding:24px 0}.page-title[data-v-1287638b]{font-size:2rem;flex-direction:column;gap:8px}.title-icon[data-v-1287638b]{font-size:2rem}.tutorial-content[data-v-1287638b]{padding:24px 16px}.tutorial-section[data-v-1287638b]{padding:24px;margin-bottom:24px}.section-title[data-v-1287638b]{font-size:1.5rem;flex-direction:column;gap:12px}.section-number[data-v-1287638b]{width:40px;height:40px;font-size:1rem}.step-item[data-v-1287638b]{padding:20px}.step-header[data-v-1287638b]{flex-direction:column;align-items:flex-start;gap:12px}.step-description[data-v-1287638b],.step-image-container[data-v-1287638b],.step-code-container[data-v-1287638b],.step-link-container[data-v-1287638b]{padding-left:0}.tutorial-footer[data-v-1287638b]{padding:24px 0}.back-home-btn[data-v-1287638b]{padding:14px 24px;font-size:.875rem}}@media (max-width: 480px){.nav-title[data-v-1287638b]{font-size:1rem}.nav-toggle-btn[data-v-1287638b]{padding:6px 10px;font-size:.75rem}.fixed-back-btn[data-v-1287638b]{bottom:75px;right:15px}.fixed-back-home-btn[data-v-1287638b]{width:45px;height:45px;font-size:1.125rem}.fixed-back-home-btn .btn-icon[data-v-1287638b]{font-size:1rem}.page-title[data-v-1287638b]{font-size:1.75rem}.section-title[data-v-1287638b]{font-size:1.25rem}.step-title[data-v-1287638b]{font-size:1.125rem}.tutorial-section[data-v-1287638b]{padding:20px}.step-item[data-v-1287638b]{padding:16px}}.clickable-image[data-v-1287638b]{cursor:pointer;transition:all .2s ease}.clickable-image[data-v-1287638b]:hover{transform:scale(1.02);box-shadow:0 8px 20px #00000026}.image-modal-overlay[data-v-1287638b]{position:fixed;inset:0;background:#000c;backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn-1287638b .3s ease}.image-modal-container[data-v-1287638b]{position:relative;max-width:95vw;max-height:95vh;display:flex;align-items:center;justify-content:center}.image-modal-close[data-v-1287638b]{position:absolute;top:-40px;right:-10px;background:#ffffffe6;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px;font-weight:700;color:#333;transition:all .2s ease;z-index:10001}.image-modal-close[data-v-1287638b]:hover{background:#fff;transform:scale(1.1)}.image-modal-content[data-v-1287638b]{max-width:100%;max-height:100%;display:flex;align-items:center;justify-content:center}.enlarged-image[data-v-1287638b]{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;box-shadow:0 20px 60px #00000080;cursor:pointer;animation:zoomIn-1287638b .3s ease}@keyframes fadeIn-1287638b{0%{opacity:0}to{opacity:1}}@keyframes zoomIn-1287638b{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width: 768px){.image-modal-close[data-v-1287638b]{top:-35px;right:-5px;width:35px;height:35px;font-size:18px}.image-modal-overlay[data-v-1287638b]{padding:10px}}.tab-navigation[data-v-1287638b]{background:#fffffff2;backdrop-filter:blur(10px);border-bottom:1px solid #e2e8f0;padding:0}.tab-wrapper[data-v-1287638b]{max-width:1200px;margin:0 auto;display:flex;justify-content:center;padding:0 24px}.tab-button[data-v-1287638b]{padding:16px 24px;background:transparent;border:none;border-bottom:3px solid transparent;font-size:1rem;font-weight:600;color:#4a5568;cursor:pointer;transition:all .3s ease;position:relative}.tab-button[data-v-1287638b]:hover{color:#2cc37f;background:#2cc37f0d}.tab-button.active[data-v-1287638b]{color:#2cc37f;border-bottom:3px solid #2cc37f;background:#2cc37f1a}.tutorial-content-container[data-v-1287638b]{min-height:500px}.tutorial-tab-content[data-v-1287638b]{width:100%}.placeholder-content[data-v-1287638b]{text-align:center;padding:80px 20px;background:#fffffff2;border-radius:24px;margin:20px}.placeholder-icon[data-v-1287638b]{font-size:4rem;margin-bottom:20px}.placeholder-content h2[data-v-1287638b]{font-size:2rem;color:#1a202c;margin-bottom:16px}.placeholder-content p[data-v-1287638b]{font-size:1.125rem;color:#4a5568;margin-bottom:32px}@media (max-width: 768px){.tab-wrapper[data-v-1287638b]{padding:0 16px;overflow-x:auto}.tab-button[data-v-1287638b]{padding:12px 16px;font-size:.875rem;white-space:nowrap}.placeholder-content[data-v-1287638b]{margin:10px;padding:40px 15px}.placeholder-icon[data-v-1287638b]{font-size:3rem}.placeholder-content h2[data-v-1287638b]{font-size:1.5rem}.placeholder-content p[data-v-1287638b]{font-size:1rem}}.floating-contact[data-v-1e9a031b]{position:fixed;bottom:30px;right:30px;width:120px;height:50px;background:linear-gradient(135deg,#22b573,#37d18c);border-radius:25px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px #22b5734d;transition:all .3s ease;z-index:1000;overflow:hidden}.floating-contact[data-v-1e9a031b]:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 6px 16px #22b57366}.floating-contact[data-v-1e9a031b]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:all .6s ease}.floating-contact[data-v-1e9a031b]:hover:before{left:100%}.contact-content[data-v-1e9a031b]{position:relative;z-index:2;color:#fff;font-size:16px;font-weight:600;text-align:center;transition:all .3s ease}.contact-text[data-v-1e9a031b]{display:block;transition:all .3s cubic-bezier(.25,.8,.25,1)}@media (max-width: 768px){.floating-contact[data-v-1e9a031b]{bottom:20px;right:20px;width:100px;height:45px;font-size:14px}}@media (max-width: 480px){.floating-contact[data-v-1e9a031b]{bottom:15px;right:15px;width:90px;height:40px;font-size:13px}}.notification-overlay[data-v-998cca03]{position:fixed;top:0;left:0;width:100%;height:100%;background:transparent;z-index:9999;display:flex;align-items:center;justify-content:center}.notification-content[data-v-998cca03]{background:#000c;color:#fff;padding:16px 24px;border-radius:8px;font-size:16px;text-align:center;box-shadow:0 4px 12px #0000004d;animation:fadeInOut-998cca03 2s ease-in-out}@keyframes fadeInOut-998cca03{0%{opacity:0;transform:translateY(20px)}20%{opacity:1;transform:translateY(0)}80%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px;.swiper-slide,.swiper-cube-shadow{transform-style:preserve-3d}}.swiper-css-mode{>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}}>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}&.swiper-horizontal{>.swiper-wrapper{scroll-snap-type:x mandatory}}&.swiper-vertical{>.swiper-wrapper{scroll-snap-type:y mandatory}}&.swiper-free-mode{>.swiper-wrapper{scroll-snap-type:none}>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}}&.swiper-centered{>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}}&.swiper-centered.swiper-horizontal{>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}}&.swiper-centered.swiper-vertical{>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}}}.swiper-3d{.swiper-slide-shadow,.swiper-slide-shadow-left,.swiper-slide-shadow-right,.swiper-slide-shadow-top,.swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-slide-shadow{background:#00000026}.swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress),.swiper-watch-progress .swiper-slide-visible{.swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translateZ(0);z-index:10;&.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>&,&.swiper-pagination-disabled{display:none!important}}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0;.swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullet-active,.swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullet-active-next-next{transform:scale(.33)}}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2);button&{border:none;margin:0;padding:0;box-shadow:none;appearance:none}.swiper-pagination-clickable &{cursor:pointer}&:only-child{display:none!important}}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0,-50%,0);.swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}&.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px;.swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets{.swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}&.swiper-pagination-bullets-dynamic{left:50%;transform:translate(-50%);white-space:nowrap;.swiper-pagination-bullet{transition:.2s transform,.2s left}}}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));position:absolute;.swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl & .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>&,&.swiper-pagination-horizontal,.swiper-vertical>&.swiper-pagination-progressbar-opposite,&.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>&,&.swiper-pagination-vertical,.swiper-horizontal>&.swiper-pagination-progressbar-opposite,&.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}}.swiper-pagination-lock{display:none}:root{--swiper-navigation-size: 44px}.swiper-button-prev,.swiper-button-next{position:absolute;width:var(--swiper-navigation-size);height:var(--swiper-navigation-size);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color));&.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}&.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled &{display:none!important}svg{width:100%;height:100%;object-fit:contain;transform-origin:center;fill:currentColor;pointer-events:none}}.swiper-button-lock{display:none}.swiper-button-prev,.swiper-button-next{top:var(--swiper-navigation-top-offset, 50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2))}.swiper-button-prev{left:var(--swiper-navigation-sides-offset, 4px);right:auto;.swiper-navigation-icon{transform:rotate(180deg)}}.swiper-button-next{right:var(--swiper-navigation-sides-offset, 4px);left:auto}.swiper-horizontal{.swiper-button-prev,.swiper-button-next,~.swiper-button-prev,~.swiper-button-next{top:var(--swiper-navigation-top-offset, 50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));margin-left:0}.swiper-button-prev,~.swiper-button-prev,&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next{left:var(--swiper-navigation-sides-offset, 4px);right:auto}.swiper-button-next,~.swiper-button-next,&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev{right:var(--swiper-navigation-sides-offset, 4px);left:auto}.swiper-button-prev,~.swiper-button-prev,&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next{.swiper-navigation-icon{transform:rotate(180deg)}}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev{.swiper-navigation-icon{transform:rotate(0)}}}.swiper-vertical{.swiper-button-prev,.swiper-button-next,~.swiper-button-prev,~.swiper-button-next{left:var(--swiper-navigation-top-offset, 50%);right:auto;margin-left:calc(0px - (var(--swiper-navigation-size) / 2));margin-top:0}.swiper-button-prev,~.swiper-button-prev{top:var(--swiper-navigation-sides-offset, 4px);bottom:auto;.swiper-navigation-icon{transform:rotate(-90deg)}}.swiper-button-next,~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset, 4px);top:auto;.swiper-navigation-icon{transform:rotate(90deg)}}}@layer components{:where(.i-lucide\:moon){display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401'/%3E%3C/svg%3E") }}@layer components{:where(.i-lucide\:sun){display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2v2m0 16v2M4.93 4.93l1.41 1.41m11.32 11.32l1.41 1.41M2 12h2m16 0h2M6.34 17.66l-1.41 1.41M19.07 4.93l-1.41 1.41'/%3E%3C/g%3E%3C/svg%3E") }}@layer base{:root{--ui-color-primary-50: oklch(98.2% .018 155.826);--ui-color-primary-100: oklch(96.2% .044 156.743);--ui-color-primary-200: oklch(92.5% .084 155.995);--ui-color-primary-300: oklch(87.1% .15 154.449);--ui-color-primary-400: oklch(79.2% .209 151.711);--ui-color-primary-500: oklch(72.3% .219 149.579);--ui-color-primary-600: oklch(62.7% .194 149.214);--ui-color-primary-700: oklch(52.7% .154 150.069);--ui-color-primary-800: oklch(44.8% .119 151.328);--ui-color-primary-900: oklch(39.3% .095 152.535);--ui-color-primary-950: oklch(26.6% .065 152.934)}}*{font-family:Inter,-apple-system,BlinkMacSystemFont,SF UI Text,Helvetica Neue,PingFang SC,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,Arial,sans-serif;font-feature-settings:"liga" 1,"calt" 1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;background-color:#fff}.isolate{isolation:isolate;background-color:#fff}.default-layout[data-v-f9aab276]{min-height:100vh;display:flex;flex-direction:column;background-color:#fff}.content[data-v-f9aab276]{flex:1;background-color:#fff}.widget-content[data-v-f9aab276]{width:100%;background-color:#fff}.page-content[data-v-73202699]{max-width:1200px;margin:0 auto;padding:0 20px;background-color:#fff}.brand-section[data-v-73202699]{text-align:center;background-color:#fff;padding:145px 0 0}.brand-section1{padding:40px 0}.brand-tag[data-v-73202699]{display:inline-block;background:linear-gradient(135deg,#22b573,#37d18c);color:#fff;padding:8px 20px;border-radius:20px;font-size:14px;font-weight:600;margin-bottom:24px;animation:float 3s ease-in-out infinite;box-shadow:0 4px 10px #22b5734d}.tag-icon{margin-right:8px}.stage-title{font-size:2.5rem;font-weight:800;color:var(--text-primary);margin-bottom:8px;line-height:1.2;letter-spacing:-.02em}.brand-title[data-v-73202699]{font-size:3.5rem;font-weight:800;color:#1a202c;margin-bottom:24px;line-height:1.1;position:relative;letter-spacing:-.02em}.title-curve[data-v-73202699]{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);width:200px;height:20px}.brand-text[data-v-73202699]{font-size:1.2rem;color:#4a5568;margin-bottom:40px;line-height:1.6;max-width:800px;margin-left:auto;margin-right:auto;font-weight:400}.brand-actions[data-v-73202699]{margin-top:30px}.action-btn{display:inline-block;padding:16px 32px;border-radius:25px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.25,.8,.25,1);border:none;cursor:pointer;position:relative;overflow:hidden}.action-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:all .6s ease}.action-btn:hover:before{left:100%}.action-btn.primary{background:linear-gradient(135deg,#22b573,#37d18c);color:#fff;box-shadow:none}.action-btn.primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #22b5734d;filter:brightness(1.05)}.action-btn.large{padding:18px 36px;font-size:16px;border-radius:25px}.hero-section[data-v-73202699]{padding:60px 0;text-align:center;background-color:#fff}.hero-title[data-v-73202699]{font-size:2.5rem;font-weight:800;color:#1a202c;margin-bottom:20px;letter-spacing:-.015em}.hero-description[data-v-73202699]{font-size:1.1rem;color:#4a5568;line-height:1.8;max-width:800px;margin:0 auto 40px;font-weight:400}.products-swiper{max-width:800px;margin:0 auto;padding:20px 0}.swiper-wrapper{align-items:stretch}.product-card{background:#fff;border-radius:16px;padding:30px;box-shadow:0 4px 20px #0000001a;text-align:center;transition:all .4s cubic-bezier(.25,.8,.25,1);margin:0 20px;height:100%;display:flex;flex-direction:column;transform:translateY(0)}.product-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px #00000026}.product-card h3{font-size:1.8rem;font-weight:700;color:#1a202c;margin-bottom:16px;letter-spacing:-.01em}.product-card p{color:#4a5568;font-size:1.1rem;line-height:1.6;margin-bottom:24px;flex-grow:1;font-weight:400}.product-card img{max-width:100%;height:auto;border-radius:12px;box-shadow:0 4px 12px #0000001a;object-fit:cover;aspect-ratio:16/9}.swiper-pagination-bullet{background:#cbd5e0;opacity:1;width:12px;height:12px;transition:all .3s cubic-bezier(.25,.8,.25,1);transform:scale(1)}.swiper-pagination-bullet-active{background:#22b573;transform:scale(1.4)}.swiper-button-next,.swiper-button-prev{color:#22b573;width:50px;height:50px;background:#fffc;border-radius:50%;box-shadow:0 4px 12px #0000001a;transition:all .3s cubic-bezier(.25,.8,.25,1);transform:translateZ(0)}.swiper-button-next:hover,.swiper-button-prev:hover{background:#fff;transform:scale(1.15);box-shadow:0 6px 16px #00000026}.swiper-button-next:after,.swiper-button-prev:after{font-size:18px;font-weight:700}.hero-image[data-v-73202699]{display:flex;justify-content:center;margin-top:40px}.codeImg[data-v-73202699]{max-width:100%;height:auto;border-radius:16px;box-shadow:0 20px 40px #0000001a}.features-section.features-expanded[data-v-73202699]{opacity:1;transform:scale(1)}.features-section[data-v-73202699]{padding:120px 0;position:relative;overflow:hidden}.section-header[data-v-73202699]{text-align:center;margin-bottom:5rem}.section-divider[data-v-73202699],.pricing-section .section-divider[data-v-73202699]{width:60px;height:3px;background-color:#22b573;margin:1.5rem auto 2rem;border-radius:3px}.section-subtitle[data-v-73202699]{font-size:1.125rem;color:#64748b;max-width:700px;margin-left:auto;margin-right:auto;line-height:1.6}.features-grid[data-v-73202699]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:28px;padding:0 15px;max-width:1200px;margin:0 auto}.feature-card[data-v-73202699]{background:#fff;border-radius:16px;padding:36px 28px;border:1px solid rgba(0,0,0,.03);transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.feature-card[data-v-73202699]:hover{transform:translateY(-8px);box-shadow:0 20px 25px -5px #0000000d,0 10px 10px -5px #00000005}.feature-icon[data-v-73202699]{width:56px;height:56px;border-radius:12px;background-color:#22b5731a;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.feature-icon .lucide[data-v-73202699]{width:28px;height:28px;color:#22b573;stroke-width:1.8px}.feature-card h3[data-v-73202699]{font-size:1.25rem;font-weight:600;margin-bottom:16px;color:#1e293b;line-height:1.4}.feature-card p[data-v-73202699]{font-size:1rem;color:#64748b;line-height:1.6;margin:0}.features-grid .feature-card[data-v-73202699]:nth-child(1){transition-delay:.05s}.features-grid .feature-card[data-v-73202699]:nth-child(2){transition-delay:.1s}.features-grid .feature-card[data-v-73202699]:nth-child(3){transition-delay:.15s}.features-grid .feature-card[data-v-73202699]:nth-child(4){transition-delay:.2s}.features-grid .feature-card[data-v-73202699]:nth-child(5){transition-delay:.25s}.features-grid .feature-card[data-v-73202699]:nth-child(6){transition-delay:.3s}.features-section[data-v-73202699]:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:800px;background:radial-gradient(circle,rgba(34,181,115,.03) 0%,transparent 70%);z-index:0}.features-grid[data-v-73202699]{position:relative;z-index:1}.section-title[data-v-73202699]{font-size:2.5rem;font-weight:800;text-align:center;color:#1a202c;margin-bottom:60px;letter-spacing:-.02em}.features-grid[data-v-73202699]{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:32px}.feature-card[data-v-73202699]{background:#fff;padding:32px 24px;border-radius:16px;box-shadow:0 4px 20px #0000001a;transition:all .4s cubic-bezier(.25,.8,.25,1);transform:translateY(0)}.feature-card[data-v-73202699]:hover{transform:translateY(-8px);box-shadow:0 12px 40px #00000026}.feature-card h3[data-v-73202699]{font-size:1.5rem;font-weight:700;color:#1a202c;margin-bottom:12px;letter-spacing:-.01em}.feature-card p[data-v-73202699]{color:#4a5568;line-height:1.6;font-weight:400}.partners-section[data-v-73202699]{padding:80px 0;text-align:center;background-color:#fff}.partners-section h2[data-v-73202699]{font-size:2.5rem;font-weight:800;color:#1a202c;margin-bottom:60px}.partners-icon[data-v-73202699]{display:flex;justify-content:center;align-items:center;gap:60px;flex-wrap:wrap}.partners-icon img[data-v-73202699]{width:80px;height:80px;object-fit:contain;transition:all .4s cubic-bezier(.25,.8,.25,1);transform:scale(1);filter:grayscale(100%)}.partners-icon img[data-v-73202699]:hover{transform:scale(1.15);filter:grayscale(0)}.bottom-intro-section[data-v-73202699]{padding:120px 0 80px;background-color:#fff;text-align:center;margin-bottom:100px;position:relative;overflow:hidden}.bottom-intro-section:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:800px;background:radial-gradient(circle,rgba(34,181,115,.03) 0%,transparent 70%);z-index:0}.intro-content[data-v-73202699]{position:relative;z-index:1}.intro-content h2[data-v-73202699]{font-size:2.5rem;font-weight:800;margin-bottom:24px;color:#1a202c;letter-spacing:-.02em}.intro-divider[data-v-73202699]{width:60px;height:3px;background-color:#22b573;margin:1.5rem auto 2rem;border-radius:3px}.intro-content p[data-v-73202699]{font-size:1.125rem;color:#64748b;margin-bottom:16px;max-width:700px;margin-left:auto;margin-right:auto;line-height:1.6}.modern-footer[data-v-73202699]{color:#a0aec0;padding:0;margin-top:0;text-align:center}.footer-content[data-v-73202699]{max-width:1200px;margin:0 auto;padding:0 20px}.copyright[data-v-73202699]{font-size:.875rem;color:#718096;margin:0;text-align:center}.scroll-animate{opacity:0;transform:translateY(30px);transition:all .6s cubic-bezier(.25,.8,.25,1)}.scroll-animate.animate-in{opacity:1;transform:translateY(0)}@media (max-width: 768px){.brand-title[data-v-73202699]{font-size:2.5rem}.hero-title[data-v-73202699],.section-title[data-v-73202699]{font-size:2rem}.features-grid[data-v-73202699]{grid-template-columns:1fr;gap:24px}.partners-icon[data-v-73202699]{gap:40px}.footer-content[data-v-73202699]{flex-direction:column;text-align:center}.social-tools[data-v-73202699]{justify-content:center}}@media (max-width: 480px){.page-content[data-v-73202699]{padding:0 16px}.brand-title[data-v-73202699]{font-size:2rem}.hero-title[data-v-73202699]{font-size:1.75rem}.feature-card[data-v-73202699]{padding:24px 16px}.partners-icon img[data-v-73202699]{width:60px;height:60px}.social-tools[data-v-73202699]{flex-direction:column;width:100%}.contact-btn,.social-link{width:100%;justify-content:center}}.pricing-section{padding:60px 0;background:#fff;position:relative}.section-subtitle{font-size:1.125rem;color:#4a5568;text-align:center;margin-bottom:48px;max-width:600px;margin-left:auto;margin-right:auto}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:28px;margin:60px auto 48px;max-width:1200px;padding-top:12px}.pricing-card{background:#fff;border-radius:20px;padding:32px 24px;border:1px solid #e2e8f0;transition:all .4s cubic-bezier(.25,.8,.25,1);position:relative;display:flex;flex-direction:column;min-height:450px;box-shadow:0 8px 20px #00000014}.pricing-card:hover{transform:translateY(-8px);border-color:#22b57366;box-shadow:0 16px 40px #22b57326}.pricing-card-content{display:flex;flex-direction:column;height:100%;text-align:center}.recommended-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#22b573,#37d18c);color:#fff;padding:6px 16px;border-radius:12px;font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:4px;z-index:10;box-shadow:0 4px 12px #22b57366}.popular-badge{position:absolute;top:16px;right:16px;background:linear-gradient(135deg,#ec4899,#be185d);color:#fff;padding:6px 12px;border-radius:8px;font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:4px;z-index:2}.plan-title{font-size:1.4rem;font-weight:700;color:#1a202c;margin-bottom:12px;line-height:1.3;letter-spacing:-.01em}.pricing-header{margin-bottom:20px}.plan-subtitle{color:#4a5568;font-size:.875rem;margin:0}.pricing-price{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e2e8f0}.price{display:block;font-size:2.8rem;font-weight:800;color:#1a202c;line-height:1;margin-bottom:8px;font-feature-settings:"tnum"}.period{color:#4a5568;font-size:.875rem;font-weight:500}.features-list{list-style:none;padding:0;margin:0 0 16px;flex-grow:1}.feature-item{display:flex;align-items:center;gap:12px;padding:6px 0;font-size:.875rem}.feature-icon{width:20px;height:20px;background:#22b57333;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin:0}.feature-icon .icon{font-size:.75rem}.feature-text{color:#4a5568;line-height:1.5;font-weight:400}.feature-check{width:20px;height:20px;background:linear-gradient(135deg,#22b573,#37d18c);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;flex-shrink:0}.pricing-btn{width:100%;padding:16px 24px;font-size:1rem;font-weight:600;border-radius:16px;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:auto;transition:all .3s ease;border:none;cursor:pointer}.btn-primary{background:linear-gradient(135deg,#22b573,#37d18c);color:#fff;border:1px solid transparent;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:all .6s ease}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 10px 25px #22b57366;background:linear-gradient(135deg,#1ea568,#32c57d)}.btn-primary:hover:before{left:100%}.btn-secondary{background:#fff;color:#1a202c;border:1px solid #e2e8f0;position:relative;overflow:hidden}.btn-secondary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:all .6s ease}.btn-secondary:hover{background:#f8f9fa;border-color:#22b573;color:#22b573;transform:translateY(-1px);box-shadow:0 5px 15px #0000001a}.btn-secondary:hover:before{left:100%}.pricing-btn{width:100%;padding:16px 24px;font-size:1rem;font-weight:600;border-radius:16px;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:auto;transition:all .3s ease;border:none;cursor:pointer;position:relative;overflow:hidden}.pricing-btn span{position:relative;z-index:2;color:inherit;font-weight:600}.btn-primary span{color:#fff!important}.btn-secondary span{color:#1a202c!important}.btn-icon{font-size:1rem}.pricing-btn .arrow{font-size:1rem;transition:transform .3s ease}.pricing-btn:hover .arrow{transform:translate(4px)}.purchase-modal-overlay{position:fixed;inset:0;background:#000000bf;backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;animation:modalFadeIn .3s ease}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.purchase-modal{background:#fff;border:1px solid #e2e8f0;border-radius:20px;max-width:900px;width:100%;max-height:85vh;overflow-y:auto;position:relative;box-shadow:0 25px 50px -12px #000c;backdrop-filter:blur(20px);animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-close-btn{position:absolute;top:16px;right:16px;width:40px;height:40px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#4a5568;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.5rem;transition:all .2s ease;z-index:1001}.modal-close-btn:hover{background:#ef444433;border-color:#ef444466;color:#ef4444;transform:scale(1.1)}.purchase-modal-content{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:40px}.purchase-plan-info{padding-right:20px;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;min-height:500px}.plan-badge{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#22b573,#37d18c);color:#fff;padding:8px 16px;border-radius:20px;font-size:.875rem;font-weight:600;margin-bottom:24px}.badge-icon{font-size:1rem}.plan-title-modal{font-size:2rem;font-weight:700;color:#1a202c;margin-bottom:16px;background:linear-gradient(135deg,#22b573,#37d18c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.plan-price-modal{margin-bottom:32px}.price-large{font-size:3rem;font-weight:800;color:#22b573;display:block;line-height:1}.plan-features-modal{background:#f8f9fa;border:1px solid #e2e8f0;border-radius:16px;padding:24px}.features-title-modal{font-size:1.25rem;font-weight:600;color:#1a202c;margin-bottom:20px;display:flex;align-items:center;gap:8px}.features-title-modal:before{content:"⭐";font-size:1rem}.features-list-modal{list-style:none;padding:0;margin:0}.feature-item-modal{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid rgba(0,0,0,.05)}.feature-item-modal:last-child{border-bottom:none}.feature-check-modal{width:20px;height:20px;background:linear-gradient(135deg,#22b573,#37d18c);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;flex-shrink:0}.feature-text-modal{color:#4a5568;font-size:.9rem;line-height:1.5}.purchase-payment-info{padding-left:20px}.payment-section{text-align:center;margin-bottom:32px}.payment-title{font-size:1.5rem;font-weight:600;color:#1a202c;margin-bottom:24px;display:flex;align-items:center;justify-content:center;gap:8px}.payment-title:before{content:"💳";font-size:1.2rem}.qr-code-container{background:#ffffff0d;border:1px solid #e2e8f0;border-radius:16px;padding:32px;margin-bottom:24px;text-align:center}.qr-loading{display:flex;flex-direction:column;align-items:center;gap:16px;color:#4a5568}.loading-spinner-qr{width:32px;height:32px;border:3px solid rgba(0,0,0,.2);border-top:3px solid #22b573;border-radius:50%;animation:spin 1s linear infinite}.qr-code-display{display:flex;flex-direction:column;align-items:center;gap:16px}.qr-code-image{width:200px;height:200px;border-radius:12px;box-shadow:0 4px 12px #0000001a;background:#fff;padding:8px;transition:all .3s ease}.qr-code-timeout{filter:blur(4px);opacity:.5;pointer-events:none}.countdown-container{margin:16px 0;padding:12px 16px;border-radius:12px;background:#f8f9fa;border:1px solid #e2e8f0}.countdown-display{display:flex;align-items:center;justify-content:center;gap:8px;color:#22b573;font-weight:600}.countdown-icon{font-size:1.2rem}.countdown-text{font-size:.875rem}.countdown-time{font-size:1.125rem;font-weight:700;background:linear-gradient(135deg,#22b573,#37d18c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;min-width:50px;text-align:center}.timeout-display{display:flex;align-items:center;justify-content:center;gap:8px;color:#ef4444;font-weight:600}.timeout-icon{font-size:1.2rem}.timeout-text{font-size:.875rem}.qr-code-tip{color:#4a5568;font-size:.875rem;margin:0;text-align:center}.payment-status-indicator{display:flex;align-items:center;gap:12px;margin-top:16px;padding:12px 20px;background:#22b5731a;border:1px solid rgba(34,181,115,.3);border-radius:12px}.loading-spinner-payment{width:20px;height:20px;border:2px solid rgba(34,181,115,.2);border-top:2px solid #22b573;border-radius:50%;animation:spin 1s linear infinite}.payment-status-indicator span{color:#22b573;font-size:.875rem;font-weight:500}.payment-notes{background:#f8f9fa;border:1px solid #e2e8f0;border-radius:12px;padding:20px;margin-top:24px}.payment-notes-title{font-size:1rem;font-weight:600;color:#1a202c;margin:0 0 16px;display:flex;align-items:center;gap:8px}.payment-notes-title:before{content:"📋";font-size:1rem}.note-item{display:flex;align-items:center;gap:12px;padding:8px 0;color:#4a5568;font-size:.875rem}.note-icon{font-size:1rem;flex-shrink:0}.note-text{line-height:1.5}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes pulse{0%{box-shadow:0 0 #22b57366}70%{box-shadow:0 0 0 10px #22b57300}to{box-shadow:0 0 #22b57300}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.scroll-showcase-section{padding:80px 0;background-color:var(--bg-secondary);position:relative;overflow:hidden}.code-gif-container{position:absolute;top:100px;left:20px;z-index:10}.code-gif{width:80px;height:80px;border-radius:8px}.scroll-container{height:600px;overflow:hidden;position:relative;scroll-behavior:smooth}.scroll-lock{pointer-events:none}.scroll-stage{position:absolute;top:0;left:0;width:100%;height:100%;padding:0 20px;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .8s cubic-bezier(.25,.8,.25,1);pointer-events:none;z-index:1}.scroll-stage.active{opacity:1;pointer-events:auto;z-index:2}.scroll-stage.previous{transform:translateY(-100%)}.scroll-stage.next{transform:translateY(100%)}.stage-content{max-width:1200px;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.stage-content .stage-text{order:1}.stage-content .stage-image{order:2}.stage-title{font-size:2.5rem;font-weight:800;color:#8b5cf6;margin-bottom:8px;line-height:1.2;letter-spacing:-.02em}.stage-subtitle{font-size:1.5rem;font-weight:600;color:#22b573;margin-bottom:24px;line-height:1.3;letter-spacing:-.01em}.stage-description{font-size:1.1rem;color:var(--text-secondary);line-height:1.8;margin-bottom:32px}.stage-image{text-align:center}.stage-image img{max-width:100%;border-radius:16px;box-shadow:0 20px 40px #0000001a;transition:transform .3s ease}.stage-image img:hover{transform:scale(1.02)}.stage-indicators{display:flex;justify-content:center;gap:12px;margin-top:40px}.indicator{width:12px;height:12px;border-radius:50%;background-color:var(--border-color);cursor:pointer;transition:all .3s ease}.indicator.active{background-color:#22b573;transform:scale(1.2)}.indicator:hover{background-color:#37d18c}@media (max-width: 1024px){.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.stage-content{grid-template-columns:1fr;gap:30px;text-align:center}.stage-title{font-size:2rem}.scroll-container{height:500px}}@media (max-width: 768px){.pricing-grid{grid-template-columns:1fr;gap:20px;max-width:420px}.scroll-container{height:400px}.stage-title{font-size:1.75rem}.stage-description{font-size:1rem}.stage-image img{max-width:100%}.pricing-card{padding:28px 20px;min-height:400px}.price{font-size:2.2rem}.plan-title{font-size:1.25rem}.recommended-badge{padding:6px 14px;font-size:.75rem;top:-10px}.pricing-btn{padding:14px 20px;font-size:.95rem}.purchase-modal{margin:0 10px;max-height:95vh}.purchase-modal-content{grid-template-columns:1fr;gap:24px;padding:24px}.purchase-plan-info{padding-right:0;border-right:none;border-bottom:1px solid #e2e8f0;padding-bottom:24px}.qr-code-container{padding:24px}.qr-code-image{width:180px;height:180px}.payment-status-indicator{flex-direction:column;gap:8px;text-align:center}.purchase-payment-info{padding-left:0;padding-top:24px}.plan-title-modal{font-size:1.5rem}.price-large{font-size:2.5rem}}@media (max-width: 480px){.purchase-modal-content{padding:16px}.plan-title-modal{font-size:1.25rem}.price-large{font-size:2rem}}:root{--primary-bg: #0a0a0a;--secondary-bg: #31c884;--card-bg: #1f1f1f;--border-color: #333;--text-primary: #ffffff;--text-secondary: #b3b3b3;--text-muted: #666;--accent-color: #4f46e5;--accent-hover: #3730a3;--success-color: #10b981;--warning-color: #f59e0b;--error-color: #ef4444;--bg-secondary: #f8f9fa;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--border-radius-sm: .375rem;--border-radius-md: .5rem;--border-radius-lg: .75rem;--border-radius-xl: 1rem;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--transition-fast: .15s ease-in-out;--transition-normal: .3s ease-in-out;--transition-slow: .5s ease-in-out}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;color:var(--text-primary);background-color:var(--primary-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-base);font-weight:500;text-decoration:none;border:none;border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn-primary{background-color:var(--accent-color);color:#fff}.btn-primary:hover{background-color:var(--accent-hover);transform:translateY(-1px)}.btn-secondary{background-color:transparent;color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background-color:var(--secondary-bg);border-color:var(--accent-color)}.btn-lg{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-lg)}.card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-md);transition:all var(--transition-normal)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.section{padding:var(--spacing-3xl) 0}.section-title{font-size:var(--font-size-4xl);font-weight:700;text-align:center;margin-bottom:var(--spacing-2xl);background:linear-gradient(135deg,var(--text-primary) 0%,var(--accent-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-subtitle{font-size:var(--font-size-xl);color:var(--text-secondary);text-align:center;margin-bottom:var(--spacing-3xl);max-width:600px;margin-left:auto;margin-right:auto}.gradient-text{background:linear-gradient(135deg,var(--accent-color) 0%,#ec4899 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.grid{display:grid;gap:var(--spacing-xl)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.mb-2xl{margin-bottom:var(--spacing-2xl)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mt-2xl{margin-top:var(--spacing-2xl)}@media (max-width: 768px){.container{padding:0 var(--spacing-md)}.section{padding:var(--spacing-2xl) 0}.section-title{font-size:var(--font-size-3xl)}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.loading-spinner{width:20px;height:20px;border:2px solid var(--border-color);border-top:2px solid var(--accent-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .6s ease-out}