.toast-container[data-v-c2ede814]{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:12px;max-width:400px}.toast[data-v-c2ede814]{display:flex;align-items:flex-start;gap:12px;padding:16px;background:var(--color-white);border-radius:8px;box-shadow:0 4px 12px #00000026;border-left:4px solid var(--color-primary);cursor:pointer;transition:all .3s ease;min-width:300px;max-width:400px}.toast[data-v-c2ede814]:hover{transform:translate(-4px);box-shadow:0 6px 16px #0003}.toast-success[data-v-c2ede814]{border-left-color:#10b981}.toast-error[data-v-c2ede814]{border-left-color:#ef4444}.toast-warning[data-v-c2ede814]{border-left-color:#f59e0b}.toast-info[data-v-c2ede814]{border-left-color:#3b82f6}.toast-icon[data-v-c2ede814]{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.toast-content[data-v-c2ede814]{flex:1;min-width:0}.toast-title[data-v-c2ede814]{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-primary);margin-bottom:4px;font-family:var(--font-family)}.toast-message[data-v-c2ede814]{font-size:var(--font-size-sm);color:var(--color-gray-700);line-height:1.4;font-family:var(--font-family)}.toast-close[data-v-c2ede814]{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;color:var(--color-gray-500);transition:all .2s ease;flex-shrink:0}.toast-close[data-v-c2ede814]:hover{background-color:var(--color-gray-100);color:var(--color-gray-700)}.toast-enter-active[data-v-c2ede814],.toast-leave-active[data-v-c2ede814]{transition:all .3s ease}.toast-enter-from[data-v-c2ede814],.toast-leave-to[data-v-c2ede814]{opacity:0;transform:translate(100%)}.toast-move[data-v-c2ede814]{transition:transform .3s ease}@media (max-width: 768px){.toast-container[data-v-c2ede814]{top:10px;right:10px;left:10px;max-width:none}.toast[data-v-c2ede814]{min-width:auto;max-width:none}}.install-banner[data-v-50375678]{position:fixed;left:0;right:0;bottom:0;z-index:9999;display:flex;justify-content:center;padding:var(--spacing-3);background:transparent;pointer-events:none}.install-banner-content[data-v-50375678]{pointer-events:auto;max-width:430px;width:100%;background:#ffffff;border-radius:12px;box-shadow:0 10px 30px #00000026;padding:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-3)}.install-banner-text[data-v-50375678]{display:flex;flex-direction:column;gap:var(--spacing-1)}.install-title[data-v-50375678]{margin:0;font-size:16px;font-weight:600;color:#111827}.install-description[data-v-50375678]{margin:0;font-size:13px;color:#4b5563;line-height:1.4}.install-highlight[data-v-50375678]{font-weight:600;color:var(--color-primary, #5d2067)}.install-banner-actions[data-v-50375678]{display:flex;justify-content:flex-end;gap:var(--spacing-2);flex-wrap:wrap}.install-btn[data-v-50375678]{border-radius:999px;font-size:13px;font-weight:500;padding:8px 14px;border:1px solid transparent;cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.install-btn.primary[data-v-50375678]{background-color:var(--color-primary, #5d2067);color:#fff;border-color:var(--color-primary, #5d2067)}.install-btn.primary[data-v-50375678]:hover{background-color:var(--color-primary-hover, #4b1857);border-color:var(--color-primary-hover, #4b1857)}.install-btn.secondary[data-v-50375678]{background-color:#f3f4f6;color:#374151;border-color:#e5e7eb}.install-btn.secondary[data-v-50375678]:hover{background-color:#e5e7eb}@media (min-width: 768px){.install-banner[data-v-50375678]{bottom:var(--spacing-4);justify-content:flex-start;left:260px;right:auto}.install-banner-content[data-v-50375678]{border-radius:16px;flex-direction:row;align-items:center;max-width:430px}}.pwa-update-popup[data-v-6466b4fe]{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:10000;width:calc(100% - 32px);max-width:450px}.popup-content[data-v-6466b4fe]{background:#ffffff;border-radius:12px;padding:16px 20px;box-shadow:0 10px 25px #0003;display:flex;align-items:center;gap:16px;border-left:4px solid #193FAD}.popup-icon[data-v-6466b4fe]{background:#f1f5f9;color:#193fad;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.popup-text[data-v-6466b4fe]{flex:1;display:flex;flex-direction:column}.popup-title[data-v-6466b4fe]{font-size:15px;font-weight:700;color:#0f172a;margin-bottom:2px}.popup-message[data-v-6466b4fe]{font-size:13px;color:#64748b;line-height:1.4}.popup-actions[data-v-6466b4fe]{display:flex;flex-direction:column;gap:8px}.update-btn[data-v-6466b4fe]{background:#193FAD;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .2s}.update-btn[data-v-6466b4fe]:hover{background:#14328a}.dismiss-btn[data-v-6466b4fe]{background:transparent;color:#64748b;border:none;padding:4px;font-size:12px;font-weight:500;cursor:pointer}.dismiss-btn[data-v-6466b4fe]:hover{color:#0f172a;text-decoration:underline}.fade-up-enter-active[data-v-6466b4fe],.fade-up-leave-active[data-v-6466b4fe]{transition:all .4s cubic-bezier(.165,.84,.44,1)}.fade-up-enter-from[data-v-6466b4fe],.fade-up-leave-to[data-v-6466b4fe]{opacity:0;transform:translate(-50%,20px)}@media (max-width: 480px){.popup-content[data-v-6466b4fe]{padding:12px 16px}.popup-icon[data-v-6466b4fe]{display:none}.popup-title[data-v-6466b4fe]{font-size:14px}.popup-message[data-v-6466b4fe]{font-size:12px}}#app{min-height:100vh;background-color:#f8f9fa}body{margin:0;padding:0;overflow-x:hidden}.common-btn[data-v-86d549cf]{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-md);font-weight:var(--font-weight-medium);transition:all var(--transition-normal);cursor:pointer;border:none;text-decoration:none;font-family:var(--font-family);outline:none}.common-btn[data-v-86d549cf]:disabled,.common-btn.btn-disabled[data-v-86d549cf]{cursor:not-allowed;opacity:.7;filter:grayscale(.5)}.btn-primary[data-v-86d549cf]{background-color:var(--color-primary);color:var(--color-white);border:1px solid var(--color-primary)}.btn-primary[data-v-86d549cf]:hover:not(:disabled):not(.btn-disabled){background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn-secondary[data-v-86d549cf]{background-color:var(--color-gray-100);color:var(--color-gray-700);border:1px solid var(--color-gray-300)}.btn-secondary[data-v-86d549cf]:hover:not(:disabled):not(.btn-disabled){background-color:var(--color-gray-200);border-color:var(--color-gray-400)}.btn-outline[data-v-86d549cf]{background-color:transparent;color:var(--color-gray-700);border:1px solid var(--color-gray-300)}.btn-outline[data-v-86d549cf]:hover:not(:disabled):not(.btn-disabled){background-color:var(--color-gray-50);border-color:var(--color-gray-400)}.btn-text[data-v-86d549cf]{background-color:transparent;color:var(--color-primary);border:none}.btn-text[data-v-86d549cf]:hover:not(:disabled):not(.btn-disabled){background-color:var(--color-gray-50)}.btn-xs[data-v-86d549cf]{padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-xs);height:28px}.btn-sm[data-v-86d549cf]{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm);height:32px}.btn-md[data-v-86d549cf]{padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-base);height:40px}.btn-lg[data-v-86d549cf]{padding:var(--spacing-3) var(--spacing-6);font-size:var(--font-size-base);height:44px}.btn-xl[data-v-86d549cf]{padding:var(--spacing-4) var(--spacing-8);font-size:var(--font-size-lg);height:48px}@media (max-width: 768px){.btn-md[data-v-86d549cf]{height:44px}.btn-sm[data-v-86d549cf]{height:36px}}@media (max-width: 480px){.btn-md[data-v-86d549cf]{font-size:var(--font-size-sm);height:44px}}.login-screen[data-v-bdf34abe]{height:100vh;display:flex;overflow:hidden}.left-panel[data-v-bdf34abe]{flex:0 0 35%;background:var(--background-style);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.left-content[data-v-bdf34abe]{padding:var(--spacing-6);text-align:left;color:#fff;max-width:400px;z-index:2;position:relative}.right-panel[data-v-bdf34abe]{flex:0 0 65%;background:var(--color-white);display:flex;align-items:center;justify-content:center;padding:var(--spacing-8);position:relative}.login-container[data-v-bdf34abe]{width:100%;max-width:500px;padding:var(--spacing-6)}.brand-logo-corner[data-v-bdf34abe]{position:absolute;top:var(--spacing-6);right:var(--spacing-6);display:flex;align-items:center;gap:var(--spacing-2);z-index:10}.brand-logo-mobile[data-v-bdf34abe]{display:flex;justify-content:center;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-6);padding:var(--spacing-4) 0}.desktop-only[data-v-bdf34abe]{display:flex}.mobile-only[data-v-bdf34abe]{display:none}.logo-link[data-v-bdf34abe]{text-decoration:none;display:inline-block;transition:opacity .2s ease}.logo-link[data-v-bdf34abe]:hover{opacity:.8}.logo-icon[data-v-bdf34abe]{width:140px;height:auto;display:flex;align-items:center;justify-content:center;overflow:hidden}.logo-icon img[data-v-bdf34abe]{width:100%;height:auto;object-fit:contain;display:block}.brand-name[data-v-bdf34abe]{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-gray-900);letter-spacing:1px;font-family:var(--font-family)}.illustration[data-v-bdf34abe]{margin:var(--spacing-6) 0;display:flex;justify-content:center}.illustration-circle[data-v-bdf34abe]{width:300px;height:300px;background:rgba(255,255,255,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2)}.workspace-scene[data-v-bdf34abe]{position:relative;width:200px;height:200px}.person-1[data-v-bdf34abe],.person-2[data-v-bdf34abe]{position:absolute;width:40px;height:60px}.person-1[data-v-bdf34abe]{bottom:20px;left:30px}.person-2[data-v-bdf34abe]{bottom:40px;right:30px}.person-head[data-v-bdf34abe]{width:20px;height:20px;background:#FFB6C1;border-radius:50%;margin:0 auto 5px}.person-body[data-v-bdf34abe]{width:30px;height:35px;background:#4A90E2;border-radius:8px;margin:0 auto}.laptop[data-v-bdf34abe]{position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:25px;height:15px;background:#C0C0C0;border-radius:2px}.code-elements[data-v-bdf34abe]{position:absolute;top:20px;left:20px;right:20px;height:30px}.browser-window[data-v-bdf34abe]{width:60px;height:8px;background:rgba(255,255,255,.3);border-radius:2px;margin-bottom:5px}.chat-bubble[data-v-bdf34abe]{width:40px;height:8px;background:rgba(255,255,255,.2);border-radius:10px;margin:5px 0}.code-icon[data-v-bdf34abe]{width:20px;height:8px;background:rgba(255,255,255,.4);border-radius:2px;margin-top:5px}.promotional-text[data-v-bdf34abe]{text-align:center}.promo-title[data-v-bdf34abe]{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:#fff;margin-bottom:var(--spacing-4);line-height:1.3;font-family:var(--font-family)}.promo-description[data-v-bdf34abe]{font-size:var(--font-size-base);color:#ffffffe6;line-height:1.6;font-family:var(--font-family)}.welcome-section[data-v-bdf34abe]{text-align:left;margin-bottom:var(--spacing-8)}.welcome-title[data-v-bdf34abe]{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin:0 0 var(--spacing-2) 0;font-family:var(--font-family);line-height:1.3}.social-login[data-v-bdf34abe]{display:flex;gap:var(--spacing-3);margin-bottom:var(--spacing-6)}.social-button[data-v-bdf34abe]{flex:1;border:1px solid var(--color-gray-300);background:var(--color-white);color:var(--color-gray-700);font-weight:var(--font-weight-medium);display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);transition:all var(--transition-normal);height:44px;border-radius:var(--radius-md);font-size:var(--font-size-sm)}.social-button[data-v-bdf34abe]:hover{border-color:var(--color-gray-400);background:var(--color-gray-50)}.google-button[data-v-bdf34abe]:hover{border-color:#4285f4;background:#f8f9ff}.divider[data-v-bdf34abe]{display:flex;align-items:center;margin:var(--spacing-6) 0;color:var(--color-gray-500);font-size:var(--font-size-sm);font-family:var(--font-family)}.divider[data-v-bdf34abe]:before{content:"";flex:1;height:1px;background-color:var(--color-gray-300);margin-right:var(--spacing-4)}.divider[data-v-bdf34abe]:after{content:"";flex:1;height:1px;background-color:var(--color-gray-300);margin-left:var(--spacing-4)}.divider span[data-v-bdf34abe]{flex-shrink:0;color:var(--color-gray-500);font-size:var(--font-size-sm);font-family:var(--font-family)}.login-form[data-v-bdf34abe]{margin-bottom:var(--spacing-6)}.form-group[data-v-bdf34abe]{margin-bottom:var(--spacing-4)}.floating-label[data-v-bdf34abe]{position:relative}.floating-label-text[data-v-bdf34abe]{position:absolute;left:var(--spacing-4);top:50%;transform:translateY(-50%);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);color:var(--color-gray-500);font-family:var(--font-family);pointer-events:none;transition:all var(--transition-normal);background:var(--color-white);padding:0 var(--spacing-1)}.form-input[data-v-bdf34abe]{width:100%;padding:var(--spacing-3);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-family:var(--font-family);transition:all var(--transition-normal);background-color:transparent;height:44px}.form-input[data-v-bdf34abe]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0000001a}.form-input:focus+.floating-label-text[data-v-bdf34abe],.form-input:not(:placeholder-shown)+.floating-label-text[data-v-bdf34abe],.floating-label-text.floating[data-v-bdf34abe]{top:0;font-size:var(--font-size-sm);color:var(--color-primary);font-weight:var(--font-weight-medium)}.form-input:-webkit-autofill+.floating-label-text[data-v-bdf34abe],.form-input:-webkit-autofill:focus+.floating-label-text[data-v-bdf34abe]{top:0;font-size:var(--font-size-sm);color:var(--color-primary);font-weight:var(--font-weight-medium)}.form-input:autofill+.floating-label-text[data-v-bdf34abe]{top:0;font-size:var(--font-size-sm);color:var(--color-primary);font-weight:var(--font-weight-medium)}.password-input-container[data-v-bdf34abe]{position:relative}.password-toggle[data-v-bdf34abe]{position:absolute;right:var(--spacing-3);top:50%;transform:translateY(-50%);background:none;border:none;color:var(--color-gray-500);cursor:pointer;padding:var(--spacing-1);border-radius:var(--radius-sm);transition:color var(--transition-normal)}.password-toggle[data-v-bdf34abe]:hover{color:var(--color-primary)}.form-options[data-v-bdf34abe]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-6)}.checkbox-container[data-v-bdf34abe]{display:flex;align-items:center;cursor:pointer;font-size:var(--font-size-sm);color:var(--color-gray-600);font-family:var(--font-family)}.checkbox-container input[data-v-bdf34abe]{margin-right:var(--spacing-2)}.forgot-password[data-v-bdf34abe]{color:var(--color-primary);text-decoration:none;font-size:var(--font-size-sm);font-family:var(--font-family);transition:color var(--transition-normal)}.forgot-password[data-v-bdf34abe]:hover{color:var(--color-primary-hover)}.error-message[data-v-bdf34abe]{background-color:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:var(--spacing-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);margin-bottom:var(--spacing-4);text-align:center}.login-button[data-v-bdf34abe]{width:100%;margin-bottom:var(--spacing-4);height:44px;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.5px;font-size:var(--font-size-sm);border-radius:var(--radius-md)}.signup-link[data-v-bdf34abe]{text-align:center}.signup-link p[data-v-bdf34abe]{margin:0;font-size:var(--font-size-sm);color:var(--color-gray-600);font-family:var(--font-family)}.signup-link a[data-v-bdf34abe]{color:var(--color-primary);text-decoration:none;font-weight:var(--font-weight-bold);transition:color var(--transition-normal)}.signup-link a[data-v-bdf34abe]:hover{color:var(--color-primary-hover);text-decoration:underline}.signup-button[data-v-bdf34abe]{background:none;border:none;color:var(--color-primary);text-decoration:none;font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);font-family:var(--font-family);cursor:pointer;transition:color var(--transition-normal);padding:0;margin:0}.signup-button[data-v-bdf34abe]:hover{color:var(--color-primary-hover);text-decoration:underline}@media (max-width: 1024px){.left-panel[data-v-bdf34abe]{flex:0 0 30%}.right-panel[data-v-bdf34abe]{flex:0 0 70%}.left-content[data-v-bdf34abe]{padding:var(--spacing-4)}.illustration-circle[data-v-bdf34abe]{width:200px;height:200px}.workspace-scene[data-v-bdf34abe]{width:120px;height:120px}}@media (max-width: 768px){.login-screen[data-v-bdf34abe]{flex-direction:column;height:auto;min-height:100vh}.left-panel[data-v-bdf34abe]{display:none}.right-panel[data-v-bdf34abe]{flex:1;padding:var(--spacing-4);width:100%}.login-container[data-v-bdf34abe]{max-width:100%;padding:var(--spacing-4)}.welcome-title[data-v-bdf34abe]{font-size:var(--font-size-2xl);text-align:center}.social-login[data-v-bdf34abe]{flex-direction:column;gap:var(--spacing-2)}.form-input[data-v-bdf34abe]{height:44px;padding:var(--spacing-3)}.desktop-only[data-v-bdf34abe]{display:none}.mobile-only[data-v-bdf34abe]{display:flex}.brand-logo-mobile[data-v-bdf34abe]{justify-content:center;margin-bottom:var(--spacing-6)}}@media (max-width: 480px){.left-panel[data-v-bdf34abe]{display:none}.right-panel[data-v-bdf34abe],.login-container[data-v-bdf34abe]{padding:var(--spacing-3)}.welcome-title[data-v-bdf34abe]{font-size:var(--font-size-xl);text-align:center}.form-input[data-v-bdf34abe]{height:40px;padding:var(--spacing-2)}.login-button[data-v-bdf34abe]{height:44px}.desktop-only[data-v-bdf34abe]{display:none}.mobile-only[data-v-bdf34abe]{display:flex}.brand-logo-mobile[data-v-bdf34abe]{justify-content:center;margin-bottom:var(--spacing-4)}.logo-icon[data-v-bdf34abe]{width:200px;height:auto}.brand-name[data-v-bdf34abe]{font-size:var(--font-size-lg)}}.register-screen[data-v-20ace7dc]{height:100vh;display:flex;overflow:hidden}.left-panel[data-v-20ace7dc]{flex:0 0 35%;background:var(--background-style);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.left-content[data-v-20ace7dc]{padding:var(--spacing-6);text-align:left;color:#fff;max-width:400px;z-index:2;position:relative}.right-panel[data-v-20ace7dc]{flex:0 0 65%;background:var(--color-white);display:flex;align-items:center;justify-content:center;padding:var(--spacing-8);position:relative}.register-container[data-v-20ace7dc]{width:100%;max-width:500px;padding:var(--spacing-6)}.brand-logo-corner[data-v-20ace7dc]{position:absolute;top:var(--spacing-6);right:var(--spacing-6);display:flex;align-items:center;gap:var(--spacing-2);z-index:10}.brand-logo-mobile[data-v-20ace7dc]{display:flex;justify-content:center;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-6);padding:var(--spacing-4) 0}.desktop-only[data-v-20ace7dc]{display:flex}.mobile-only[data-v-20ace7dc]{display:none}.logo-link[data-v-20ace7dc]{text-decoration:none;display:inline-block;transition:opacity .2s ease}.logo-link[data-v-20ace7dc]:hover{opacity:.8}.logo-icon[data-v-20ace7dc]{width:140px;height:auto;display:flex;align-items:center;justify-content:center;overflow:hidden}.logo-icon img[data-v-20ace7dc]{width:100%;height:auto;object-fit:contain;display:block}.brand-name[data-v-20ace7dc]{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-gray-900);letter-spacing:1px;font-family:var(--font-family)}.illustration[data-v-20ace7dc]{margin:var(--spacing-6) 0;display:flex;justify-content:center}.illustration-circle[data-v-20ace7dc]{width:300px;height:300px;background:rgba(255,255,255,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2)}.workspace-scene[data-v-20ace7dc]{position:relative;width:200px;height:200px}.person-1[data-v-20ace7dc],.person-2[data-v-20ace7dc]{position:absolute;width:40px;height:60px}.person-1[data-v-20ace7dc]{bottom:20px;left:30px}.person-2[data-v-20ace7dc]{bottom:40px;right:30px}.person-head[data-v-20ace7dc]{width:20px;height:20px;background:#FFB6C1;border-radius:50%;margin:0 auto 5px}.person-body[data-v-20ace7dc]{width:30px;height:35px;background:#4A90E2;border-radius:8px;margin:0 auto}.laptop[data-v-20ace7dc]{position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:25px;height:15px;background:#C0C0C0;border-radius:2px}.code-elements[data-v-20ace7dc]{position:absolute;top:20px;left:20px;right:20px;height:30px}.browser-window[data-v-20ace7dc]{width:60px;height:8px;background:rgba(255,255,255,.3);border-radius:2px;margin-bottom:5px}.chat-bubble[data-v-20ace7dc]{width:40px;height:8px;background:rgba(255,255,255,.2);border-radius:10px;margin:5px 0}.code-icon[data-v-20ace7dc]{width:20px;height:8px;background:rgba(255,255,255,.4);border-radius:2px;margin-top:5px}.promotional-text[data-v-20ace7dc]{text-align:center}.promo-title[data-v-20ace7dc]{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:#fff;margin-bottom:var(--spacing-4);line-height:1.3;font-family:var(--font-family)}.promo-description[data-v-20ace7dc]{font-size:var(--font-size-base);color:#ffffffe6;line-height:1.6;font-family:var(--font-family)}.welcome-section[data-v-20ace7dc]{text-align:left;margin-bottom:var(--spacing-8)}.welcome-title[data-v-20ace7dc]{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin:0 0 var(--spacing-2) 0;font-family:var(--font-family);line-height:1.3}.welcome-text[data-v-20ace7dc]{font-size:var(--font-size-base);color:var(--color-gray-600);margin:0;font-family:var(--font-family);line-height:var(--line-height-normal)}.register-form[data-v-20ace7dc]{margin-bottom:var(--spacing-6)}.form-row[data-v-20ace7dc]{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2)}.form-group[data-v-20ace7dc],.checkbox-group[data-v-20ace7dc]{margin-bottom:var(--spacing-4)}.floating-label[data-v-20ace7dc]{position:relative}.floating-label-text[data-v-20ace7dc]{position:absolute;left:var(--spacing-4);top:50%;transform:translateY(-50%);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);color:var(--color-gray-500);font-family:var(--font-family);pointer-events:none;transition:all var(--transition-normal);background:var(--color-white);padding:0 var(--spacing-1)}.form-input[data-v-20ace7dc]{width:100%;padding:var(--spacing-3);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-family:var(--font-family);transition:all var(--transition-normal);background-color:transparent;height:44px}.form-input[data-v-20ace7dc]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0000001a}.form-input:focus+.floating-label-text[data-v-20ace7dc],.form-input:not(:placeholder-shown)+.floating-label-text[data-v-20ace7dc]{top:0;font-size:var(--font-size-sm);color:var(--color-primary);font-weight:var(--font-weight-medium)}.password-input-container[data-v-20ace7dc]{position:relative}.password-toggle[data-v-20ace7dc]{position:absolute;right:var(--spacing-3);top:50%;transform:translateY(-50%);background:none;border:none;color:var(--color-gray-500);cursor:pointer;padding:var(--spacing-1);border-radius:var(--radius-sm);transition:color var(--transition-normal)}.password-toggle[data-v-20ace7dc]:hover{color:var(--color-primary)}.checkbox-container[data-v-20ace7dc]{display:flex;align-items:flex-start;cursor:pointer;font-size:var(--font-size-sm);color:var(--color-gray-600);font-family:var(--font-family);line-height:1.4;gap:var(--spacing-2)}.checkbox-container input[data-v-20ace7dc]{margin:0;flex-shrink:0}.terms-link[data-v-20ace7dc]{color:var(--color-primary);text-decoration:none;font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);transition:color var(--transition-normal)}.terms-link[data-v-20ace7dc]:hover{color:var(--color-primary-hover);text-decoration:underline}.error-message[data-v-20ace7dc]{background-color:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:var(--spacing-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);margin-bottom:var(--spacing-4);text-align:center}.register-button[data-v-20ace7dc]{width:100%;margin-bottom:var(--spacing-4);height:44px;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.5px;font-size:var(--font-size-sm);border-radius:var(--radius-md)}.divider[data-v-20ace7dc]{display:none;align-items:center;margin:var(--spacing-6) 0;color:var(--color-gray-500);font-size:var(--font-size-sm);font-family:var(--font-family)}.divider[data-v-20ace7dc]:before{content:"";flex:1;height:1px;background-color:var(--color-gray-300);margin-right:var(--spacing-4)}.divider[data-v-20ace7dc]:after{content:"";flex:1;height:1px;background-color:var(--color-gray-300);margin-left:var(--spacing-4)}.divider span[data-v-20ace7dc]{flex-shrink:0;color:var(--color-gray-500);font-size:var(--font-size-sm);font-family:var(--font-family)}.social-register[data-v-20ace7dc]{display:none;gap:var(--spacing-3);margin-bottom:var(--spacing-6)}.social-button[data-v-20ace7dc]{flex:1;border:1px solid var(--color-gray-300);background:var(--color-white);color:var(--color-gray-700);font-weight:var(--font-weight-medium);display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);transition:all var(--transition-normal);height:44px;border-radius:var(--radius-md);font-size:var(--font-size-sm)}.social-button[data-v-20ace7dc]:hover{border-color:var(--color-gray-400);background:var(--color-gray-50)}.google-button[data-v-20ace7dc]:hover{border-color:#4285f4;background:#f8f9ff}.signin-link[data-v-20ace7dc]{text-align:center}.signin-link p[data-v-20ace7dc]{margin:0;font-size:var(--font-size-sm);color:var(--color-gray-600);font-family:var(--font-family)}.signin-link a[data-v-20ace7dc]{color:var(--color-primary);text-decoration:none;font-weight:var(--font-weight-bold);transition:color var(--transition-normal)}.signin-link a[data-v-20ace7dc]:hover{color:var(--color-primary-hover);text-decoration:underline}[data-v-20ace7dc] .vue-tel-input{width:100%;display:flex;border:1px solid var(--color-gray-300);border-radius:var(--radius-md);background:var(--color-white);transition:all var(--transition-normal)}[data-v-20ace7dc] .vue-tel-input:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #0000001a}[data-v-20ace7dc] .vue-tel-input .vti__dropdown{border:none;border-right:1px solid var(--color-gray-300);border-radius:var(--radius-md) 0 0 var(--radius-md);background:var(--color-gray-50);padding:var(--spacing-2);cursor:pointer;min-width:80px;display:flex;align-items:center;justify-content:center;gap:var(--spacing-1)}[data-v-20ace7dc] .vue-tel-input .vti__dropdown:hover{background:var(--color-gray-100)}[data-v-20ace7dc] .vue-tel-input .vti__dropdown.open{background:var(--color-primary)}[data-v-20ace7dc] .vue-tel-input .vti__selection{padding:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);display:flex;align-items:center;gap:var(--spacing-1);min-width:80px}[data-v-20ace7dc] .vue-tel-input .vti__selection .vti__flag{width:20px;height:15px;flex-shrink:0}[data-v-20ace7dc] .vue-tel-input .vti__input{flex:1;border:none;padding:var(--spacing-3);border-radius:0 var(--radius-md) var(--radius-md) 0;font-size:var(--font-size-sm);font-family:var(--font-family);background-color:transparent;height:44px;color:var(--color-gray-900)}[data-v-20ace7dc] .vue-tel-input .vti__input::placeholder{color:var(--color-gray-500)}[data-v-20ace7dc] .vue-tel-input .vti__input:focus{outline:none;box-shadow:none}[data-v-20ace7dc] .vue-tel-input .vti__country-list{position:absolute;top:100%;left:0;right:0;z-index:1000;border:1px solid var(--color-gray-300);border-radius:var(--radius-md);box-shadow:0 4px 6px -1px #0000001a;max-height:200px;overflow-y:auto;background:var(--color-white);margin-top:2px}[data-v-20ace7dc] .vue-tel-input .vti__search-box{padding:var(--spacing-2);border-bottom:1px solid var(--color-gray-200);background:var(--color-gray-50)}[data-v-20ace7dc] .vue-tel-input .vti__search-box input{width:100%;padding:var(--spacing-2);border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-family:var(--font-family)}[data-v-20ace7dc] .vue-tel-input .vti__search-box input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #0000001a}[data-v-20ace7dc] .vue-tel-input .vti__country-item{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm);border-bottom:1px solid var(--color-gray-100);cursor:pointer;display:flex;align-items:center;gap:var(--spacing-2)}[data-v-20ace7dc] .vue-tel-input .vti__country-item:hover{background-color:var(--color-gray-50)}[data-v-20ace7dc] .vue-tel-input .vti__country-item.highlight{background-color:var(--color-primary);color:#fff}[data-v-20ace7dc] .vue-tel-input .vti__flag{width:20px;height:15px;margin-right:var(--spacing-1);flex-shrink:0}[data-v-20ace7dc] .vue-tel-input .vti__dropdown-item .vti__flag{margin-right:var(--spacing-2)}[data-v-20ace7dc] .vue-tel-input .vti__dropdown-item strong,[data-v-20ace7dc] .vue-tel-input .vti__dropdown .vti__selection .vti__country-name{display:none!important}[data-v-20ace7dc] .vue-tel-input .vti__dropdown .vti__dropdown-item.highlighted{background-color:var(--color-primary-light)}.referral-code-section[data-v-20ace7dc]{margin:var(--spacing-4) 0;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);background:var(--color-gray-50);overflow:hidden;transition:all var(--transition-normal)}.referral-toggle[data-v-20ace7dc]{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4);cursor:pointer;background:var(--color-white);border-bottom:1px solid var(--color-gray-200);transition:background-color var(--transition-normal)}.referral-toggle[data-v-20ace7dc]:hover{background:var(--color-gray-50)}.toggle-text[data-v-20ace7dc]{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700)}.toggle-icon[data-v-20ace7dc]{color:var(--color-gray-500);transition:transform var(--transition-normal)}.toggle-icon.rotated[data-v-20ace7dc]{transform:rotate(180deg)}.referral-content[data-v-20ace7dc]{padding:var(--spacing-4);background:var(--color-white);animation:slideDown-20ace7dc .3s ease-out}@keyframes slideDown-20ace7dc{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.left-panel[data-v-20ace7dc]{flex:0 0 30%}.right-panel[data-v-20ace7dc]{flex:0 0 70%}.left-content[data-v-20ace7dc]{padding:var(--spacing-4)}.illustration-circle[data-v-20ace7dc]{width:200px;height:200px}.workspace-scene[data-v-20ace7dc]{width:120px;height:120px}}@media (max-width: 768px){.register-screen[data-v-20ace7dc]{flex-direction:column;height:auto;min-height:100vh}.left-panel[data-v-20ace7dc]{display:none}.right-panel[data-v-20ace7dc]{flex:1;padding:var(--spacing-4);width:100%}.register-container[data-v-20ace7dc]{max-width:100%;padding:var(--spacing-4)}.welcome-title[data-v-20ace7dc]{font-size:var(--font-size-2xl);text-align:center}.welcome-text[data-v-20ace7dc]{text-align:center}.form-row[data-v-20ace7dc]{grid-template-columns:1fr;gap:var(--spacing-2)}.social-register[data-v-20ace7dc]{flex-direction:column;gap:var(--spacing-2)}.form-input[data-v-20ace7dc]{height:44px;padding:var(--spacing-3)}.desktop-only[data-v-20ace7dc]{display:none}.mobile-only[data-v-20ace7dc]{display:flex}.brand-logo-mobile[data-v-20ace7dc]{justify-content:center;margin-bottom:var(--spacing-6)}.referral-toggle[data-v-20ace7dc],.referral-content[data-v-20ace7dc]{padding:var(--spacing-3)}}@media (max-width: 480px){.left-panel[data-v-20ace7dc]{display:none}.right-panel[data-v-20ace7dc],.register-container[data-v-20ace7dc]{padding:var(--spacing-3)}.welcome-title[data-v-20ace7dc]{font-size:var(--font-size-xl);text-align:center}.welcome-text[data-v-20ace7dc]{text-align:center}.form-input[data-v-20ace7dc]{height:40px;padding:var(--spacing-2)}.register-button[data-v-20ace7dc]{height:44px}.desktop-only[data-v-20ace7dc]{display:none}.mobile-only[data-v-20ace7dc]{display:flex}.brand-logo-mobile[data-v-20ace7dc]{justify-content:center;margin-bottom:var(--spacing-4)}.logo-icon[data-v-20ace7dc]{width:200px;height:auto}.logo-icon img[data-v-20ace7dc]{width:100%;height:auto}.brand-name[data-v-20ace7dc]{font-size:var(--font-size-lg)}}[data-v-20ace7dc]::deep(.vue-tel-input .vti__selection .vti__country-code){font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700);margin-left:var(--spacing-1)}[data-v-20ace7dc]::deep(.vue-tel-input .vti__country-item .vti__country-code){font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700);margin-left:var(--spacing-1)}[data-v-20ace7dc]::deep(.vue-tel-input .vti__country-item .vti__dial-code){font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700);margin-left:var(--spacing-1)}[data-v-20ace7dc]::deep(.vue-tel-input .vti__selection .vti__dial-code){font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700);margin-left:var(--spacing-1)}[data-v-20ace7dc]::deep(.vue-tel-input .vti__selection .vti__country-name),[data-v-20ace7dc]::deep(.vue-tel-input .vti__country-item .vti__country-name){display:none}[data-v-20ace7dc]::deep(.vue-tel-input .vti__input::before){display:none!important;content:""!important}[data-v-20ace7dc]::deep(.vue-tel-input .vti__input){padding-left:12px!important}.phone-loading[data-v-20ace7dc]{height:44px;display:flex;align-items:center;justify-content:center;color:var(--color-gray-500);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);background:var(--color-white)}.login-screen[data-v-39f3ee0e]{height:100vh;display:flex;overflow:hidden}.left-panel[data-v-39f3ee0e]{flex:0 0 35%;background:var(--background-style);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.left-content[data-v-39f3ee0e]{padding:var(--spacing-6);text-align:left;color:#fff;max-width:400px;z-index:2;position:relative}.right-panel[data-v-39f3ee0e]{flex:0 0 65%;background:var(--color-white);display:flex;align-items:center;justify-content:center;padding:var(--spacing-8);position:relative}.login-container[data-v-39f3ee0e]{width:100%;max-width:500px;padding:var(--spacing-6)}.brand-logo-corner[data-v-39f3ee0e]{position:absolute;top:var(--spacing-6);right:var(--spacing-6);display:flex;align-items:center;gap:var(--spacing-2);z-index:10}.brand-logo-mobile[data-v-39f3ee0e]{display:flex;justify-content:center;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-6);padding:var(--spacing-4) 0}.desktop-only[data-v-39f3ee0e]{display:flex}.mobile-only[data-v-39f3ee0e]{display:none}.logo-icon[data-v-39f3ee0e]{width:140px;height:auto;display:flex;align-items:center;justify-content:center;overflow:hidden}.logo-icon img[data-v-39f3ee0e]{width:100%;height:auto;object-fit:contain;display:block}.illustration[data-v-39f3ee0e]{margin:var(--spacing-6) 0;display:flex;justify-content:center}.illustration-circle[data-v-39f3ee0e]{width:300px;height:300px;background:rgba(255,255,255,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2)}.workspace-scene[data-v-39f3ee0e]{position:relative;width:200px;height:200px}.person-1[data-v-39f3ee0e],.person-2[data-v-39f3ee0e]{position:absolute;width:40px;height:60px}.person-1[data-v-39f3ee0e]{bottom:20px;left:30px}.person-2[data-v-39f3ee0e]{bottom:40px;right:30px}.person-head[data-v-39f3ee0e]{width:20px;height:20px;background:#FFB6C1;border-radius:50%;margin:0 auto 5px}.person-body[data-v-39f3ee0e]{width:30px;height:35px;background:#4A90E2;border-radius:8px;margin:0 auto}.laptop[data-v-39f3ee0e]{position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:25px;height:15px;background:#C0C0C0;border-radius:2px}.code-elements[data-v-39f3ee0e]{position:absolute;top:20px;left:20px;right:20px;height:30px}.browser-window[data-v-39f3ee0e]{width:60px;height:8px;background:rgba(255,255,255,.3);border-radius:2px;margin-bottom:5px}.chat-bubble[data-v-39f3ee0e]{width:40px;height:8px;background:rgba(255,255,255,.2);border-radius:10px;margin:5px 0}.code-icon[data-v-39f3ee0e]{width:20px;height:8px;background:rgba(255,255,255,.4);border-radius:2px;margin-top:5px}.promotional-text[data-v-39f3ee0e]{text-align:center}.promo-title[data-v-39f3ee0e]{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:#fff;margin-bottom:var(--spacing-4);line-height:1.3;font-family:var(--font-family)}.promo-description[data-v-39f3ee0e]{font-size:var(--font-size-base);color:#ffffffe6;line-height:1.6;font-family:var(--font-family)}.welcome-section[data-v-39f3ee0e]{text-align:left;margin-bottom:var(--spacing-8)}.welcome-title[data-v-39f3ee0e]{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin:0 0 var(--spacing-2) 0;font-family:var(--font-family);line-height:1.3}.login-form[data-v-39f3ee0e]{margin-bottom:var(--spacing-6)}.error-message[data-v-39f3ee0e]{background-color:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:var(--spacing-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);margin-bottom:var(--spacing-4);text-align:center}.login-button[data-v-39f3ee0e]{width:100%;margin-bottom:var(--spacing-4);height:44px;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.5px;font-size:var(--font-size-sm);border-radius:var(--radius-md)}.signup-link[data-v-39f3ee0e]{text-align:center}.signup-link p[data-v-39f3ee0e]{margin:0;font-size:var(--font-size-sm);color:var(--color-gray-600);font-family:var(--font-family)}.signup-button[data-v-39f3ee0e]{background:none;border:none;color:var(--color-primary);text-decoration:none;font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);font-family:var(--font-family);cursor:pointer;transition:color var(--transition-normal);padding:0;margin:0}.signup-button[data-v-39f3ee0e]:hover{color:var(--color-primary-hover);text-decoration:underline}.otp-inputs-container[data-v-39f3ee0e]{margin-bottom:var(--spacing-6)}.otp-inputs[data-v-39f3ee0e]{display:flex;justify-content:center;gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.otp-input[data-v-39f3ee0e]{width:48px;height:56px;border:2px solid var(--color-gray-300);border-radius:var(--radius-md);text-align:center;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);font-family:var(--font-family);color:var(--color-primary);background-color:var(--color-white);transition:all var(--transition-normal)}.otp-input[data-v-39f3ee0e]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #007aff1a}.otp-input[data-v-39f3ee0e]:not(:placeholder-shown){border-color:var(--color-primary)}.resend-section[data-v-39f3ee0e]{margin-top:var(--spacing-4);margin-bottom:var(--spacing-4)}.resend-text[data-v-39f3ee0e]{font-size:var(--font-size-sm);color:var(--color-gray-600);margin:0;font-family:var(--font-family);text-align:center}.resend-button[data-v-39f3ee0e]{background:none;border:none;color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:var(--font-family);cursor:pointer;text-decoration:underline;transition:color var(--transition-normal);padding:0;margin-left:4px}.resend-button[data-v-39f3ee0e]:hover:not(:disabled){color:var(--color-primary-hover)}.resend-button[data-v-39f3ee0e]:disabled{color:var(--color-gray-400);cursor:not-allowed;text-decoration:none}@media (max-width: 1024px){.left-panel[data-v-39f3ee0e]{flex:0 0 30%}.right-panel[data-v-39f3ee0e]{flex:0 0 70%}.left-content[data-v-39f3ee0e]{padding:var(--spacing-4)}.illustration-circle[data-v-39f3ee0e]{width:200px;height:200px}.workspace-scene[data-v-39f3ee0e]{width:120px;height:120px}}@media (max-width: 768px){.login-screen[data-v-39f3ee0e]{flex-direction:column;height:auto;min-height:100vh}.left-panel[data-v-39f3ee0e]{display:none}.right-panel[data-v-39f3ee0e]{flex:1;padding:var(--spacing-4);width:100%}.login-container[data-v-39f3ee0e]{max-width:100%;padding:var(--spacing-4)}.welcome-title[data-v-39f3ee0e]{font-size:var(--font-size-2xl);text-align:center}.desktop-only[data-v-39f3ee0e]{display:none}.mobile-only[data-v-39f3ee0e]{display:flex}.brand-logo-mobile[data-v-39f3ee0e]{justify-content:center;margin-bottom:var(--spacing-6)}.otp-inputs[data-v-39f3ee0e]{gap:var(--spacing-2)}.otp-input[data-v-39f3ee0e]{width:40px;height:48px;font-size:var(--font-size-lg)}}@media (max-width: 480px){.left-panel[data-v-39f3ee0e]{display:none}.right-panel[data-v-39f3ee0e],.login-container[data-v-39f3ee0e]{padding:var(--spacing-3)}.welcome-title[data-v-39f3ee0e]{font-size:var(--font-size-xl);text-align:center}.desktop-only[data-v-39f3ee0e]{display:none}.mobile-only[data-v-39f3ee0e]{display:flex}.brand-logo-mobile[data-v-39f3ee0e]{justify-content:center;margin-bottom:var(--spacing-4)}.logo-icon[data-v-39f3ee0e]{width:200px}.otp-inputs[data-v-39f3ee0e]{gap:var(--spacing-1)}.otp-input[data-v-39f3ee0e]{width:36px;height:44px;font-size:var(--font-size-base)}}.auth-wrapper[data-v-673e4047]{min-height:100vh;width:100%;background-color:var(--color-secondary)}.auth-top-menu[data-v-673e4047]{background-color:var(--color-white);border-bottom:1px solid var(--color-gray-200);position:fixed;top:0;left:0;right:0;z-index:1000;height:80px;box-shadow:0 2px 4px #0000001a}.menu-content[data-v-673e4047]{display:flex;align-items:center;height:100%;padding:0 var(--spacing-8);gap:var(--spacing-4)}.brand-section[data-v-673e4047]{display:flex;align-items:center}.brand-logo[data-v-673e4047]{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary);margin:0;font-family:var(--font-family)}.menu-spacer[data-v-673e4047]{flex:1}.auth-actions[data-v-673e4047]{display:flex;align-items:center;gap:var(--spacing-5)}.language-selector[data-v-673e4047]{position:relative}.language-btn[data-v-673e4047]{display:flex;align-items:center;gap:var(--spacing-2);background:none;border:none;cursor:pointer;padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);color:var(--color-gray-600);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:var(--font-family);transition:all var(--transition-normal)}.language-btn[data-v-673e4047]:hover{background-color:var(--color-gray-100);color:var(--color-primary)}.help-section[data-v-673e4047]{position:relative}.help-btn[data-v-673e4047]{display:flex;align-items:center;gap:var(--spacing-2);background:none;border:none;cursor:pointer;padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);color:var(--color-gray-600);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:var(--font-family);transition:all var(--transition-normal)}.help-btn[data-v-673e4047]:hover{background-color:var(--color-gray-100);color:var(--color-primary)}.auth-content[data-v-673e4047]{margin-top:80px;min-height:calc(100vh - 80px);display:flex;align-items:center;justify-content:center;padding:var(--spacing-4)}@media (max-width: 768px){.auth-top-menu[data-v-673e4047]{height:60px}.menu-content[data-v-673e4047]{padding:0 var(--spacing-4)}.brand-logo[data-v-673e4047]{font-size:var(--font-size-lg)}.auth-actions[data-v-673e4047]{gap:var(--spacing-3)}.language-btn[data-v-673e4047],.help-btn[data-v-673e4047]{padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-xs)}.auth-content[data-v-673e4047]{margin-top:60px;min-height:calc(100vh - 60px);padding:var(--spacing-2)}}@media (max-width: 480px){.auth-actions[data-v-673e4047]{gap:var(--spacing-2)}.language-btn span[data-v-673e4047],.help-btn span[data-v-673e4047]{display:none}.language-btn[data-v-673e4047],.help-btn[data-v-673e4047]{padding:var(--spacing-2);border-radius:var(--radius-full)}}.pwa-navigation{position:relative;z-index:1000}.top-menu[data-v-7abe70b2]{background-color:var(--color-white);border-bottom:1px solid var(--color-gray-200);position:fixed;top:0;left:280px;right:0;z-index:1000;height:80px;transition:left var(--transition-normal)}.top-menu.sidebar-collapsed[data-v-7abe70b2]{left:60px}.menu-content[data-v-7abe70b2]{display:flex;align-items:center;height:100%;padding:0 var(--spacing-8);gap:var(--spacing-4)}.hamburger-menu[data-v-7abe70b2]{display:flex;align-items:center;margin-right:var(--spacing-4)}.hamburger-btn[data-v-7abe70b2]{background:none;border:none;cursor:pointer;padding:var(--spacing-2);border-radius:var(--radius-md);color:var(--color-gray-600);transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center}.hamburger-btn[data-v-7abe70b2]:hover{background-color:var(--color-gray-100);color:var(--color-primary)}.hamburger-btn[data-v-7abe70b2]:active{transform:scale(.95)}.page-title[data-v-7abe70b2]{flex:1;display:flex;align-items:center;justify-content:flex-start;min-width:0}.page-title h1[data-v-7abe70b2]{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary);margin:0;font-family:var(--font-family);white-space:nowrap}.menu-spacer[data-v-7abe70b2]{flex:1}.menu-right[data-v-7abe70b2]{display:flex;align-items:center;gap:var(--spacing-5)}.notifications[data-v-7abe70b2]{position:relative}.notification-btn[data-v-7abe70b2]{background:none;border:none;cursor:pointer;padding:var(--spacing-2);border-radius:var(--radius-full);color:var(--color-gray-500);display:flex;align-items:center;justify-content:center;transition:all var(--transition-normal);width:40px;height:40px}.notification-btn[data-v-7abe70b2]:hover{background-color:var(--color-gray-100);color:var(--color-primary)}.user-profile[data-v-7abe70b2]{display:flex;align-items:center;gap:var(--spacing-4)}.profile-dropdown[data-v-7abe70b2]{position:relative;cursor:pointer;z-index:1002}.balance[data-v-7abe70b2]{display:flex;align-items:center;gap:var(--spacing-2);text-align:right;padding:var(--spacing-2);border-radius:var(--radius-full);transition:all var(--transition-normal)}.balance[data-v-7abe70b2]:hover{background-color:var(--color-gray-100)}.wallet-icon[data-v-7abe70b2]{opacity:.8;transition:opacity var(--transition-normal);width:24px;height:24px}.wallet-icon[data-v-7abe70b2]:hover{opacity:1}.balance-amount[data-v-7abe70b2]{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-primary);font-family:var(--font-family)}.dropdown-item.disabled[data-v-7abe70b2]{cursor:not-allowed;opacity:.6;pointer-events:none}.dropdown-icon.spinning[data-v-7abe70b2]{animation:spin-7abe70b2 1s linear infinite}@keyframes spin-7abe70b2{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.profile-info[data-v-7abe70b2]{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-2);border-radius:var(--radius-md);transition:all var(--transition-normal)}.profile-info[data-v-7abe70b2]:hover{background-color:var(--color-gray-50)}.dropdown-arrow[data-v-7abe70b2]{transition:transform var(--transition-normal);color:var(--color-gray-500)}.dropdown-arrow.open[data-v-7abe70b2]{transform:rotate(180deg)}.profile-dropdown-menu[data-v-7abe70b2]{position:absolute;top:calc(100% + 8px);right:0;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);box-shadow:0 4px 12px #00000026;min-width:200px;z-index:1001;overflow:hidden;display:block;opacity:1;visibility:visible;transform:translateY(0);transition:all var(--transition-normal)}.dropdown-item[data-v-7abe70b2]{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);cursor:pointer;transition:all var(--transition-normal);color:var(--color-gray-700)}.dropdown-item[data-v-7abe70b2]:hover{background-color:var(--color-primary);color:var(--color-white)}.dropdown-icon[data-v-7abe70b2]{width:16px;height:16px;filter:brightness(0) saturate(100%) invert(40%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(0%) contrast(100%)}.dropdown-item:hover .dropdown-icon[data-v-7abe70b2]{filter:brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%)}.dropdown-divider[data-v-7abe70b2]{height:1px;background-color:var(--color-gray-200);margin:var(--spacing-1) 0}.avatar[data-v-7abe70b2]{width:40px;height:40px;border-radius:var(--radius-full);background-color:var(--color-gray-100);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-semibold);color:var(--color-primary);font-size:var(--font-size-sm);font-family:var(--font-family)}.user-details[data-v-7abe70b2]{display:flex;flex-direction:column}.user-name[data-v-7abe70b2]{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-primary);line-height:var(--line-height-tight);font-family:var(--font-family)}.user-email[data-v-7abe70b2]{font-size:var(--font-size-xs);color:var(--color-gray-500);line-height:var(--line-height-tight);font-family:var(--font-family)}.top-menu.mobile[data-v-7abe70b2]{left:0;right:0;height:60px}.top-menu.mobile .menu-content[data-v-7abe70b2]{padding:0 var(--spacing-4);gap:var(--spacing-3)}.mobile-favicon[data-v-7abe70b2]{width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-right:var(--spacing-2)}.mobile-favicon img[data-v-7abe70b2]{width:100%;height:100%;object-fit:contain;display:block}.top-menu.mobile .page-title[data-v-7abe70b2]{flex:1;min-width:0;display:flex;align-items:center;justify-content:left;padding:0 var(--spacing-2);margin-left:var(--spacing-2)}.top-menu.mobile .page-title h1[data-v-7abe70b2]{font-size:var(--font-size-lg);white-space:nowrap;text-align:left;margin:0;overflow:hidden;text-overflow:ellipsis}.top-menu.mobile .menu-right.mobile[data-v-7abe70b2]{display:flex;align-items:center;gap:var(--spacing-3);margin-left:auto}.top-menu.mobile .balance[data-v-7abe70b2]{display:flex;align-items:center;gap:var(--spacing-2);flex-shrink:0}.top-menu.mobile .balance-amount[data-v-7abe70b2]{font-size:var(--font-size-sm);white-space:nowrap}@media (max-width: 480px){.top-menu.mobile .menu-content[data-v-7abe70b2]{padding:0 var(--spacing-3);gap:var(--spacing-2)}.mobile-favicon[data-v-7abe70b2]{width:28px;height:28px;margin-right:var(--spacing-1)}.top-menu.mobile .page-title[data-v-7abe70b2]{padding:0 var(--spacing-1);margin-left:var(--spacing-1)}.top-menu.mobile .page-title h1[data-v-7abe70b2]{font-size:var(--font-size-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-menu.mobile .balance-amount[data-v-7abe70b2]{font-size:var(--font-size-xs)}.top-menu.mobile .menu-right.mobile[data-v-7abe70b2]{gap:var(--spacing-2)}}.top-menu.mobile .avatar[data-v-7abe70b2]{width:32px;height:32px;font-size:var(--font-size-xs)}.account-card[data-v-c0538a93]{background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:var(--spacing-5);width:100%;min-height:120px;height:auto;box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-4);display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-5);transition:all var(--transition-normal);position:relative;z-index:1;flex-shrink:0;clear:both;overflow:visible;box-sizing:border-box}.account-card[data-v-c0538a93]:hover{z-index:10;box-shadow:var(--shadow-md);transform:translateY(-1px)}.account-card.menu-open[data-v-c0538a93]{z-index:100;box-shadow:var(--shadow-lg)}.account-card.just-updated[data-v-c0538a93]{animation:balanceUpdate-c0538a93 2s ease-in-out;border:2px solid var(--color-success)}@keyframes balanceUpdate-c0538a93{0%{border-color:var(--color-success);box-shadow:0 0 #22c55e66}50%{border-color:var(--color-success);box-shadow:0 0 0 8px #22c55e1a}to{border-color:var(--color-gray-200);box-shadow:0 1px 3px #0000001a}}.account-header[data-v-c0538a93]{display:flex;justify-content:flex-start;align-items:center;flex-shrink:0;min-width:200px}.account-id[data-v-c0538a93]{display:flex;align-items:center;gap:var(--spacing-3)}.account-number[data-v-c0538a93]{font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);color:var(--color-primary);font-family:var(--font-family);letter-spacing:-.5px}.status-tag[data-v-c0538a93]{padding:6px 12px;border-radius:16px;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px;border:1px solid var(--color-gray-200)}.status-demo[data-v-c0538a93]{background-color:var(--color-gray-100);color:var(--color-gray-600);border-color:var(--color-gray-300)}.status-live[data-v-c0538a93]{background-color:var(--color-success);color:var(--color-success-text);border-color:var(--color-success-text)}.account-details[data-v-c0538a93]{flex:1;display:flex;justify-content:center;align-items:center;gap:24px;margin:0;min-height:60px}.detail-item[data-v-c0538a93]{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px}.detail-label[data-v-c0538a93]{font-size:var(--font-size-sm);color:var(--color-gray-400);text-transform:uppercase;letter-spacing:.5px;font-weight:var(--font-weight-normal)}.detail-value[data-v-c0538a93]{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-primary);font-family:var(--font-family);margin-top:2px}.account-actions[data-v-c0538a93]{flex-shrink:0;min-width:200px;display:flex;gap:8px;justify-content:flex-end;align-items:center;height:auto;min-height:40px;overflow:visible;box-sizing:border-box;flex-wrap:wrap}.action-btn[data-v-c0538a93]{cursor:pointer;padding:8px 12px;border-radius:6px;display:flex;align-items:center;justify-content:center;gap:4px;transition:all var(--transition-normal);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border:1px solid transparent;min-height:36px;white-space:nowrap}.action-btn.primary[data-v-c0538a93]{background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.action-btn.primary img[data-v-c0538a93]{filter:brightness(0) invert(1)}.action-btn.primary[data-v-c0538a93]:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);transform:translateY(-1px)}.action-btn.primary-outline[data-v-c0538a93]{background:var(--color-white);color:var(--color-primary);border-color:var(--color-primary)}.action-btn.primary-outline[data-v-c0538a93]:hover{background:var(--color-primary);color:var(--color-white);transform:translateY(-1px)}.action-btn.primary-outline:hover img[data-v-c0538a93]{filter:brightness(0) invert(1)}.settings-btn[data-v-c0538a93]{background:var(--color-gray-100);border:1px solid var(--color-gray-200);cursor:pointer;padding:8px;border-radius:6px;color:var(--color-gray-600);display:flex;align-items:center;justify-content:center;transition:all var(--transition-normal);width:32px;height:32px}.settings-btn[data-v-c0538a93]:hover{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-white);transform:scale(1.05)}.settings-btn img[data-v-c0538a93]{transition:filter var(--transition-normal)}.settings-btn:hover img[data-v-c0538a93]{filter:brightness(0) invert(1)}.menu-container[data-v-c0538a93]{position:relative;display:inline-block;z-index:1000}.dropdown-menu[data-v-c0538a93]{position:absolute;top:calc(100% + 8px);right:0;left:auto;transform:none;background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:9999;min-width:280px;width:max-content;overflow:hidden;animation:dropdownFadeIn-c0538a93 .15s ease-out;will-change:transform,opacity}@keyframes dropdownFadeIn-c0538a93{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.menu-item[data-v-c0538a93]{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-5);cursor:pointer;transition:background-color var(--transition-normal);color:var(--color-gray-700);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:var(--font-family);white-space:nowrap;min-height:44px}.menu-item[data-v-c0538a93]:hover{background-color:var(--color-gray-50);color:var(--color-primary)}.menu-item[data-v-c0538a93]:active{background-color:var(--color-gray-100)}.menu-icon[data-v-c0538a93]{display:flex;align-items:center;justify-content:center;width:16px;height:16px;color:var(--color-gray-500);flex-shrink:0}.menu-item:hover .menu-icon[data-v-c0538a93]{color:var(--color-primary)}.menu-divider[data-v-c0538a93]{height:1px;background-color:var(--color-gray-200);margin:0}@media (max-width: 1200px){.account-card[data-v-c0538a93]{flex-wrap:wrap;min-height:140px;gap:var(--spacing-4)}.account-header[data-v-c0538a93]{min-width:180px}.account-actions[data-v-c0538a93]{min-width:180px;flex-wrap:wrap;gap:6px}.action-btn[data-v-c0538a93]{font-size:var(--font-size-xs);padding:6px 10px;min-height:32px}}@media (max-width: 1023px){.account-card[data-v-c0538a93]{flex-direction:column;align-items:flex-start;padding:var(--spacing-3);height:auto;min-height:160px;gap:var(--spacing-2);margin-bottom:var(--spacing-3)}.account-header[data-v-c0538a93]{min-width:auto;width:100%;justify-content:space-between;margin-bottom:var(--spacing-2)}.account-details[data-v-c0538a93]{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2);margin:0;width:100%;align-items:flex-start;margin-bottom:var(--spacing-3)}.detail-item[data-v-c0538a93]{flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding:var(--spacing-2) 0;border-bottom:1px solid var(--color-gray-100)}.detail-item[data-v-c0538a93]:last-child{border-bottom:none}.detail-item[data-v-c0538a93]:nth-last-child(1):nth-child(odd){grid-column:1 / -1}.detail-label[data-v-c0538a93]{font-size:var(--font-size-xs);text-align:left}.detail-value[data-v-c0538a93]{font-size:var(--font-size-sm);text-align:right}.account-actions[data-v-c0538a93]{width:100%;display:flex;justify-content:center;align-items:center;gap:var(--spacing-2);flex-wrap:nowrap;min-width:auto}.action-btn[data-v-c0538a93]{flex:1;max-width:120px;font-size:var(--font-size-xs);padding:var(--spacing-2) var(--spacing-3);min-height:36px;display:flex;align-items:center;justify-content:center}.settings-btn[data-v-c0538a93]{flex-shrink:0;width:36px;height:36px;margin-left:var(--spacing-2)}}@media (max-width: 480px){.account-card[data-v-c0538a93]{padding:var(--spacing-2);margin-bottom:var(--spacing-2);min-height:140px;gap:var(--spacing-1)}.account-details[data-v-c0538a93]{gap:var(--spacing-1);margin-bottom:var(--spacing-2)}.detail-item[data-v-c0538a93]{padding:var(--spacing-1) 0}.account-number[data-v-c0538a93]{font-size:var(--font-size-base)}.status-tag[data-v-c0538a93]{padding:4px 8px;font-size:var(--font-size-xs)}.detail-label[data-v-c0538a93],.detail-value[data-v-c0538a93]{font-size:var(--font-size-xs)}.account-actions[data-v-c0538a93]{gap:var(--spacing-1)}.action-btn[data-v-c0538a93]{max-width:100px;font-size:var(--font-size-xs);padding:var(--spacing-1) var(--spacing-2);min-height:32px}.settings-btn[data-v-c0538a93]{width:32px;height:32px}}.modal-overlay[data-v-29bff08a]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.modal-content[data-v-29bff08a]{background:#ffffff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:100%;max-width:500px;max-height:90vh;overflow-y:auto}@media (max-width: 767px){.modal-overlay.full-screen-mobile[data-v-29bff08a]{padding:0;align-items:stretch}.modal-content.full-screen-mobile[data-v-29bff08a]{max-width:none;max-height:none;min-height:100vh;border-radius:0;display:flex;flex-direction:column}.modal-content.full-screen-mobile .modal-body[data-v-29bff08a]{flex:1;overflow-y:auto}}.modal-header[data-v-29bff08a]{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e5e7eb}.modal-header h3[data-v-29bff08a]{font-size:18px;font-weight:600;color:#111827;margin:0}.close-btn[data-v-29bff08a]{background:none;border:none;padding:8px;cursor:pointer;border-radius:6px;transition:background-color .2s}.close-btn[data-v-29bff08a]:hover{background:#f3f4f6}.close-btn .icon[data-v-29bff08a]{width:20px;height:20px}.modal-body[data-v-29bff08a]{padding:24px}.account-info[data-v-29bff08a]{background:#f9fafb;border-radius:8px;padding:16px;margin-bottom:24px}.account-detail[data-v-29bff08a]{display:flex;justify-content:space-between;margin-bottom:8px}.account-detail[data-v-29bff08a]:last-child{margin-bottom:0}.account-detail .label[data-v-29bff08a]{font-weight:500;color:#6b7280;font-size:14px}.account-detail .value[data-v-29bff08a]{font-weight:600;color:#111827;font-size:14px}.balance-form[data-v-29bff08a]{margin-bottom:24px}.form-group[data-v-29bff08a]{margin-bottom:16px}.form-group label[data-v-29bff08a]{display:block;font-weight:500;color:#374151;margin-bottom:8px;font-size:14px}.input-wrapper[data-v-29bff08a]{position:relative;display:flex;align-items:center}.currency-symbol[data-v-29bff08a]{position:absolute;left:12px;color:#6b7280;font-weight:500;font-size:16px;z-index:1;pointer-events:none}.form-input[data-v-29bff08a]{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:16px;transition:border-color .2s,box-shadow .2s;background:#ffffff;color:#111827;box-sizing:border-box}.form-input.with-currency[data-v-29bff08a]{padding-left:32px}.form-input[data-v-29bff08a]:focus{outline:none;border-color:#000;box-shadow:0 0 0 3px #0000001a}.form-input[data-v-29bff08a]::placeholder{color:#9ca3af}.amount-presets[data-v-29bff08a]{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}.preset-btn[data-v-29bff08a]{padding:8px 12px;border:1px solid #d1d5db;background:#ffffff;border-radius:8px;font-size:14px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s;text-align:center}.preset-btn[data-v-29bff08a]:hover{border-color:#000;color:#000;background:#f5f5f5}.preset-btn.active[data-v-29bff08a]{background:#000000;border-color:#000;color:#fff}.modal-footer[data-v-29bff08a]{display:flex;justify-content:flex-end;gap:12px;padding:24px;border-top:1px solid #e5e7eb}.common-btn[data-v-29bff08a]:disabled{opacity:.6;cursor:not-allowed}.common-btn[data-v-29bff08a]{padding:8px 16px;border-radius:6px;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s;border:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:inherit}.btn-primary[data-v-29bff08a]{background-color:#000;color:#fff;border:1px solid #000000}.btn-primary[data-v-29bff08a]:hover:not(:disabled){background-color:#333;border-color:#333}.btn-secondary[data-v-29bff08a]{background-color:#fff;color:#000;border:1px solid #e0e0e0}.btn-secondary[data-v-29bff08a]:hover:not(:disabled){background-color:#f5f5f5;border-color:#c1c1c1}.btn-sm[data-v-29bff08a]{padding:6px 12px;font-size:12px}.btn-md[data-v-29bff08a]{padding:8px 16px;font-size:14px}.loading-spinner-small[data-v-29bff08a]{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin-29bff08a 1s linear infinite;margin-right:8px}@keyframes spin-29bff08a{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 640px){.modal-overlay[data-v-29bff08a]{padding:8px}.modal-content[data-v-29bff08a]{margin:0;max-height:calc(100vh - 16px);border-radius:8px}.modal-header[data-v-29bff08a]{padding:16px;border-bottom:1px solid #e0e0e0}.modal-header h3[data-v-29bff08a]{font-size:16px}.modal-body[data-v-29bff08a]{padding:16px}.account-info[data-v-29bff08a]{padding:12px;margin-bottom:16px}.account-detail[data-v-29bff08a]{flex-direction:column;align-items:flex-start;gap:4px}.account-detail .label[data-v-29bff08a]{font-size:12px}.account-detail .value[data-v-29bff08a]{font-size:14px;font-weight:600}.form-group[data-v-29bff08a]{margin-bottom:12px}.form-group label[data-v-29bff08a]{font-size:13px;margin-bottom:6px}.form-input[data-v-29bff08a]{padding:10px;font-size:16px}.form-input.with-currency[data-v-29bff08a]{padding-left:28px}.currency-symbol[data-v-29bff08a]{left:10px;font-size:14px}.amount-presets[data-v-29bff08a]{grid-template-columns:repeat(2,1fr);gap:6px;margin-bottom:12px}.preset-btn[data-v-29bff08a]{padding:10px 8px;font-size:13px}.modal-footer[data-v-29bff08a]{flex-direction:column;gap:8px;padding:16px}.modal-footer .common-btn[data-v-29bff08a]{width:100%;padding:12px 16px;font-size:14px}.close-btn[data-v-29bff08a]{padding:6px}.close-btn .icon[data-v-29bff08a]{width:18px;height:18px}}.modal-overlay[data-v-7bf4f273]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:999999;padding:16px;cursor:pointer;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.modal-content[data-v-7bf4f273]{background:#ffffff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;cursor:default;user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;pointer-events:auto}.modal-header[data-v-7bf4f273]{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e5e7eb}.modal-header h3[data-v-7bf4f273]{font-size:18px;font-weight:600;color:#111827;margin:0}.close-btn[data-v-7bf4f273]{background:none;border:none;padding:8px;cursor:pointer;border-radius:6px;transition:background-color .2s}.close-btn[data-v-7bf4f273]:hover{background:#f3f4f6}.close-btn .icon[data-v-7bf4f273]{width:20px;height:20px}.modal-body[data-v-7bf4f273]{padding:24px}.account-info[data-v-7bf4f273]{background:#f9fafb;border-radius:8px;padding:16px;margin-bottom:24px}.account-detail[data-v-7bf4f273]{display:flex;justify-content:space-between;margin-bottom:8px}.account-detail[data-v-7bf4f273]:last-child{margin-bottom:0}.account-detail .label[data-v-7bf4f273]{font-weight:500;color:#6b7280;font-size:14px}.account-detail .value[data-v-7bf4f273]{font-weight:600;color:#111827;font-size:14px}.leverage-form[data-v-7bf4f273]{margin-bottom:24px}.form-group[data-v-7bf4f273]{margin-bottom:16px}.form-group label[data-v-7bf4f273]{display:block;font-weight:500;color:#374151;margin-bottom:8px;font-size:14px}.leverage-options[data-v-7bf4f273]{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}.preset-btn[data-v-7bf4f273]{padding:8px 12px;border:1px solid #d1d5db;background:#ffffff;border-radius:8px;font-size:14px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s;text-align:center}.preset-btn[data-v-7bf4f273]:hover{border-color:#000;color:#000;background:#f5f5f5}.preset-btn.active[data-v-7bf4f273]{background:#000000;border-color:#000;color:#fff}.modal-footer[data-v-7bf4f273]{display:flex;justify-content:flex-end;gap:12px;padding:24px;border-top:1px solid #e5e7eb}.common-btn[data-v-7bf4f273]:disabled{opacity:.6;cursor:not-allowed}.common-btn[data-v-7bf4f273]{padding:8px 16px;border-radius:6px;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s;border:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:inherit}.btn-primary[data-v-7bf4f273]{background-color:#000;color:#fff;border:1px solid #000000}.btn-primary[data-v-7bf4f273]:hover:not(:disabled){background-color:#333;border-color:#333}.btn-secondary[data-v-7bf4f273]{background-color:#fff;color:#000;border:1px solid #e0e0e0}.btn-secondary[data-v-7bf4f273]:hover:not(:disabled){background-color:#f5f5f5;border-color:#c1c1c1}.loading-spinner-small[data-v-7bf4f273]{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin-7bf4f273 1s linear infinite;margin-right:8px}@keyframes spin-7bf4f273{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 640px){.modal-overlay[data-v-7bf4f273]{padding:8px}.modal-content[data-v-7bf4f273]{margin:0;max-height:calc(100vh - 16px);border-radius:8px}.modal-header[data-v-7bf4f273]{padding:16px;border-bottom:1px solid #e0e0e0}.modal-header h3[data-v-7bf4f273]{font-size:16px}.modal-body[data-v-7bf4f273]{padding:16px}.account-info[data-v-7bf4f273]{padding:12px;margin-bottom:16px}.account-detail[data-v-7bf4f273]{flex-direction:column;align-items:flex-start;gap:4px}.account-detail .label[data-v-7bf4f273]{font-size:12px}.account-detail .value[data-v-7bf4f273]{font-size:14px;font-weight:600}.form-group[data-v-7bf4f273]{margin-bottom:12px}.form-group label[data-v-7bf4f273]{font-size:13px;margin-bottom:6px}.leverage-options[data-v-7bf4f273]{grid-template-columns:repeat(2,1fr);gap:6px;margin-bottom:12px}.preset-btn[data-v-7bf4f273]{padding:10px 8px;font-size:13px}.modal-footer[data-v-7bf4f273]{flex-direction:column;gap:8px;padding:16px}.modal-footer .common-btn[data-v-7bf4f273]{width:100%;padding:12px 16px;font-size:14px}.close-btn[data-v-7bf4f273]{padding:6px}.close-btn .icon[data-v-7bf4f273]{width:18px;height:18px}}.modal-overlay[data-v-ef86ea06]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:999999;padding:16px;cursor:pointer;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.modal-content[data-v-ef86ea06]{background:#ffffff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;cursor:default;user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;pointer-events:auto}.modal-header[data-v-ef86ea06]{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e5e7eb}.modal-header h3[data-v-ef86ea06]{font-size:18px;font-weight:600;color:#111827;margin:0}.close-btn[data-v-ef86ea06]{background:none;border:none;padding:8px;cursor:pointer;border-radius:6px;transition:background-color .2s}.close-btn[data-v-ef86ea06]:hover{background:#f3f4f6}.close-btn .icon[data-v-ef86ea06]{width:20px;height:20px}.modal-body[data-v-ef86ea06]{padding:24px}.account-info[data-v-ef86ea06]{background:#f9fafb;border-radius:8px;padding:16px;margin-bottom:24px}.account-detail[data-v-ef86ea06]{display:flex;justify-content:space-between;margin-bottom:8px}.account-detail[data-v-ef86ea06]:last-child{margin-bottom:0}.account-detail .label[data-v-ef86ea06]{font-weight:500;color:#6b7280;font-size:14px}.account-detail .value[data-v-ef86ea06]{font-weight:600;color:#111827;font-size:14px}.nickname-form[data-v-ef86ea06]{margin-bottom:24px}.form-group[data-v-ef86ea06]{margin-bottom:16px}.form-group label[data-v-ef86ea06]{display:block;font-weight:500;color:#374151;margin-bottom:8px;font-size:14px}.form-input[data-v-ef86ea06]{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:16px;transition:border-color .2s,box-shadow .2s;background:#ffffff;color:#111827;box-sizing:border-box}.form-input[data-v-ef86ea06]:focus{outline:none;border-color:#000;box-shadow:0 0 0 3px #0000001a}.form-input[data-v-ef86ea06]::placeholder{color:#9ca3af}.form-help[data-v-ef86ea06]{font-size:12px;color:#6b7280;margin-top:4px}.modal-footer[data-v-ef86ea06]{display:flex;justify-content:flex-end;gap:12px;padding:24px;border-top:1px solid #e5e7eb}.common-btn[data-v-ef86ea06]:disabled{opacity:.6;cursor:not-allowed}.common-btn[data-v-ef86ea06]{padding:8px 16px;border-radius:6px;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s;border:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:inherit}.btn-primary[data-v-ef86ea06]{background-color:#000;color:#fff;border:1px solid #000000}.btn-primary[data-v-ef86ea06]:hover:not(:disabled){background-color:#333;border-color:#333}.btn-secondary[data-v-ef86ea06]{background-color:#fff;color:#000;border:1px solid #e0e0e0}.btn-secondary[data-v-ef86ea06]:hover:not(:disabled){background-color:#f5f5f5;border-color:#c1c1c1}.loading-spinner-small[data-v-ef86ea06]{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin-ef86ea06 1s linear infinite;margin-right:8px}@keyframes spin-ef86ea06{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 640px){.modal-overlay[data-v-ef86ea06]{padding:8px}.modal-content[data-v-ef86ea06]{margin:0;max-height:calc(100vh - 16px);border-radius:8px}.modal-header[data-v-ef86ea06]{padding:16px;border-bottom:1px solid #e0e0e0}.modal-header h3[data-v-ef86ea06]{font-size:16px}.modal-body[data-v-ef86ea06]{padding:16px}.account-info[data-v-ef86ea06]{padding:12px;margin-bottom:16px}.account-detail[data-v-ef86ea06]{flex-direction:column;align-items:flex-start;gap:4px}.account-detail .label[data-v-ef86ea06]{font-size:12px}.account-detail .value[data-v-ef86ea06]{font-size:14px;font-weight:600}.form-group[data-v-ef86ea06]{margin-bottom:12px}.form-group label[data-v-ef86ea06]{font-size:13px;margin-bottom:6px}.form-input[data-v-ef86ea06]{padding:10px;font-size:16px}.modal-footer[data-v-ef86ea06]{flex-direction:column;gap:8px;padding:16px}.modal-footer .common-btn[data-v-ef86ea06]{width:100%;padding:12px 16px;font-size:14px}.close-btn[data-v-ef86ea06]{padding:6px}.close-btn .icon[data-v-ef86ea06]{width:18px;height:18px}}.modal-overlay[data-v-566fec46]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:999999;padding:16px;cursor:pointer;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}body.modal-open{overflow:hidden}.modal-content,.modal-content *{pointer-events:auto!important}.modal-content[data-v-566fec46]{background:#ffffff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;cursor:default;user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;pointer-events:auto}.modal-header[data-v-566fec46]{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e5e7eb}.modal-header h3[data-v-566fec46]{font-size:18px;font-weight:600;color:#111827;margin:0}.close-btn[data-v-566fec46]{background:none;border:none;padding:8px;cursor:pointer;border-radius:6px;transition:background-color .2s}.close-btn[data-v-566fec46]:hover{background:#f3f4f6}.close-btn .icon[data-v-566fec46]{width:20px;height:20px}.modal-body[data-v-566fec46]{padding:24px}.account-info[data-v-566fec46]{background:#f9fafb;border-radius:8px;padding:16px;margin-bottom:24px}.account-detail[data-v-566fec46]{display:flex;justify-content:space-between;margin-bottom:8px}.account-detail[data-v-566fec46]:last-child{margin-bottom:0}.account-detail .label[data-v-566fec46]{font-weight:500;color:#6b7280;font-size:14px}.account-detail .value[data-v-566fec46]{font-weight:600;color:#111827;font-size:14px}.password-form[data-v-566fec46]{margin-bottom:24px}.form-group[data-v-566fec46]{margin-bottom:16px}.form-group label[data-v-566fec46]{display:block;font-weight:500;color:#374151;margin-bottom:8px;font-size:14px}.form-input[data-v-566fec46]{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:16px;transition:border-color .2s,box-shadow .2s;background:#ffffff;color:#111827;box-sizing:border-box}.form-input[data-v-566fec46]:focus{outline:none;border-color:#000;box-shadow:0 0 0 3px #0000001a}.form-input[data-v-566fec46]::placeholder{color:#9ca3af}.form-help[data-v-566fec46]{font-size:12px;color:#6b7280;margin-top:4px}.form-error[data-v-566fec46]{font-size:12px;color:#dc2626;margin-top:4px}.modal-footer[data-v-566fec46]{display:flex;justify-content:flex-end;gap:12px;padding:24px;border-top:1px solid #e5e7eb}.common-btn[data-v-566fec46]:disabled{opacity:.6;cursor:not-allowed}.common-btn[data-v-566fec46]{padding:8px 16px;border-radius:6px;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s;border:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:inherit}.btn-primary[data-v-566fec46]{background-color:#000;color:#fff;border:1px solid #000000}.btn-primary[data-v-566fec46]:hover:not(:disabled){background-color:#333;border-color:#333}.btn-secondary[data-v-566fec46]{background-color:#fff;color:#000;border:1px solid #e0e0e0}.btn-secondary[data-v-566fec46]:hover:not(:disabled){background-color:#f5f5f5;border-color:#c1c1c1}.loading-spinner-small[data-v-566fec46]{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin-566fec46 1s linear infinite;margin-right:8px}@keyframes spin-566fec46{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 640px){.modal-overlay[data-v-566fec46]{padding:8px}.modal-content[data-v-566fec46]{margin:0;max-height:calc(100vh - 16px);border-radius:8px}.modal-header[data-v-566fec46]{padding:16px;border-bottom:1px solid #e0e0e0}.modal-header h3[data-v-566fec46]{font-size:16px}.modal-body[data-v-566fec46]{padding:16px}.account-info[data-v-566fec46]{padding:12px;margin-bottom:16px}.account-detail[data-v-566fec46]{flex-direction:column;align-items:flex-start;gap:4px}.account-detail .label[data-v-566fec46]{font-size:12px}.account-detail .value[data-v-566fec46]{font-size:14px;font-weight:600}.form-group[data-v-566fec46]{margin-bottom:12px}.form-group label[data-v-566fec46]{font-size:13px;margin-bottom:6px}.form-input[data-v-566fec46]{padding:10px;font-size:16px}.modal-footer[data-v-566fec46]{flex-direction:column;gap:8px;padding:16px}.modal-footer .common-btn[data-v-566fec46]{width:100%;padding:12px 16px;font-size:14px}.close-btn[data-v-566fec46]{padding:6px}.close-btn .icon[data-v-566fec46]{width:18px;height:18px}}.dashboard-page{min-height:100vh;background-color:var(--color-secondary)}.dashboard-page.menu-collapsed .page-content{margin-left:60px;width:calc(100% - 60px);max-width:calc(100% - 60px)}.dashboard-page.mobile .page-content{margin-left:0;margin-top:60px;width:100%;max-width:100%;padding:var(--spacing-4);padding-bottom:calc(var(--spacing-16) + 100px);min-height:calc(100vh - 60px);box-sizing:border-box;position:relative;z-index:0}@media (max-width: 768px){.dashboard-page .page-content{margin-left:0;margin-top:60px;width:100%;max-width:100%;padding-left:var(--spacing-4);padding-right:var(--spacing-4);box-sizing:border-box}}.dashboard-container{width:100%;max-width:100%;display:flex;flex-direction:column;gap:var(--spacing-8);overflow-x:hidden;box-sizing:border-box}.profile-completion-banner{position:relative;background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-6);color:var(--color-primary);margin-bottom:var(--spacing-6);box-shadow:0 2px 8px #0000000d}.banner-content{display:flex;align-items:center;gap:var(--spacing-4)}.banner-icon{width:48px;height:48px;background:rgba(24,36,48,.08);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.banner-icon .icon{width:24px;height:24px;filter:brightness(0) invert(1)}.banner-icon .settings-icon-theme{filter:invert(12%) sepia(15%) saturate(1048%) hue-rotate(167deg) brightness(93%) contrast(89%)}.banner-text{flex:1}.banner-text h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-1) 0;color:var(--color-primary)}.banner-text p{font-size:var(--font-size-sm);margin:0;opacity:.8;color:var(--color-gray-600)}.complete-profile-btn{flex-shrink:0}.complete-profile-btn:hover{transform:translateY(-1px)}@media (max-width: 768px){.profile-completion-banner{padding:var(--spacing-4);margin-bottom:var(--spacing-4)}.banner-content{gap:var(--spacing-3)}.banner-text h3{font-size:var(--font-size-base)}.banner-text p{font-size:var(--font-size-xs)}}.welcome-section{margin-bottom:var(--spacing-6);width:100%;overflow:hidden}.welcome-content{display:flex;justify-content:space-between;align-items:center;width:100%;min-width:0}.welcome-text{flex:1;min-width:0;overflow:hidden}.welcome-text h1{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0 0 var(--spacing-2) 0;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.welcome-text p{font-size:var(--font-size-base);color:var(--color-gray-600);margin:0;word-wrap:break-word;overflow-wrap:break-word}.toggle-btn{background:none;border:none;color:var(--color-gray-600);white-space:nowrap;min-width:0;flex:1}.toggle-btn:hover{color:var(--color-gray-900)}.toggle-btn.active{background:var(--color-white);color:var(--color-primary);box-shadow:0 1px 3px #00000014}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--spacing-6);margin-bottom:var(--spacing-8);width:100%;overflow:hidden}.stat-card{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-5) var(--spacing-6);box-shadow:0 0 6px #00000014;display:flex;align-items:center;gap:var(--spacing-4);transition:all var(--transition-normal);min-width:0;overflow:hidden}.stat-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.stat-icon{width:48px;height:48px;background:var(--color-primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon .icon{width:24px;height:24px;filter:brightness(0) invert(1)}.stat-content{min-width:0;flex:1}.stat-content h3{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-600);margin:0 0 var(--spacing-1) 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.stat-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin:0 0 var(--spacing-2) 0;line-height:1.2}.stat-change{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:4px 10px;border-radius:var(--radius-sm);display:inline-block;white-space:nowrap}.stat-change.positive{background:var(--color-success);color:var(--color-success-text)}.stat-change.negative{background:var(--color-danger);color:var(--color-white)}.stat-change.neutral{background:var(--color-gray-200);color:var(--color-gray-700)}.trading-accounts-section,.recent-activity-section{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-6);box-shadow:0 0 6px #00000014;margin-bottom:var(--spacing-6);overflow:visible;position:relative}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-6)}.create-account-btn{display:flex;align-items:center;gap:var(--spacing-2)}.refresh-indicator{font-size:var(--font-size-sm);color:var(--color-primary);font-weight:var(--font-weight-medium);display:flex;align-items:center;gap:var(--spacing-1)}.refresh-indicator:before{content:"";width:8px;height:8px;border:2px solid var(--color-primary);border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite}.section-header h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0}.view-all-btn{background:none;border:1px solid var(--color-gray-300);color:var(--color-gray-700)}.view-all-btn:hover{background:var(--color-gray-50);border-color:var(--color-gray-400)}.accounts-grid{display:flex;flex-direction:column;gap:var(--spacing-6);width:100%}.activity-list{display:flex;flex-direction:column;gap:var(--spacing-4)}.activity-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);border-radius:var(--radius-md);transition:all var(--transition-normal);min-width:0;width:100%}.activity-item:hover{background:var(--color-gray-50)}.activity-icon{width:40px;height:40px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px #0000001a}.activity-icon.deposit{background:var(--color-success)}.activity-icon.withdrawal{background:var(--color-danger)}.activity-icon.trade{background:var(--color-primary)}.activity-icon.account{background:var(--color-info)}.activity-icon .icon{width:20px;height:20px;filter:brightness(0) invert(1)}.activity-content{flex:1;min-width:0;overflow:hidden}.activity-content h4{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0 0 var(--spacing-1) 0}.activity-content p{font-size:var(--font-size-xs);color:var(--color-gray-600);margin:0 0 var(--spacing-1) 0}.activity-time{font-size:var(--font-size-xs);color:var(--color-gray-500)}.activity-amount{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-gray-900)}.activity-amount.positive{color:var(--color-success);font-weight:var(--font-weight-bold)}.activity-amount.negative{color:var(--color-danger);font-weight:var(--font-weight-bold)}.quick-actions-section{margin-bottom:var(--spacing-8)}.quick-actions-section h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0 0 var(--spacing-6) 0}.actions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-4);width:100%}.action-card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-6);text-align:center;cursor:pointer;transition:all var(--transition-normal);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-3);width:100%;min-height:140px}.action-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px);border-color:var(--color-primary)}.action-icon{width:48px;height:48px;background:var(--color-primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.action-icon .icon{width:24px;height:24px;display:block;filter:brightness(0) invert(1)}.action-card h3{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0}.action-card p{font-size:var(--font-size-sm);color:var(--color-gray-600);margin:0}@media (min-width: 1400px){.accounts-grid{display:flex;flex-direction:column;gap:var(--spacing-6)}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-6)}.actions-grid{grid-template-columns:repeat(3,1fr);gap:var(--spacing-6)}}@media (min-width: 1024px) and (max-width: 1399px){.accounts-grid{display:flex;flex-direction:column;gap:var(--spacing-4)}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--spacing-4)}.actions-grid{grid-template-columns:repeat(3,1fr);gap:var(--spacing-4)}}@media (min-width: 1024px) and (max-width: 1199px){.welcome-text h1{font-size:var(--font-size-lg)}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--spacing-3)}.actions-grid{grid-template-columns:repeat(3,1fr);gap:var(--spacing-3)}}@media (min-width: 768px) and (max-width: 1023px){.accounts-grid{display:flex;flex-direction:column;gap:var(--spacing-4)}.stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-4)}.actions-grid{grid-template-columns:repeat(3,1fr);gap:var(--spacing-4)}.action-card{min-height:120px}.trading-accounts-section{margin-bottom:var(--spacing-6)}.account-card{margin-bottom:var(--spacing-4)}.analytics-grid{grid-template-columns:1fr}.compact-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (max-width: 768px){.page-content{padding:var(--spacing-4);padding-bottom:calc(var(--spacing-16) + 100px)!important}.dashboard-container{padding-bottom:var(--spacing-4)}.quick-actions-section{display:none}.profile-completion-banner{padding:var(--spacing-4)}.banner-content{flex-direction:column;text-align:center;gap:var(--spacing-4)}.banner-icon{width:48px;height:48px}.banner-icon .icon{width:24px;height:24px;filter:brightness(0) invert(1)}.banner-text h3{font-size:var(--font-size-lg)}.banner-text p{font-size:var(--font-size-sm)}.stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-3)}.section-header{flex-direction:column;gap:var(--spacing-3);align-items:flex-start}.section-header h2{font-size:var(--font-size-base)}.trading-accounts-section,.recent-activity-section{padding:var(--spacing-4)}.header-actions{width:100%;display:flex;justify-content:flex-start;align-items:center;gap:var(--spacing-2);flex-wrap:nowrap}.header-actions .refresh-btn{flex:0 0 auto;min-width:44px;width:44px;height:44px;padding:var(--spacing-2);display:flex;align-items:center;justify-content:center}.header-actions .refresh-btn .refresh-text{display:none}.header-actions .refresh-btn .refresh-icon{margin:0;width:20px;height:20px}.header-actions .btn-primary{flex:1;min-width:0}.recent-transactions-section .header-actions{width:100%;justify-content:flex-start;gap:var(--spacing-2);flex-wrap:nowrap}.recent-transactions-section .header-actions .refresh-btn{flex:0 0 auto;min-width:44px;width:44px;height:44px;padding:var(--spacing-2);display:flex;align-items:center;justify-content:center}.recent-transactions-section .header-actions .refresh-btn .refresh-text,.recent-transactions-section .header-actions .refresh-btn span:not(.refresh-icon){display:none}.recent-transactions-section .header-actions .refresh-btn .refresh-icon{margin:0;width:20px;height:20px}.recent-transactions-section .header-actions .btn-primary{flex:1;min-width:0}.stat-card{padding:var(--spacing-3);min-width:0;flex-direction:column;text-align:center;gap:var(--spacing-2)}.stat-content h3{font-size:var(--font-size-xs);white-space:normal;line-height:1.2}.stat-value{font-size:var(--font-size-lg)}.actions-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-3)}.action-card{min-height:120px}.welcome-content{flex-direction:column;gap:var(--spacing-4);align-items:flex-start}.dashboard-controls{width:100%;justify-content:center}.view-toggle{width:100%;justify-content:center;max-width:100%}.toggle-btn{flex:1;text-align:center}.welcome-text h1{font-size:var(--font-size-lg)}.welcome-text p{font-size:var(--font-size-sm)}.analytics-grid{grid-template-columns:1fr;gap:var(--spacing-4);width:100%}.analytics-view{width:100%;overflow:visible}.compact-stats{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-3)}.chart-card,.metrics-card{padding:var(--spacing-4);width:100%;min-width:0}.chart-placeholder{height:150px;width:100%}.chart-bars{height:100px;width:100%;justify-content:space-around}.bar{width:15px;flex-shrink:0}.metrics-list{width:100%}.metric-item{width:100%;min-width:0}}@media (max-width: 480px){.page-content{margin-left:0;width:100%;max-width:100%;padding:var(--spacing-3);padding-bottom:calc(var(--spacing-16) + 100px)!important}.dashboard-container{gap:var(--spacing-4);padding-bottom:var(--spacing-4)}.accounts-grid{gap:var(--spacing-3)}.account-card{margin-bottom:var(--spacing-3)}.stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-2)}.actions-grid{grid-template-columns:1fr;gap:var(--spacing-3)}.action-card{width:100%;min-height:120px;padding:var(--spacing-4)}.stat-card{padding:var(--spacing-2);flex-direction:column;text-align:center;gap:var(--spacing-1)}.stat-content h3{font-size:var(--font-size-xs);white-space:normal;line-height:1.1;margin-bottom:var(--spacing-1)}.stat-value{font-size:var(--font-size-base);margin-bottom:var(--spacing-1)}.stat-change{font-size:var(--font-size-xs);padding:2px 6px}.action-card{padding:var(--spacing-4)}.welcome-text h1{font-size:var(--font-size-base)}.welcome-text p{font-size:var(--font-size-xs)}.section-header{flex-direction:column;gap:var(--spacing-3);align-items:flex-start}.section-header h2{font-size:var(--font-size-base)}.trading-accounts-section,.recent-activity-section,.recent-transactions-section .section-header{padding:var(--spacing-3)}.recent-transactions-section .section-header h2{font-size:var(--font-size-base)}.header-actions{width:100%;display:flex;justify-content:flex-start;align-items:center;gap:var(--spacing-2);flex-wrap:nowrap}.header-actions .refresh-btn{flex:0 0 auto;min-width:44px;width:44px;height:44px;padding:var(--spacing-2);display:flex;align-items:center;justify-content:center}.header-actions .refresh-btn .refresh-text{display:none}.header-actions .refresh-btn .refresh-icon{margin:0;width:20px;height:20px}.view-all-btn{flex:1;min-width:0}.activity-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-2)}.activity-amount{align-self:flex-end}.compact-stats{grid-template-columns:1fr 1fr;gap:var(--spacing-2)}.compact-stat{padding:var(--spacing-3)}.compact-label{font-size:var(--font-size-xs)}.compact-value{font-size:var(--font-size-base)}.chart-placeholder{height:120px;width:100%}.chart-bars{height:80px;width:100%;justify-content:space-around;gap:var(--spacing-1)}.bar{width:12px;flex-shrink:0}.analytics-view{width:100%;overflow:visible}.analytics-grid{width:100%;gap:var(--spacing-3)}.chart-card,.metrics-card{width:100%;padding:var(--spacing-3)}.banner-content{padding:var(--spacing-2)}.banner-text h3{font-size:var(--font-size-base)}.banner-text p{font-size:var(--font-size-xs)}}.analytics-view{margin-bottom:var(--spacing-8);width:100%;overflow:hidden}.analytics-grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-6);width:100%}.chart-card,.metrics-card{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-6);box-shadow:0 0 6px #00000014;width:100%;min-width:0;overflow:hidden}.chart-card h3,.metrics-card h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0 0 var(--spacing-4) 0}.chart-placeholder{height:200px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--color-gray-50);border-radius:var(--radius-md);position:relative;width:100%;min-width:0}.chart-bars{display:flex;align-items:end;gap:var(--spacing-2);height:150px;width:100%;justify-content:center;flex-wrap:wrap}.bar{width:20px;background:var(--color-primary);border-radius:var(--radius-sm) var(--radius-sm) 0 0;min-height:10px}.chart-label{position:absolute;bottom:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-gray-600);margin:0}.metrics-list{display:flex;flex-direction:column;gap:var(--spacing-3);width:100%;min-width:0}.metric-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-2) 0;border-bottom:1px solid var(--color-gray-100)}.metric-item:last-child{border-bottom:none}.metric-label{font-size:var(--font-size-sm);color:var(--color-gray-600)}.metric-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}.compact-view{margin-bottom:var(--spacing-8)}.compact-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-4);background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-6);box-shadow:0 0 6px #00000014}.compact-stat{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-4);border:1px solid var(--color-gray-200);border-radius:var(--radius-md)}.compact-label{font-size:var(--font-size-sm);color:var(--color-gray-600);margin-bottom:var(--spacing-1)}.compact-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-gray-900)}.compact-value.positive{color:var(--color-success)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-8);background:var(--color-white);border-radius:var(--radius-lg);margin-bottom:var(--spacing-6);box-shadow:var(--shadow-sm)}.loading-state p{color:var(--color-gray-600);font-size:var(--font-size-sm);margin:0}.error-message{background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-lg);margin-bottom:var(--spacing-6);padding:var(--spacing-6)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-8);text-align:center;background:var(--color-gray-50);border-radius:var(--radius-lg);border:2px dashed var(--color-gray-300)}.loading-spinner{width:40px;height:40px;border:4px solid var(--color-border);border-top:4px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto var(--spacing-4)}.loading-state p{font-size:var(--font-size-sm);color:var(--color-gray-500);margin:0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-8);text-align:center;background:var(--color-gray-50);border-radius:var(--radius-lg);border:2px dashed var(--color-gray-300)}.empty-icon{width:64px;height:64px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-4)}.empty-icon .icon{width:32px;height:32px;display:block}.empty-state h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-700);margin:0 0 var(--spacing-2) 0}.empty-state p{font-size:var(--font-size-sm);color:var(--color-gray-500);margin:0 0 var(--spacing-4) 0;max-width:300px;line-height:1.5}.empty-state button{margin-top:var(--spacing-2)}.recent-transactions-section{margin-bottom:var(--spacing-8);border-radius:var(--radius-lg);overflow:hidden}@media (max-width: 1023px){.recent-transactions-section,.trading-accounts-section{margin-bottom:var(--spacing-6)}}@media (max-width: 768px){.recent-transactions-section{margin-bottom:calc(var(--spacing-6) + 80px)}.trading-accounts-section{margin-bottom:var(--spacing-6)}.recent-transactions-section .section-header{padding:var(--spacing-4)}.recent-transactions-section .section-header h2{font-size:var(--font-size-base)}}.recent-transactions-section .section-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-6);border-bottom:1px solid var(--color-gray-100)}.recent-transactions-section .section-header h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0}.recent-transactions-section .header-actions{display:flex;gap:var(--spacing-3);align-items:center}.transaction-list{display:flex;flex-direction:column}.transaction-item{display:flex;align-items:center;padding:var(--spacing-4) var(--spacing-6);border-bottom:1px solid var(--color-gray-100);transition:background-color .2s ease}.transaction-item:last-child{border-bottom:none}.transaction-item:hover{background-color:var(--color-gray-50)}.transaction-icon{width:48px;height:48px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin-right:var(--spacing-4);flex-shrink:0}.transaction-icon.deposit{background-color:#10b981}.transaction-icon.withdrawal{background-color:#ef4444}.transaction-icon.transfer{background-color:#3b82f6}.transaction-icon.trade{background-color:#8b5cf6}.transaction-icon.bonus{background-color:#f59e0b}.transaction-icon.unknown{background-color:var(--color-gray-400)}.transaction-icon .icon{width:24px;height:24px}.transaction-content{flex:1;min-width:0;margin-right:var(--spacing-4)}.transaction-content h4{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0 0 var(--spacing-1) 0}.transaction-content p{font-size:var(--font-size-sm);color:var(--color-gray-600);margin:0 0 var(--spacing-1) 0;line-height:1.4}.transaction-time{font-size:var(--font-size-xs);color:var(--color-gray-500)}.transaction-right{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-2);flex-shrink:0}.transaction-amount{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);flex-shrink:0}.transaction-amount.positive{color:#10b981}.transaction-amount.negative{color:#ef4444}.transaction-amount.neutral{color:var(--color-gray-600)}.transaction-status{padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.transaction-status.success{background-color:#dcfce7;color:#166534}.transaction-status.warning{background-color:#fef3c7;color:#92400e}.transaction-status.error{background-color:#fee2e2;color:#991b1b}.transaction-status.neutral{background-color:var(--color-gray-100);color:var(--color-gray-600)}@media (max-width: 1023px){.transaction-item{padding:var(--spacing-3) var(--spacing-4)}.transaction-icon{width:40px;height:40px;margin-right:var(--spacing-3)}.transaction-icon .icon{width:20px;height:20px}.transaction-content h4{font-size:var(--font-size-sm)}.transaction-content p{font-size:var(--font-size-xs)}.transaction-amount{font-size:var(--font-size-sm)}}@media (max-width: 768px){.recent-transactions-section .section-header{flex-direction:column;gap:var(--spacing-3);align-items:flex-start;padding:var(--spacing-4)}.recent-transactions-section .section-header h2{font-size:var(--font-size-base)}.recent-transactions-section .header-actions{width:100%;justify-content:flex-start;gap:var(--spacing-2);flex-wrap:nowrap}.recent-transactions-section .header-actions .refresh-btn{flex:0 0 auto;min-width:44px;width:44px;height:44px;padding:var(--spacing-2);display:flex;align-items:center;justify-content:center}.recent-transactions-section .header-actions .refresh-btn .refresh-text,.recent-transactions-section .header-actions .refresh-btn span:not(.refresh-icon){display:none}.recent-transactions-section .header-actions .refresh-btn .refresh-icon{margin:0;width:20px;height:20px}.recent-transactions-section .header-actions .btn-primary{flex:1;min-width:0}.transaction-item{flex-wrap:wrap;gap:var(--spacing-2)}.transaction-content{flex:1 1 100%;margin-right:0;margin-bottom:var(--spacing-2)}.transaction-right{flex-direction:row;align-items:center;gap:var(--spacing-2);width:100%;justify-content:flex-end}.transaction-amount{margin-right:0;font-size:var(--font-size-sm)}.transaction-status{font-size:var(--font-size-xs);padding:var(--spacing-1) var(--spacing-2)}}.trading-account-card[data-v-9633115c]{background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:var(--spacing-5);width:100%;min-height:120px;height:auto;box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-4);display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-5);transition:all var(--transition-normal);position:relative;z-index:1;flex-shrink:0;clear:both;overflow:visible}.trading-account-card[data-v-9633115c]:hover{z-index:10;box-shadow:var(--shadow-md);transform:translateY(-1px)}.trading-account-card.menu-open[data-v-9633115c]{z-index:1000;box-shadow:var(--shadow-lg)}.account-header[data-v-9633115c]{display:flex;justify-content:flex-start;align-items:center;flex-shrink:0;min-width:200px}.account-id[data-v-9633115c]{display:flex;align-items:center;gap:var(--spacing-3)}.account-number[data-v-9633115c]{font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);color:var(--color-primary);font-family:var(--font-family);letter-spacing:-.5px}.status-tag[data-v-9633115c]{padding:6px 12px;border-radius:16px;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px;border:1px solid var(--color-gray-200)}.status-demo[data-v-9633115c]{background-color:var(--color-gray-100);color:var(--color-gray-600);border-color:var(--color-gray-300)}.status-live[data-v-9633115c]{background-color:var(--color-success);color:var(--color-success-text);border-color:var(--color-success-text)}.account-details[data-v-9633115c]{flex:1;display:flex;justify-content:center;align-items:center;gap:24px;margin:0;min-height:60px}.detail-item[data-v-9633115c]{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px}.detail-label[data-v-9633115c]{font-size:var(--font-size-sm);color:var(--color-gray-400);text-transform:uppercase;letter-spacing:.5px;font-weight:var(--font-weight-normal)}.detail-value[data-v-9633115c]{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-primary);font-family:var(--font-family);margin-top:2px}.account-actions[data-v-9633115c]{flex-shrink:0;min-width:200px;display:flex;gap:8px;justify-content:flex-end;align-items:center;height:auto;margin-top:var(--spacing-4);flex-wrap:wrap}.action-btn[data-v-9633115c]{cursor:pointer;padding:8px 12px;border-radius:6px;display:flex;align-items:center;justify-content:center;gap:4px;transition:all var(--transition-normal);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border:1px solid transparent;min-height:36px;white-space:nowrap}.action-btn.primary[data-v-9633115c]{background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.action-btn.primary img[data-v-9633115c]{filter:brightness(0) invert(1)}.action-btn.primary[data-v-9633115c]:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);transform:translateY(-1px)}.action-btn.primary-outline[data-v-9633115c]{background:var(--color-white);color:var(--color-primary);border-color:var(--color-primary)}.action-btn.primary-outline[data-v-9633115c]:hover{background:var(--color-primary);color:var(--color-white);transform:translateY(-1px)}.action-btn.primary-outline:hover img[data-v-9633115c]{filter:brightness(0) invert(1)}.settings-btn[data-v-9633115c]{background:var(--color-gray-100);border:1px solid var(--color-gray-200);cursor:pointer;padding:8px;border-radius:6px;color:var(--color-gray-600);display:flex;align-items:center;justify-content:center;transition:all var(--transition-normal);width:32px;height:32px}.settings-btn[data-v-9633115c]:hover{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-white);transform:scale(1.05)}.settings-btn img[data-v-9633115c]{transition:filter var(--transition-normal)}.settings-btn:hover img[data-v-9633115c]{filter:brightness(0) invert(1)}.menu-container[data-v-9633115c]{position:relative;display:inline-block;z-index:1000}.dropdown-menu[data-v-9633115c]{position:absolute;top:calc(100% + 8px);right:0;left:auto;transform:none;background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:9999;min-width:280px;width:max-content;overflow:hidden;animation:dropdownFadeIn-9633115c .15s ease-out;will-change:transform,opacity}@keyframes dropdownFadeIn-9633115c{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.menu-item[data-v-9633115c]{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-5);cursor:pointer;transition:background-color var(--transition-normal);color:var(--color-gray-700);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:var(--font-family);white-space:nowrap;min-height:44px}.menu-item[data-v-9633115c]:hover{background-color:var(--color-gray-50);color:var(--color-primary)}.menu-item[data-v-9633115c]:active{background-color:var(--color-gray-100)}.menu-icon[data-v-9633115c]{display:flex;align-items:center;justify-content:center;width:16px;height:16px;color:var(--color-gray-500);flex-shrink:0}.menu-item:hover .menu-icon[data-v-9633115c]{color:var(--color-primary)}.menu-divider[data-v-9633115c]{height:1px;background-color:var(--color-gray-200);margin:0}@media (min-width: 1024px) and (max-width: 1300px){.trading-account-card[data-v-9633115c]{height:auto;min-height:140px;padding:var(--spacing-4);gap:var(--spacing-4)}.account-header[data-v-9633115c]{min-width:180px;flex-shrink:0}.account-details[data-v-9633115c]{gap:16px;flex-wrap:wrap;justify-content:flex-start}.detail-item[data-v-9633115c]{min-width:80px;flex-shrink:0}.detail-label[data-v-9633115c]{font-size:var(--font-size-xs)}.detail-value[data-v-9633115c]{font-size:var(--font-size-sm)}.account-actions[data-v-9633115c]{min-width:180px;flex-shrink:0;gap:6px}.action-btn[data-v-9633115c]{padding:6px 10px;font-size:var(--font-size-xs);min-height:32px}.settings-btn[data-v-9633115c]{width:32px;height:32px}}@media (max-width: 768px){.trading-account-card[data-v-9633115c]{flex-direction:column;align-items:flex-start;padding:var(--spacing-3);height:auto;min-height:160px;gap:var(--spacing-2);margin-bottom:var(--spacing-3);overflow:visible;position:relative}.account-header[data-v-9633115c]{min-width:auto;width:100%;justify-content:space-between;margin-bottom:var(--spacing-2)}.account-details[data-v-9633115c]{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2);margin:0;width:100%;align-items:flex-start;margin-bottom:var(--spacing-3)}.detail-item[data-v-9633115c]{flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding:var(--spacing-2) 0;border-bottom:1px solid var(--color-gray-100)}.detail-item[data-v-9633115c]:last-child{border-bottom:none}.detail-item[data-v-9633115c]:nth-last-child(1):nth-child(odd){grid-column:1 / -1}.detail-label[data-v-9633115c]{font-size:var(--font-size-xs);text-align:left}.detail-value[data-v-9633115c]{font-size:var(--font-size-sm);text-align:right}.account-actions[data-v-9633115c]{width:100%;display:flex;justify-content:center;align-items:center;gap:var(--spacing-2);flex-wrap:nowrap;min-width:auto;margin-top:var(--spacing-3);position:relative;z-index:1}.action-btn[data-v-9633115c]{flex:1;max-width:120px;font-size:var(--font-size-xs);padding:var(--spacing-2) var(--spacing-3);min-height:36px;display:flex;align-items:center;justify-content:center}.settings-btn[data-v-9633115c]{flex-shrink:0;width:36px;height:36px;margin-left:var(--spacing-2)}}@media (max-width: 480px){.trading-account-card[data-v-9633115c]{padding:var(--spacing-2);margin-bottom:var(--spacing-2);min-height:140px;gap:var(--spacing-1);overflow:visible;position:relative}.account-details[data-v-9633115c]{gap:var(--spacing-1);margin-bottom:var(--spacing-2)}.detail-item[data-v-9633115c]{padding:var(--spacing-1) 0}.account-number[data-v-9633115c]{font-size:var(--font-size-base)}.status-tag[data-v-9633115c]{padding:4px 8px;font-size:var(--font-size-xs)}.detail-label[data-v-9633115c],.detail-value[data-v-9633115c]{font-size:var(--font-size-xs)}.account-actions[data-v-9633115c]{gap:var(--spacing-1);margin-top:var(--spacing-2);position:relative;z-index:1}.action-btn[data-v-9633115c]{max-width:100px;font-size:var(--font-size-xs);padding:var(--spacing-1) var(--spacing-2);min-height:32px}.settings-btn[data-v-9633115c]{width:32px;height:32px}}.account-creation-form{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-7);max-width:900px;margin:0 auto}.form-section{margin-bottom:var(--spacing-4)}.section-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin-bottom:var(--spacing-1);font-family:var(--font-family)}.optional-text{font-weight:var(--font-weight-normal);color:var(--color-gray-500);font-style:italic;margin-left:var(--spacing-1)}.account-type-selector{display:flex;gap:var(--spacing-3);width:100%}.account-type-btn{flex:1;padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--color-gray-300);background:var(--color-white);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700);font-family:var(--font-family)}.account-type-btn.active{background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.select-wrapper{position:relative;width:100%}.form-select{width:100%;padding:var(--spacing-4) var(--spacing-10) var(--spacing-4) var(--spacing-4);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);background:var(--color-white);font-size:var(--font-size-base);font-family:var(--font-family);color:var(--color-gray-900);cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;transition:all var(--transition-normal)}.form-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-shadow)}.select-wrapper .select-arrow{position:absolute;right:var(--spacing-4);top:50%;transform:translateY(-50%);width:16px;height:16px;pointer-events:none;z-index:1}.account-types-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-3);margin-top:var(--spacing-2)}.account-type-card{position:relative;padding:var(--spacing-3);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);background:var(--color-white);cursor:pointer;transition:all var(--transition-normal);text-align:left;min-height:90px;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:var(--spacing-2);width:100%}.account-type-card:has(.account-type-name:only-child),.account-type-card:has(.account-type-name:not(:has(+.account-type-details))){justify-content:center}@media (hover: hover){.account-type-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.account-type-btn:hover{border-color:var(--color-primary);background:var(--color-secondary);color:var(--color-primary)}}.account-type-card.selected{border-color:var(--color-primary);border-width:2px;background:var(--color-primary);color:var(--color-white);box-shadow:var(--shadow-sm)}.account-type-card:active,.account-type-btn:active{transform:scale(.98);transition:transform .1s ease}.account-type-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:inherit;margin-bottom:var(--spacing-1);text-align:center;line-height:1.2}.account-type-card.demo-card{justify-content:center}.account-type-card.demo-card .account-type-name{margin-bottom:0}.account-type-card.selected .account-type-name{color:var(--color-white)}.account-type-details{display:flex;flex-direction:column;gap:var(--spacing-1);width:100%}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:0}.detail-label{font-size:var(--font-size-xs);color:var(--color-gray-600);font-weight:var(--font-weight-normal)}.account-type-card.selected .detail-label{color:var(--color-white);opacity:.9}.detail-value{font-size:var(--font-size-xs);color:var(--color-gray-900);font-weight:var(--font-weight-semibold)}.account-type-card.selected .detail-value{color:var(--color-white);font-weight:var(--font-weight-bold)}.currency-display{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);background:var(--color-gray-50);width:fit-content;min-width:120px}.currency-display .currency-flag{width:32px;height:24px;flex-shrink:0;border-radius:2px;box-shadow:0 1px 2px #0000001a}.currency-display .currency-code{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}.form-textarea{width:100%;padding:var(--spacing-4);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--font-size-base);font-family:var(--font-family);color:var(--color-gray-900);resize:vertical;min-height:80px;transition:all var(--transition-normal);box-sizing:border-box}.form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-shadow)}.form-textarea::placeholder{color:var(--color-gray-400)}.submit-section{margin-top:var(--spacing-10);text-align:right;padding-top:var(--spacing-6);border-top:1px solid var(--color-gray-200)}.submit-btn{min-width:150px}.no-accounts-message{text-align:center;padding:var(--spacing-8);color:var(--color-gray-500);font-size:var(--font-size-base);background:var(--color-gray-50);border-radius:var(--radius-md);font-family:var(--font-family)}@media (max-width: 768px){.account-creation-form{padding:var(--spacing-5)}.form-section{margin-bottom:var(--spacing-3)}.account-type-selector{flex-direction:column;gap:var(--spacing-2)}.account-type-btn{width:100%}.account-types-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-2);margin-top:var(--spacing-2)}.account-type-card{padding:var(--spacing-2);gap:var(--spacing-1)}.account-type-card{color:var(--color-gray-900)}.account-type-card.selected{color:var(--color-white)}.account-type-name{color:inherit}.detail-label{color:var(--color-gray-700)}.account-type-card.selected .detail-label{color:var(--color-white);opacity:1}.detail-value{color:var(--color-gray-900)}.account-type-card.selected .detail-value{color:var(--color-white)}.currency-selector{grid-template-columns:repeat(4,1fr);gap:var(--spacing-2)}.currency-btn{min-height:80px;padding:var(--spacing-3)}.currency-flag{font-size:28px}.submit-section{text-align:center}.submit-btn{width:100%}}@media (max-width: 480px){.account-creation-form{padding:var(--spacing-4)}.form-section{margin-bottom:var(--spacing-5)}.account-types-grid{grid-template-columns:1fr;gap:var(--spacing-2)}.account-type-card{color:var(--color-gray-900);min-height:100px}.account-type-card.selected{color:var(--color-white);background:var(--color-primary)}.account-type-name{color:inherit;font-size:var(--font-size-base)}.detail-label{color:var(--color-gray-700);font-size:var(--font-size-xs)}.account-type-card.selected .detail-label{color:var(--color-white);opacity:1}.detail-value{color:var(--color-gray-900);font-size:var(--font-size-sm)}.account-type-card.selected .detail-value{color:var(--color-white);font-weight:var(--font-weight-bold)}.currency-selector{grid-template-columns:repeat(3,1fr)}.currency-btn{min-height:70px}.currency-flag{font-size:24px}}.sidebar-backdrop[data-v-27cd8ae5]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:10000;animation:fadeIn-27cd8ae5 .3s ease;touch-action:none;-webkit-overflow-scrolling:touch}@keyframes fadeIn-27cd8ae5{0%{opacity:0}to{opacity:1}}.create-account-sidebar[data-v-27cd8ae5]{position:fixed;top:0;right:-600px;width:600px;max-width:90vw;height:100vh;max-height:100vh;background:var(--color-white);box-shadow:var(--shadow-xl);z-index:10001;display:flex;flex-direction:column;transition:right .3s ease;overflow:hidden;touch-action:pan-y}.create-account-sidebar.visible[data-v-27cd8ae5]{right:0}.sidebar-header[data-v-27cd8ae5]{display:flex;justify-content:space-between;align-items:center;height:80px;padding:0 var(--spacing-5);border-bottom:1px solid var(--color-gray-200);background:var(--color-white);position:sticky;top:0;z-index:10}.sidebar-header h2[data-v-27cd8ae5]{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-primary);margin:0;font-family:var(--font-family)}.sidebar-header .close-btn[data-v-27cd8ae5]{background:none;border:none;cursor:pointer;color:var(--color-gray-600);padding:var(--spacing-2);border-radius:var(--radius-md);transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center;width:36px;height:36px}@media (hover: hover){.sidebar-header .close-btn[data-v-27cd8ae5]:hover{background-color:var(--color-gray-100);color:var(--color-primary)}.sidebar-content[data-v-27cd8ae5]::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}.popup-header .close-btn[data-v-27cd8ae5]:hover{background-color:var(--color-gray-100);color:var(--color-gray-700)}}.sidebar-content[data-v-27cd8ae5]{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-6);padding-bottom:var(--spacing-8);-webkit-overflow-scrolling:touch;overscroll-behavior:contain;min-height:0}.sidebar-content[data-v-27cd8ae5]::-webkit-scrollbar{width:6px}.sidebar-content[data-v-27cd8ae5]::-webkit-scrollbar-track{background:var(--color-gray-100)}.sidebar-content[data-v-27cd8ae5]::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:3px}.popup-overlay[data-v-27cd8ae5]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:10002}.popup-content[data-v-27cd8ae5]{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:500px;width:90%;display:flex;flex-direction:column;overflow:hidden}.popup-header[data-v-27cd8ae5]{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-6);border-bottom:1px solid var(--color-gray-200)}.popup-header h3[data-v-27cd8ae5]{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin:0;font-family:var(--font-family)}.popup-header .close-btn[data-v-27cd8ae5]{background:none;border:none;cursor:pointer;color:var(--color-gray-500);padding:var(--spacing-2);border-radius:var(--radius-sm);transition:all var(--transition-normal)}.popup-body[data-v-27cd8ae5]{padding:var(--spacing-6);overflow-y:auto}.popup-footer[data-v-27cd8ae5]{display:flex;justify-content:flex-end;gap:var(--spacing-3);padding:var(--spacing-6);border-top:1px solid var(--color-gray-200);background:var(--color-white)}.form-group[data-v-27cd8ae5]{margin-bottom:var(--spacing-6)}.form-group label[data-v-27cd8ae5]{display:block;font-weight:var(--font-weight-medium);color:var(--color-gray-700);margin-bottom:var(--spacing-2);font-size:var(--font-size-sm);font-family:var(--font-family)}.form-input[data-v-27cd8ae5]{width:100%;padding:var(--spacing-3);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--font-size-base);font-family:var(--font-family);transition:all var(--transition-normal);box-sizing:border-box}.form-input[data-v-27cd8ae5]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.form-input[data-v-27cd8ae5]:disabled{background-color:var(--color-gray-100);cursor:not-allowed;color:var(--color-gray-600)}.help-text[data-v-27cd8ae5]{margin-top:var(--spacing-2);font-size:var(--font-size-xs);color:var(--color-gray-600);font-family:var(--font-family)}.error-message[data-v-27cd8ae5]{padding:var(--spacing-3);background-color:var(--color-error-light, #fee);border:1px solid var(--color-error, #fcc);border-radius:var(--radius-md);color:var(--color-error, #c00);font-size:var(--font-size-sm);font-family:var(--font-family);margin-top:var(--spacing-4)}@media (max-width: 768px){.create-account-sidebar[data-v-27cd8ae5]{width:100vw;max-width:100vw;right:-100vw;height:100vh;max-height:100vh;height:-webkit-fill-available}.sidebar-header[data-v-27cd8ae5]{padding:var(--spacing-4);flex-shrink:0}.sidebar-content[data-v-27cd8ae5]{padding:var(--spacing-4);padding-bottom:var(--spacing-10);-webkit-overflow-scrolling:touch;overscroll-behavior:contain;min-height:0}}@media (max-width: 480px){.sidebar-header h2[data-v-27cd8ae5]{font-size:var(--font-size-xl)}.sidebar-content[data-v-27cd8ae5]{padding:var(--spacing-3);padding-bottom:var(--spacing-12);-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.account-creation-form[data-v-27cd8ae5]{padding-bottom:var(--spacing-4)}.submit-section[data-v-27cd8ae5]{margin-top:var(--spacing-6);padding-bottom:var(--spacing-4)}}.demo-fund-section[data-v-27cd8ae5]{margin-top:var(--spacing-6);padding-top:var(--spacing-6);border-top:1px solid var(--color-gray-200)}.demo-fund-input-wrapper[data-v-27cd8ae5]{position:relative;display:flex;align-items:center}.demo-fund-input[data-v-27cd8ae5]{width:100%;padding:var(--spacing-3) var(--spacing-3) var(--spacing-3) var(--spacing-10);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--font-size-base);font-family:var(--font-family);transition:all var(--transition-normal);box-sizing:border-box}.demo-fund-input[data-v-27cd8ae5]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.demo-fund-input-wrapper .currency-symbol[data-v-27cd8ae5]{position:absolute;left:var(--spacing-3);color:var(--color-gray-600);font-weight:var(--font-weight-medium);font-size:var(--font-size-base);pointer-events:none}.demo-fund-section .help-text[data-v-27cd8ae5]{margin-top:var(--spacing-2);font-size:var(--font-size-xs);color:var(--color-gray-600);font-family:var(--font-family)}.trading-accounts-page{min-height:100vh;background-color:var(--color-secondary)}.trading-accounts-page.menu-collapsed .page-content{margin-left:60px;width:calc(100% - 60px);max-width:calc(100% - 60px)}.trading-accounts-page.mobile .page-content{margin-left:0;margin-top:60px;width:100%;max-width:100%;padding:var(--spacing-4);padding-bottom:calc(var(--spacing-16) + 100px);min-height:calc(100vh - 60px)}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-8);gap:var(--spacing-4)}.header-actions{display:flex;align-items:center;gap:var(--spacing-3)}.account-filters{display:flex;gap:var(--spacing-2)}.filter-btn{padding:var(--spacing-3) var(--spacing-5);border:1px solid var(--color-gray-300);background-color:var(--color-white);color:var(--color-gray-600);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-normal);height:40px;display:flex;align-items:center;justify-content:center;white-space:nowrap}.filter-btn:hover{background-color:var(--color-gray-100);border-color:var(--color-gray-400)}.filter-btn.active{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.accounts-list{display:flex;flex-direction:column;gap:var(--spacing-4);width:100%;flex:1;padding-right:var(--spacing-2);padding-bottom:var(--spacing-4);min-height:0;overflow:visible}.accounts-list::-webkit-scrollbar{width:6px}.accounts-list::-webkit-scrollbar-track{background:var(--color-gray-100);border-radius:3px}.accounts-list::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:3px}.accounts-list::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-16);text-align:center;color:var(--color-gray-600)}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-16);text-align:center;color:var(--color-gray-600)}.create-first-account-btn{background-color:var(--color-primary)!important;color:var(--color-white)!important;border:1px solid var(--color-primary)!important;padding:var(--spacing-3) var(--spacing-6);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);min-height:44px;display:inline-flex;align-items:center;justify-content:center}.create-first-account-btn:hover:not(:disabled){background-color:var(--color-primary-hover)!important;border-color:var(--color-primary-hover)!important;transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.create-first-account-btn:focus{outline:2px solid var(--color-primary);outline-offset:2px}.empty-icon{margin-bottom:var(--spacing-4)}.empty-icon .icon{width:64px;height:64px;opacity:.5}.empty-state h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-gray-700);margin-bottom:var(--spacing-2)}.empty-state p{font-size:var(--font-size-base);color:var(--color-gray-500);margin-bottom:var(--spacing-6)}.refresh-btn{display:flex;align-items:center;gap:var(--spacing-2)}.refresh-icon{width:16px;height:16px;flex-shrink:0}.refresh-text{margin-left:0}@media (min-width: 1024px) and (max-width: 1300px){.page-header{flex-direction:row;justify-content:space-between;align-items:center;gap:var(--spacing-4)}.account-filters{gap:var(--spacing-2);flex-wrap:nowrap}.filter-btn{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm);height:40px;white-space:nowrap}.header-actions{gap:var(--spacing-2);flex-shrink:0}.accounts-list{gap:var(--spacing-3)}}@media (max-width: 768px){.page-content{margin-left:0;width:100%;max-width:100%;padding:var(--spacing-4);padding-bottom:calc(var(--spacing-16) + 100px)!important}.accounts-list{gap:var(--spacing-3);padding-right:var(--spacing-1);padding-bottom:var(--spacing-12)}.page-header{flex-direction:column;gap:var(--spacing-4);align-items:stretch;margin-bottom:var(--spacing-6)}.account-filters{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--spacing-3);width:100%}.filter-btn{font-size:var(--font-size-sm);padding:var(--spacing-3) var(--spacing-4);height:40px;flex:1;min-width:0;max-width:100%}.header-actions{width:100%;display:flex;justify-content:flex-start;align-items:center;gap:var(--spacing-2);flex-wrap:nowrap}.header-actions .refresh-btn{flex:0 0 auto;min-width:44px;width:44px;height:44px;padding:var(--spacing-2);display:flex;align-items:center;justify-content:center}.header-actions .refresh-btn .refresh-text{display:none}.header-actions .refresh-btn .refresh-icon{margin:0;width:20px;height:20px}.header-actions .create-account-btn{flex:1;min-width:0}.header-actions .create-account-btn .create-account-icon{display:none}.header-actions .create-account-btn .create-account-text{display:inline}}@media (max-width: 480px){.page-content{margin-left:0;width:100%;max-width:100%;padding:var(--spacing-3);padding-bottom:calc(var(--spacing-16) + 100px)!important}.page-header{gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.account-filters{gap:var(--spacing-2);width:100%}.filter-btn{font-size:var(--font-size-xs);padding:var(--spacing-2) var(--spacing-3);height:40px;flex:1;min-width:0}.header-actions{flex-direction:row;justify-content:flex-start;gap:var(--spacing-2);width:100%}.header-actions .refresh-btn{flex:0 0 auto;min-width:44px;width:44px;height:44px}.header-actions .create-account-btn{flex:1;min-width:0}.header-actions .create-account-btn .create-account-icon{display:none}.header-actions .create-account-btn .create-account-text{display:inline}.accounts-list{padding-bottom:var(--spacing-16)}}.simple-trading-chart[data-v-d04eccfe]{width:100%;height:100%;background:var(--color-white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 0 6px #00000014;display:flex;flex-direction:column}.chart-header[data-v-d04eccfe]{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-4);background:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200);flex-shrink:0}.symbol-selector[data-v-d04eccfe]{flex:1;max-width:300px}.symbol-select[data-v-d04eccfe]{width:100%;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);background:var(--color-white);font-size:var(--font-size-sm);color:var(--color-gray-900)}.chart-controls[data-v-d04eccfe]{display:flex;gap:var(--spacing-2)}.control-btn[data-v-d04eccfe]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--color-gray-300);border-radius:var(--radius-md);background:var(--color-white);cursor:pointer;transition:all .2s ease}.control-btn[data-v-d04eccfe]:hover{border-color:var(--color-primary);background:var(--color-primary-light)}.control-btn .icon[data-v-d04eccfe]{width:16px;height:16px;color:var(--color-gray-600)}.chart-container[data-v-d04eccfe]{position:relative;flex:1;min-height:300px;width:100%;overflow:hidden}.trade-overlay[data-v-d04eccfe]{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:10}.trade-line[data-v-d04eccfe]{position:absolute;left:0;right:0;height:0;border-top-width:1px;border-top-style:dashed;display:flex;align-items:flex-end;padding-left:10px}.trade-line.buy[data-v-d04eccfe]{border-top-color:var(--color-success)}.trade-line.sell[data-v-d04eccfe]{border-top-color:var(--color-danger)}.trade-label[data-v-d04eccfe]{background:rgba(255,255,255,.9);padding:2px 4px;border-radius:2px;font-size:10px;font-weight:700;margin-bottom:2px;box-shadow:0 1px 2px #0000001a}.trade-line.buy .trade-label[data-v-d04eccfe]{color:var(--color-success);border:1px solid var(--color-success)}.trade-line.sell .trade-label[data-v-d04eccfe]{color:var(--color-danger);border:1px solid var(--color-danger)}.chart-loading[data-v-d04eccfe]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;background:var(--color-gray-50)}.loading-spinner[data-v-d04eccfe]{width:40px;height:40px;border:3px solid var(--color-gray-200);border-top:3px solid var(--color-primary);border-radius:50%;animation:spin-d04eccfe 1s linear infinite;margin-bottom:var(--spacing-3)}@keyframes spin-d04eccfe{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.chart-wrapper[data-v-d04eccfe]{position:relative;height:100%;width:100%}.chart-canvas[data-v-d04eccfe]{width:100%!important;height:100%!important}.price-display[data-v-d04eccfe]{padding:var(--spacing-3);background:var(--color-gray-50);border-top:1px solid var(--color-gray-200);flex-shrink:0;display:flex;justify-content:space-between;align-items:center}.price-info[data-v-d04eccfe]{display:flex;align-items:center;gap:var(--spacing-4)}.symbol[data-v-d04eccfe]{font-weight:600;color:var(--color-gray-900);font-size:var(--font-size-lg)}.price[data-v-d04eccfe]{font-weight:700;font-size:var(--font-size-xl);color:var(--color-primary)}.spread[data-v-d04eccfe]{font-size:var(--font-size-sm);color:var(--color-gray-600)}.price-stable[data-v-d04eccfe]{color:var(--color-gray-700)}.active-trades-summary[data-v-d04eccfe]{display:flex;gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-gray-700)}.summary-count[data-v-d04eccfe]{font-weight:700;color:var(--color-primary)}@media (max-width: 768px){.chart-header[data-v-d04eccfe]{flex-direction:column;gap:var(--spacing-3);align-items:stretch}.symbol-selector[data-v-d04eccfe]{max-width:none}.chart-controls[data-v-d04eccfe]{justify-content:center}.chart-container[data-v-d04eccfe]{height:400px}.price-info[data-v-d04eccfe]{flex-direction:column;align-items:flex-start;gap:var(--spacing-2)}}.trading-terminal-page[data-v-90726503]{min-height:100vh;background-color:var(--color-secondary)}.trading-terminal-page.menu-collapsed .page-content[data-v-90726503]{margin-left:60px;width:calc(100% - 60px);max-width:calc(100% - 60px)}.trading-terminal-page.mobile .page-content[data-v-90726503]{margin-left:0}.terminal-container[data-v-90726503]{display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-6);height:calc(100vh - 120px)}.chart-section[data-v-90726503]{background:var(--color-white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 0 6px #00000014}.trading-panel[data-v-90726503]{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:0 0 6px #00000014;display:flex;flex-direction:column}.panel-tabs[data-v-90726503]{display:flex;border-bottom:1px solid var(--color-gray-200)}.tab-btn[data-v-90726503]{flex:1;padding:var(--spacing-4);border:none;background:transparent;color:var(--color-gray-600);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease;border-bottom:2px solid transparent}.tab-btn[data-v-90726503]:hover{background:var(--color-gray-50);color:var(--color-gray-900)}.tab-btn.active[data-v-90726503]{color:var(--color-primary);border-bottom-color:var(--color-primary);background:var(--color-primary-light)}.panel-content[data-v-90726503]{flex:1;overflow-y:auto}.tab-panel[data-v-90726503]{padding:var(--spacing-6);height:100%}.market-watch h3[data-v-90726503],.order-form h3[data-v-90726503],.positions-list h3[data-v-90726503]{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0 0 var(--spacing-4) 0}.symbols-list[data-v-90726503]{display:flex;flex-direction:column;gap:var(--spacing-3)}.symbol-item[data-v-90726503]{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-3);background:var(--color-gray-50);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.symbol-item[data-v-90726503]:hover{background:var(--color-primary-light)}.symbol-info[data-v-90726503]{display:flex;flex-direction:column;gap:var(--spacing-1)}.symbol-name[data-v-90726503]{font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}.symbol-description[data-v-90726503]{font-size:var(--font-size-xs);color:var(--color-gray-600)}.symbol-price[data-v-90726503]{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-1)}.bid[data-v-90726503],.ask[data-v-90726503]{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.bid[data-v-90726503]{color:var(--color-success)}.ask[data-v-90726503]{color:var(--color-danger)}.form-group[data-v-90726503]{margin-bottom:var(--spacing-4)}.form-group label[data-v-90726503]{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700);margin-bottom:var(--spacing-2)}.form-input[data-v-90726503]{width:100%;padding:var(--spacing-3);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-gray-900);background:var(--color-white);transition:all .2s ease}.form-input[data-v-90726503]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.positions-table[data-v-90726503]{display:flex;flex-direction:column;gap:var(--spacing-2)}.table-header[data-v-90726503]{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;gap:var(--spacing-3);padding:var(--spacing-3);background:var(--color-gray-50);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-gray-700);text-transform:uppercase;letter-spacing:.5px}.table-row[data-v-90726503]{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;gap:var(--spacing-3);padding:var(--spacing-3);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:var(--font-size-sm);align-items:center}.position-type[data-v-90726503]{padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase}.position-type.buy[data-v-90726503]{background:var(--color-success-light);color:var(--color-success)}.position-type.sell[data-v-90726503]{background:var(--color-danger-light);color:var(--color-danger)}.profit-loss[data-v-90726503]{font-weight:var(--font-weight-semibold)}.profit-loss.positive[data-v-90726503]{color:var(--color-success)}.profit-loss.negative[data-v-90726503]{color:var(--color-danger)}@media (max-width: 1024px){.terminal-container[data-v-90726503]{grid-template-columns:1fr;height:auto}.chart-section[data-v-90726503]{height:400px}.trading-panel[data-v-90726503]{height:500px}}@media (max-width: 768px){.table-header[data-v-90726503],.table-row[data-v-90726503]{grid-template-columns:1fr 1fr 1fr;gap:var(--spacing-2)}.table-header span[data-v-90726503]:nth-child(n+4),.table-row span[data-v-90726503]:nth-child(n+4){display:none}}.page-content[data-v-90726503]{margin-left:280px;margin-top:80px;padding:var(--spacing-8);width:calc(100% - 280px);max-width:calc(100% - 280px);overflow-x:hidden;box-sizing:border-box;transition:all var(--transition-normal)}.page-header h1[data-v-90726503]{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-primary);margin:0 0 var(--spacing-8) 0}.terminal-placeholder[data-v-90726503]{background:var(--color-white);border-radius:var(--radius-md);padding:var(--spacing-8);text-align:center;color:var(--color-gray-500)}@media (max-width: 1024px){.page-content[data-v-90726503]{margin-left:0;width:100%;padding:var(--spacing-4)}}@media (max-width: 768px){.page-content[data-v-90726503]{padding:var(--spacing-3);margin-left:0;width:100%;max-width:100%}}@media (max-width: 480px){.page-content[data-v-90726503]{padding:var(--spacing-2);margin-left:0;width:100%;max-width:100%}}.deposit-page{min-height:100vh;background-color:var(--color-secondary);overflow-x:hidden;width:100%;box-sizing:border-box}.deposit-page .page-content{margin-left:280px;margin-top:80px;padding:var(--spacing-8);width:calc(100% - 280px);max-width:calc(100% - 280px);overflow-x:hidden;box-sizing:border-box;transition:all var(--transition-normal)}.deposit-page.menu-collapsed .page-content{margin-left:60px;width:calc(100% - 60px);max-width:calc(100% - 60px)}.deposit-page.mobile .page-content{margin-left:0;margin-top:60px;width:100%;max-width:100%;padding:var(--spacing-4);padding-bottom:calc(var(--spacing-16) + 100px + env(safe-area-inset-bottom,0px));min-height:calc(100vh - 60px)!important;overflow-x:hidden}.deposit-page .loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-8);gap:var(--spacing-4)}.deposit-page .loading-spinner{width:40px;height:40px;border:4px solid var(--color-gray-200);border-top:4px solid var(--color-primary);border-radius:50%;animation:deposit-spin 1s linear infinite}@keyframes deposit-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.deposit-page .error-container{display:flex;justify-content:center;padding:var(--spacing-8)}.deposit-page .error-message{text-align:center;padding:var(--spacing-6);background:var(--color-red-50);border:1px solid var(--color-red-200);border-radius:var(--radius-lg);max-width:400px}.deposit-page .error-message p{color:var(--color-red-700);margin:0 0 var(--spacing-4) 0}.deposit-page .retry-btn{background:var(--color-primary);color:var(--color-white);border:none;padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-md);cursor:pointer;font-weight:var(--font-weight-medium)}.deposit-page .retry-btn:hover{background:var(--color-primary-dark)}.deposit-page .deposit-methods{display:flex;flex-direction:column;gap:var(--spacing-4);width:100%;max-width:100%}.deposit-page .deposit-method-card{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-6);box-shadow:0 0 6px #00000014;border:2px solid transparent;transition:all var(--transition-normal);display:flex;flex-direction:row;align-items:center;gap:var(--spacing-6);width:100%;max-width:100%;min-height:95px;position:relative;box-sizing:border-box}.deposit-page .deposit-method-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.deposit-page .deposit-method-card.selected{background-color:var(--color-gray-50);border-color:var(--color-primary)}.deposit-page .deposit-method-card.has-overlay{background:#00000033}.deposit-page .overlay-background{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000033;border-radius:var(--radius-lg);pointer-events:none;z-index:1}.deposit-page .method-header{display:flex!important;align-items:center;gap:var(--spacing-3);text-align:left;flex-direction:row!important}.deposit-page .method-icon{display:flex;align-items:center;justify-content:center;width:50px;height:50px;background-color:var(--color-gray-100);border-radius:var(--radius-full);flex-shrink:0}.deposit-page .method-fee{font-size:var(--font-size-sm);color:var(--color-gray-500);margin:0;text-align:center}.deposit-page .method-name h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0;text-align:left}.deposit-page .method-fee{display:flex;align-items:flex-start}.deposit-page .fee-text{font-size:var(--font-size-sm);color:#757984;font-weight:var(--font-weight-semibold);white-space:nowrap}.deposit-page .method-info{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-1);min-width:120px;flex:1!important}.deposit-page .method-details{display:flex;flex-direction:row;gap:var(--spacing-6);flex:1;align-items:center;justify-content:center}.deposit-page .detail-row{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-1);min-width:80px}.deposit-page .detail-label{font-size:var(--font-size-xs);color:var(--color-gray-500);font-weight:var(--font-weight-medium);text-transform:uppercase}.deposit-page .detail-value{font-size:var(--font-size-sm);color:var(--color-gray-700);font-weight:var(--font-weight-semibold);display:flex;align-items:center;gap:var(--spacing-1)}.deposit-page .lock-icon{opacity:1;z-index:2;position:relative}.deposit-page .method-action{display:flex;justify-content:flex-end;min-width:200px;flex-shrink:0}.deposit-page .proceed-btn{min-width:180px;white-space:nowrap}@media (max-width: 1024px){.deposit-page .page-content{margin-left:0;width:100%;max-width:100%;padding:var(--spacing-6)}.deposit-page .deposit-method-card{flex-direction:column;align-items:flex-start;gap:var(--spacing-4);min-height:auto}.deposit-page .method-details{flex-direction:row;gap:var(--spacing-4);width:100%;flex-wrap:wrap}.deposit-page .detail-row{min-width:80px}.deposit-page .method-action{width:100%;justify-content:center;margin-top:var(--spacing-3);min-width:0}.deposit-page .proceed-btn{width:100%;min-width:0}}@media (max-width: 768px){.deposit-page .page-content{padding:var(--spacing-4);margin-left:0;width:100%;max-width:100%;padding-bottom:calc(var(--spacing-16) + 100px + env(safe-area-inset-bottom,0px))!important}.deposit-page .deposit-methods{gap:var(--spacing-6);padding-bottom:var(--spacing-6);margin-bottom:var(--spacing-8)}.deposit-page .deposit-method-card{padding:var(--spacing-5);flex-direction:column;gap:var(--spacing-4);margin-bottom:var(--spacing-4);max-width:100%}.deposit-page .method-header{display:flex!important;align-items:center;gap:var(--spacing-3);text-align:left;flex-direction:row!important;min-width:0}.deposit-page .method-icon{flex-shrink:0}.deposit-page .method-info{flex:1!important;text-align:left;min-width:0}.deposit-page .method-details{flex-direction:column;gap:var(--spacing-4);width:100%;margin-top:var(--spacing-4)}.deposit-page .detail-row{flex-direction:row;justify-content:space-between;width:100%;min-width:auto;padding:var(--spacing-3) 0;border-bottom:1px solid var(--color-gray-100)}.deposit-page .detail-row:last-child{border-bottom:none}.deposit-page .method-name h3{font-size:var(--font-size-base);word-break:break-word}.deposit-page .fee-text,.deposit-page .detail-label,.deposit-page .detail-value{font-size:var(--font-size-sm)}.deposit-page .detail-row:has(.lock-icon) .detail-value{display:flex;flex-direction:column;align-items:center;text-align:center}.deposit-page .lock-icon{margin-bottom:var(--spacing-2)}.deposit-page .limits-text{display:block}.deposit-page .method-action{width:100%;min-width:0}.deposit-page .proceed-btn{width:100%;min-width:0;white-space:normal}}@media (max-width: 480px){.deposit-page .page-content{margin-left:0;width:100%;max-width:100%;padding:var(--spacing-3);padding-bottom:calc(var(--spacing-16) + 100px + env(safe-area-inset-bottom,0px))!important}.deposit-page .deposit-methods{gap:var(--spacing-4);padding-bottom:var(--spacing-8);margin-bottom:var(--spacing-6)}.deposit-page .deposit-method-card{padding:var(--spacing-4);gap:var(--spacing-3);margin-bottom:var(--spacing-4);max-width:100%}.deposit-page .method-header{gap:var(--spacing-2)}.deposit-page .method-name h3{font-size:var(--font-size-sm);word-break:break-word}.deposit-page .fee-text,.deposit-page .detail-label,.deposit-page .detail-value{font-size:var(--font-size-xs)}.deposit-page .detail-row{padding:2px 0}.deposit-page .method-icon{width:32px;height:32px}.deposit-page .method-icon img{width:16px;height:16px}.deposit-page .detail-row:has(.lock-icon) .detail-value{display:flex;flex-direction:column;align-items:center;text-align:center}.deposit-page .lock-icon{margin-bottom:var(--spacing-1);width:32px;height:32px}.deposit-page .limits-text{display:block}}.withdrawal-page{min-height:100vh;background-color:var(--color-secondary)}.withdrawal-page.menu-collapsed .page-content{margin-left:60px;width:calc(100% - 60px);max-width:calc(100% - 60px)}.withdrawal-page.mobile .page-content{margin-left:0;margin-top:60px;width:100%;max-width:100%;padding:var(--spacing-4);padding-bottom:calc(var(--spacing-16) + 100px);min-height:calc(100vh - 60px)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-8);gap:var(--spacing-4)}.loading-spinner{width:40px;height:40px;border:4px solid var(--color-gray-200);border-top:4px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.error-container{display:flex;justify-content:center;padding:var(--spacing-8)}.error-message{text-align:center;padding:var(--spacing-6);background:var(--color-red-50);border:1px solid var(--color-red-200);border-radius:var(--radius-lg);max-width:400px}.error-message p{color:var(--color-red-700);margin:0 0 var(--spacing-4) 0}.retry-btn{background:var(--color-primary);color:var(--color-white);border:none;padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-md);cursor:pointer;font-weight:var(--font-weight-medium)}.withdrawal-methods{display:flex;flex-direction:column;gap:var(--spacing-4);width:100%}.withdrawal-method-card{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-6);box-shadow:0 0 6px #00000014;border:2px solid transparent;transition:all var(--transition-normal);display:flex;flex-direction:row;align-items:center;gap:var(--spacing-6);width:100%;min-height:95px;position:relative}.withdrawal-method-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.withdrawal-method-card.selected{background-color:var(--color-gray-50);border-color:var(--color-primary)}.withdrawal-method-card.has-overlay{background:#00000033;cursor:help}.method-header{display:flex!important;align-items:center;gap:var(--spacing-3);text-align:left;flex-direction:row!important}.method-icon{display:flex;align-items:center;justify-content:center;width:50px;height:50px;background-color:var(--color-gray-100);border-radius:var(--radius-full);flex-shrink:0}.method-icon img{width:24px;height:24px;object-fit:contain}.method-info{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-1);min-width:120px;flex:1}.method-name h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0;text-align:left}.method-fee{display:flex;align-items:flex-start}.fee-text{font-size:var(--font-size-sm);color:#757984;font-weight:var(--font-weight-semibold);white-space:nowrap}.method-details{display:flex;flex-direction:row;gap:var(--spacing-6);flex:1;align-items:center;justify-content:center}.detail-row{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-1);min-width:80px}.detail-label{font-size:var(--font-size-xs);color:var(--color-gray-500);font-weight:var(--font-weight-medium);text-transform:uppercase}.detail-value{font-size:var(--font-size-sm);color:var(--color-gray-700);font-weight:var(--font-weight-semibold);display:flex;align-items:center;gap:var(--spacing-1)}.limits-text{font-size:var(--font-size-sm);color:var(--color-gray-700);font-weight:var(--font-weight-semibold)}.lock-icon{opacity:1;z-index:2;position:relative}.method-action{display:flex;justify-content:flex-end;min-width:200px;flex-shrink:0}.proceed-btn{min-width:180px;white-space:nowrap}.overlay-background{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000033;border-radius:var(--radius-lg);pointer-events:none;z-index:1}@media (max-width: 1024px){.page-content{margin-left:0;width:100%;max-width:100%;padding:var(--spacing-6)}.withdrawal-method-card{flex-direction:column;align-items:flex-start;gap:var(--spacing-4);min-height:auto}.method-details{flex-direction:row;gap:var(--spacing-4);width:100%;flex-wrap:wrap}.detail-row{min-width:80px}.method-action{width:100%;justify-content:center;margin-top:var(--spacing-3)}}@media (max-width: 768px){.page-content{padding:var(--spacing-4);margin-left:0;width:100%;max-width:100%;padding-bottom:calc(var(--spacing-16) + 100px)!important}.withdrawal-methods{gap:var(--spacing-6);padding-bottom:var(--spacing-6);margin-bottom:var(--spacing-8)}.withdrawal-method-card{padding:var(--spacing-5);flex-direction:column;gap:var(--spacing-4);margin-bottom:var(--spacing-4)}.method-header{display:flex!important;align-items:center;gap:var(--spacing-3);text-align:left;flex-direction:row!important}.method-icon{flex-shrink:0}.method-info{flex:1!important;text-align:left}.method-details{flex-direction:column;gap:var(--spacing-4);width:100%;margin-top:var(--spacing-4)}.detail-row{flex-direction:row;justify-content:space-between;width:100%;min-width:auto;padding:var(--spacing-3) 0;border-bottom:1px solid var(--color-gray-100)}.detail-row:last-child{border-bottom:none}.method-name h3{font-size:var(--font-size-base)}.fee-text,.detail-label,.detail-value{font-size:var(--font-size-sm)}.detail-row:has(.lock-icon) .detail-value{display:flex;flex-direction:column;align-items:center;text-align:center}.lock-icon{margin-bottom:var(--spacing-2)}.limits-text{display:block}}@media (max-width: 480px){.page-content{margin-left:0;width:100%;max-width:100%;padding:var(--spacing-3);padding-bottom:calc(var(--spacing-16) + 100px)!important}.withdrawal-methods{gap:var(--spacing-4);padding-bottom:var(--spacing-8);margin-bottom:var(--spacing-6)}.withdrawal-method-card{padding:var(--spacing-4);gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.method-header{gap:var(--spacing-2)}.method-name h3{font-size:var(--font-size-sm)}.fee-text,.detail-label,.detail-value{font-size:var(--font-size-xs)}.detail-row{padding:2px 0}.method-icon{width:32px;height:32px}.method-icon img{width:16px;height:16px}.detail-row:has(.lock-icon) .detail-value{display:flex;flex-direction:column;align-items:center;text-align:center}.lock-icon{margin-bottom:var(--spacing-1);width:32px;height:32px}.limits-text{display:block}}.deposit-request-page[data-v-79735c02]{min-height:100vh;background-color:var(--color-secondary);overflow-x:hidden;width:100%;box-sizing:border-box}.back-section[data-v-79735c02]{margin-bottom:var(--spacing-6)}.back-btn[data-v-79735c02]{display:flex;align-items:center;gap:var(--spacing-2);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);color:var(--color-primary);font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-normal);padding:var(--spacing-3) var(--spacing-4);box-shadow:var(--shadow-sm)}.back-btn[data-v-79735c02]:hover{background:var(--color-primary);color:var(--color-white);transform:translateY(-2px);box-shadow:var(--shadow-md)}.back-icon[data-v-79735c02]{width:16px;height:16px;transform:rotate(180deg)}.page-content[data-v-79735c02]{margin-left:280px;margin-top:80px;padding:var(--spacing-8);width:calc(100% - 280px);max-width:calc(100% - 280px);overflow-x:hidden;box-sizing:border-box;transition:all var(--transition-normal)}.deposit-request-page.menu-collapsed .page-content[data-v-79735c02]{margin-left:60px;width:calc(100% - 60px);max-width:calc(100% - 60px)}.deposit-request-page.mobile .page-content[data-v-79735c02]{margin-left:0;margin-top:60px;width:100%;max-width:100%;padding:var(--spacing-4);padding-bottom:calc(var(--spacing-16) + 140px);overflow-x:hidden;min-height:calc(100vh - 60px);box-sizing:border-box;display:flex;flex-direction:column;align-items:center}.deposit-request-page.mobile .deposit-request-container[data-v-79735c02]{width:100%;max-width:100%;box-sizing:border-box;margin-left:auto;margin-right:auto}.deposit-request-page.mobile .panels-container[data-v-79735c02]{grid-template-columns:1fr;gap:var(--spacing-4);max-width:100%;min-width:0}.deposit-request-page.mobile .back-section[data-v-79735c02]{margin-bottom:var(--spacing-4)}.deposit-request-page.mobile .payment-method-panel[data-v-79735c02],.deposit-request-page.mobile .account-details-panel[data-v-79735c02]{padding:var(--spacing-4)}.deposit-request-page.mobile .panel-title[data-v-79735c02]{font-size:var(--font-size-lg);margin-bottom:var(--spacing-4)}.loading-container[data-v-79735c02]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-8);gap:var(--spacing-4)}.loading-spinner[data-v-79735c02]{width:40px;height:40px;border:4px solid var(--color-gray-200);border-top:4px solid var(--color-primary);border-radius:50%;animation:spin-79735c02 1s linear infinite}@keyframes spin-79735c02{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-container[data-v-79735c02]{display:flex;justify-content:center;padding:var(--spacing-8)}.error-message[data-v-79735c02]{text-align:center;padding:var(--spacing-6);background:var(--color-red-50);border:1px solid var(--color-red-200);border-radius:var(--radius-lg);max-width:400px}.error-message p[data-v-79735c02]{color:var(--color-red-700);margin:0 0 var(--spacing-4) 0}.retry-btn[data-v-79735c02]{background:var(--color-primary);color:var(--color-white);border:none;padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-md);cursor:pointer;font-weight:var(--font-weight-medium)}.retry-btn[data-v-79735c02]:hover{background:var(--color-primary-dark)}.deposit-request-container[data-v-79735c02]{margin-bottom:var(--spacing-8)}.panels-container[data-v-79735c02]{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-8);margin-bottom:var(--spacing-8);max-width:100%;min-width:0}.payment-method-panel[data-v-79735c02],.account-details-panel[data-v-79735c02]{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-6);box-shadow:0 0 6px #00000014;box-sizing:border-box;max-width:100%}.panel-title[data-v-79735c02]{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin:0 0 var(--spacing-6) 0}.selected-method[data-v-79735c02]{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);background-color:var(--color-gray-50);border-radius:var(--radius-md);border:1px solid var(--color-gray-300)}.payment-method-field[data-v-79735c02]{width:100%;height:56px;padding:16px;background-color:var(--color-gray-100);border:1px solid var(--color-gray-300);border-radius:10px;cursor:pointer;transition:all var(--transition-normal);opacity:1;margin-bottom:var(--spacing-4)}.payment-method-field[data-v-79735c02]:hover{border-color:var(--color-primary)}.payment-method-field[data-v-79735c02]:focus{outline:none;border-color:var(--color-primary);background-color:var(--color-white)}.method-icon[data-v-79735c02]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:#10b981;border-radius:var(--radius-full)}.method-letter[data-v-79735c02]{color:#fff;font-weight:700;font-size:var(--font-size-lg)}.method-name[data-v-79735c02]{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-gray-900)}.form-section[data-v-79735c02]{display:flex;flex-direction:column;gap:var(--spacing-4)}.form-group[data-v-79735c02]{display:flex;flex-direction:column;gap:var(--spacing-2)}.form-group label[data-v-79735c02]{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700)}.form-input[data-v-79735c02]{width:100%;height:56px;padding:16px;border:1px solid var(--color-gray-300);border-radius:10px;font-size:var(--font-size-sm);background-color:var(--color-gray-100);transition:all var(--transition-normal);opacity:1}@media (max-width: 768px){.form-input[data-v-79735c02],.amount-input[data-v-79735c02],.currency-select[data-v-79735c02]{height:44px;padding:12px;font-size:var(--font-size-base)}}@media (max-width: 480px){.form-input[data-v-79735c02],.amount-input[data-v-79735c02],.currency-select[data-v-79735c02]{height:44px;padding:12px;font-size:var(--font-size-base)}}select.form-input[data-v-79735c02]{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:none;padding-right:40px}.form-input[data-v-79735c02]:focus{outline:none;border-color:var(--color-primary);background-color:var(--color-white)}.amount-input-group[data-v-79735c02]{display:flex;gap:8px;align-items:center;width:100%;min-width:0;max-width:100%}.amount-input-group .select-wrapper[data-v-79735c02]{position:relative;display:inline-block;width:auto}.amount-input[data-v-79735c02]{flex:1;min-width:0;max-width:100%}.currency-display[data-v-79735c02]{display:flex;align-items:center;justify-content:center;flex-shrink:0;min-width:56px;width:72px;height:56px;padding:16px;border:1px solid var(--color-gray-300);border-radius:10px;background-color:var(--color-gray-100);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700);box-sizing:border-box}.currency-text[data-v-79735c02]{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}.select-wrapper[data-v-79735c02]{position:relative;display:inline-block;width:100%}.select-arrow[data-v-79735c02]{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;pointer-events:none;z-index:1}.amount-input-group .select-arrow[data-v-79735c02]{right:12px;top:50%;transform:translateY(-50%)}select[data-v-79735c02]{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-image:none!important}select[data-v-79735c02]::-moz-appearance{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}.file-upload-area[data-v-79735c02]{border:2px dashed var(--color-gray-300);border-radius:var(--radius-md);padding:var(--spacing-8);text-align:center;cursor:pointer;transition:border-color var(--transition-normal);margin-top:var(--spacing-4);position:relative}.file-upload-area[data-v-79735c02]:hover{border-color:var(--color-primary)}.upload-content[data-v-79735c02]{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2)}.required[data-v-79735c02]{color:var(--color-danger);font-weight:var(--font-weight-bold)}.field-error[data-v-79735c02]{color:#dc2626;font-size:var(--font-size-sm);margin-top:var(--spacing-1);display:flex;align-items:center;gap:var(--spacing-1);font-weight:var(--font-weight-medium)}.field-error[data-v-79735c02]:before{content:"⚠";font-size:var(--font-size-xs);color:#dc2626}.form-input.error[data-v-79735c02],.file-upload-area.error[data-v-79735c02]{border-color:#dc2626;box-shadow:0 0 0 1px #dc2626}.form-input.error[data-v-79735c02]:focus{border-color:#dc2626;box-shadow:0 0 0 2px #dc262633}.file-input-overlay[data-v-79735c02]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:1}.browse-btn[data-v-79735c02]{background-color:var(--color-gray-200);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700);cursor:pointer;transition:background-color var(--transition-normal);display:inline-block;-webkit-user-select:none;user-select:none}.browse-btn[data-v-79735c02]:hover{background-color:var(--color-gray-300)}.upload-subtext[data-v-79735c02]{font-size:var(--font-size-xs);color:var(--color-gray-500);margin:0}.account-info[data-v-79735c02]{display:flex;flex-direction:column;gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.support-message[data-v-79735c02]{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-6);border:1px solid var(--color-primary);border-radius:var(--radius-lg);color:var(--color-primary)}.support-icon[data-v-79735c02]{font-size:2rem;flex-shrink:0;color:var(--color-primary)}.support-content[data-v-79735c02]{flex:1}.support-title[data-v-79735c02]{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-2) 0;color:var(--color-primary)}.support-text[data-v-79735c02]{font-size:var(--font-size-sm);margin:0 0 var(--spacing-4) 0;color:var(--color-text-primary)}.info-item[data-v-79735c02]{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-3);background-color:var(--color-gray-50);border-radius:var(--radius-md)}.info-label[data-v-79735c02]{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-600)}.info-value[data-v-79735c02]{display:flex;align-items:center;gap:var(--spacing-2)}.info-value span[data-v-79735c02]{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}.copy-btn[data-v-79735c02]{background:none;border:none;cursor:pointer;padding:var(--spacing-1);border-radius:var(--radius-sm);transition:background-color var(--transition-normal);display:flex;align-items:center;justify-content:center}.copy-btn[data-v-79735c02]:hover{background-color:var(--color-gray-200)}.copy-btn img[data-v-79735c02]{width:16px;height:16px;opacity:.7;transition:opacity var(--transition-normal)}.copy-btn:hover img[data-v-79735c02]{opacity:1}.qr-section[data-v-79735c02]{margin-top:var(--spacing-6);padding-top:var(--spacing-6);border-top:1px solid var(--color-border);width:100%;max-width:100%;box-sizing:border-box}.qr-header[data-v-79735c02]{margin-bottom:var(--spacing-4)}.qr-info[data-v-79735c02]{display:flex;flex-direction:column;gap:var(--spacing-1)}.qr-name[data-v-79735c02]{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}.qr-type[data-v-79735c02]{font-size:var(--font-size-sm);color:var(--color-gray-600)}.crypto-section[data-v-79735c02]{background-color:var(--color-gray-100);border-radius:var(--radius-md);padding:var(--spacing-4)}.crypto-header[data-v-79735c02]{margin-bottom:var(--spacing-4)}.crypto-info[data-v-79735c02]{display:flex;flex-direction:column;gap:var(--spacing-1)}.crypto-name[data-v-79735c02]{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-primary)}.crypto-type[data-v-79735c02]{font-size:var(--font-size-xs);color:var(--color-gray-600)}.qr-code-section[data-v-79735c02]{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-3);width:100%;max-width:100%;min-width:0}.qr-image-container[data-v-79735c02]{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:100%;min-width:0}.qr-image[data-v-79735c02]{width:200px;height:200px;max-width:100%;border-radius:12px;border:2px solid var(--color-border);object-fit:contain;background:white;box-shadow:0 4px 12px #0000001a}.qr-image-large-container[data-v-79735c02]{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.qr-image-large[data-v-79735c02]{max-width:min(400px,85vw);max-height:min(400px,70vh);width:auto;height:auto;border-radius:12px;border:2px solid var(--color-border);object-fit:contain;background:white;box-shadow:0 4px 12px #00000026}.qr-code[data-v-79735c02]{position:relative}.qr-placeholder[data-v-79735c02]{width:120px;height:120px;background-color:var(--color-white);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;position:relative}.qr-grid[data-v-79735c02]{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;width:80px;height:80px}.qr-square[data-v-79735c02]{background-color:var(--color-gray-900);border-radius:1px}.qr-overlay[data-v-79735c02]{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#00000080;border-radius:var(--radius-md);z-index:5;width:100%;height:100%}.qr-loading-placeholder[data-v-79735c02]{position:absolute;top:0;left:0;width:120px;height:120px;background-color:var(--color-white);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;z-index:1}.qr-loading-placeholder-large[data-v-79735c02]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:300px;background-color:var(--color-white);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;z-index:1}.full-view-btn[data-v-79735c02]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 8px #0000004d;z-index:10;min-width:150px;width:90%;max-width:150px}.full-view-btn[data-v-79735c02]:hover{transform:translate(-50%,-50%) scale(1.05)}.address-text[data-v-79735c02]{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700);letter-spacing:1px;word-break:break-all;max-width:100%;text-align:center;padding:0 var(--spacing-2)}.important-info-panel[data-v-79735c02]{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-6);box-shadow:0 0 6px #00000014;margin-bottom:var(--spacing-6)}.info-header[data-v-79735c02]{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.info-icon[data-v-79735c02]{font-size:var(--font-size-lg)}.info-title[data-v-79735c02]{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0}.info-list[data-v-79735c02]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-2)}.info-list li[data-v-79735c02]{font-size:var(--font-size-sm);color:var(--color-gray-700);padding-left:var(--spacing-4);position:relative}.info-list li[data-v-79735c02]:before{content:"•";color:var(--color-primary);font-weight:700;position:absolute;left:0}.request-button-container[data-v-79735c02]{display:flex;justify-content:center;width:100%;margin-bottom:var(--spacing-20)}.request-deposit-btn[data-v-79735c02]{min-width:180px;white-space:nowrap;max-width:300px}@media (max-width: 1024px){.page-content[data-v-79735c02]{margin-left:0;width:100%;padding:var(--spacing-4)}.panels-container[data-v-79735c02]{grid-template-columns:1fr;gap:var(--spacing-4)}}@media (max-width: 768px){.deposit-request-page .page-content[data-v-79735c02]{padding:var(--spacing-4);padding-bottom:calc(var(--spacing-16) + 140px)!important;box-sizing:border-box}.page-content[data-v-79735c02]{padding:var(--spacing-4);padding-bottom:calc(var(--spacing-16) + 100px)!important}.deposit-request-page .payment-method-panel[data-v-79735c02],.deposit-request-page .account-details-panel[data-v-79735c02]{min-width:0;overflow:hidden}.deposit-request-page .amount-input-group[data-v-79735c02]{min-width:0}.deposit-request-page .currency-display[data-v-79735c02]{width:56px;min-width:56px;padding:0 var(--spacing-2)}.panels-container[data-v-79735c02]{grid-template-columns:1fr;gap:var(--spacing-4)}.back-section[data-v-79735c02]{margin-bottom:var(--spacing-4)}.payment-method-panel[data-v-79735c02],.account-details-panel[data-v-79735c02],.important-info-panel[data-v-79735c02]{padding:var(--spacing-4)}.panel-title[data-v-79735c02]{font-size:var(--font-size-lg);margin-bottom:var(--spacing-4)}.important-info-panel[data-v-79735c02]{margin-bottom:var(--spacing-4)}.info-title[data-v-79735c02]{font-size:var(--font-size-base)}.info-list li[data-v-79735c02]{font-size:var(--font-size-xs);line-height:1.4}.request-deposit-btn[data-v-79735c02]{min-width:100%;padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-base);max-width:100%;width:100%}.deposit-request-container[data-v-79735c02]{margin-bottom:var(--spacing-6)}.request-button-container[data-v-79735c02]{margin-bottom:calc(var(--spacing-12) + 100px)!important;margin-top:var(--spacing-2);padding:0 var(--spacing-4) calc(var(--spacing-4) + 100px) var(--spacing-4);position:relative;z-index:10}.form-group[data-v-79735c02]{margin-bottom:var(--spacing-4)}.form-input[data-v-79735c02],.amount-input[data-v-79735c02],.currency-display[data-v-79735c02]{height:44px;font-size:var(--font-size-base)}.payment-method-field[data-v-79735c02]{height:44px}.qr-section[data-v-79735c02]{width:100%;max-width:100%;display:flex;justify-content:center;padding-left:var(--spacing-2);padding-right:var(--spacing-2);margin-top:var(--spacing-4);padding-top:var(--spacing-4)}.qr-code-section[data-v-79735c02]{width:100%;max-width:100%}.qr-image-container[data-v-79735c02]{width:100%;max-width:100%;align-items:center}.qr-image[data-v-79735c02]{width:100%;max-width:220px;height:auto;aspect-ratio:1}.full-view-btn[data-v-79735c02]{max-width:90%}}@media (max-width: 480px){.deposit-request-page .page-content[data-v-79735c02]{padding:var(--spacing-3);padding-bottom:calc(var(--spacing-16) + 140px)!important}.page-content[data-v-79735c02]{padding:var(--spacing-3);padding-bottom:calc(var(--spacing-16) + 100px)!important}.panels-container[data-v-79735c02]{gap:var(--spacing-3)}.back-section[data-v-79735c02]{margin-bottom:var(--spacing-3)}.payment-method-panel[data-v-79735c02],.account-details-panel[data-v-79735c02]{padding:var(--spacing-3)}.panel-title[data-v-79735c02]{font-size:var(--font-size-base);margin-bottom:var(--spacing-3)}.important-info-panel[data-v-79735c02]{padding:var(--spacing-3);margin-bottom:var(--spacing-3)}.info-title[data-v-79735c02]{font-size:var(--font-size-sm)}.info-list li[data-v-79735c02]{font-size:var(--font-size-xs);line-height:1.3;margin-bottom:var(--spacing-1)}.request-deposit-btn[data-v-79735c02]{min-width:100%;padding:var(--spacing-3);font-size:var(--font-size-base);width:100%}.deposit-request-container[data-v-79735c02]{margin-bottom:var(--spacing-4)}.request-button-container[data-v-79735c02]{margin-bottom:calc(var(--spacing-12) + 100px)!important;margin-top:var(--spacing-2);padding:0 0 calc(var(--spacing-4) + 100px) 0;position:relative;z-index:10}.form-group[data-v-79735c02]{margin-bottom:var(--spacing-3)}.form-input[data-v-79735c02],.amount-input[data-v-79735c02],.currency-display[data-v-79735c02]{height:44px;font-size:var(--font-size-base)}.payment-method-field[data-v-79735c02]{height:44px;padding:var(--spacing-2) var(--spacing-3)}.amount-input-group[data-v-79735c02]{gap:var(--spacing-2)}.currency-select[data-v-79735c02]{min-width:80px}.qr-section[data-v-79735c02]{width:100%;max-width:100%;padding:var(--spacing-2);margin-top:var(--spacing-3);padding-top:var(--spacing-3)}.qr-image[data-v-79735c02]{width:100%;max-width:200px;height:auto;aspect-ratio:1}.qr-image-container[data-v-79735c02]{width:100%;max-width:100%}.address-text[data-v-79735c02]{font-size:var(--font-size-xs);padding:0 var(--spacing-1)}}.qr-modal-overlay[data-v-79735c02]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.qr-modal[data-v-79735c02]{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-6);max-width:350px;width:90%;max-height:calc(90vh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;position:relative;margin:max(env(safe-area-inset-top,0px),var(--spacing-4))}.close-btn[data-v-79735c02]{position:absolute;top:var(--spacing-3);right:var(--spacing-3);background:var(--color-primary);border:none;font-size:var(--font-size-xl);cursor:pointer;color:var(--color-white);padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all var(--transition-normal);z-index:10}.close-btn[data-v-79735c02]:hover{background:var(--color-primary-dark);transform:scale(1.1)}.qr-modal-content[data-v-79735c02]{text-align:center}.qr-code-large[data-v-79735c02]{margin-bottom:var(--spacing-4)}.qr-placeholder-large[data-v-79735c02]{width:200px;height:200px;background-color:#fff;border:2px solid var(--color-gray-300);border-radius:var(--radius-md);margin:0 auto;display:flex;align-items:center;justify-content:center}.qr-grid-large[data-v-79735c02]{display:grid;grid-template-columns:repeat(5,1fr);gap:2px;width:180px;height:180px}.qr-square-large[data-v-79735c02]{background-color:var(--color-gray-800);border-radius:1px}.qr-square-large[data-v-79735c02]:nth-child(odd){background-color:var(--color-gray-300)}.withdrawal-request-page{min-height:100vh;background-color:var(--color-secondary)}.withdrawal-request-page.menu-collapsed .page-content{margin-left:60px;width:calc(100% - 60px);max-width:calc(100% - 60px)}.withdrawal-request-page.mobile .page-content{margin-left:0;margin-top:60px;width:100%;max-width:100%;padding:var(--spacing-4);padding-bottom:calc(var(--spacing-16) + 100px);min-height:calc(100vh - 60px)}.withdrawal-container{width:100%}.back-section{margin-bottom:var(--spacing-6)}.back-btn{display:flex;align-items:center;gap:var(--spacing-2);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);color:var(--color-primary);font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-normal);padding:var(--spacing-3) var(--spacing-4);box-shadow:var(--shadow-sm)}.back-btn:hover{background:var(--color-primary);color:var(--color-white);transform:translateY(-2px);box-shadow:var(--shadow-md)}.back-icon{width:16px;height:16px;transform:rotate(180deg)}.withdrawal-form{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-6);box-shadow:0 0 6px #00000014;margin-bottom:var(--spacing-6)}.form-section{display:flex;flex-direction:column;gap:var(--spacing-4)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-2)}.form-input{width:100%;height:56px;padding:16px;border:1px solid var(--color-gray-300);border-radius:10px;font-size:var(--font-size-sm);background-color:var(--color-gray-100);transition:all var(--transition-normal);opacity:1}@media (max-width: 768px){.form-input,.amount-input,.currency-display{height:44px;padding:12px;font-size:var(--font-size-base)}}@media (max-width: 480px){.form-input,.amount-input,.currency-display{height:44px;padding:12px;font-size:var(--font-size-base)}}select.form-input{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:none;padding-right:40px}.form-input:focus{outline:none;border-color:var(--color-primary);background-color:var(--color-white);box-shadow:0 0 0 3px var(--color-primary-shadow)}.amount-input-group{display:flex;gap:8px;align-items:center;width:100%}.amount-input-group .select-wrapper{position:relative;display:inline-block;width:auto}.amount-input{flex:1;width:100%;min-width:0}.currency-display{display:flex;align-items:center;justify-content:center;width:100px;height:56px;padding:16px;border:1px solid var(--color-gray-300);border-radius:10px;background-color:var(--color-gray-100);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700)}.currency-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}@media (max-width: 768px){.currency-display{height:44px;padding:12px;font-size:var(--font-size-base);min-width:80px}}@media (max-width: 480px){.currency-display{height:44px;padding:12px;font-size:var(--font-size-base);min-width:80px}}.select-wrapper{position:relative;display:inline-block;width:100%}.select-arrow{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;pointer-events:none;z-index:1}.amount-input-group .select-arrow{right:12px;top:50%;transform:translateY(-50%)}select{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-image:none!important}select::-moz-appearance{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}.total-display{padding:var(--spacing-3) var(--spacing-4);background-color:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md)}.total-amount{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-gray-900)}.important-info-panel{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-6);box-shadow:0 0 6px #00000014;margin-bottom:var(--spacing-6)}.info-header{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.info-icon{font-size:var(--font-size-lg)}.info-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0}.info-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-2)}.info-list li{font-size:var(--font-size-sm);color:var(--color-gray-700);padding-left:var(--spacing-4);position:relative}.info-list li:before{content:"•";color:var(--color-primary);font-weight:700;position:absolute;left:0}.withdrawal-actions{display:flex;justify-content:center;margin-bottom:var(--spacing-20)}.request-button-container{margin-bottom:var(--spacing-20)}.request-withdrawal-btn{min-width:180px;white-space:nowrap;max-width:300px}@media (max-width: 1024px){.page-content{margin-left:0;width:100%;padding:var(--spacing-4)}.form-row{grid-template-columns:1fr;gap:var(--spacing-3)}.withdrawal-container{margin-bottom:var(--spacing-8)}}@media (max-width: 768px){.page-content{margin-left:0;width:100%;max-width:100%;padding:var(--spacing-4);padding-bottom:calc(var(--spacing-16) + 100px)!important}.back-section{margin-bottom:var(--spacing-4)}.withdrawal-form{padding:var(--spacing-4)}.form-row{grid-template-columns:1fr;gap:var(--spacing-3)}.form-group{margin-bottom:var(--spacing-4)}.important-info-panel{padding:var(--spacing-4);margin-bottom:var(--spacing-4)}.info-title{font-size:var(--font-size-base)}.info-list li{font-size:var(--font-size-xs);line-height:1.4}.request-withdrawal-btn{min-width:100%;padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-base);max-width:100%;width:100%}.withdrawal-container{margin-bottom:var(--spacing-6)}.withdrawal-actions{margin-bottom:var(--spacing-6);padding:0 var(--spacing-4)}}@media (max-width: 480px){.page-content{margin-left:0;width:100%;max-width:100%;padding:var(--spacing-3);padding-bottom:calc(var(--spacing-16) + 100px)!important}.back-section{margin-bottom:var(--spacing-3)}.withdrawal-form{padding:var(--spacing-3)}.form-group{margin-bottom:var(--spacing-3)}.important-info-panel{padding:var(--spacing-3);margin-bottom:var(--spacing-3)}.info-title{font-size:var(--font-size-sm)}.info-list li{font-size:var(--font-size-xs);line-height:1.3;margin-bottom:var(--spacing-1)}.request-withdrawal-btn{min-width:100%;padding:var(--spacing-3);font-size:var(--font-size-base);width:100%}.withdrawal-container{margin-bottom:var(--spacing-4)}.withdrawal-actions{margin-bottom:var(--spacing-4);padding:0}.amount-input-group{gap:var(--spacing-2)}}@media (max-width: 480px){.request-button-container{margin-bottom:var(--spacing-20)}}.otp-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.otp-modal{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-8);max-width:400px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:otpModalSlideIn .3s ease-out}@keyframes otpModalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.otp-header{text-align:center;margin-bottom:var(--spacing-6)}.otp-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin:0 0 var(--spacing-2) 0}.otp-subtitle{font-size:var(--font-size-sm);color:var(--color-gray-600);margin:0;line-height:1.5}.otp-content{display:flex;flex-direction:column;gap:var(--spacing-6)}.otp-input-container{display:flex;justify-content:center;gap:var(--spacing-3)}.otp-input{width:50px;height:50px;text-align:center;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);border:2px solid var(--color-gray-300);border-radius:var(--radius-md);background-color:var(--color-gray-50);transition:all var(--transition-normal);outline:none}.otp-input:focus{border-color:var(--color-primary);background-color:var(--color-white);box-shadow:0 0 0 3px var(--color-primary-shadow)}.otp-input-filled{border-color:var(--color-primary);background-color:var(--color-white)}.otp-actions{display:flex;flex-direction:column;gap:var(--spacing-3)}@media (max-width: 768px){.otp-modal{padding:var(--spacing-6);max-width:350px}.otp-title{font-size:var(--font-size-lg)}.otp-subtitle{font-size:var(--font-size-xs)}.otp-input{width:45px;height:45px;font-size:var(--font-size-base)}.otp-actions{gap:var(--spacing-2)}}@media (max-width: 480px){.otp-modal{padding:var(--spacing-4);max-width:320px}.otp-input-container{gap:var(--spacing-2)}.otp-input{width:40px;height:40px;font-size:var(--font-size-sm)}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-8);min-height:400px}.loading-spinner{width:40px;height:40px;border:4px solid var(--color-gray-200);border-top:4px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--spacing-4)}.error-container{display:flex;align-items:center;justify-content:center;padding:var(--spacing-8);min-height:400px}.error-message{text-align:center;background:var(--color-white);padding:var(--spacing-6);border-radius:var(--border-radius);box-shadow:var(--shadow-sm)}.error-message p{color:var(--color-danger);margin-bottom:var(--spacing-4)}.retry-btn{background-color:var(--color-primary);color:var(--color-white);border:none;padding:var(--spacing-3) var(--spacing-6);border-radius:var(--border-radius);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.retry-btn:hover{background-color:var(--color-primary-dark)}.field-error{color:var(--color-danger);font-size:var(--font-size-sm);margin-top:var(--spacing-1);display:flex;align-items:center;gap:var(--spacing-1);font-weight:var(--font-weight-medium)}.field-error:before{content:"⚠";font-size:var(--font-size-xs);color:var(--color-danger)}.form-input.error{border-color:var(--color-danger);box-shadow:0 0 0 1px var(--color-danger)}.form-input.error:focus{border-color:var(--color-danger);box-shadow:0 0 0 2px var(--color-danger)}.balance-status{margin-top:var(--spacing-4);padding:var(--spacing-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);display:flex;align-items:center;gap:var(--spacing-2)}.balance-loading{color:var(--color-gray-600);display:flex;align-items:center;gap:var(--spacing-2)}.balance-success{color:var(--color-green-600);background-color:var(--color-green-50);border:1px solid var(--color-green-200);display:flex;align-items:center;gap:var(--spacing-2)}.balance-error{color:var(--color-red-600);background-color:var(--color-red-50);border:1px solid var(--color-red-200);display:flex;align-items:center;gap:var(--spacing-2)}.balance-icon{font-size:var(--font-size-base)}.available-balance{color:var(--color-gray-500);font-size:var(--font-size-xs)}.proceed-text{color:var(--color-green-700);font-weight:var(--font-weight-medium);font-size:var(--font-size-xs);margin-left:auto}.loading-spinner-small{width:16px;height:16px;border:2px solid var(--color-gray-300);border-top:2px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.btn-disabled{opacity:.6;cursor:not-allowed;background-color:var(--color-gray-400)!important;border-color:var(--color-gray-400)!important}.btn-disabled:hover{background-color:var(--color-gray-400)!important;border-color:var(--color-gray-400)!important;transform:none!important}.internal-transaction-page[data-v-3fa758d5]{min-height:100vh;background-color:var(--color-secondary)}.internal-transaction-container[data-v-3fa758d5]{width:100%}.internal-transaction-form[data-v-3fa758d5]{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-6);box-shadow:0 0 6px #00000014;margin-bottom:var(--spacing-6)}.form-section[data-v-3fa758d5]{display:flex;flex-direction:column;gap:var(--spacing-4)}.form-row[data-v-3fa758d5]{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4)}.form-group[data-v-3fa758d5]{display:flex;flex-direction:column;gap:var(--spacing-2)}.form-group label[data-v-3fa758d5]{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700)}.form-input[data-v-3fa758d5]{width:100%;height:56px;padding:16px;border:1px solid var(--color-gray-300);border-radius:10px;font-size:var(--font-size-sm);background-color:var(--color-gray-100);transition:all var(--transition-normal);opacity:1}select.form-input[data-v-3fa758d5]{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:none;padding-right:40px}.form-input[data-v-3fa758d5]:focus{outline:none;border-color:var(--color-primary);background-color:var(--color-white)}.amount-input-group[data-v-3fa758d5]{display:flex;gap:8px;align-items:center;width:100%}.amount-input-group .select-wrapper[data-v-3fa758d5]{position:relative;display:inline-block;width:auto}.amount-input[data-v-3fa758d5]{flex:1;width:100%;min-width:0}.currency-display[data-v-3fa758d5]{display:flex;align-items:center;justify-content:center;width:100px;height:56px;padding:16px;border:1px solid var(--color-gray-300);border-radius:10px;background-color:var(--color-gray-100);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700)}.currency-text[data-v-3fa758d5]{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}.select-wrapper[data-v-3fa758d5]{position:relative;display:inline-block;width:100%}.select-arrow[data-v-3fa758d5]{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;pointer-events:none;z-index:1}.amount-input-group .select-arrow[data-v-3fa758d5]{right:12px;top:50%;transform:translateY(-50%)}select[data-v-3fa758d5]{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-image:none!important}select[data-v-3fa758d5]::-moz-appearance{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}.total-display[data-v-3fa758d5]{padding:var(--spacing-3) var(--spacing-4);background-color:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md)}.total-amount[data-v-3fa758d5]{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-gray-900)}.important-notice-panel[data-v-3fa758d5]{background:var(--color-gray-100);border-radius:var(--radius-lg);padding:var(--spacing-6);margin-bottom:var(--spacing-6)}.notice-header[data-v-3fa758d5]{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.notice-icon[data-v-3fa758d5]{font-size:var(--font-size-lg)}.notice-title[data-v-3fa758d5]{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin:0}.notice-content[data-v-3fa758d5]{color:var(--color-gray-700)}.notice-list[data-v-3fa758d5]{list-style:none;padding:0;margin:0}.notice-list li[data-v-3fa758d5]{margin-bottom:var(--spacing-3);padding-left:var(--spacing-4);position:relative;line-height:1.6}.notice-list li[data-v-3fa758d5]:before{content:"•";color:var(--color-gray-500);font-weight:700;position:absolute;left:0}.notice-list li[data-v-3fa758d5]:last-child{margin-bottom:0}.transfer-actions[data-v-3fa758d5]{display:flex;justify-content:center;padding-bottom:var(--spacing-20)}.transfer-btn[data-v-3fa758d5]{min-width:200px;white-space:nowrap;max-width:100%;pointer-events:auto;position:relative;z-index:10}.transfer-btn[data-v-3fa758d5]:disabled{background:var(--color-gray-400)!important;cursor:not-allowed;box-shadow:none!important;transform:none!important}.transfer-btn[data-v-3fa758d5]:disabled:hover{background:var(--color-gray-400)!important;transform:none!important;box-shadow:none!important}.page-content[data-v-3fa758d5]{margin-left:280px;margin-top:80px;padding:var(--spacing-8);width:calc(100% - 280px);max-width:calc(100% - 280px);overflow-x:hidden;box-sizing:border-box;transition:all var(--transition-normal)}.internal-transaction-page.menu-collapsed .page-content[data-v-3fa758d5]{margin-left:60px;width:calc(100% - 60px);max-width:calc(100% - 60px)}.internal-transaction-page.mobile .page-content[data-v-3fa758d5]{margin-left:0;margin-top:60px;width:100%;max-width:100%}@media (max-width: 1024px){.page-content[data-v-3fa758d5]{margin-left:0;width:100%;max-width:100%;padding:var(--spacing-6)}.form-row[data-v-3fa758d5]{grid-template-columns:1fr;gap:var(--spacing-3)}}@media (max-width: 768px){.page-content[data-v-3fa758d5]{margin-left:0;width:100%;max-width:100%;padding:var(--spacing-4);padding-bottom:var(--spacing-8)}.internal-transaction-form[data-v-3fa758d5]{padding:var(--spacing-4)}.form-row[data-v-3fa758d5]{grid-template-columns:1fr;gap:var(--spacing-3)}.important-notice-panel[data-v-3fa758d5]{padding:var(--spacing-4);margin-bottom:var(--spacing-4)}.notice-title[data-v-3fa758d5]{font-size:var(--font-size-base)}.notice-list li[data-v-3fa758d5]{font-size:var(--font-size-xs);line-height:1.4;margin-bottom:var(--spacing-1)}.transfer-actions[data-v-3fa758d5]{padding-bottom:var(--spacing-20)}.transfer-btn[data-v-3fa758d5]{min-width:150px;padding:var(--spacing-3) var(--spacing-6);font-size:var(--font-size-sm)}}@media (max-width: 480px){.page-content[data-v-3fa758d5]{margin-left:0;width:100%;max-width:100%;padding:var(--spacing-3);padding-bottom:var(--spacing-6)}.important-notice-panel[data-v-3fa758d5]{padding:var(--spacing-3);margin-bottom:var(--spacing-3)}.notice-title[data-v-3fa758d5]{font-size:var(--font-size-sm)}.notice-list li[data-v-3fa758d5]{font-size:var(--font-size-xs);line-height:1.3;margin-bottom:var(--spacing-1)}.transfer-actions[data-v-3fa758d5]{padding-bottom:var(--spacing-20)}.transfer-btn[data-v-3fa758d5]{min-width:120px;padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-xs)}}.otp-overlay[data-v-3fa758d5]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.otp-modal[data-v-3fa758d5]{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-8);max-width:400px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:otpModalSlideIn-3fa758d5 .3s ease-out}@keyframes otpModalSlideIn-3fa758d5{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.otp-header[data-v-3fa758d5]{text-align:center;margin-bottom:var(--spacing-6)}.otp-title[data-v-3fa758d5]{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin:0 0 var(--spacing-2) 0}.otp-subtitle[data-v-3fa758d5]{font-size:var(--font-size-sm);color:var(--color-gray-600);margin:0;line-height:1.5}.otp-content[data-v-3fa758d5]{display:flex;flex-direction:column;gap:var(--spacing-6)}.otp-input-container[data-v-3fa758d5]{display:flex;justify-content:center;gap:var(--spacing-3)}.otp-input[data-v-3fa758d5]{width:50px;height:50px;text-align:center;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);border:2px solid var(--color-gray-300);border-radius:var(--radius-md);background-color:var(--color-gray-50);transition:all var(--transition-normal);outline:none}.otp-input[data-v-3fa758d5]:focus{border-color:var(--color-primary);background-color:var(--color-white);box-shadow:0 0 0 3px #3b82f61a}.otp-input-filled[data-v-3fa758d5]{border-color:var(--color-primary);background-color:var(--color-white)}.otp-actions[data-v-3fa758d5]{display:flex;flex-direction:column;gap:var(--spacing-3)}@media (max-width: 768px){.otp-modal[data-v-3fa758d5]{padding:var(--spacing-6);max-width:350px}.otp-title[data-v-3fa758d5]{font-size:var(--font-size-lg)}.otp-subtitle[data-v-3fa758d5]{font-size:var(--font-size-xs)}.otp-input[data-v-3fa758d5]{width:45px;height:45px;font-size:var(--font-size-base)}.otp-actions[data-v-3fa758d5]{gap:var(--spacing-2)}}@media (max-width: 480px){.otp-modal[data-v-3fa758d5]{padding:var(--spacing-4);max-width:320px}.otp-input-container[data-v-3fa758d5]{gap:var(--spacing-2)}.otp-input[data-v-3fa758d5]{width:40px;height:40px;font-size:var(--font-size-sm)}}.loading-state[data-v-3fa758d5]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-8);text-align:center}.loading-spinner[data-v-3fa758d5]{width:40px;height:40px;border:4px solid var(--color-border);border-top:4px solid var(--color-primary);border-radius:50%;animation:spin-3fa758d5 1s linear infinite;margin-bottom:var(--spacing-4)}@keyframes spin-3fa758d5{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message[data-v-3fa758d5]{background-color:#fee;color:#c33;padding:var(--spacing-4);border-radius:var(--border-radius);margin-bottom:var(--spacing-4);border:1px solid #fcc}.auth-error-actions[data-v-3fa758d5]{margin-top:var(--spacing-3);text-align:center}.no-accounts-message[data-v-3fa758d5]{display:flex;align-items:center;justify-content:center;min-height:400px}.no-accounts-content[data-v-3fa758d5]{text-align:center;padding:var(--spacing-8);background:white;border-radius:var(--border-radius);box-shadow:var(--shadow-sm);max-width:500px}.no-accounts-content h3[data-v-3fa758d5]{color:var(--color-text-primary);margin-bottom:var(--spacing-4)}.no-accounts-content p[data-v-3fa758d5]{color:var(--color-text-secondary);line-height:1.6}.balance-status[data-v-3fa758d5]{margin-top:var(--spacing-4);padding:var(--spacing-3);border-radius:var(--border-radius);font-size:var(--font-size-sm)}.balance-loading[data-v-3fa758d5]{display:flex;align-items:center;gap:var(--spacing-2);color:var(--color-primary)}.balance-success[data-v-3fa758d5]{display:flex;align-items:center;gap:var(--spacing-2);color:#059669;background-color:#f0fdf4;border:1px solid #bbf7d0;padding:var(--spacing-3);border-radius:var(--border-radius)}.balance-error[data-v-3fa758d5]{display:flex;align-items:center;gap:var(--spacing-2);color:#dc2626;background-color:#fef2f2;border:1px solid #fecaca;padding:var(--spacing-3);border-radius:var(--border-radius)}.balance-icon[data-v-3fa758d5]{font-size:var(--font-size-base)}.available-balance[data-v-3fa758d5]{font-weight:600;margin-left:var(--spacing-2)}.proceed-text[data-v-3fa758d5]{font-weight:500;margin-left:var(--spacing-2);color:#047857}.loading-spinner-small[data-v-3fa758d5]{width:16px;height:16px;border:2px solid #e5e7eb;border-top:2px solid var(--color-primary);border-radius:50%;animation:spin-3fa758d5 1s linear infinite}.loading-container[data-v-4188cff8]{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.loading-fullscreen[data-v-4188cff8]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.95);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:9999}.loading-inline[data-v-4188cff8]{padding:var(--spacing-4) 0}.loading-spinner[data-v-4188cff8]{width:48px;height:48px;border:4px solid var(--color-gray-200);border-top:4px solid var(--color-primary);border-right:4px solid var(--color-primary-light);border-radius:50%;animation:spin-4188cff8 .8s linear infinite;position:relative;margin-bottom:var(--spacing-4)}.loading-spinner[data-v-4188cff8]:before{content:"";position:absolute;top:6px;left:6px;right:6px;bottom:6px;border:2px solid transparent;border-top:2px solid var(--color-primary);border-radius:50%;animation:spin-4188cff8 1.2s linear infinite reverse}.spinner-small[data-v-4188cff8]{width:32px;height:32px;border-width:3px;margin-bottom:var(--spacing-2)}.spinner-small[data-v-4188cff8]:before{top:4px;left:4px;right:4px;bottom:4px;border-width:1.5px}.spinner-large[data-v-4188cff8]{width:64px;height:64px;border-width:5px;margin-bottom:var(--spacing-6)}.spinner-large[data-v-4188cff8]:before{top:8px;left:8px;right:8px;bottom:8px;border-width:2.5px}@keyframes spin-4188cff8{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text[data-v-4188cff8]{color:var(--color-gray-700);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin:0;margin-bottom:var(--spacing-1)}.text-small[data-v-4188cff8]{font-size:var(--font-size-sm)}.loading-subtext[data-v-4188cff8]{color:var(--color-gray-500);font-size:var(--font-size-sm);margin:0;margin-top:var(--spacing-1)}.transaction-history-page{min-height:100vh;background-color:var(--color-secondary)}.transaction-history-page.menu-collapsed .page-content{margin-left:60px;width:calc(100% - 60px);max-width:calc(100% - 60px)}.transaction-history-page.mobile .page-content{margin-left:0;margin-top:60px;width:100%;max-width:100%;padding:var(--spacing-4);padding-bottom:calc(var(--spacing-16) + 100px);min-height:calc(100vh - 60px)}.transaction-history-container{width:100%}.filters-section{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-6);box-shadow:0 0 6px #00000014;margin-bottom:var(--spacing-6)}.filter-row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr auto;gap:var(--spacing-4);align-items:end}.filter-group label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700)}.filter-input{height:40px;padding:8px 12px;border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--font-size-sm);background-color:var(--color-white);transition:all var(--transition-normal)}.filter-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-shadow)}.filter-actions{display:flex;gap:var(--spacing-2);align-items:center}.filter-btn{background-color:var(--color-primary);color:var(--color-white);border:1px solid var(--color-primary);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-normal);min-height:44px;display:flex;align-items:center;justify-content:center;gap:var(--spacing-2)}.clear-btn{background-color:var(--color-gray-100);color:var(--color-gray-700);border:1px solid var(--color-gray-300);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-normal);min-height:44px;display:flex;align-items:center;justify-content:center;gap:var(--spacing-2)}.table-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-6);border-bottom:1px solid var(--color-gray-200)}.table-header h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0}.transaction-row:hover{background:var(--color-gray-50)}.transaction-type{padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase}.transaction-type.deposit{background-color:var(--color-success);color:var(--color-success-text)}.transaction-type.withdrawal{background-color:var(--color-warning);color:var(--color-warning-text)}.transaction-type.internal{background-color:var(--color-info);color:var(--color-white)}.transaction-type.commission{background-color:var(--color-gray-200);color:var(--color-gray-700)}.amount-cell.positive{color:var(--color-success-solid);font-weight:var(--font-weight-semibold)}.amount-cell.negative{color:var(--color-danger);font-weight:var(--font-weight-semibold)}.status-badge{padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:capitalize}.status-badge.completed,.status-badge.approved{background:var(--color-green-50);color:var(--color-green-700)}.status-badge.pending{background:var(--color-yellow-50);color:var(--color-yellow-700)}.status-badge.failed,.status-badge.rejected{background:var(--color-gray-100);color:var(--color-gray-600)}.wallet-cell{font-family:monospace;font-size:var(--font-size-xs)}.payment-method-cell{font-weight:var(--font-weight-medium)}.transaction-id-cell{font-family:monospace;font-size:var(--font-size-xs)}.payment-details-cell,.proof-cell{text-align:center}.view-details-btn,.view-proof-btn{background:none;border:none;color:var(--color-primary);cursor:pointer;padding:var(--spacing-1);border-radius:var(--radius-sm);transition:all var(--transition-normal);display:inline-flex;align-items:center;justify-content:center}.view-details-btn:hover,.view-proof-btn:hover{background:var(--color-primary-light);color:var(--color-primary-dark)}.no-proof{color:var(--color-gray-400);font-style:italic}.payment-details-modal{background:white;border-radius:var(--radius-lg);box-shadow:0 10px 25px #0000001a;max-width:500px;width:100%;max-height:80vh;overflow-y:auto;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-6);border-bottom:1px solid var(--color-gray-200)}.modal-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0}.close-btn{background:none;border:none;color:var(--color-gray-400);cursor:pointer;padding:var(--spacing-2);border-radius:var(--radius-sm);transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center}.close-btn:hover{background:var(--color-gray-100);color:var(--color-gray-600)}.modal-content{padding:var(--spacing-6)}.transaction-info{margin-bottom:var(--spacing-6)}.info-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-3) 0;border-bottom:1px solid var(--color-gray-100)}.info-row:last-child{border-bottom:none}.info-row .label{font-weight:var(--font-weight-medium);color:var(--color-gray-600);font-size:var(--font-size-sm)}.info-row .value{color:var(--color-gray-900);font-size:var(--font-size-sm)}.payment-details-section{border-top:1px solid var(--color-gray-200);padding-top:var(--spacing-6)}.section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0 0 var(--spacing-4) 0}.payment-details{background:none;border:none;padding:0}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-3) 0;border-bottom:1px solid var(--color-gray-100)}.detail-item:last-child{border-bottom:none}.detail-label{font-weight:var(--font-weight-medium);color:var(--color-gray-600);font-size:var(--font-size-sm)}.detail-value{color:var(--color-gray-900);font-size:var(--font-size-sm)}.no-details{text-align:center;padding:var(--spacing-8);color:var(--color-gray-500)}.no-details p{margin:0;font-style:italic}@media (max-width: 640px){.modal-overlay{padding:var(--spacing-2)}.payment-details-modal{max-height:90vh}.modal-header,.modal-content{padding:var(--spacing-4)}.info-row{flex-direction:column;align-items:flex-start;gap:var(--spacing-1)}}.proof-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-4)}.proof-modal{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:0 10px 25px #0000001a;max-width:600px;width:100%;max-height:80vh;overflow-y:auto;animation:modalSlideIn .3s ease-out}.proof-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-6);border-bottom:1px solid var(--color-gray-200)}.proof-modal-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0}.proof-modal-content{padding:var(--spacing-6);text-align:center}.proof-image-container{display:flex;justify-content:center;align-items:center;width:100%;margin-bottom:var(--spacing-4);min-height:200px}.proof-loading{display:flex;justify-content:center;align-items:center;width:100%;height:200px;color:var(--color-gray-500)}.proof-loading .loading-spinner{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium)}.proof-image{max-width:100%;max-height:500px;width:auto;height:auto;border-radius:var(--radius-md);box-shadow:0 4px 8px #0000001a;border:1px solid var(--color-gray-200)}.no-proof-available{padding:var(--spacing-8);color:var(--color-gray-500)}.no-proof-icon{font-size:3rem;margin-bottom:var(--spacing-4)}.no-proof-available p{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium)}.proof-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-8);color:var(--color-gray-500);text-align:center}.error-icon{font-size:3rem;margin-bottom:var(--spacing-4)}.proof-error p{margin:0 0 var(--spacing-4) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium)}.retry-proof-btn{background:var(--color-primary);color:var(--color-white);border:none;padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-normal)}.retry-proof-btn:hover{background:var(--color-primary-dark)}@media (max-width: 640px){.proof-modal-overlay{padding:var(--spacing-2)}.proof-modal{max-height:90vh}.proof-modal-header,.proof-modal-content{padding:var(--spacing-4)}.proof-image{max-height:400px}}@media (max-width: 1024px){.page-content{margin-left:0;width:100%;max-width:100%;padding:var(--spacing-6)}.filter-row{grid-template-columns:1fr 1fr 1fr 1fr auto;gap:var(--spacing-3)}.filter-actions{grid-column:1 / -1;justify-content:center}}@media (max-width: 768px){.page-content{padding-bottom:calc(var(--spacing-16) + 100px)!important}.filters-section{padding:var(--spacing-4)}.filter-row{grid-template-columns:1fr 1fr;gap:var(--spacing-3)}.filter-actions{grid-column:1;justify-content:stretch}.filter-btn,.clear-btn{flex:1;padding:var(--spacing-3) var(--spacing-4)}.table-header{flex-direction:column;gap:var(--spacing-3);align-items:stretch;padding:var(--spacing-4)}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table{min-width:1200px;font-size:var(--font-size-sm)}.data-table th,.data-table td{padding:var(--spacing-3);white-space:nowrap}.pagination-section{flex-direction:column;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);align-items:stretch}.pagination-info{text-align:center;font-size:var(--font-size-xs);margin-bottom:var(--spacing-2);width:100%;order:1}.pagination-controls{justify-content:center;align-items:center;gap:var(--spacing-2);width:100%;flex-wrap:wrap;order:2}.page-info{font-size:var(--font-size-sm);padding:0 var(--spacing-2);white-space:nowrap;flex-shrink:0}.pagination-controls Button{min-width:120px}}@media (max-width: 480px){.page-content{margin-left:0;width:100%;max-width:100%;padding:var(--spacing-3);padding-bottom:calc(var(--spacing-16) + 100px)!important}.filters-section{padding:var(--spacing-3)}.filter-row{grid-template-columns:1fr;gap:var(--spacing-3)}.table-header{padding:var(--spacing-3)}.data-table{font-size:var(--font-size-xs)}.data-table th,.data-table td{padding:var(--spacing-2)}.pagination-section{padding:var(--spacing-2) var(--spacing-3);gap:var(--spacing-2)}.pagination-info{font-size:var(--font-size-xs);line-height:1.4;margin-bottom:var(--spacing-1)}.pagination-controls{flex-wrap:wrap;gap:var(--spacing-2);width:100%;justify-content:center}.pagination-controls Button{flex:1;min-width:100px;max-width:150px}.page-info{width:100%;text-align:center;padding:var(--spacing-2) 0;order:-1;font-size:var(--font-size-xs);margin-bottom:var(--spacing-1)}.pagination-info{order:0;margin-bottom:var(--spacing-1)}}.settings-nav[data-v-aca2e8fb]{display:flex;flex-direction:column;gap:var(--spacing-2);margin-bottom:var(--spacing-8);padding:var(--spacing-6);background:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-200)}.nav-item[data-v-aca2e8fb]{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4);border-radius:var(--border-radius-md);cursor:pointer;transition:all .2s ease;font-weight:500;color:var(--color-gray-700);border:1px solid transparent}.nav-item[data-v-aca2e8fb]:hover{background:var(--color-gray-50);color:var(--color-gray-900);border-color:var(--color-gray-200)}.nav-item.active[data-v-aca2e8fb]{background:var(--color-primary-50);color:var(--color-primary-700);border-color:var(--color-primary-200);font-weight:600}.nav-item.active .nav-icon[data-v-aca2e8fb]{filter:brightness(0) saturate(100%) invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%)}.nav-icon[data-v-aca2e8fb]{width:20px;height:20px;flex-shrink:0;transition:filter .2s ease}.nav-icon[data-v-aca2e8fb]:hover{filter:brightness(0) saturate(100%) invert(9%) sepia(10%) saturate(7500%) hue-rotate(169deg) brightness(95%) contrast(86%)}@media (max-width: 1024px){.settings-nav[data-v-aca2e8fb]{flex-direction:row;overflow-x:auto;padding:var(--spacing-4);gap:var(--spacing-2);margin-bottom:var(--spacing-6)}.nav-item[data-v-aca2e8fb]{white-space:nowrap;min-width:fit-content;padding:var(--spacing-3) var(--spacing-4)}}.settings-page[data-v-a8bfe9b8]{min-height:100vh;background-color:var(--color-secondary)}.settings-container[data-v-a8bfe9b8]{width:100%;display:grid;grid-template-columns:250px 1fr;gap:var(--spacing-6)}.settings-nav[data-v-a8bfe9b8]{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-4);box-shadow:0 0 6px #00000014;height:fit-content}.nav-item[data-v-a8bfe9b8]{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);margin-bottom:var(--spacing-2)}.nav-item[data-v-a8bfe9b8]:hover{background-color:var(--color-gray-50)}.nav-item.active[data-v-a8bfe9b8]{background-color:var(--color-primary);color:var(--color-white)}.nav-icon[data-v-a8bfe9b8]{width:20px;height:20px}.nav-item span[data-v-a8bfe9b8]{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.settings-content[data-v-a8bfe9b8]{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-8);box-shadow:0 0 6px #00000014}.settings-header[data-v-a8bfe9b8]{margin-bottom:var(--spacing-8);border-bottom:1px solid var(--color-gray-200);padding-bottom:var(--spacing-6)}.settings-header h2[data-v-a8bfe9b8]{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin:0 0 var(--spacing-2) 0}.settings-header p[data-v-a8bfe9b8]{font-size:var(--font-size-base);color:var(--color-gray-600);margin:0}.settings-sections[data-v-a8bfe9b8]{display:flex;flex-direction:column;gap:var(--spacing-6)}.settings-section[data-v-a8bfe9b8]{background:var(--color-gray-50);border-radius:var(--radius-md);padding:var(--spacing-6);border:1px solid var(--color-gray-200)}.settings-section h3[data-v-a8bfe9b8]{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0 0 var(--spacing-4) 0}.settings-section p[data-v-a8bfe9b8]{color:var(--color-gray-500);margin:0}.profile-form[data-v-a8bfe9b8]{display:flex;flex-direction:column;gap:var(--spacing-8)}.form-section[data-v-a8bfe9b8]{display:flex;flex-direction:column;gap:var(--spacing-6)}.form-section h3[data-v-a8bfe9b8]{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0;padding-bottom:var(--spacing-2);border-bottom:1px solid var(--color-gray-200)}.form-row[data-v-a8bfe9b8]{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4)}.form-group[data-v-a8bfe9b8]{display:flex;flex-direction:column;gap:var(--spacing-2)}.form-group label[data-v-a8bfe9b8]{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700)}.form-input[data-v-a8bfe9b8]{height:40px;padding:8px 12px;border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--font-size-sm);background-color:var(--color-white);transition:all var(--transition-normal)}.form-input[data-v-a8bfe9b8]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-shadow)}.select-wrapper[data-v-a8bfe9b8]{position:relative}.select-wrapper .select-arrow[data-v-a8bfe9b8]{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:16px;height:16px;pointer-events:none;z-index:1}.form-actions[data-v-a8bfe9b8]{display:flex;gap:var(--spacing-4);justify-content:flex-end;padding-top:var(--spacing-6);border-top:1px solid var(--color-gray-200)}.btn[data-v-a8bfe9b8]{padding:var(--spacing-3) var(--spacing-6);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-normal);border:none}.btn-primary[data-v-a8bfe9b8]{background-color:var(--color-primary);color:var(--color-white)}.btn-primary[data-v-a8bfe9b8]:hover{background-color:var(--color-primary-dark)}.btn-secondary[data-v-a8bfe9b8]{background-color:var(--color-gray-200);color:var(--color-gray-700)}.btn-secondary[data-v-a8bfe9b8]:hover{background-color:var(--color-gray-300)}.btn-sm[data-v-a8bfe9b8]{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-xs)}.status-display[data-v-a8bfe9b8]{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.status-badge[data-v-a8bfe9b8]{padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.5px}.status-badge.verified[data-v-a8bfe9b8]{background-color:var(--color-success);color:var(--color-success-text)}.status-badge.disabled[data-v-a8bfe9b8]{background-color:var(--color-error);color:var(--color-error-text)}.status-badge.pending[data-v-a8bfe9b8]{background-color:var(--color-warning);color:var(--color-warning-text)}.status-badge.under-review[data-v-a8bfe9b8]{background-color:var(--color-primary-50);color:var(--color-primary)}.status-badge.approved[data-v-a8bfe9b8]{background-color:var(--color-success);color:var(--color-success-text)}.status-badge.required[data-v-a8bfe9b8]{background-color:var(--color-orange-100);color:var(--color-orange-800)}.status-badge.not-required[data-v-a8bfe9b8]{background-color:var(--color-gray-100);color:var(--color-gray-600)}.status-description[data-v-a8bfe9b8]{font-size:var(--font-size-sm);color:var(--color-gray-600);margin:0}.loading-state[data-v-a8bfe9b8]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-8);text-align:center;background:var(--color-gray-50);border-radius:var(--radius-lg);border:2px dashed var(--color-gray-300)}.loading-spinner[data-v-a8bfe9b8]{width:48px;height:48px;border:4px solid var(--color-gray-200);border-top:4px solid var(--color-primary);border-right:4px solid var(--color-primary-light);border-radius:50%;animation:spin-a8bfe9b8 .8s linear infinite;margin-bottom:var(--spacing-4);position:relative}.loading-spinner[data-v-a8bfe9b8]:before{content:"";position:absolute;top:6px;left:6px;right:6px;bottom:6px;border:2px solid transparent;border-top:2px solid var(--color-primary);border-radius:50%;animation:spin-a8bfe9b8 1.2s linear infinite reverse}@keyframes spin-a8bfe9b8{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-state p[data-v-a8bfe9b8]{font-size:var(--font-size-sm);color:var(--color-gray-500);margin:0}@media (max-width: 1024px){.settings-container[data-v-a8bfe9b8]{grid-template-columns:1fr;gap:var(--spacing-4)}.settings-nav[data-v-a8bfe9b8]{display:flex;overflow-x:auto;padding:var(--spacing-3);gap:var(--spacing-2);-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.settings-nav[data-v-a8bfe9b8]::-webkit-scrollbar{display:none}.nav-item[data-v-a8bfe9b8]{min-width:140px;flex-shrink:0;text-align:center;padding:var(--spacing-3) var(--spacing-4);white-space:nowrap;margin-bottom:0}}@media (max-width: 768px){.settings-container[data-v-a8bfe9b8]{gap:var(--spacing-3)}.settings-nav[data-v-a8bfe9b8]{padding:var(--spacing-2);gap:var(--spacing-1)}.nav-item[data-v-a8bfe9b8]{min-width:120px;padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-xs)}.nav-item span[data-v-a8bfe9b8]{font-size:var(--font-size-xs)}.nav-icon[data-v-a8bfe9b8]{width:16px;height:16px}.settings-content[data-v-a8bfe9b8]{padding:var(--spacing-4)}.form-row[data-v-a8bfe9b8]{grid-template-columns:1fr;gap:var(--spacing-3)}.form-actions[data-v-a8bfe9b8]{flex-direction:column;gap:var(--spacing-3)}.btn[data-v-a8bfe9b8]{width:100%;padding:var(--spacing-3)}}@media (max-width: 480px){.settings-nav[data-v-a8bfe9b8]{padding:var(--spacing-1);gap:var(--spacing-1)}.nav-item[data-v-a8bfe9b8]{min-width:100px;padding:var(--spacing-2)}.nav-item span[data-v-a8bfe9b8]{font-size:var(--font-size-xxs)}.nav-icon[data-v-a8bfe9b8]{width:14px;height:14px}.settings-content[data-v-a8bfe9b8]{padding:var(--spacing-3)}.settings-header h2[data-v-a8bfe9b8]{font-size:var(--font-size-xl)}.settings-section h3[data-v-a8bfe9b8]{font-size:var(--font-size-base)}.form-input[data-v-a8bfe9b8]{height:36px;font-size:var(--font-size-sm)}}.setup-guide[data-v-a8bfe9b8]{margin-bottom:var(--spacing-8)}.setup-guide h3[data-v-a8bfe9b8]{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0 0 var(--spacing-2) 0}.setup-guide>p[data-v-a8bfe9b8]{color:var(--color-gray-600);margin:0 0 var(--spacing-6) 0;font-size:var(--font-size-sm)}.guide-methods[data-v-a8bfe9b8]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-4)}.guide-method[data-v-a8bfe9b8]{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-4);background:var(--color-gray-50);border-radius:var(--border-radius-md);border:1px solid var(--color-gray-200);transition:all .2s ease}.guide-method[data-v-a8bfe9b8]:hover{background:var(--color-primary-50);border-color:var(--color-primary-200)}.guide-icon[data-v-a8bfe9b8]{flex-shrink:0;margin-top:var(--spacing-1)}.guide-icon .method-icon[data-v-a8bfe9b8]{width:20px;height:20px;opacity:.8}.guide-content h4[data-v-a8bfe9b8]{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0 0 var(--spacing-1) 0}.guide-content p[data-v-a8bfe9b8]{font-size:var(--font-size-xs);color:var(--color-gray-600);margin:0;line-height:1.4}.header-content[data-v-a8bfe9b8]{display:flex;flex-direction:column;gap:var(--spacing-2)}.back-button[data-v-a8bfe9b8]{display:flex;align-items:center;gap:var(--spacing-2);color:var(--color-primary-600);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:color .2s ease}.back-button[data-v-a8bfe9b8]:hover{color:var(--color-primary-700)}.back-icon[data-v-a8bfe9b8]{width:16px;height:16px;transform:rotate(180deg)}.settings-profile-page[data-v-a8bfe9b8]{min-height:100vh;background-color:var(--color-secondary)}.page-content[data-v-a8bfe9b8]{margin-left:280px;margin-top:80px;padding:var(--spacing-8);width:calc(100% - 280px);max-width:calc(100% - 280px);overflow-x:hidden;box-sizing:border-box;transition:all var(--transition-normal)}.settings-profile-page.menu-collapsed .page-content[data-v-a8bfe9b8]{margin-left:60px;width:calc(100% - 60px);max-width:calc(100% - 60px)}.settings-profile-page.mobile .page-content[data-v-a8bfe9b8]{margin-left:0;margin-top:60px;width:100%;max-width:100%}@media (max-width: 1024px){.page-content[data-v-a8bfe9b8]{margin-left:0;width:100%;max-width:100%;padding:var(--spacing-6)}}@media (max-width: 768px){.page-content[data-v-a8bfe9b8]{margin-left:0;width:100%;max-width:100%;padding:var(--spacing-4)}}@media (max-width: 480px){.page-content[data-v-a8bfe9b8]{margin-left:0;width:100%;max-width:100%;padding:var(--spacing-3)}}.profile-header[data-v-a8bfe9b8]{margin-bottom:var(--spacing-8);border-bottom:1px solid var(--color-gray-200);padding-bottom:var(--spacing-6)}.profile-header h2[data-v-a8bfe9b8]{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin:0 0 var(--spacing-2) 0}.profile-header p[data-v-a8bfe9b8]{font-size:var(--font-size-base);color:var(--color-gray-600);margin:0}.save-btn[data-v-a8bfe9b8]{background-color:var(--color-primary);color:var(--color-white);border:none;padding:var(--spacing-3) var(--spacing-6);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-normal)}.save-btn[data-v-a8bfe9b8]:hover{background-color:var(--color-primary-dark)}.cancel-btn[data-v-a8bfe9b8]{background-color:var(--color-gray-200);color:var(--color-gray-700);border:none;padding:var(--spacing-3) var(--spacing-6);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-normal)}.cancel-btn[data-v-a8bfe9b8]:hover{background-color:var(--color-gray-300)}.readonly-field[data-v-a8bfe9b8]{height:40px;padding:8px 12px;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:var(--font-size-sm);background-color:var(--color-gray-50);color:var(--color-gray-700);display:flex;align-items:center;min-height:40px}.settings-container[data-v-e1da8d88]{width:100%;display:grid;grid-template-columns:250px 1fr;gap:var(--spacing-6)}.settings-nav[data-v-e1da8d88]{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-4);box-shadow:0 0 6px #00000014;height:fit-content}.nav-item[data-v-e1da8d88]{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);margin-bottom:var(--spacing-2)}.nav-item[data-v-e1da8d88]:hover{background-color:var(--color-gray-50)}.nav-item.active[data-v-e1da8d88]{background-color:var(--color-primary);color:var(--color-white)}.nav-icon[data-v-e1da8d88]{width:20px;height:20px}.nav-item span[data-v-e1da8d88]{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.settings-content[data-v-e1da8d88]{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-8);box-shadow:0 0 6px #00000014}.settings-header[data-v-e1da8d88]{margin-bottom:var(--spacing-8);border-bottom:1px solid var(--color-gray-200);padding-bottom:var(--spacing-6)}.settings-header h2[data-v-e1da8d88]{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin:0 0 var(--spacing-2) 0}.settings-header p[data-v-e1da8d88]{font-size:var(--font-size-base);color:var(--color-gray-600);margin:0}.settings-sections[data-v-e1da8d88]{display:flex;flex-direction:column;gap:var(--spacing-6)}.settings-section[data-v-e1da8d88]{background:var(--color-gray-50);border-radius:var(--radius-md);padding:var(--spacing-6);border:1px solid var(--color-gray-200)}.settings-section h3[data-v-e1da8d88]{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0 0 var(--spacing-4) 0}.settings-section p[data-v-e1da8d88]{color:var(--color-gray-500);margin:0}.profile-form[data-v-e1da8d88]{display:flex;flex-direction:column;gap:var(--spacing-8)}.form-section[data-v-e1da8d88]{display:flex;flex-direction:column;gap:var(--spacing-6)}.form-section h3[data-v-e1da8d88]{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0;padding-bottom:var(--spacing-2);border-bottom:1px solid var(--color-gray-200)}.form-row[data-v-e1da8d88]{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4)}.form-group[data-v-e1da8d88]{display:flex;flex-direction:column;gap:var(--spacing-2)}.form-group label[data-v-e1da8d88]{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700)}.form-input[data-v-e1da8d88]{height:40px;padding:8px 12px;border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--font-size-sm);background-color:var(--color-white);transition:all var(--transition-normal)}.form-input[data-v-e1da8d88]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-shadow)}.select-wrapper[data-v-e1da8d88]{position:relative}.select-wrapper .select-arrow[data-v-e1da8d88]{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:16px;height:16px;pointer-events:none;z-index:1}.form-actions[data-v-e1da8d88]{display:flex;gap:var(--spacing-4);justify-content:flex-end;padding-top:var(--spacing-6);border-top:1px solid var(--color-gray-200)}.btn[data-v-e1da8d88]{padding:var(--spacing-3) var(--spacing-6);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-normal);border:none}.btn-primary[data-v-e1da8d88]{background-color:var(--color-primary);color:var(--color-white)}.btn-primary[data-v-e1da8d88]:hover{background-color:var(--color-primary-dark)}.btn-secondary[data-v-e1da8d88]{background-color:var(--color-gray-200);color:var(--color-gray-700)}.btn-secondary[data-v-e1da8d88]:hover{background-color:var(--color-gray-300)}.btn-sm[data-v-e1da8d88]{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-xs)}.status-display[data-v-e1da8d88]{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.status-badge[data-v-e1da8d88]{padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.5px}.status-badge.verified[data-v-e1da8d88]{background-color:var(--color-success);color:var(--color-success-text)}.status-badge.disabled[data-v-e1da8d88]{background-color:var(--color-error);color:var(--color-error-text)}.status-badge.pending[data-v-e1da8d88]{background-color:var(--color-warning);color:var(--color-warning-text)}.status-badge.under-review[data-v-e1da8d88]{background-color:var(--color-primary-50);color:var(--color-primary)}.status-badge.approved[data-v-e1da8d88]{background-color:var(--color-success);color:var(--color-success-text)}.status-badge.required[data-v-e1da8d88]{background-color:var(--color-orange-100);color:var(--color-orange-800)}.status-badge.not-required[data-v-e1da8d88]{background-color:var(--color-gray-100);color:var(--color-gray-600)}.status-description[data-v-e1da8d88]{font-size:var(--font-size-sm);color:var(--color-gray-600);margin:0}.loading-state[data-v-e1da8d88]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-8);text-align:center;background:var(--color-gray-50);border-radius:var(--radius-lg);border:2px dashed var(--color-gray-300)}.loading-spinner[data-v-e1da8d88]{width:48px;height:48px;border:4px solid var(--color-gray-200);border-top:4px solid var(--color-primary);border-right:4px solid var(--color-primary-light);border-radius:50%;animation:spin-e1da8d88 .8s linear infinite;margin-bottom:var(--spacing-4);position:relative}.loading-spinner[data-v-e1da8d88]:before{content:"";position:absolute;top:6px;left:6px;right:6px;bottom:6px;border:2px solid transparent;border-top:2px solid var(--color-primary);border-radius:50%;animation:spin-e1da8d88 1.2s linear infinite reverse}@keyframes spin-e1da8d88{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-state p[data-v-e1da8d88]{font-size:var(--font-size-sm);color:var(--color-gray-500);margin:0}@media (max-width: 1024px){.settings-container[data-v-e1da8d88]{grid-template-columns:1fr;gap:var(--spacing-4)}.settings-nav[data-v-e1da8d88]{display:flex;overflow-x:auto;padding:var(--spacing-3);gap:var(--spacing-2);-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.settings-nav[data-v-e1da8d88]::-webkit-scrollbar{display:none}.nav-item[data-v-e1da8d88]{min-width:140px;flex-shrink:0;text-align:center;padding:var(--spacing-3) var(--spacing-4);white-space:nowrap;margin-bottom:0}}@media (max-width: 768px){.settings-container[data-v-e1da8d88]{gap:var(--spacing-3)}.settings-nav[data-v-e1da8d88]{padding:var(--spacing-2);gap:var(--spacing-1)}.nav-item[data-v-e1da8d88]{min-width:120px;padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-xs)}.nav-item span[data-v-e1da8d88]{font-size:var(--font-size-xs)}.nav-icon[data-v-e1da8d88]{width:16px;height:16px}.settings-content[data-v-e1da8d88]{padding:var(--spacing-4)}.form-row[data-v-e1da8d88]{grid-template-columns:1fr;gap:var(--spacing-3)}.form-actions[data-v-e1da8d88]{flex-direction:column;gap:var(--spacing-3)}.btn[data-v-e1da8d88]{width:100%;padding:var(--spacing-3)}}@media (max-width: 480px){.settings-nav[data-v-e1da8d88]{padding:var(--spacing-1);gap:var(--spacing-1)}.nav-item[data-v-e1da8d88]{min-width:100px;padding:var(--spacing-2)}.nav-item span[data-v-e1da8d88]{font-size:var(--font-size-xxs)}.nav-icon[data-v-e1da8d88]{width:14px;height:14px}.settings-content[data-v-e1da8d88]{padding:var(--spacing-3)}.settings-header h2[data-v-e1da8d88]{font-size:var(--font-size-xl)}.settings-section h3[data-v-e1da8d88]{font-size:var(--font-size-base)}.form-input[data-v-e1da8d88]{height:36px;font-size:var(--font-size-sm)}}.setup-guide[data-v-e1da8d88]{margin-bottom:var(--spacing-8)}.setup-guide h3[data-v-e1da8d88]{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0 0 var(--spacing-2) 0}.setup-guide>p[data-v-e1da8d88]{color:var(--color-gray-600);margin:0 0 var(--spacing-6) 0;font-size:var(--font-size-sm)}.guide-methods[data-v-e1da8d88]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-4)}.guide-method[data-v-e1da8d88]{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-4);background:var(--color-gray-50);border-radius:var(--border-radius-md);border:1px solid var(--color-gray-200);transition:all .2s ease}.guide-method[data-v-e1da8d88]:hover{background:var(--color-primary-50);border-color:var(--color-primary-200)}.guide-icon[data-v-e1da8d88]{flex-shrink:0;margin-top:var(--spacing-1)}.guide-icon .method-icon[data-v-e1da8d88]{width:20px;height:20px;opacity:.8}.guide-content h4[data-v-e1da8d88]{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0 0 var(--spacing-1) 0}.guide-content p[data-v-e1da8d88]{font-size:var(--font-size-xs);color:var(--color-gray-600);margin:0;line-height:1.4}.header-content[data-v-e1da8d88]{display:flex;flex-direction:column;gap:var(--spacing-2)}.back-button[data-v-e1da8d88]{display:flex;align-items:center;gap:var(--spacing-2);color:var(--color-primary-600);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:color .2s ease}.back-button[data-v-e1da8d88]:hover{color:var(--color-primary-700)}.back-icon[data-v-e1da8d88]{width:16px;height:16px;transform:rotate(180deg)}.settings-page[data-v-e1da8d88]{min-height:100vh;background-color:var(--color-secondary)}.page-content[data-v-e1da8d88]{margin-left:280px;margin-top:80px;padding:var(--spacing-8);width:calc(100% - 280px);max-width:calc(100% - 280px);overflow-x:hidden;box-sizing:border-box;transition:all var(--transition-normal)}.settings-page.menu-collapsed .page-content[data-v-e1da8d88]{margin-left:60px;width:calc(100% - 60px);max-width:calc(100% - 60px)}.settings-page.mobile .page-content[data-v-e1da8d88]{margin-left:0;margin-top:60px;width:100%;max-width:100%}@media (max-width: 1024px){.page-content[data-v-e1da8d88]{margin-left:0;width:100%;max-width:100%;padding:var(--spacing-6)}}@media (max-width: 768px){.page-content[data-v-e1da8d88]{margin-left:0;width:100%;max-width:100%;padding:var(--spacing-4)}}@media (max-width: 480px){.page-content[data-v-e1da8d88]{margin-left:0;width:100%;max-width:100%;padding:var(--spacing-3)}}.checkbox-group[data-v-e1da8d88]{display:flex;flex-direction:column;gap:var(--spacing-3)}.checkbox-label[data-v-e1da8d88]{display:flex;align-items:center;gap:var(--spacing-2);cursor:pointer;font-size:var(--font-size-sm);color:var(--color-gray-700)}.checkbox-input[data-v-e1da8d88]{position:relative;width:18px;height:18px;cursor:pointer}.checkbox-input input[data-v-e1da8d88]{opacity:0;position:absolute;width:100%;height:100%;margin:0;cursor:pointer}.checkmark[data-v-e1da8d88]{position:absolute;top:0;left:0;height:18px;width:18px;background-color:var(--color-white);border:2px solid var(--color-gray-300);border-radius:var(--radius-sm);transition:all var(--transition-normal)}.checkbox-input input:checked~.checkmark[data-v-e1da8d88]{background-color:var(--color-primary);border-color:var(--color-primary)}.checkbox-input input:checked~.checkmark[data-v-e1da8d88]:after{display:block}.checkmark[data-v-e1da8d88]:after{content:"";position:absolute;display:none;left:5px;top:2px;width:4px;height:8px;border:solid var(--color-white);border-width:0 2px 2px 0;transform:rotate(45deg)}.sessions-list[data-v-e1da8d88]{display:flex;flex-direction:column;gap:var(--spacing-3);margin-top:var(--spacing-4)}.session-item[data-v-e1da8d88]{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-3);background-color:var(--color-gray-50);border-radius:var(--radius-md);border:1px solid var(--color-gray-200)}.session-info[data-v-e1da8d88],.session-details[data-v-e1da8d88]{display:flex;flex-direction:column;gap:var(--spacing-1)}.session-device[data-v-e1da8d88]{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-900)}.session-location[data-v-e1da8d88]{font-size:var(--font-size-xs);color:var(--color-gray-600)}.session-time[data-v-e1da8d88]{font-size:var(--font-size-xs);color:var(--color-gray-500)}.current-session[data-v-e1da8d88]{background-color:var(--color-primary-50);border-color:var(--color-primary-200)}.current-session .session-device[data-v-e1da8d88]{color:var(--color-primary-800)}.session-main[data-v-e1da8d88]{display:flex;align-items:center;gap:var(--spacing-2)}.current-badge[data-v-e1da8d88]{font-size:10px;font-weight:var(--font-weight-bold);text-transform:uppercase;background-color:var(--color-primary);color:var(--color-white);padding:2px 6px;border-radius:var(--radius-full);letter-spacing:.5px}.session-meta[data-v-e1da8d88]{display:flex;flex-direction:column;gap:2px}.session-time[data-v-e1da8d88],.session-date[data-v-e1da8d88],.session-location[data-v-e1da8d88]{font-size:var(--font-size-xs);color:var(--color-gray-500);display:flex;align-items:center;gap:4px}.meta-icon[data-v-e1da8d88]{width:12px;height:12px;opacity:.5}.session-actions[data-v-e1da8d88]{margin-left:var(--spacing-4)}.revoke-btn[data-v-e1da8d88]{color:var(--color-primary)!important;font-weight:var(--font-weight-medium)}.revoke-btn[data-v-e1da8d88]:hover{background-color:var(--color-primary-50)!important}.no-sessions[data-v-e1da8d88]{text-align:center;padding:var(--spacing-8);background-color:var(--color-gray-50);border-radius:var(--radius-md);border:1px dashed var(--color-gray-300);color:var(--color-gray-500)}.loading-sessions[data-v-e1da8d88]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-8);gap:var(--spacing-3)}.section-description[data-v-e1da8d88]{font-size:var(--font-size-sm);color:var(--color-gray-600);margin-bottom:var(--spacing-4)}.current-session .session-location[data-v-e1da8d88],.current-session .session-time[data-v-e1da8d88]{color:var(--color-primary-600)}.modal-overlay[data-v-e1da8d88]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-e1da8d88]{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-6);width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-header[data-v-e1da8d88]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-4);border-bottom:1px solid var(--color-gray-200)}.modal-header h3[data-v-e1da8d88]{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0}.modal-close[data-v-e1da8d88]{background:none;border:none;font-size:var(--font-size-xl);color:var(--color-gray-500);cursor:pointer;padding:var(--spacing-1);line-height:1}.modal-close[data-v-e1da8d88]:hover{color:var(--color-gray-700)}.modal-body[data-v-e1da8d88]{margin-bottom:var(--spacing-6)}.modal-footer[data-v-e1da8d88]{display:flex;gap:var(--spacing-3);justify-content:flex-end;padding-top:var(--spacing-4);border-top:1px solid var(--color-gray-200)}@media (max-width: 768px){.modal-content[data-v-e1da8d88]{width:95%;margin:var(--spacing-4)}.modal-footer[data-v-e1da8d88]{flex-direction:column;gap:var(--spacing-2)}.btn[data-v-e1da8d88]{width:100%}}.password-strength[data-v-e1da8d88]{margin-top:var(--spacing-2)}.strength-indicator[data-v-e1da8d88]{height:4px;background:var(--color-gray-200);border-radius:2px;overflow:hidden;margin-bottom:var(--spacing-1)}.strength-bar[data-v-e1da8d88]{height:100%;transition:all .3s ease;width:0%}.strength-bar.weak[data-v-e1da8d88]{width:33%;background:var(--color-red-500)}.strength-bar.medium[data-v-e1da8d88]{width:66%;background:var(--color-yellow-500)}.strength-bar.strong[data-v-e1da8d88]{width:100%;background:var(--color-green-500)}.strength-text[data-v-e1da8d88]{font-size:var(--font-size-xs);margin:0;font-weight:500}.strength-text.weak[data-v-e1da8d88]{color:var(--color-red-600)}.strength-text.medium[data-v-e1da8d88]{color:var(--color-yellow-600)}.strength-text.strong[data-v-e1da8d88]{color:var(--color-green-600)}.password-match[data-v-e1da8d88]{margin-top:var(--spacing-2)}.password-match p[data-v-e1da8d88]{font-size:var(--font-size-xs);margin:0;font-weight:500}.password-match .match[data-v-e1da8d88]{color:var(--color-green-600)}.password-match .no-match[data-v-e1da8d88]{color:var(--color-red-600)}.password-input[data-v-e1da8d88]{position:relative}.eye-btn[data-v-e1da8d88]{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:transparent;border:none;padding:4px;cursor:pointer;color:var(--color-gray-500)}.eye-btn[data-v-e1da8d88]:hover{color:var(--color-gray-700)}.eye-icon[data-v-e1da8d88]{width:20px;height:20px;display:block}.robot-trading-section .section-description[data-v-e1da8d88]{margin-bottom:var(--spacing-2)}.robot-trading-section code[data-v-e1da8d88]{background:var(--color-gray-100);padding:2px 6px;border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.robot-trading-disabled[data-v-e1da8d88]{padding:var(--spacing-4);background:var(--color-gray-50);border-radius:var(--radius-md);border:1px solid var(--color-gray-200)}.robot-trading-contact-msg[data-v-e1da8d88]{font-weight:var(--font-weight-medium);color:var(--color-gray-700);margin:0 0 var(--spacing-2)}.robot-trading-hint[data-v-e1da8d88]{font-size:var(--font-size-sm);color:var(--color-gray-600);margin:0 0 var(--spacing-2)}.robot-trading-section h4[data-v-e1da8d88]{font-size:var(--font-size-base);margin:0 0 var(--spacing-2);color:var(--color-gray-800)}.account-numbers-list[data-v-e1da8d88]{list-style:none;padding:0;margin:0 0 var(--spacing-4);display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.account-number-item[data-v-e1da8d88]{padding:var(--spacing-1) var(--spacing-2);background:var(--color-gray-100);border-radius:var(--radius-sm);font-family:monospace;font-size:var(--font-size-sm)}.robot-trading-empty[data-v-e1da8d88]{color:var(--color-gray-500);font-size:var(--font-size-sm);margin:0 0 var(--spacing-4)}.robot-trading-key-reveal[data-v-e1da8d88]{margin-top:var(--spacing-2)}.key-warning[data-v-e1da8d88]{font-size:var(--font-size-sm);color:var(--color-amber-700);margin:0 0 var(--spacing-2)}.key-display[data-v-e1da8d88]{display:flex;align-items:center;gap:var(--spacing-3);flex-wrap:wrap}.key-value[data-v-e1da8d88]{word-break:break-all;font-size:var(--font-size-sm);padding:var(--spacing-2);background:var(--color-gray-100);border-radius:var(--radius-sm);display:inline-block;max-width:100%}.robot-trading-key-existing p[data-v-e1da8d88]{margin:0 0 var(--spacing-2);font-size:var(--font-size-sm)}.robot-trading-actions[data-v-e1da8d88],.robot-trading-key-actions[data-v-e1da8d88]{display:flex;gap:var(--spacing-2);margin-top:var(--spacing-2)}.robot-trading-error[data-v-e1da8d88]{color:var(--color-red-600);font-size:var(--font-size-sm);margin:var(--spacing-2) 0 0}.loading-robot[data-v-e1da8d88]{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2);padding:var(--spacing-4)}.robot-trading-section .btn-danger[data-v-e1da8d88]{color:var(--color-red-600)}.robot-trading-section .btn-danger[data-v-e1da8d88]:hover{background:var(--color-red-50)}.settings-container[data-v-99939e44]{width:100%;display:grid;grid-template-columns:250px 1fr;gap:var(--spacing-6)}.settings-nav[data-v-99939e44]{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-4);box-shadow:0 0 6px #00000014;height:fit-content}.nav-item[data-v-99939e44]{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);margin-bottom:var(--spacing-2)}.nav-item[data-v-99939e44]:hover{background-color:var(--color-gray-50)}.nav-item.active[data-v-99939e44]{background-color:var(--color-primary);color:var(--color-white)}.nav-icon[data-v-99939e44]{width:20px;height:20px}.nav-item span[data-v-99939e44]{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.settings-content[data-v-99939e44]{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-8);box-shadow:0 0 6px #00000014}.settings-header[data-v-99939e44]{margin-bottom:var(--spacing-8);border-bottom:1px solid var(--color-gray-200);padding-bottom:var(--spacing-6)}.settings-header h2[data-v-99939e44]{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin:0 0 var(--spacing-2) 0}.settings-header p[data-v-99939e44]{font-size:var(--font-size-base);color:var(--color-gray-600);margin:0}.settings-sections[data-v-99939e44]{display:flex;flex-direction:column;gap:var(--spacing-6)}.settings-section[data-v-99939e44]{background:var(--color-gray-50);border-radius:var(--radius-md);padding:var(--spacing-6);border:1px solid var(--color-gray-200)}.settings-section h3[data-v-99939e44]{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0 0 var(--spacing-4) 0}.settings-section p[data-v-99939e44]{color:var(--color-gray-500);margin:0}.profile-form[data-v-99939e44]{display:flex;flex-direction:column;gap:var(--spacing-8)}.form-section[data-v-99939e44]{display:flex;flex-direction:column;gap:var(--spacing-6)}.form-section h3[data-v-99939e44]{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0;padding-bottom:var(--spacing-2);border-bottom:1px solid var(--color-gray-200)}.form-row[data-v-99939e44]{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4)}.form-group[data-v-99939e44]{display:flex;flex-direction:column;gap:var(--spacing-2)}.form-group label[data-v-99939e44]{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700)}.form-input[data-v-99939e44]{height:40px;padding:8px 12px;border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--font-size-sm);background-color:var(--color-white);transition:all var(--transition-normal)}.form-input[data-v-99939e44]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-shadow)}.select-wrapper[data-v-99939e44]{position:relative}.select-wrapper .select-arrow[data-v-99939e44]{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:16px;height:16px;pointer-events:none;z-index:1}.form-actions[data-v-99939e44]{display:flex;gap:var(--spacing-4);justify-content:flex-end;padding-top:var(--spacing-6);border-top:1px solid var(--color-gray-200)}.btn[data-v-99939e44]{padding:var(--spacing-3) var(--spacing-6);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-normal);border:none}.btn-primary[data-v-99939e44]{background-color:var(--color-primary);color:var(--color-white)}.btn-primary[data-v-99939e44]:hover{background-color:var(--color-primary-dark)}.btn-secondary[data-v-99939e44]{background-color:var(--color-gray-200);color:var(--color-gray-700)}.btn-secondary[data-v-99939e44]:hover{background-color:var(--color-gray-300)}.btn-sm[data-v-99939e44]{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-xs)}.status-display[data-v-99939e44]{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.status-badge[data-v-99939e44]{padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.5px}.status-badge.verified[data-v-99939e44]{background-color:var(--color-success);color:var(--color-success-text)}.status-badge.disabled[data-v-99939e44]{background-color:var(--color-error);color:var(--color-error-text)}.status-badge.pending[data-v-99939e44]{background-color:var(--color-warning);color:var(--color-warning-text)}.status-badge.under-review[data-v-99939e44]{background-color:var(--color-primary-50);color:var(--color-primary)}.status-badge.approved[data-v-99939e44]{background-color:var(--color-success);color:var(--color-success-text)}.status-badge.required[data-v-99939e44]{background-color:var(--color-orange-100);color:var(--color-orange-800)}.status-badge.not-required[data-v-99939e44]{background-color:var(--color-gray-100);color:var(--color-gray-600)}.status-description[data-v-99939e44]{font-size:var(--font-size-sm);color:var(--color-gray-600);margin:0}.loading-state[data-v-99939e44]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-8);text-align:center;background:var(--color-gray-50);border-radius:var(--radius-lg);border:2px dashed var(--color-gray-300)}.loading-spinner[data-v-99939e44]{width:48px;height:48px;border:4px solid var(--color-gray-200);border-top:4px solid var(--color-primary);border-right:4px solid var(--color-primary-light);border-radius:50%;animation:spin-99939e44 .8s linear infinite;margin-bottom:var(--spacing-4);position:relative}.loading-spinner[data-v-99939e44]:before{content:"";position:absolute;top:6px;left:6px;right:6px;bottom:6px;border:2px solid transparent;border-top:2px solid var(--color-primary);border-radius:50%;animation:spin-99939e44 1.2s linear infinite reverse}@keyframes spin-99939e44{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-state p[data-v-99939e44]{font-size:var(--font-size-sm);color:var(--color-gray-500);margin:0}@media (max-width: 1024px){.settings-container[data-v-99939e44]{grid-template-columns:1fr;gap:var(--spacing-4)}.settings-nav[data-v-99939e44]{display:flex;overflow-x:auto;padding:var(--spacing-3);gap:var(--spacing-2);-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.settings-nav[data-v-99939e44]::-webkit-scrollbar{display:none}.nav-item[data-v-99939e44]{min-width:140px;flex-shrink:0;text-align:center;padding:var(--spacing-3) var(--spacing-4);white-space:nowrap;margin-bottom:0}}@media (max-width: 768px){.settings-container[data-v-99939e44]{gap:var(--spacing-3)}.settings-nav[data-v-99939e44]{padding:var(--spacing-2);gap:var(--spacing-1)}.nav-item[data-v-99939e44]{min-width:120px;padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-xs)}.nav-item span[data-v-99939e44]{font-size:var(--font-size-xs)}.nav-icon[data-v-99939e44]{width:16px;height:16px}.settings-content[data-v-99939e44]{padding:var(--spacing-4)}.form-row[data-v-99939e44]{grid-template-columns:1fr;gap:var(--spacing-3)}.form-actions[data-v-99939e44]{flex-direction:column;gap:var(--spacing-3)}.btn[data-v-99939e44]{width:100%;padding:var(--spacing-3)}}@media (max-width: 480px){.settings-nav[data-v-99939e44]{padding:var(--spacing-1);gap:var(--spacing-1)}.nav-item[data-v-99939e44]{min-width:100px;padding:var(--spacing-2)}.nav-item span[data-v-99939e44]{font-size:var(--font-size-xxs)}.nav-icon[data-v-99939e44]{width:14px;height:14px}.settings-content[data-v-99939e44]{padding:var(--spacing-3)}.settings-header h2[data-v-99939e44]{font-size:var(--font-size-xl)}.settings-section h3[data-v-99939e44]{font-size:var(--font-size-base)}.form-input[data-v-99939e44]{height:36px;font-size:var(--font-size-sm)}}.setup-guide[data-v-99939e44]{margin-bottom:var(--spacing-8)}.setup-guide h3[data-v-99939e44]{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0 0 var(--spacing-2) 0}.setup-guide>p[data-v-99939e44]{color:var(--color-gray-600);margin:0 0 var(--spacing-6) 0;font-size:var(--font-size-sm)}.guide-methods[data-v-99939e44]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-4)}.guide-method[data-v-99939e44]{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-4);background:var(--color-gray-50);border-radius:var(--border-radius-md);border:1px solid var(--color-gray-200);transition:all .2s ease}.guide-method[data-v-99939e44]:hover{background:var(--color-primary-50);border-color:var(--color-primary-200)}.guide-icon[data-v-99939e44]{flex-shrink:0;margin-top:var(--spacing-1)}.guide-icon .method-icon[data-v-99939e44]{width:20px;height:20px;opacity:.8}.guide-content h4[data-v-99939e44]{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0 0 var(--spacing-1) 0}.guide-content p[data-v-99939e44]{font-size:var(--font-size-xs);color:var(--color-gray-600);margin:0;line-height:1.4}.header-content[data-v-99939e44]{display:flex;flex-direction:column;gap:var(--spacing-2)}.back-button[data-v-99939e44]{display:flex;align-items:center;gap:var(--spacing-2);color:var(--color-primary-600);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:color .2s ease}.back-button[data-v-99939e44]:hover{color:var(--color-primary-700)}.back-icon[data-v-99939e44]{width:16px;height:16px;transform:rotate(180deg)}.settings-page[data-v-99939e44]{min-height:100vh;background-color:var(--color-secondary)}.page-content[data-v-99939e44]{margin-left:280px;margin-top:80px;padding:var(--spacing-8);width:calc(100% - 280px);max-width:calc(100% - 280px);overflow-x:hidden;box-sizing:border-box;transition:all var(--transition-normal)}.settings-page.menu-collapsed .page-content[data-v-99939e44]{margin-left:60px;width:calc(100% - 60px);max-width:calc(100% - 60px)}.settings-page.mobile .page-content[data-v-99939e44]{margin-left:0;margin-top:60px;width:100%;max-width:100%}@media (max-width: 1024px){.page-content[data-v-99939e44]{margin-left:0;width:100%;max-width:100%;padding:var(--spacing-6)}}@media (max-width: 768px){.page-content[data-v-99939e44]{margin-left:0;width:100%;max-width:100%;padding:var(--spacing-4)}}@media (max-width: 480px){.page-content[data-v-99939e44]{margin-left:0;width:100%;max-width:100%;padding:var(--spacing-3)}}.documents-grid[data-v-99939e44]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-4)}.document-card[data-v-99939e44]{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:var(--spacing-4);transition:all var(--transition-normal)}.document-card[data-v-99939e44]:hover{box-shadow:0 4px 6px -1px #0000001a;border-color:var(--color-primary-200)}.document-card.disabled[data-v-99939e44]{opacity:.6;background-color:var(--color-gray-50);border-color:var(--color-gray-300);cursor:not-allowed}.document-card.disabled[data-v-99939e44]:hover{box-shadow:none;border-color:var(--color-gray-300)}.disabled-text[data-v-99939e44]{color:var(--color-gray-500);font-size:var(--font-size-sm);font-style:italic;padding:var(--spacing-2)}.document-header[data-v-99939e44]{display:flex;align-items:flex-start;gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.document-icon[data-v-99939e44]{width:24px;height:24px;flex-shrink:0;margin-top:var(--spacing-1)}.document-info[data-v-99939e44]{flex:1}.document-info h4[data-v-99939e44]{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0 0 var(--spacing-1) 0}.document-info p[data-v-99939e44]{font-size:var(--font-size-sm);color:var(--color-gray-600);margin:0}.document-status[data-v-99939e44]{padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.document-status.under-review[data-v-99939e44]{background-color:var(--color-blue-100);color:var(--color-blue-800)}.document-status.approved[data-v-99939e44]{background-color:var(--color-green-100);color:var(--color-green-800)}.document-status.required[data-v-99939e44]{background-color:var(--color-orange-100);color:var(--color-orange-800)}.document-status.not-required[data-v-99939e44]{background-color:var(--color-gray-100);color:var(--color-gray-600)}.document-status.rejected[data-v-99939e44]{background-color:var(--color-red-100);color:var(--color-red-800)}.document-status.not-started[data-v-99939e44]{background-color:var(--color-gray-100);color:var(--color-gray-600)}.document-actions[data-v-99939e44]{display:flex;gap:var(--spacing-2);flex-wrap:wrap}.view-btn[data-v-99939e44],.replace-btn[data-v-99939e44],.upload-btn[data-v-99939e44]{flex:1;min-width:100px}.guidelines-content[data-v-99939e44]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-4)}.guideline-item[data-v-99939e44]{background:var(--color-gray-50);padding:var(--spacing-4);border-radius:var(--radius-md);border:1px solid var(--color-gray-200)}.guideline-item h4[data-v-99939e44]{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0 0 var(--spacing-2) 0}.guideline-item p[data-v-99939e44]{font-size:var(--font-size-sm);color:var(--color-gray-600);margin:0}@media (max-width: 768px){.documents-grid[data-v-99939e44]{grid-template-columns:1fr}.document-actions[data-v-99939e44]{flex-direction:column}.view-btn[data-v-99939e44],.replace-btn[data-v-99939e44],.upload-btn[data-v-99939e44]{width:100%}.guidelines-content[data-v-99939e44]{grid-template-columns:1fr}}.settings-container[data-v-4b9f922f]{width:100%;display:grid;grid-template-columns:250px 1fr;gap:var(--spacing-6)}.settings-nav[data-v-4b9f922f]{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-4);box-shadow:0 0 6px #00000014;height:fit-content}.nav-item[data-v-4b9f922f]{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);margin-bottom:var(--spacing-2)}.nav-item[data-v-4b9f922f]:hover{background-color:var(--color-gray-50)}.nav-item.active[data-v-4b9f922f]{background-color:var(--color-primary);color:var(--color-white)}.nav-icon[data-v-4b9f922f]{width:20px;height:20px}.nav-item span[data-v-4b9f922f]{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.settings-content[data-v-4b9f922f]{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-8);box-shadow:0 0 6px #00000014}.settings-header[data-v-4b9f922f]{margin-bottom:var(--spacing-8);border-bottom:1px solid var(--color-gray-200);padding-bottom:var(--spacing-6)}.settings-header h2[data-v-4b9f922f]{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin:0 0 var(--spacing-2) 0}.settings-header p[data-v-4b9f922f]{font-size:var(--font-size-base);color:var(--color-gray-600);margin:0}.settings-sections[data-v-4b9f922f]{display:flex;flex-direction:column;gap:var(--spacing-6)}.settings-section[data-v-4b9f922f]{background:var(--color-gray-50);border-radius:var(--radius-md);padding:var(--spacing-6);border:1px solid var(--color-gray-200)}.settings-section h3[data-v-4b9f922f]{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0 0 var(--spacing-4) 0}.settings-section p[data-v-4b9f922f]{color:var(--color-gray-500);margin:0}.profile-form[data-v-4b9f922f]{display:flex;flex-direction:column;gap:var(--spacing-8)}.form-section[data-v-4b9f922f]{display:flex;flex-direction:column;gap:var(--spacing-6)}.form-section h3[data-v-4b9f922f]{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0;padding-bottom:var(--spacing-2);border-bottom:1px solid var(--color-gray-200)}.form-row[data-v-4b9f922f]{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4)}.form-group[data-v-4b9f922f]{display:flex;flex-direction:column;gap:var(--spacing-2)}.form-group label[data-v-4b9f922f]{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700)}.form-input[data-v-4b9f922f]{height:40px;padding:8px 12px;border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--font-size-sm);background-color:var(--color-white);transition:all var(--transition-normal)}.form-input[data-v-4b9f922f]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-shadow)}.select-wrapper[data-v-4b9f922f]{position:relative}.select-wrapper .select-arrow[data-v-4b9f922f]{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:16px;height:16px;pointer-events:none;z-index:1}.form-actions[data-v-4b9f922f]{display:flex;gap:var(--spacing-4);justify-content:flex-end;padding-top:var(--spacing-6);border-top:1px solid var(--color-gray-200)}.btn[data-v-4b9f922f]{padding:var(--spacing-3) var(--spacing-6);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-normal);border:none}.btn-primary[data-v-4b9f922f]{background-color:var(--color-primary);color:var(--color-white)}.btn-primary[data-v-4b9f922f]:hover{background-color:var(--color-primary-dark)}.btn-secondary[data-v-4b9f922f]{background-color:var(--color-gray-200);color:var(--color-gray-700)}.btn-secondary[data-v-4b9f922f]:hover{background-color:var(--color-gray-300)}.btn-sm[data-v-4b9f922f]{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-xs)}.status-display[data-v-4b9f922f]{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.status-badge[data-v-4b9f922f]{padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.5px}.status-badge.verified[data-v-4b9f922f]{background-color:var(--color-success);color:var(--color-success-text)}.status-badge.disabled[data-v-4b9f922f]{background-color:var(--color-error);color:var(--color-error-text)}.status-badge.pending[data-v-4b9f922f]{background-color:var(--color-warning);color:var(--color-warning-text)}.status-badge.under-review[data-v-4b9f922f]{background-color:var(--color-primary-50);color:var(--color-primary)}.status-badge.approved[data-v-4b9f922f]{background-color:var(--color-success);color:var(--color-success-text)}.status-badge.required[data-v-4b9f922f]{background-color:var(--color-orange-100);color:var(--color-orange-800)}.status-badge.not-required[data-v-4b9f922f]{background-color:var(--color-gray-100);color:var(--color-gray-600)}.status-description[data-v-4b9f922f]{font-size:var(--font-size-sm);color:var(--color-gray-600);margin:0}.loading-state[data-v-4b9f922f]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-8);text-align:center;background:var(--color-gray-50);border-radius:var(--radius-lg);border:2px dashed var(--color-gray-300)}.loading-spinner[data-v-4b9f922f]{width:48px;height:48px;border:4px solid var(--color-gray-200);border-top:4px solid var(--color-primary);border-right:4px solid var(--color-primary-light);border-radius:50%;animation:spin-4b9f922f .8s linear infinite;margin-bottom:var(--spacing-4);position:relative}.loading-spinner[data-v-4b9f922f]:before{content:"";position:absolute;top:6px;left:6px;right:6px;bottom:6px;border:2px solid transparent;border-top:2px solid var(--color-primary);border-radius:50%;animation:spin-4b9f922f 1.2s linear infinite reverse}@keyframes spin-4b9f922f{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-state p[data-v-4b9f922f]{font-size:var(--font-size-sm);color:var(--color-gray-500);margin:0}@media (max-width: 1024px){.settings-container[data-v-4b9f922f]{grid-template-columns:1fr;gap:var(--spacing-4)}.settings-nav[data-v-4b9f922f]{display:flex;overflow-x:auto;padding:var(--spacing-3);gap:var(--spacing-2);-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.settings-nav[data-v-4b9f922f]::-webkit-scrollbar{display:none}.nav-item[data-v-4b9f922f]{min-width:140px;flex-shrink:0;text-align:center;padding:var(--spacing-3) var(--spacing-4);white-space:nowrap;margin-bottom:0}}@media (max-width: 768px){.settings-container[data-v-4b9f922f]{gap:var(--spacing-3)}.settings-nav[data-v-4b9f922f]{padding:var(--spacing-2);gap:var(--spacing-1)}.nav-item[data-v-4b9f922f]{min-width:120px;padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-xs)}.nav-item span[data-v-4b9f922f]{font-size:var(--font-size-xs)}.nav-icon[data-v-4b9f922f]{width:16px;height:16px}.settings-content[data-v-4b9f922f]{padding:var(--spacing-4)}.form-row[data-v-4b9f922f]{grid-template-columns:1fr;gap:var(--spacing-3)}.form-actions[data-v-4b9f922f]{flex-direction:column;gap:var(--spacing-3)}.btn[data-v-4b9f922f]{width:100%;padding:var(--spacing-3)}}@media (max-width: 480px){.settings-nav[data-v-4b9f922f]{padding:var(--spacing-1);gap:var(--spacing-1)}.nav-item[data-v-4b9f922f]{min-width:100px;padding:var(--spacing-2)}.nav-item span[data-v-4b9f922f]{font-size:var(--font-size-xxs)}.nav-icon[data-v-4b9f922f]{width:14px;height:14px}.settings-content[data-v-4b9f922f]{padding:var(--spacing-3)}.settings-header h2[data-v-4b9f922f]{font-size:var(--font-size-xl)}.settings-section h3[data-v-4b9f922f]{font-size:var(--font-size-base)}.form-input[data-v-4b9f922f]{height:36px;font-size:var(--font-size-sm)}}.header-content[data-v-4b9f922f]{display:flex;flex-direction:column;gap:var(--spacing-2)}.back-button[data-v-4b9f922f]{display:flex;align-items:center;gap:var(--spacing-2);color:var(--color-primary-600);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:color .2s ease}.back-button[data-v-4b9f922f]:hover{color:var(--color-primary-700)}.back-icon[data-v-4b9f922f]{width:16px;height:16px;transform:rotate(180deg)}.settings-page[data-v-4b9f922f]{min-height:100vh;background-color:var(--color-secondary)}.page-content[data-v-4b9f922f]{margin-left:280px;margin-top:80px;padding:var(--spacing-8);width:calc(100% - 280px);max-width:calc(100% - 280px);overflow-x:hidden;box-sizing:border-box;transition:all var(--transition-normal)}.settings-page.menu-collapsed .page-content[data-v-4b9f922f]{margin-left:60px;width:calc(100% - 60px);max-width:calc(100% - 60px)}.settings-page.mobile .page-content[data-v-4b9f922f]{margin-left:0;margin-top:60px;width:100%;max-width:100%}@media (max-width: 1024px){.page-content[data-v-4b9f922f]{margin-left:0;width:100%;max-width:100%;padding:var(--spacing-6)}}@media (max-width: 768px){.page-content[data-v-4b9f922f]{margin-left:0;width:100%;max-width:100%;padding:var(--spacing-4)}}@media (max-width: 480px){.page-content[data-v-4b9f922f]{margin-left:0;width:100%;max-width:100%;padding:var(--spacing-3)}}.method-type-selector[data-v-4b9f922f]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.method-type-btn[data-v-4b9f922f]{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2);padding:var(--spacing-4);border:2px solid var(--color-gray-200);border-radius:var(--radius-md);background:var(--color-white);cursor:pointer;transition:all var(--transition-normal)}.method-type-btn[data-v-4b9f922f]:hover{border-color:var(--color-primary-300);background:var(--color-primary-50)}.method-type-btn.active[data-v-4b9f922f]{border-color:var(--color-primary-500);background:var(--color-primary-100)}.method-icon[data-v-4b9f922f]{width:24px;height:24px}.dynamic-fields[data-v-4b9f922f]{border-top:1px solid var(--color-gray-200);padding-top:var(--spacing-6);margin-top:var(--spacing-4)}.ifsc-input-group[data-v-4b9f922f]{display:flex;gap:var(--spacing-2)}.ifsc-input-group .form-input[data-v-4b9f922f]{flex:1}.ifsc-details[data-v-4b9f922f]{margin-top:var(--spacing-2);padding:var(--spacing-3);background:var(--color-green-50);border:1px solid var(--color-green-200);border-radius:var(--radius-md)}.ifsc-details p[data-v-4b9f922f]{margin:0;font-size:var(--font-size-sm);color:var(--color-green-800)}.verified-field[data-v-4b9f922f]{background-color:var(--color-green-50)!important;border-color:var(--color-green-300)!important;color:var(--color-green-800)!important}.verified-indicator[data-v-4b9f922f]{display:flex;align-items:center;gap:var(--spacing-2);margin-top:var(--spacing-2);font-size:var(--font-size-xs);color:var(--color-green-700);font-weight:var(--font-weight-medium)}.verified-icon[data-v-4b9f922f]{width:14px;height:14px;filter:brightness(0) saturate(100%) invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%)}.otp-section[data-v-4b9f922f]{display:flex;gap:var(--spacing-2)}.otp-section .form-input[data-v-4b9f922f]{flex:1}.file-preview[data-v-4b9f922f]{margin-top:var(--spacing-2)}.preview-image[data-v-4b9f922f]{width:100px;height:100px;object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--color-gray-200)}.file-name[data-v-4b9f922f]{font-size:var(--font-size-xs);color:var(--color-gray-600);margin-top:var(--spacing-1);word-break:break-all}.file-input[data-v-4b9f922f]{width:100%;padding:var(--spacing-3);border:2px dashed var(--color-gray-300);border-radius:var(--border-radius-md);background-color:var(--color-gray-50);cursor:pointer;transition:all .2s ease;font-size:var(--font-size-sm);color:var(--color-gray-700)}.file-input[data-v-4b9f922f]:hover{border-color:var(--color-primary-300);background-color:var(--color-primary-50)}.file-input[data-v-4b9f922f]:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-100)}.otp-input-container[data-v-4b9f922f]{display:flex;gap:var(--spacing-3);justify-content:center;margin-bottom:var(--spacing-4)}.otp-input[data-v-4b9f922f]{width:50px;height:50px;text-align:center;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);border:2px solid var(--color-gray-300);border-radius:var(--border-radius-md);background:var(--color-white);transition:all .2s ease}.otp-input[data-v-4b9f922f]:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-100)}.otp-input-filled[data-v-4b9f922f]{border-color:var(--color-primary-500);background-color:var(--color-primary-50)}.otp-actions[data-v-4b9f922f]{display:flex;justify-content:center;gap:var(--spacing-3);margin-top:var(--spacing-2)}.otp-actions[data-v-4b9f922f] .common-btn{min-width:auto;padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm)}.btn-full-width[data-v-4b9f922f]{width:100%;padding:var(--spacing-4) var(--spacing-6);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);border-radius:var(--border-radius-md);transition:all .2s ease;cursor:pointer;border:none;display:flex;align-items:center;justify-content:center;gap:var(--spacing-2)}.btn-full-width[data-v-4b9f922f]:disabled{opacity:.6;cursor:not-allowed}.btn-sm[data-v-4b9f922f]{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm);border-radius:var(--border-radius-sm)}.form-actions[data-v-4b9f922f]{display:flex;gap:var(--spacing-3);justify-content:flex-end;margin-top:var(--spacing-6)}.setup-guide[data-v-4b9f922f]{margin-bottom:var(--spacing-8)}.setup-guide h3[data-v-4b9f922f]{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0 0 var(--spacing-2) 0}.setup-guide>p[data-v-4b9f922f]{color:var(--color-gray-600);margin:0 0 var(--spacing-6) 0;font-size:var(--font-size-sm)}.guide-methods[data-v-4b9f922f]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-4)}.guide-method[data-v-4b9f922f]{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-4);background:var(--color-gray-50);border-radius:var(--border-radius-md);border:1px solid var(--color-gray-200);transition:all .2s ease}.guide-method[data-v-4b9f922f]:hover{background:var(--color-primary-50);border-color:var(--color-primary-200)}.guide-icon[data-v-4b9f922f]{flex-shrink:0;margin-top:var(--spacing-1)}.guide-icon .method-icon[data-v-4b9f922f]{width:20px;height:20px;opacity:.8}.guide-content h4[data-v-4b9f922f]{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0 0 var(--spacing-1) 0}.guide-content p[data-v-4b9f922f]{font-size:var(--font-size-xs);color:var(--color-gray-600);margin:0;line-height:1.4}.withdrawal-methods-grid[data-v-4b9f922f]{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-3);max-width:100%}.withdrawal-method-card[data-v-4b9f922f]{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:var(--spacing-4);transition:all var(--transition-normal);display:flex;flex-direction:column;height:100%;max-width:100%;width:100%}.withdrawal-method-card[data-v-4b9f922f]:hover{box-shadow:0 4px 6px -1px #0000001a;border-color:var(--color-primary-200)}.method-header[data-v-4b9f922f]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-3);gap:var(--spacing-2)}.method-title[data-v-4b9f922f]{display:flex;align-items:center;gap:var(--spacing-2);flex:1;min-width:0}.method-icon[data-v-4b9f922f]{width:24px;height:24px;flex-shrink:0}.method-title h4[data-v-4b9f922f]{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0;line-height:1.4}.holder-name[data-v-4b9f922f]{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin-bottom:var(--spacing-4);line-height:1.4;word-break:break-word}.method-status[data-v-4b9f922f]{padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;flex-shrink:0}.method-status.pending[data-v-4b9f922f]{background-color:var(--color-yellow-100);color:var(--color-yellow-800)}.method-status.approved[data-v-4b9f922f]{background-color:var(--color-green-100);color:var(--color-green-800)}.method-status.rejected[data-v-4b9f922f]{background-color:var(--color-red-100);color:var(--color-red-800)}.method-details[data-v-4b9f922f]{margin-bottom:var(--spacing-4);flex-grow:1}.detail-row[data-v-4b9f922f]{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-1) 0;border-bottom:1px solid var(--color-gray-100);flex-wrap:wrap;gap:var(--spacing-1)}.detail-row[data-v-4b9f922f]:last-child{border-bottom:none}.detail-label[data-v-4b9f922f]{font-size:var(--font-size-sm);color:var(--color-gray-600);font-weight:var(--font-weight-medium)}.detail-value[data-v-4b9f922f]{font-size:var(--font-size-sm);color:var(--color-gray-900);word-break:break-word}.method-actions[data-v-4b9f922f]{display:flex;gap:var(--spacing-2);flex-wrap:wrap;margin-top:auto}.action-btn[data-v-4b9f922f]{flex:1;min-width:80px;white-space:nowrap}.empty-state[data-v-4b9f922f]{text-align:center;padding:var(--spacing-8);background:var(--color-gray-50);border-radius:var(--radius-md);border:2px dashed var(--color-gray-300)}.empty-icon[data-v-4b9f922f]{width:48px;height:48px;margin-bottom:var(--spacing-4);opacity:.5}.empty-state p[data-v-4b9f922f]{color:var(--color-gray-600);margin-bottom:var(--spacing-4)}.add-form-section[data-v-4b9f922f]{background:var(--color-primary-50);border:1px solid var(--color-primary-200);border-radius:var(--radius-lg)}.add-form[data-v-4b9f922f]{margin-top:var(--spacing-4)}@media (max-width: 1200px){.withdrawal-methods-grid[data-v-4b9f922f]{grid-template-columns:repeat(2,1fr);gap:var(--spacing-2)}}@media (max-width: 768px){.method-type-selector[data-v-4b9f922f]{grid-template-columns:repeat(2,1fr)}.withdrawal-methods-grid[data-v-4b9f922f]{grid-template-columns:repeat(2,1fr);gap:var(--spacing-2)}.withdrawal-method-card[data-v-4b9f922f]{padding:var(--spacing-3)}.method-header[data-v-4b9f922f]{flex-direction:row;align-items:center;gap:var(--spacing-2)}.method-title h4[data-v-4b9f922f]{font-size:var(--font-size-sm)}.holder-name[data-v-4b9f922f]{font-size:var(--font-size-base);margin-bottom:var(--spacing-3)}.method-actions[data-v-4b9f922f]{flex-direction:row;gap:var(--spacing-2)}.action-btn[data-v-4b9f922f]{flex:1;min-width:0}.ifsc-input-group[data-v-4b9f922f],.otp-section[data-v-4b9f922f]{flex-direction:column}}@media (max-width: 480px){.withdrawal-methods-grid[data-v-4b9f922f]{grid-template-columns:repeat(2,1fr);gap:var(--spacing-2)}.withdrawal-method-card[data-v-4b9f922f]{padding:var(--spacing-2)}.method-header[data-v-4b9f922f]{flex-direction:column;align-items:flex-start;gap:var(--spacing-2)}.method-title[data-v-4b9f922f]{width:100%}.method-status[data-v-4b9f922f]{align-self:flex-start}.method-title h4[data-v-4b9f922f]{font-size:var(--font-size-xs)}.holder-name[data-v-4b9f922f]{font-size:var(--font-size-sm);margin-bottom:var(--spacing-2)}.method-actions[data-v-4b9f922f]{flex-direction:column;gap:var(--spacing-2)}.action-btn[data-v-4b9f922f]{width:100%}.detail-row[data-v-4b9f922f]{flex-direction:column;align-items:flex-start}}.field-error[data-v-4b9f922f]{color:#991b1b;font-size:var(--font-size-sm);margin-top:var(--spacing-1);display:flex;align-items:center;gap:var(--spacing-1);font-weight:var(--font-weight-medium)}.field-error[data-v-4b9f922f]:before{content:"⚠️";font-size:var(--font-size-xs)}.field-hint[data-v-4b9f922f]{display:block;color:var(--color-gray-500);font-size:var(--font-size-xs);margin-top:var(--spacing-1);font-style:italic}.form-input.error[data-v-4b9f922f]{border-color:#991b1b;box-shadow:0 0 0 3px #991b1b26}.form-input.error[data-v-4b9f922f]:focus{border-color:#991b1b;box-shadow:0 0 0 3px #991b1b33}.settings-container[data-v-ad78a014]{width:100%;display:grid;grid-template-columns:250px 1fr;gap:var(--spacing-6)}.settings-nav[data-v-ad78a014]{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-4);box-shadow:0 0 6px #00000014;height:fit-content}.nav-item[data-v-ad78a014]{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);margin-bottom:var(--spacing-2)}.nav-item[data-v-ad78a014]:hover{background-color:var(--color-gray-50)}.nav-item.active[data-v-ad78a014]{background-color:var(--color-primary);color:var(--color-white)}.nav-icon[data-v-ad78a014]{width:20px;height:20px}.nav-item span[data-v-ad78a014]{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.settings-content[data-v-ad78a014]{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-8);box-shadow:0 0 6px #00000014}.settings-header[data-v-ad78a014]{margin-bottom:var(--spacing-8);border-bottom:1px solid var(--color-gray-200);padding-bottom:var(--spacing-6)}.settings-header h2[data-v-ad78a014]{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin:0 0 var(--spacing-2) 0}.settings-header p[data-v-ad78a014]{font-size:var(--font-size-base);color:var(--color-gray-600);margin:0}.settings-sections[data-v-ad78a014]{display:flex;flex-direction:column;gap:var(--spacing-6)}.settings-section[data-v-ad78a014]{background:var(--color-gray-50);border-radius:var(--radius-md);padding:var(--spacing-6);border:1px solid var(--color-gray-200)}.settings-section h3[data-v-ad78a014]{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0 0 var(--spacing-4) 0}.settings-section p[data-v-ad78a014]{color:var(--color-gray-500);margin:0}.profile-form[data-v-ad78a014]{display:flex;flex-direction:column;gap:var(--spacing-8)}.form-section[data-v-ad78a014]{display:flex;flex-direction:column;gap:var(--spacing-6)}.form-section h3[data-v-ad78a014]{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0;padding-bottom:var(--spacing-2);border-bottom:1px solid var(--color-gray-200)}.form-row[data-v-ad78a014]{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4)}.form-group[data-v-ad78a014]{display:flex;flex-direction:column;gap:var(--spacing-2)}.form-group label[data-v-ad78a014]{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700)}.form-input[data-v-ad78a014]{height:40px;padding:8px 12px;border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--font-size-sm);background-color:var(--color-white);transition:all var(--transition-normal)}.form-input[data-v-ad78a014]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-shadow)}.select-wrapper[data-v-ad78a014]{position:relative}.select-wrapper .select-arrow[data-v-ad78a014]{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:16px;height:16px;pointer-events:none;z-index:1}.form-actions[data-v-ad78a014]{display:flex;gap:var(--spacing-4);justify-content:flex-end;padding-top:var(--spacing-6);border-top:1px solid var(--color-gray-200)}.btn[data-v-ad78a014]{padding:var(--spacing-3) var(--spacing-6);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-normal);border:none}.btn-primary[data-v-ad78a014]{background-color:var(--color-primary);color:var(--color-white)}.btn-primary[data-v-ad78a014]:hover{background-color:var(--color-primary-dark)}.btn-secondary[data-v-ad78a014]{background-color:var(--color-gray-200);color:var(--color-gray-700)}.btn-secondary[data-v-ad78a014]:hover{background-color:var(--color-gray-300)}.btn-sm[data-v-ad78a014]{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-xs)}.status-display[data-v-ad78a014]{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.status-badge[data-v-ad78a014]{padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.5px}.status-badge.verified[data-v-ad78a014]{background-color:var(--color-success);color:var(--color-success-text)}.status-badge.disabled[data-v-ad78a014]{background-color:var(--color-error);color:var(--color-error-text)}.status-badge.pending[data-v-ad78a014]{background-color:var(--color-warning);color:var(--color-warning-text)}.status-badge.under-review[data-v-ad78a014]{background-color:var(--color-primary-50);color:var(--color-primary)}.status-badge.approved[data-v-ad78a014]{background-color:var(--color-success);color:var(--color-success-text)}.status-badge.required[data-v-ad78a014]{background-color:var(--color-orange-100);color:var(--color-orange-800)}.status-badge.not-required[data-v-ad78a014]{background-color:var(--color-gray-100);color:var(--color-gray-600)}.status-description[data-v-ad78a014]{font-size:var(--font-size-sm);color:var(--color-gray-600);margin:0}.loading-state[data-v-ad78a014]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-8);text-align:center;background:var(--color-gray-50);border-radius:var(--radius-lg);border:2px dashed var(--color-gray-300)}.loading-spinner[data-v-ad78a014]{width:48px;height:48px;border:4px solid var(--color-gray-200);border-top:4px solid var(--color-primary);border-right:4px solid var(--color-primary-light);border-radius:50%;animation:spin-ad78a014 .8s linear infinite;margin-bottom:var(--spacing-4);position:relative}.loading-spinner[data-v-ad78a014]:before{content:"";position:absolute;top:6px;left:6px;right:6px;bottom:6px;border:2px solid transparent;border-top:2px solid var(--color-primary);border-radius:50%;animation:spin-ad78a014 1.2s linear infinite reverse}@keyframes spin-ad78a014{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-state p[data-v-ad78a014]{font-size:var(--font-size-sm);color:var(--color-gray-500);margin:0}@media (max-width: 1024px){.settings-container[data-v-ad78a014]{grid-template-columns:1fr;gap:var(--spacing-4)}.settings-nav[data-v-ad78a014]{display:flex;overflow-x:auto;padding:var(--spacing-3);gap:var(--spacing-2);-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.settings-nav[data-v-ad78a014]::-webkit-scrollbar{display:none}.nav-item[data-v-ad78a014]{min-width:140px;flex-shrink:0;text-align:center;padding:var(--spacing-3) var(--spacing-4);white-space:nowrap;margin-bottom:0}}@media (max-width: 768px){.settings-container[data-v-ad78a014]{gap:var(--spacing-3)}.settings-nav[data-v-ad78a014]{padding:var(--spacing-2);gap:var(--spacing-1)}.nav-item[data-v-ad78a014]{min-width:120px;padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-xs)}.nav-item span[data-v-ad78a014]{font-size:var(--font-size-xs)}.nav-icon[data-v-ad78a014]{width:16px;height:16px}.settings-content[data-v-ad78a014]{padding:var(--spacing-4)}.form-row[data-v-ad78a014]{grid-template-columns:1fr;gap:var(--spacing-3)}.form-actions[data-v-ad78a014]{flex-direction:column;gap:var(--spacing-3)}.btn[data-v-ad78a014]{width:100%;padding:var(--spacing-3)}}@media (max-width: 480px){.settings-nav[data-v-ad78a014]{padding:var(--spacing-1);gap:var(--spacing-1)}.nav-item[data-v-ad78a014]{min-width:100px;padding:var(--spacing-2)}.nav-item span[data-v-ad78a014]{font-size:var(--font-size-xxs)}.nav-icon[data-v-ad78a014]{width:14px;height:14px}.settings-content[data-v-ad78a014]{padding:var(--spacing-3)}.settings-header h2[data-v-ad78a014]{font-size:var(--font-size-xl)}.settings-section h3[data-v-ad78a014]{font-size:var(--font-size-base)}.form-input[data-v-ad78a014]{height:36px;font-size:var(--font-size-sm)}}.setup-guide[data-v-ad78a014]{margin-bottom:var(--spacing-8)}.setup-guide h3[data-v-ad78a014]{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0 0 var(--spacing-2) 0}.setup-guide>p[data-v-ad78a014]{color:var(--color-gray-600);margin:0 0 var(--spacing-6) 0;font-size:var(--font-size-sm)}.guide-methods[data-v-ad78a014]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-4)}.guide-method[data-v-ad78a014]{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-4);background:var(--color-gray-50);border-radius:var(--border-radius-md);border:1px solid var(--color-gray-200);transition:all .2s ease}.guide-method[data-v-ad78a014]:hover{background:var(--color-primary-50);border-color:var(--color-primary-200)}.guide-icon[data-v-ad78a014]{flex-shrink:0;margin-top:var(--spacing-1)}.guide-icon .method-icon[data-v-ad78a014]{width:20px;height:20px;opacity:.8}.guide-content h4[data-v-ad78a014]{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0 0 var(--spacing-1) 0}.guide-content p[data-v-ad78a014]{font-size:var(--font-size-xs);color:var(--color-gray-600);margin:0;line-height:1.4}.header-content[data-v-ad78a014]{display:flex;flex-direction:column;gap:var(--spacing-2)}.back-button[data-v-ad78a014]{display:flex;align-items:center;gap:var(--spacing-2);color:var(--color-primary-600);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:color .2s ease}.back-button[data-v-ad78a014]:hover{color:var(--color-primary-700)}.back-icon[data-v-ad78a014]{width:16px;height:16px;transform:rotate(180deg)}.settings-page[data-v-ad78a014]{min-height:100vh;background-color:var(--color-secondary)}.page-content[data-v-ad78a014]{margin-left:280px;margin-top:80px;padding:var(--spacing-8);width:calc(100% - 280px);max-width:calc(100% - 280px);overflow-x:hidden;box-sizing:border-box;transition:all var(--transition-normal)}.settings-page.menu-collapsed .page-content[data-v-ad78a014]{margin-left:60px;width:calc(100% - 60px);max-width:calc(100% - 60px)}.settings-page.mobile .page-content[data-v-ad78a014]{margin-left:0;margin-top:60px;width:100%;max-width:100%}@media (max-width: 1024px){.page-content[data-v-ad78a014]{margin-left:0;width:100%;max-width:100%;padding:var(--spacing-6)}}@media (max-width: 768px){.page-content[data-v-ad78a014]{margin-left:0;width:100%;max-width:100%;padding:var(--spacing-4)}}@media (max-width: 480px){.page-content[data-v-ad78a014]{margin-left:0;width:100%;max-width:100%;padding:var(--spacing-3)}}.section-description[data-v-ad78a014]{font-size:var(--font-size-sm);color:var(--color-gray-600);margin-bottom:var(--spacing-4)}.sessions-list[data-v-ad78a014]{display:flex;flex-direction:column;gap:var(--spacing-3);margin-top:var(--spacing-4)}.session-item[data-v-ad78a014]{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-4);background-color:var(--color-white);border-radius:var(--radius-md);border:1px solid var(--color-gray-200);transition:all var(--transition-normal)}.session-item[data-v-ad78a014]:hover{border-color:var(--color-gray-300);box-shadow:var(--shadow-sm)}.session-item.current-session[data-v-ad78a014]{background-color:#f0fdf4;border-color:#bbf7d0}.session-icon[data-v-ad78a014]{width:40px;height:40px;background-color:var(--color-gray-100);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin-right:var(--spacing-4);flex-shrink:0}.current-session .session-icon[data-v-ad78a014]{background-color:#dcfce7}.session-icon img[data-v-ad78a014]{width:20px;height:20px;opacity:.6}.session-info[data-v-ad78a014]{flex:1;display:flex;flex-direction:column;gap:var(--spacing-1)}.session-main[data-v-ad78a014]{display:flex;align-items:center;gap:var(--spacing-2)}.session-device[data-v-ad78a014]{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}.current-badge[data-v-ad78a014]{font-size:10px;font-weight:var(--font-weight-bold);text-transform:uppercase;background-color:var(--color-green-500);color:var(--color-white);padding:2px 6px;border-radius:var(--radius-full);letter-spacing:.5px}.session-meta[data-v-ad78a014]{display:flex;flex-direction:column;gap:2px}.session-time[data-v-ad78a014],.session-date[data-v-ad78a014],.session-location[data-v-ad78a014]{font-size:var(--font-size-xs);color:var(--color-gray-500);display:flex;align-items:center;gap:4px}.meta-icon[data-v-ad78a014]{width:12px;height:12px;opacity:.5}.current-session .session-time[data-v-ad78a014]{color:var(--color-green-600);font-weight:var(--font-weight-medium)}.session-actions[data-v-ad78a014]{margin-left:var(--spacing-4)}.revoke-btn[data-v-ad78a014]{color:var(--color-primary)!important;font-weight:var(--font-weight-medium)}.revoke-btn[data-v-ad78a014]:hover{background-color:var(--color-primary-50)!important}.no-sessions[data-v-ad78a014]{text-align:center;padding:var(--spacing-8);background-color:var(--color-gray-50);border-radius:var(--radius-md);border:1px dashed var(--color-gray-300);color:var(--color-gray-500)}.loading-sessions[data-v-ad78a014]{display:flex;justify-content:center;padding:var(--spacing-8)}.filter-actions[data-v-ad78a014]{display:flex;gap:var(--spacing-2);margin-top:var(--spacing-6)}.activities-timeline[data-v-ad78a014]{margin-top:var(--spacing-4)}.no-activities[data-v-ad78a014]{text-align:center;padding:var(--spacing-8);color:var(--color-gray-500)}.activity-item[data-v-ad78a014]{display:flex;gap:var(--spacing-4);padding:var(--spacing-4);border-left:2px solid var(--color-gray-200);margin-bottom:var(--spacing-4);position:relative}.activity-item[data-v-ad78a014]:last-child{border-left:2px solid transparent}.activity-item[data-v-ad78a014]:before{content:"";position:absolute;left:-5px;top:var(--spacing-6);width:8px;height:8px;background-color:var(--color-primary);border-radius:50%}.activity-icon[data-v-ad78a014]{width:24px;height:24px;flex-shrink:0;margin-top:var(--spacing-1)}.activity-icon img[data-v-ad78a014]{width:100%;height:100%;object-fit:contain}.activity-content[data-v-ad78a014]{flex:1}.activity-header[data-v-ad78a014]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-2)}.activity-title[data-v-ad78a014]{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0}.activity-time[data-v-ad78a014]{font-size:var(--font-size-sm);color:var(--color-gray-500)}.activity-description[data-v-ad78a014]{font-size:var(--font-size-sm);color:var(--color-gray-600);margin:0 0 var(--spacing-3) 0}.activity-details[data-v-ad78a014]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-2);margin-bottom:var(--spacing-3)}.detail-item[data-v-ad78a014]{display:flex;flex-direction:column;gap:var(--spacing-1)}.detail-label[data-v-ad78a014]{font-size:var(--font-size-xs);color:var(--color-gray-500);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.5px}.detail-value[data-v-ad78a014]{font-size:var(--font-size-sm);color:var(--color-gray-700)}.activity-status[data-v-ad78a014]{display:flex;justify-content:flex-end}.load-more-section[data-v-ad78a014]{text-align:center;margin:var(--spacing-6) 0}.load-more-btn[data-v-ad78a014]{min-width:200px}@media (max-width: 768px){.filter-actions[data-v-ad78a014]{flex-direction:column;gap:var(--spacing-2)}.activity-header[data-v-ad78a014]{flex-direction:column;gap:var(--spacing-1)}.activity-details[data-v-ad78a014]{grid-template-columns:1fr}.load-more-btn[data-v-ad78a014]{width:100%}}.api-guide-page[data-v-5ad7bb18]{min-height:100vh;background-color:var(--color-secondary)}.page-content[data-v-5ad7bb18]{margin-left:280px;margin-top:80px;padding:var(--spacing-8);width:calc(100% - 280px);box-sizing:border-box;transition:all var(--transition-normal)}.api-guide-page.menu-collapsed .page-content[data-v-5ad7bb18]{margin-left:60px;width:calc(100% - 60px)}.api-guide-page.mobile .page-content[data-v-5ad7bb18]{margin-left:0;margin-top:60px;width:100%;padding:var(--spacing-4)}.api-guide-container[data-v-5ad7bb18]{max-width:900px;margin:0 auto}.api-guide-header[data-v-5ad7bb18]{margin-bottom:var(--spacing-8)}.api-guide-header h1[data-v-5ad7bb18]{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin:0 0 var(--spacing-2)}.api-guide-lead[data-v-5ad7bb18]{font-size:var(--font-size-base);color:var(--color-gray-600);line-height:1.6;margin:0}.api-guide-section[data-v-5ad7bb18]{margin-bottom:var(--spacing-8);padding:var(--spacing-6);background:var(--color-white);border-radius:var(--radius-lg);border:1px solid var(--color-gray-200)}.api-guide-section h2[data-v-5ad7bb18]{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0 0 var(--spacing-4);padding-bottom:var(--spacing-2);border-bottom:1px solid var(--color-gray-200)}.api-guide-section h3[data-v-5ad7bb18]{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-gray-800);margin:var(--spacing-4) 0 var(--spacing-2)}.api-guide-section p[data-v-5ad7bb18]{font-size:var(--font-size-sm);color:var(--color-gray-700);line-height:1.6;margin:0 0 var(--spacing-3)}.api-guide-list[data-v-5ad7bb18]{margin:0 0 var(--spacing-3);padding-left:var(--spacing-6);font-size:var(--font-size-sm);color:var(--color-gray-700);line-height:1.7}.api-guide-list li[data-v-5ad7bb18]{margin-bottom:var(--spacing-2)}.api-guide-cta[data-v-5ad7bb18]{margin:var(--spacing-3) 0!important}.api-guide-link[data-v-5ad7bb18]{display:inline-block;padding:var(--spacing-2) var(--spacing-4);background:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;text-decoration:none;transition:background-color var(--transition-fast)}.api-guide-link[data-v-5ad7bb18]:hover{background:var(--color-primary-hover)}.api-guide-section code[data-v-5ad7bb18]{background:var(--color-gray-100);padding:2px 6px;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-family:ui-monospace,monospace}.api-guide-code[data-v-5ad7bb18]{display:block;background:var(--color-gray-900);color:var(--color-gray-100);padding:var(--spacing-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-family:ui-monospace,monospace;overflow-x:auto;margin:0 0 var(--spacing-4);white-space:pre-wrap;word-break:break-word}@media (max-width: 1024px){.page-content[data-v-5ad7bb18]{margin-left:0;width:100%}}@media (max-width: 768px){.page-content[data-v-5ad7bb18],.api-guide-section[data-v-5ad7bb18]{padding:var(--spacing-4)}}.kyc-page[data-v-6109111b]{min-height:100vh;background-color:var(--color-secondary)}.page-content[data-v-6109111b]{margin-left:280px;margin-top:80px;padding:var(--spacing-8);width:calc(100% - 280px);max-width:calc(100% - 280px);overflow-x:hidden;box-sizing:border-box;transition:all var(--transition-normal)}.kyc-page.menu-collapsed .page-content[data-v-6109111b]{margin-left:60px;width:calc(100% - 60px);max-width:calc(100% - 60px)}.kyc-page.mobile .page-content[data-v-6109111b]{margin-left:0;margin-top:60px;width:100%;max-width:100%;padding:var(--spacing-4);padding-bottom:calc(var(--spacing-16) + 100px);min-height:calc(100vh - 60px)}.kyc-container[data-v-6109111b]{width:100%;max-width:800px;margin:0 auto;background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--spacing-8)}.loading-state[data-v-6109111b]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-8);background:var(--color-white);border-radius:var(--radius-lg);margin-bottom:var(--spacing-6);box-shadow:var(--shadow-sm)}.loading-spinner[data-v-6109111b]{width:40px;height:40px;border:4px solid var(--color-gray-200);border-top:4px solid var(--color-primary);border-radius:50%;animation:spin-6109111b 1s linear infinite;margin-bottom:var(--spacing-4)}@keyframes spin-6109111b{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-state p[data-v-6109111b]{color:var(--color-gray-600);font-size:var(--font-size-sm);margin:0}.error-message[data-v-6109111b]{background:var(--color-error-light);border:1px solid var(--color-error-border);border-radius:var(--radius-lg);margin-bottom:var(--spacing-6);padding:var(--spacing-6)}.error-content[data-v-6109111b]{display:flex;align-items:flex-start;gap:var(--spacing-4)}.error-icon[data-v-6109111b]{font-size:var(--font-size-xl);flex-shrink:0}.error-text h3[data-v-6109111b]{color:var(--color-error-solid);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-2) 0}.error-text p[data-v-6109111b]{color:var(--color-error-dark);font-size:var(--font-size-sm);margin:0}.step-indicator[data-v-6109111b]{margin-bottom:var(--spacing-8);text-align:center}.step-progress[data-v-6109111b]{display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-4);position:relative}.step-circle[data-v-6109111b]{width:40px;height:40px;border-radius:50%;background:var(--color-gray-200);color:var(--color-gray-500);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);transition:all var(--transition-normal);position:relative;z-index:2}.step-circle.active[data-v-6109111b]{background:var(--color-primary);color:var(--color-white)}.step-circle.completed[data-v-6109111b]{background:var(--color-success);color:var(--color-white)}.step-line[data-v-6109111b]{width:60px;height:2px;background:var(--color-gray-200);margin:0 var(--spacing-2);transition:all var(--transition-normal);position:relative;z-index:1}.step-line.active[data-v-6109111b]{background:var(--color-primary)}.step-labels[data-v-6109111b]{display:flex;justify-content:space-between;max-width:400px;margin:0 auto;position:relative}.step-label[data-v-6109111b]{font-size:var(--font-size-sm);color:var(--color-gray-500);font-weight:var(--font-weight-medium);transition:all var(--transition-normal);text-align:center;flex:1;position:relative}.step-label.active[data-v-6109111b]{color:var(--color-primary)}.step-header[data-v-6109111b]{text-align:center;margin-bottom:var(--spacing-8)}.step-header h2[data-v-6109111b]{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin:0 0 var(--spacing-4) 0}.step-header p[data-v-6109111b]{font-size:var(--font-size-base);color:var(--color-gray-600);margin:0}.profile-loaded-indicator[data-v-6109111b]{display:flex;align-items:center;gap:var(--spacing-2);margin-top:var(--spacing-3);padding:var(--spacing-2) var(--spacing-4);background:var(--color-success-light);border:1px solid var(--color-success);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-success-dark)}.indicator-icon[data-v-6109111b]{color:var(--color-success);font-weight:var(--font-weight-bold)}.refresh-btn[data-v-6109111b]{margin-left:auto;padding:var(--spacing-1) var(--spacing-3);background:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--radius-sm);font-size:var(--font-size-xs);cursor:pointer;transition:all var(--transition-normal)}.refresh-btn[data-v-6109111b]:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px)}.refresh-btn[data-v-6109111b]:disabled{background:var(--color-gray-200);color:var(--color-gray-500);cursor:not-allowed;opacity:1}.kyc-form[data-v-6109111b]{margin-bottom:var(--spacing-8)}.profile-complete-notice[data-v-6109111b]{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);background:var(--color-success-light);border:1px solid var(--color-success);border-radius:var(--radius-md);margin-top:var(--spacing-4);font-size:var(--font-size-sm);color:var(--color-success-dark)}.documents-submitted-notice[data-v-6109111b]{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);background:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--radius-md);margin-top:var(--spacing-4);font-size:var(--font-size-sm);color:#fff}.documents-rejected-notice[data-v-6109111b]{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);background:var(--color-error-light);border:1px solid var(--color-error);border-radius:var(--radius-md);margin-top:var(--spacing-4);font-size:var(--font-size-sm);color:var(--color-error-dark)}.rejection-reupload-block[data-v-6109111b]{margin-top:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background:var(--color-warning-light);border:1px solid var(--color-warning);border-radius:var(--radius-md);width:100%;text-align:left;min-height:60px;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box}.rejection-reupload-block .reupload-hint[data-v-6109111b]{margin:0 0 var(--spacing-1) 0;font-size:var(--font-size-sm);font-weight:600;color:var(--color-warning-dark);line-height:1.4}.rejection-reupload-block .reupload-hint[data-v-6109111b]:only-child{margin-bottom:0}.rejection-reupload-block .rejection-comment[data-v-6109111b]{margin-top:var(--spacing-1);margin-bottom:0;padding:var(--spacing-2) var(--spacing-3);background:rgba(0,0,0,.04);border:none;border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-warning-dark)}.rejection-comment[data-v-6109111b]{margin-top:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background:var(--color-warning-light);border:1px solid var(--color-warning);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-warning-dark)}.notice-icon[data-v-6109111b]{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.form-section[data-v-6109111b]{margin-bottom:var(--spacing-8)}.form-section[data-v-6109111b]:last-child{margin-bottom:0}.form-section h3[data-v-6109111b]{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-2);border-bottom:2px solid var(--color-border-light)}.form-input.readonly[data-v-6109111b]{background-color:var(--color-gray-50);color:var(--color-text-secondary);cursor:not-allowed;border-color:var(--color-border-light)}.form-input.readonly[data-v-6109111b]:focus{border-color:var(--color-border-light);box-shadow:none}.form-input.error[data-v-6109111b]{border-color:var(--color-danger);box-shadow:0 0 0 3px var(--color-danger)}.form-input.error[data-v-6109111b]:focus{border-color:var(--color-danger);box-shadow:0 0 0 3px var(--color-danger)}.field-error[data-v-6109111b]{color:var(--color-error-dark);font-size:var(--font-size-sm);margin-top:var(--spacing-1);display:flex;align-items:center;gap:var(--spacing-1);font-weight:var(--font-weight-medium)}.field-error[data-v-6109111b]:before{content:"⚠️";font-size:var(--font-size-xs)}.form-row[data-v-6109111b]{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4);margin-bottom:var(--spacing-4)}.form-row[data-v-6109111b]:last-child{margin-bottom:0}.form-group[data-v-6109111b]{display:flex;flex-direction:column;gap:var(--spacing-2);position:relative;margin-bottom:var(--spacing-4)}.form-group[data-v-6109111b]:last-child{margin-bottom:0}.form-group label[data-v-6109111b]{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700)}.floating-label[data-v-6109111b]{position:relative;margin-bottom:var(--spacing-6)}.floating-label[data-v-6109111b]:last-child{margin-bottom:0}.floating-label label[data-v-6109111b]{position:absolute;top:0;left:var(--spacing-3);transform:translateY(-50%);background:var(--color-white);padding:0 var(--spacing-2);font-size:var(--font-size-base);color:var(--color-gray-500);pointer-events:none;transition:all var(--transition-normal);z-index:1;margin-bottom:0;white-space:nowrap}.floating-label textarea+label[data-v-6109111b]{top:var(--spacing-3);transform:none}.floating-label input:focus+label[data-v-6109111b],.floating-label input:not(:placeholder-shown)+label[data-v-6109111b],.floating-label textarea:focus+label[data-v-6109111b],.floating-label textarea:not(:placeholder-shown)+label[data-v-6109111b],.floating-label select:focus+label[data-v-6109111b],.floating-label select:not([value=""])+label[data-v-6109111b]{top:0;transform:translateY(-50%);font-size:var(--font-size-sm);color:var(--color-primary);font-weight:var(--font-weight-medium)}.floating-label input:focus+label[data-v-6109111b],.floating-label textarea:focus+label[data-v-6109111b],.floating-label select:focus+label[data-v-6109111b]{color:var(--color-primary)}.floating-label input[data-v-6109111b]:focus::placeholder,.floating-label input[data-v-6109111b]:not(:placeholder-shown)::placeholder,.floating-label textarea[data-v-6109111b]:focus::placeholder,.floating-label textarea[data-v-6109111b]:not(:placeholder-shown)::placeholder{opacity:0}.form-input[data-v-6109111b]{height:40px;padding:8px 12px;border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--font-size-sm);background-color:var(--color-white);transition:all var(--transition-normal)}.floating-label .form-input[data-v-6109111b]{padding-top:24px;padding-bottom:12px;height:56px;min-height:56px}.floating-label textarea.form-input[data-v-6109111b]{padding-top:28px;height:auto;min-height:100px;resize:vertical}.floating-label select.form-input[data-v-6109111b]{height:56px;min-height:56px;padding-top:24px;padding-bottom:12px}.form-input[data-v-6109111b]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-shadow)}.floating-label input[data-v-6109111b]:focus,.floating-label textarea[data-v-6109111b]:focus,.floating-label select[data-v-6109111b]:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-shadow)}.document-upload-section[data-v-6109111b]{margin-bottom:var(--spacing-8)}.document-item[data-v-6109111b]{background:var(--color-white);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);margin-bottom:var(--spacing-6);padding:var(--spacing-6);transition:all var(--transition-normal)}.document-item[data-v-6109111b]:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-card)}.document-upload[data-v-6109111b]{display:flex;flex-direction:column;gap:var(--spacing-4);width:100%}.document-info[data-v-6109111b]{text-align:center;margin-bottom:var(--spacing-4)}.document-info h4[data-v-6109111b]{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-2)}.document-info p[data-v-6109111b]{color:var(--color-text-secondary);margin-bottom:var(--spacing-3)}.document-requirements[data-v-6109111b]{display:flex;flex-wrap:wrap;gap:var(--spacing-3);justify-content:center;margin-top:var(--spacing-3)}.requirement-item[data-v-6109111b]{font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.upload-group[data-v-6109111b]{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-6);width:100%}.upload-item[data-v-6109111b]{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-3);position:relative;width:100%}.upload-btn[data-v-6109111b]{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);background:var(--color-primary);color:var(--color-white);border:1px solid var(--color-primary);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-normal);white-space:nowrap;min-width:120px;height:40px;justify-content:center;position:relative;overflow:hidden}.upload-btn.disabled[data-v-6109111b]{opacity:.6;cursor:not-allowed;pointer-events:none}.upload-btn[data-v-6109111b]:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-card-hover)}.upload-btn.uploaded[data-v-6109111b]{background:var(--color-primary);border-color:var(--color-primary)}.upload-btn.uploaded[data-v-6109111b]:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.upload-btn.error[data-v-6109111b]{background:var(--color-error);border-color:var(--color-error)}.upload-btn.error[data-v-6109111b]:hover{background:var(--color-error-hover);border-color:var(--color-error-hover)}.upload-btn.rejected[data-v-6109111b]{background:var(--color-primary);color:var(--color-white);border:1px solid var(--color-primary)}.upload-btn.rejected[data-v-6109111b]:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.upload-btn.optional[data-v-6109111b]{background:var(--color-gray-100);color:var(--color-gray-700);border-color:var(--color-gray-300)}.upload-btn.optional[data-v-6109111b]:hover{background:var(--color-gray-200);border-color:var(--color-gray-400);transform:translateY(-2px);box-shadow:var(--shadow-card-hover)}.upload-btn.optional.uploaded[data-v-6109111b]{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.upload-btn.optional.error[data-v-6109111b]{background:var(--color-error);border-color:var(--color-error);color:var(--color-white)}.upload-icon[data-v-6109111b]{width:18px;height:18px;filter:brightness(0) invert(1);transition:transform var(--transition-normal)}.upload-btn:hover .upload-icon[data-v-6109111b]{transform:scale(1.1)}.file-info[data-v-6109111b]{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-1);width:100%;padding:var(--spacing-2);background:var(--color-success-light);border-radius:var(--radius-md);border:1px solid var(--color-success);margin-top:var(--spacing-2);position:relative;z-index:1;min-height:60px}.file-name[data-v-6109111b]{font-size:var(--font-size-sm);color:var(--color-success-dark);font-weight:var(--font-weight-semibold);text-align:center;word-break:break-word;max-width:100%}.file-info.locked[data-v-6109111b]{min-height:60px;justify-content:center}.file-info.locked .file-size[data-v-6109111b]{display:none}.file-size[data-v-6109111b]{font-size:var(--font-size-xs);color:var(--color-success-dark);text-align:center;font-weight:var(--font-weight-medium)}.remove-btn[data-v-6109111b]{position:absolute;top:-8px;right:-8px;width:24px;height:24px;border-radius:50%;background:var(--color-error);color:var(--color-white);border:2px solid var(--color-white);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-normal);z-index:10}.remove-btn[data-v-6109111b]:hover{background:var(--color-error-hover);transform:scale(1.1)}.file-error[data-v-6109111b]{font-size:var(--font-size-xs);color:var(--color-error);text-align:center;margin-top:var(--spacing-1);padding:var(--spacing-1) var(--spacing-2);background:var(--color-error-light);border-radius:var(--radius-sm);border:1px solid var(--color-error)}.upload-progress[data-v-6109111b]{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-4);margin-bottom:var(--spacing-6)}.progress-bar[data-v-6109111b]{width:100%;height:8px;background:var(--color-gray-200);border-radius:var(--radius-sm);overflow:hidden;margin-bottom:var(--spacing-2)}.progress-fill[data-v-6109111b]{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-hover));border-radius:var(--radius-sm);transition:width var(--transition-normal)}.progress-text[data-v-6109111b]{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:center;display:block}.upload-summary[data-v-6109111b]{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-4);margin-top:var(--spacing-4)}.upload-summary h4[data-v-6109111b]{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-3);text-align:center}.summary-stats[data-v-6109111b]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-4)}.stat-item[data-v-6109111b]{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-1);padding:var(--spacing-2);background:var(--color-white);border-radius:var(--radius-md);border:1px solid var(--color-gray-200)}.stat-label[data-v-6109111b]{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:center}.stat-value[data-v-6109111b]{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);text-align:center}@media (max-width: 768px){.upload-group[data-v-6109111b]{grid-template-columns:1fr;gap:var(--spacing-4)}.document-requirements[data-v-6109111b]{flex-direction:column;align-items:center}.summary-stats[data-v-6109111b]{grid-template-columns:1fr}.upload-btn[data-v-6109111b]{min-width:140px}}.document-info p[data-v-6109111b]{font-size:var(--font-size-sm);color:var(--color-gray-600);margin:0;text-align:center}.review-section[data-v-6109111b]{margin-bottom:var(--spacing-8)}.review-card[data-v-6109111b]{background:var(--color-gray-50);border-radius:var(--radius-lg);padding:var(--spacing-6);margin-bottom:var(--spacing-4)}.review-card h3[data-v-6109111b]{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0 0 var(--spacing-4) 0}.review-content[data-v-6109111b]{display:flex;flex-direction:column;gap:var(--spacing-3)}.review-item[data-v-6109111b]{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-2) 0;border-bottom:1px solid var(--color-gray-200)}.review-item[data-v-6109111b]:last-child{border-bottom:none}.review-item .label[data-v-6109111b]{font-weight:var(--font-weight-medium);color:var(--color-gray-700)}.review-item .value[data-v-6109111b]{color:var(--color-gray-900)}.verification-status[data-v-6109111b]{text-align:center;margin-bottom:var(--spacing-8)}.status-icon[data-v-6109111b]{width:60px;height:60px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-4) auto}.status-icon.pending[data-v-6109111b]{background:var(--color-warning)}.status-icon.rejected[data-v-6109111b]{background:var(--color-error-solid)}.status-icon .icon[data-v-6109111b]{width:30px;height:30px;filter:brightness(0) invert(1)}.verification-status h3[data-v-6109111b]{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0 0 var(--spacing-4) 0}.verification-status p[data-v-6109111b]{font-size:var(--font-size-base);color:var(--color-gray-600);margin:0 0 var(--spacing-6) 0;line-height:1.6}.submitted-documents[data-v-6109111b]{background:var(--color-gray-50);border-radius:var(--radius-lg);padding:var(--spacing-4);margin:var(--spacing-6) 0;text-align:left}.submitted-documents h4[data-v-6109111b]{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0 0 var(--spacing-3) 0}.document-list[data-v-6109111b]{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3)}.document-status[data-v-6109111b]{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-3);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);text-align:center;gap:var(--spacing-2)}.doc-name[data-v-6109111b]{font-size:var(--font-size-base);color:var(--color-gray-700);font-weight:var(--font-weight-medium)}.status-badge[data-v-6109111b]{padding:6px 12px;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.5px}.status-badge.submitted[data-v-6109111b]{background:var(--color-success);color:var(--color-success-text)}.status-badge.rejected[data-v-6109111b]{background:var(--color-error-light);color:var(--color-error-solid)}.status-badge.approved[data-v-6109111b]{background:var(--color-success);color:var(--color-success-text)}.verification-details[data-v-6109111b]{background:var(--color-gray-50);border-radius:var(--radius-lg);padding:var(--spacing-4);margin-top:var(--spacing-6)}.detail-item[data-v-6109111b]{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-2) 0;border-bottom:1px solid var(--color-gray-200)}.detail-item[data-v-6109111b]:last-child{border-bottom:none}.detail-label[data-v-6109111b]{font-weight:var(--font-weight-medium);color:var(--color-gray-700)}.detail-value[data-v-6109111b]{color:var(--color-gray-900)}.kyc-actions[data-v-6109111b]{display:flex;justify-content:center;gap:var(--spacing-4);padding-top:var(--spacing-6);padding-bottom:var(--spacing-20);border-top:1px solid var(--color-gray-200)}.kyc-actions .common-btn[data-v-6109111b]{min-width:120px;white-space:nowrap;max-width:100%}.kyc-actions .common-btn[data-v-6109111b]:disabled{opacity:.5;cursor:not-allowed}.kyc-actions .common-btn[data-v-6109111b]:disabled:hover{transform:none;box-shadow:none}@media (max-width: 768px){.page-content[data-v-6109111b]{margin-left:0;padding:var(--spacing-4);padding-bottom:calc(var(--spacing-16) + 100px)!important}.kyc-container[data-v-6109111b]{padding:var(--spacing-4)}.form-row[data-v-6109111b]{grid-template-columns:1fr;gap:var(--spacing-3)}.upload-group[data-v-6109111b]{flex-direction:column;width:100%}.upload-item[data-v-6109111b]{width:100%}.upload-btn[data-v-6109111b]{min-width:120px;padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-xs)}.upload-btn.optional[data-v-6109111b]{min-width:140px}.document-list[data-v-6109111b]{grid-template-columns:1fr;gap:var(--spacing-2)}.step-labels[data-v-6109111b]{flex-direction:row;gap:var(--spacing-1);max-width:100%;padding:0 var(--spacing-2)}.step-label[data-v-6109111b]{font-size:var(--font-size-xs);text-align:center;flex:1;min-width:0;word-wrap:break-word}.step-progress[data-v-6109111b]{margin-bottom:var(--spacing-3)}.step-circle[data-v-6109111b]{width:32px;height:32px;font-size:var(--font-size-sm)}.step-line[data-v-6109111b]{width:40px;margin:0 var(--spacing-1)}.kyc-actions[data-v-6109111b]{flex-direction:column;gap:var(--spacing-3);padding-bottom:var(--spacing-20)}.kyc-actions .common-btn[data-v-6109111b]{width:100%;min-width:100px;padding:var(--spacing-3) var(--spacing-6);font-size:var(--font-size-sm)}.floating-label .form-input[data-v-6109111b]{height:48px;min-height:48px;padding-top:20px;padding-bottom:10px}.floating-label textarea.form-input[data-v-6109111b]{padding-top:24px;min-height:80px}.floating-label select.form-input[data-v-6109111b]{height:48px;min-height:48px;padding-top:20px;padding-bottom:10px}.form-input[data-v-6109111b]{height:36px;padding:6px 10px;font-size:var(--font-size-sm)}}@media (max-width: 480px){.step-labels[data-v-6109111b]{padding:0 var(--spacing-1)}.step-label[data-v-6109111b]{font-size:var(--font-size-xs);line-height:1.2}.step-circle[data-v-6109111b]{width:28px;height:28px;font-size:var(--font-size-xs)}.step-line[data-v-6109111b]{width:30px;margin:0 4px}.kyc-actions[data-v-6109111b]{padding-bottom:var(--spacing-20)}.kyc-actions .common-btn[data-v-6109111b]{min-width:80px;padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-xs)}.floating-label .form-input[data-v-6109111b]{height:44px;min-height:44px;padding-top:18px;padding-bottom:8px}.floating-label textarea.form-input[data-v-6109111b]{padding-top:22px;min-height:70px}.floating-label select.form-input[data-v-6109111b]{height:44px;min-height:44px;padding-top:18px;padding-bottom:8px}.form-input[data-v-6109111b]{height:32px;padding:4px 8px;font-size:var(--font-size-xs)}.kyc-container[data-v-6109111b]{padding:var(--spacing-3)}.step-indicator[data-v-6109111b],.step-header[data-v-6109111b]{margin-bottom:var(--spacing-4)}.step-header h2[data-v-6109111b]{font-size:var(--font-size-lg)}.step-header p[data-v-6109111b]{font-size:var(--font-size-sm)}.upload-btn[data-v-6109111b]{min-width:100px;padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-xs)}.upload-btn.optional[data-v-6109111b]{min-width:120px}.document-item[data-v-6109111b]{padding:var(--spacing-2)}.review-card[data-v-6109111b]{padding:var(--spacing-3)}.review-card h3[data-v-6109111b]{font-size:var(--font-size-base)}.verification-status h3[data-v-6109111b]{font-size:var(--font-size-lg)}.verification-status p[data-v-6109111b]{font-size:var(--font-size-sm)}}.tickets-page{min-height:100vh;background-color:var(--color-secondary)}.tickets-page.menu-collapsed .page-content{margin-left:60px;width:calc(100% - 60px);max-width:calc(100% - 60px)}.tickets-page.mobile .page-content{margin-left:0;margin-top:60px;width:100%;max-width:100%;padding:var(--spacing-4);padding-bottom:calc(var(--spacing-16) + 100px);min-height:calc(100vh - 60px)}.tickets-container{width:100%;max-width:100%}.department-tabs{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-6);padding:var(--spacing-4);background:var(--color-white);gap:var(--spacing-4);min-height:60px;position:relative;z-index:1}.tabs-container{display:flex;gap:var(--spacing-2);flex-wrap:wrap;flex:1;min-height:40px;align-items:center}.tab-btn{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);background:var(--color-gray-100);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700);height:40px;min-height:40px;box-sizing:border-box;opacity:1;visibility:visible}.tab-btn:hover{background:var(--color-gray-200)}.tab-btn.active{background:var(--color-primary);color:var(--color-white)}.tab-btn:disabled{opacity:.6;cursor:not-allowed}.tab-icon{width:20px;height:20px;filter:var(--filter-gray-500)}.tab-btn.active .tab-icon{filter:var(--filter-white)}.tab-count{background:var(--color-gray-300);color:var(--color-gray-600);padding:2px 6px;border-radius:10px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.tab-btn.active .tab-count{background:rgba(255,255,255,.3);color:var(--color-white)}.tickets-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-6);gap:var(--spacing-4);padding:var(--spacing-4);background:var(--color-white)}.search-section{flex:1;max-width:400px}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:var(--spacing-3);width:16px;height:16px;filter:var(--filter-gray-400);z-index:1}.search-input{width:100%;padding:var(--spacing-3) var(--spacing-3) var(--spacing-3) var(--spacing-10);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--font-size-base);transition:border-color var(--transition-normal);height:40px;min-height:40px;box-sizing:border-box}.search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.filter-section{display:flex;gap:var(--spacing-3);align-items:center}.select-wrapper{position:relative;display:flex;align-items:center}.form-input{padding:var(--spacing-3) var(--spacing-10) var(--spacing-3) var(--spacing-3);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--font-size-base);background:var(--color-white);cursor:pointer;transition:border-color var(--transition-normal);min-width:120px;height:44px;min-height:44px;box-sizing:border-box;display:flex;align-items:center}.select-arrow{position:absolute;right:var(--spacing-3);top:50%;transform:translateY(-50%);width:16px;height:16px;filter:var(--filter-gray-400);pointer-events:none}.tickets-list{background:var(--color-white);overflow:hidden}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-16);text-align:center;color:var(--color-gray-600);min-height:200px}.loading-spinner{width:40px;height:40px;border:4px solid var(--color-gray-200);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--spacing-4)}.loading-state p{font-size:var(--font-size-base);color:var(--color-gray-500)}.empty-state{text-align:center;padding:var(--spacing-12) var(--spacing-6);color:var(--color-gray-500)}.empty-icon{width:64px;height:64px;margin-bottom:var(--spacing-4);filter:var(--filter-gray-400)}.empty-state h3{margin:0 0 var(--spacing-2) 0;font-size:var(--font-size-lg);color:var(--color-gray-700)}.empty-state p{margin:0 0 var(--spacing-4) 0;font-size:var(--font-size-base)}.clear-filters-btn{border:none;border-radius:var(--radius-md);cursor:pointer;font-weight:var(--font-weight-medium);transition:all var(--transition-normal);display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-family:var(--font-family);font-size:var(--font-size-sm);line-height:var(--line-height-normal);white-space:nowrap;background-color:var(--color-primary);color:var(--color-white);border:1px solid var(--color-primary);padding:var(--spacing-2) var(--spacing-4)}.clear-filters-btn:hover:not(:disabled){background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.clear-filters-btn:focus{outline:2px solid var(--color-primary);outline-offset:2px}.clear-filters-btn:disabled{opacity:.6;cursor:not-allowed}.btn-icon{width:16px;height:16px;margin-right:var(--spacing-2);filter:var(--filter-white)}.common-btn.btn-primary .btn-icon{filter:var(--filter-white)}.common-btn.btn-secondary .btn-icon{filter:var(--filter-gray-500)}.new-ticket-btn{padding:var(--spacing-3) var(--spacing-4);display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);white-space:nowrap;height:40px;min-height:40px;box-sizing:border-box}.new-ticket-btn .btn-icon{filter:var(--filter-white);width:16px;height:16px}.ticket-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--spacing-4);padding:var(--spacing-4)}.ticket-card{background:var(--color-white);border:1px solid var(--color-gray-200);padding:var(--spacing-4);cursor:pointer;transition:all var(--transition-normal)}.ticket-card:hover{transform:translateY(-2px);border-color:var(--color-primary)}.ticket-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-3)}.ticket-id{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-600)}.ticket-status{display:flex;align-items:center}.status-badge{padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase}.status-badge.open{background:var(--color-success-light);color:var(--color-success-dark)}.status-badge.in-progress{background:var(--color-info-light);color:var(--color-info-dark)}.status-badge.pending{background:var(--color-warning-light);color:var(--color-warning-dark)}.status-badge.resolved{background:var(--color-primary-light);color:var(--color-primary-dark)}.status-badge.closed{background:var(--color-gray-100);color:var(--color-gray-700)}.ticket-content{margin-bottom:var(--spacing-4)}.ticket-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0 0 var(--spacing-2) 0;line-height:1.4}.ticket-description{font-size:var(--font-size-sm);color:var(--color-gray-600);margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ticket-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-4);padding:var(--spacing-3);background:var(--color-gray-50);border-radius:var(--radius-md)}.ticket-department{display:flex;align-items:center;gap:var(--spacing-2)}.dept-icon{width:16px;height:16px;filter:var(--filter-gray-500)}.dept-name{font-size:var(--font-size-sm);color:var(--color-gray-600);font-weight:var(--font-weight-medium)}.ticket-priority{display:flex;align-items:center}.priority-badge{padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase}.priority-badge.urgent{background:var(--color-error-light);color:var(--color-error-dark)}.priority-badge.high{background:var(--color-warning-light);color:var(--color-warning-dark)}.priority-badge.medium{background:var(--color-info-light);color:var(--color-info-dark)}.priority-badge.low{background:var(--color-success-light);color:var(--color-success-dark)}.ticket-date{font-size:var(--font-size-sm);color:var(--color-gray-500)}.ticket-footer{display:flex;justify-content:space-between;align-items:center}.ticket-assignee{display:flex;align-items:center;gap:var(--spacing-2)}.assignee-avatar{width:24px;height:24px;border-radius:var(--radius-full);background-color:var(--color-gray-100);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-semibold);color:var(--color-primary);font-size:var(--font-size-xs);font-family:var(--font-family);flex-shrink:0}.assignee-name{font-size:var(--font-size-sm);color:var(--color-gray-600)}.ticket-actions{display:flex;gap:var(--spacing-2)}.action-btn{background:none;border:none;padding:var(--spacing-2);border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-normal)}.action-btn:hover{background:var(--color-gray-100)}.tickets-page .action-icon{width:16px;height:16px;filter:var(--filter-gray-500)}.pagination-controls{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-4) var(--spacing-6);border-top:1px solid var(--color-gray-200);background:var(--color-gray-50)}.modal-content{background:white;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:600px;width:100%;max-height:90vh;overflow-y:auto}.modal-header h2{margin:0;font-size:var(--font-size-xl);color:var(--color-gray-900)}.close-btn{background:none;border:none;padding:var(--spacing-2);cursor:pointer;border-radius:var(--radius-sm);transition:background-color var(--transition-normal)}.close-btn:hover{background:var(--color-gray-100)}.close-icon{width:20px;height:20px;filter:var(--filter-gray-500)}.new-ticket-form{padding:var(--spacing-6)}.form-group{margin-bottom:var(--spacing-4)}.form-label{display:block;font-weight:var(--font-weight-medium);color:var(--color-gray-700);margin-bottom:var(--spacing-2)}.form-input{width:100%;padding:var(--spacing-3);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--font-size-base);transition:border-color var(--transition-normal)}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.form-textarea{width:100%;padding:var(--spacing-3);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--font-size-base);font-family:inherit;resize:vertical;min-height:120px;transition:border-color var(--transition-normal)}.form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-3);margin-top:var(--spacing-6)}.form-help{display:block;margin-top:var(--spacing-1);font-size:var(--font-size-xs);color:var(--color-gray-500)}@media (max-width: 1024px){.page-content{margin-left:0;width:100%;max-width:100%;padding:var(--spacing-6)}.ticket-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.page-content{margin-left:0;width:100%;max-width:100%;padding:var(--spacing-4);padding-bottom:calc(var(--spacing-16) + 100px)!important}.tickets-page.mobile .page-content{padding:var(--spacing-4)}.department-tabs{flex-direction:column;gap:var(--spacing-4);padding:var(--spacing-3);align-items:stretch}.tabs-container{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2);width:100%}.tab-btn{flex:1;min-width:120px;justify-content:center;padding:var(--spacing-2) var(--spacing-3);height:44px;min-height:44px}.new-ticket-btn{width:100%;height:44px;min-height:44px}.tickets-controls{flex-direction:column;gap:var(--spacing-4)}.search-section{width:100%}.filter-section{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3)}.form-input{min-width:100px;font-size:var(--font-size-sm);height:48px;min-height:48px}.search-input{height:44px;min-height:44px}.ticket-cards{grid-template-columns:1fr;padding:var(--spacing-3)}.ticket-card{padding:var(--spacing-3);margin-bottom:var(--spacing-2)}.ticket-meta{flex-direction:column;align-items:flex-start;gap:var(--spacing-2);padding:var(--spacing-2)}.ticket-footer{flex-direction:row;justify-content:space-between;align-items:center;gap:var(--spacing-2)}.ticket-assignee{flex:1}.ticket-actions{flex-shrink:0}.modal-content{margin:var(--spacing-2);max-height:calc(100vh - var(--spacing-4))}.new-ticket-form{padding:var(--spacing-4)}.form-actions{flex-direction:column}.form-actions .common-btn{width:100%}.pagination-controls{flex-direction:column;gap:var(--spacing-3)}.pagination-info{text-align:center}.pagination-controls{justify-content:center}}@media (max-width: 480px){.page-content{margin-left:0;width:100%;max-width:100%;padding:var(--spacing-3);padding-bottom:calc(var(--spacing-16) + 100px)!important}.department-tabs{padding:var(--spacing-2)}.tabs-container{grid-template-columns:1fr;gap:var(--spacing-2)}.tab-btn{padding:var(--spacing-2);font-size:var(--font-size-sm);height:44px;min-height:44px}.new-ticket-btn{height:44px;min-height:44px}.form-input{height:48px;min-height:48px}.search-input{height:44px;min-height:44px}.tickets-controls{gap:var(--spacing-3)}.filter-section{grid-template-columns:1fr;gap:var(--spacing-2)}.ticket-cards,.ticket-card{padding:var(--spacing-2)}.ticket-title{font-size:var(--font-size-sm)}.ticket-description{font-size:var(--font-size-xs)}.modal-content{margin:var(--spacing-1);max-height:calc(100vh - var(--spacing-2))}}.ticket-detail-page[data-v-12452c92]{min-height:100vh;background-color:var(--color-secondary);position:relative}.ticket-detail-container[data-v-12452c92]{width:100%;margin:0 auto;position:relative;z-index:1}.back-section[data-v-12452c92]{margin-bottom:var(--spacing-6)}.back-btn[data-v-12452c92]{display:flex;align-items:center;gap:var(--spacing-2);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);color:var(--color-primary);font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-normal);padding:var(--spacing-3) var(--spacing-4);box-shadow:var(--shadow-sm)}.back-btn[data-v-12452c92]:hover{background:var(--color-primary);color:var(--color-white);transform:translateY(-2px);box-shadow:var(--shadow-md)}.back-icon[data-v-12452c92]{width:16px;height:16px;transform:rotate(180deg)}.loading-state[data-v-12452c92],.not-found-state[data-v-12452c92]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-12);text-align:center;background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--color-gray-200)}.loading-spinner[data-v-12452c92]{width:40px;height:40px;border:4px solid var(--color-gray-200);border-top:4px solid var(--color-primary);border-radius:50%;animation:spin-12452c92 1s linear infinite;margin-bottom:var(--spacing-4)}@keyframes spin-12452c92{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.not-found-icon[data-v-12452c92]{font-size:48px;margin-bottom:var(--spacing-4)}.not-found-state h3[data-v-12452c92]{color:var(--color-gray-700);margin-bottom:var(--spacing-2)}.not-found-state p[data-v-12452c92]{color:var(--color-gray-500);margin-bottom:var(--spacing-6)}.ticket-main-content[data-v-12452c92]{display:grid;grid-template-columns:380px 1fr;gap:var(--spacing-8);min-height:600px;overflow:visible}.ticket-details-panel[data-v-12452c92]{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);height:fit-content;position:relative;overflow:visible}.ticket-details-panel[data-v-12452c92]:before{display:none}.ticket-details-header[data-v-12452c92]{padding:var(--spacing-4) var(--spacing-4) var(--spacing-3);border-bottom:1px solid var(--color-gray-200);background:var(--color-gray-50)}.ticket-details-header h2[data-v-12452c92]{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0}.ticket-details-content[data-v-12452c92]{padding:var(--spacing-4)}.detail-item[data-v-12452c92]{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-3);padding:var(--spacing-2) var(--spacing-3);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);transition:all var(--transition-normal);cursor:pointer}.detail-item[data-v-12452c92]:hover{background:var(--color-primary-50);border-color:var(--color-primary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.detail-item[data-v-12452c92]:last-child{margin-bottom:0}.detail-item label[data-v-12452c92]{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-600);margin:0;min-width:80px}.detail-item span[data-v-12452c92]{font-size:var(--font-size-sm);color:var(--color-gray-900);font-weight:var(--font-weight-medium);text-align:right;flex:1}.department-name[data-v-12452c92]{font-weight:var(--font-weight-semibold);color:var(--color-primary)}.reference[data-v-12452c92]{font-family:Courier New,monospace;font-weight:var(--font-weight-medium);color:var(--color-primary);background:var(--color-primary-50);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);display:inline-block;font-size:var(--font-size-xs)}.created-date[data-v-12452c92]{color:var(--color-gray-600);font-style:italic}.status-badge[data-v-12452c92],.priority-badge[data-v-12452c92]{display:inline-block;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px;width:fit-content;box-shadow:none;transition:all var(--transition-normal)}.status-badge[data-v-12452c92]:hover,.priority-badge[data-v-12452c92]:hover{transform:scale(1.05);box-shadow:var(--shadow-sm)}.status-badge.open[data-v-12452c92]{background:var(--color-green-100);color:var(--color-green-800);border:1px solid var(--color-green-300)}.status-badge.in-progress[data-v-12452c92]{background:var(--color-blue-100);color:var(--color-blue-800);border:1px solid var(--color-blue-300)}.status-badge.pending[data-v-12452c92]{background:var(--color-yellow-100);color:var(--color-yellow-800);border:1px solid var(--color-yellow-300)}.status-badge.resolved[data-v-12452c92]{background:var(--color-green-100);color:var(--color-green-800);border:1px solid var(--color-green-300)}.status-badge.closed[data-v-12452c92]{background:var(--color-gray-100);color:var(--color-gray-800);border:1px solid var(--color-gray-300)}.priority-badge.low[data-v-12452c92]{background:var(--color-green-100);color:var(--color-green-800);border:1px solid var(--color-green-300)}.priority-badge.medium[data-v-12452c92]{background:var(--color-yellow-100);color:var(--color-yellow-800);border:1px solid var(--color-yellow-300)}.priority-badge.high[data-v-12452c92]{background:var(--color-orange-100);color:var(--color-orange-800);border:1px solid var(--color-orange-300)}.priority-badge.urgent[data-v-12452c92]{background:var(--color-red-100);color:var(--color-red-800);border:1px solid var(--color-red-300)}.manage-dropdown[data-v-12452c92]{position:relative;width:100%;z-index:1000}.manage-btn[data-v-12452c92]{width:100%;display:flex;align-items:center;justify-content:space-between;font-weight:var(--font-weight-semibold);transition:all var(--transition-normal);box-shadow:var(--shadow-md)}.manage-btn[data-v-12452c92]:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.manage-btn.active[data-v-12452c92]{background:var(--color-primary-hover)}.dropdown-icon[data-v-12452c92]{width:16px;height:16px;transition:transform var(--transition-normal);filter:brightness(0) invert(1)}.manage-btn.active .dropdown-icon[data-v-12452c92]{transform:rotate(180deg)}.dropdown-menu[data-v-12452c92]{position:absolute;top:100%;left:0;right:0;background:white;border-radius:var(--radius-lg);box-shadow:0 20px 40px #00000026;border:1px solid rgba(0,0,0,.05);z-index:1001;overflow:visible;margin-top:var(--spacing-2);animation:dropdownSlide-12452c92 .2s ease-out}@keyframes dropdownSlide-12452c92{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item[data-v-12452c92]{width:100%;display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4);background:none;border:none;text-align:left;color:var(--color-gray-700);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-normal)}.dropdown-item[data-v-12452c92]:hover{background:var(--color-primary-50);color:var(--color-primary)}.dropdown-item.danger[data-v-12452c92]{color:#ef4444}.dropdown-item.danger[data-v-12452c92]:hover{background:var(--color-red-50);color:var(--color-red-600)}.item-icon[data-v-12452c92]{width:16px;height:16px;opacity:.7}.dropdown-divider[data-v-12452c92]{height:1px;background:var(--color-gray-200);margin:var(--spacing-2) 0}.ticket-actions[data-v-12452c92]{padding:var(--spacing-4);border-top:1px solid var(--color-gray-200);background:var(--color-gray-50);overflow:visible}.conversation-panel[data-v-12452c92]{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;position:relative;overflow:hidden}.conversation-panel[data-v-12452c92]:before{display:none}.description-section[data-v-12452c92]{padding:var(--spacing-6);border-bottom:1px solid var(--color-gray-200);background:var(--color-white)}.description-section h3[data-v-12452c92]{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0 0 var(--spacing-3) 0}.description-section p[data-v-12452c92]{color:var(--color-gray-700);line-height:var(--line-height-normal);margin:0;font-size:var(--font-size-base);background:none;padding:0;border-radius:0;border:none;box-shadow:none}.message-input-section[data-v-12452c92]{padding:var(--spacing-6);border-bottom:1px solid var(--color-gray-200);background:var(--color-gray-50)}.message-input-wrapper[data-v-12452c92]{display:flex;flex-direction:column;gap:var(--spacing-4)}.message-input[data-v-12452c92]{width:100%;min-height:100px;padding:var(--spacing-4);border:2px solid var(--color-gray-300);border-radius:var(--radius-lg);font-size:var(--font-size-base);font-family:var(--font-family);resize:vertical;transition:all var(--transition-normal);background:var(--color-white)}.message-input[data-v-12452c92]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-100);background:var(--color-white)}.message-actions[data-v-12452c92]{display:flex;justify-content:space-between;align-items:center}.attach-link[data-v-12452c92]{display:flex;align-items:center;gap:var(--spacing-2);color:var(--color-primary);text-decoration:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);transition:all var(--transition-normal);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md)}.attach-link[data-v-12452c92]:hover{color:var(--color-primary-dark);background:var(--color-primary-50)}.attach-icon[data-v-12452c92]{width:16px;height:16px}.post-btn[data-v-12452c92]{padding:var(--spacing-3) var(--spacing-6);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-md);transition:all var(--transition-normal)}.post-btn[data-v-12452c92]:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.post-btn[data-v-12452c92]:disabled{opacity:.6;cursor:not-allowed;transform:none}.conversation-tabs[data-v-12452c92]{display:flex;border-bottom:1px solid var(--color-gray-200);padding:0 var(--spacing-6);background:var(--color-gray-50)}.tab-btn[data-v-12452c92]{padding:var(--spacing-4) var(--spacing-6);background:none;border:none;border-bottom:3px solid transparent;color:var(--color-gray-600);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-normal);position:relative}.tab-btn[data-v-12452c92]:hover{color:var(--color-gray-900);background:var(--color-primary-50)}.tab-btn.active[data-v-12452c92]{color:var(--color-primary);border-bottom-color:var(--color-primary);background:var(--color-primary-100)}.conversation-thread[data-v-12452c92],.attachments-thread[data-v-12452c92]{flex:1;padding:var(--spacing-6);overflow-y:auto;max-height:500px;background:var(--color-white)}.no-attachments[data-v-12452c92]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-12);text-align:center;color:var(--color-gray-500)}.no-attachments-icon[data-v-12452c92]{font-size:48px;margin-bottom:var(--spacing-4)}.no-attachments h3[data-v-12452c92]{color:var(--color-gray-700);margin-bottom:var(--spacing-2)}.no-attachments p[data-v-12452c92]{color:var(--color-gray-500);margin:0}.attachments-grid[data-v-12452c92]{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--spacing-4)}.attachment-item[data-v-12452c92]{border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-4);background:var(--color-white);transition:all var(--transition-normal)}.attachment-item[data-v-12452c92]:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.attachment-preview[data-v-12452c92]{width:100%;height:120px;border-radius:var(--radius-md);overflow:hidden;margin-bottom:var(--spacing-3);background:var(--color-gray-50);display:flex;align-items:center;justify-content:center}.attachment-image[data-v-12452c92]{width:100%;height:100%;object-fit:cover}.attachment-icon[data-v-12452c92]{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.file-icon[data-v-12452c92]{width:32px;height:32px;opacity:.5}.attachment-info[data-v-12452c92]{text-align:left}.attachment-name[data-v-12452c92]{font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin-bottom:var(--spacing-2);word-break:break-word}.attachment-meta[data-v-12452c92]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-3);font-size:var(--font-size-sm);color:var(--color-gray-500)}.attachment-actions[data-v-12452c92]{display:flex;justify-content:center}.download-btn[data-v-12452c92]{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-normal)}.download-btn[data-v-12452c92]:hover{background:var(--color-primary-dark)}.action-icon[data-v-12452c92]{width:16px;height:16px;filter:brightness(0) invert(1)}.attachment-count[data-v-12452c92]{background:var(--color-primary);color:#fff;padding:2px 6px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);margin-left:var(--spacing-2)}.avatar-image[data-v-12452c92]{width:32px;height:32px;border-radius:var(--radius-full);background-color:var(--color-gray-100);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-semibold);color:var(--color-primary);font-size:var(--font-size-xs);font-family:var(--font-family);flex-shrink:0}.conversation-item[data-v-12452c92]{display:flex;gap:var(--spacing-3);margin-bottom:var(--spacing-4);padding:var(--spacing-3);border-radius:var(--radius-md);transition:none;position:relative;border-bottom:none}.conversation-item[data-v-12452c92]:hover{background:none;transform:none}.conversation-item.client[data-v-12452c92]{background:var(--color-primary-50);border-left:3px solid var(--color-primary);border-radius:var(--radius-md);margin-bottom:var(--spacing-4);padding:var(--spacing-4)}.conversation-item.support[data-v-12452c92]{background:var(--color-gray-50);border-left:3px solid var(--color-gray-400);border-radius:var(--radius-md);margin-bottom:var(--spacing-4);padding:var(--spacing-4)}.conversation-item.user[data-v-12452c92]{background:var(--color-primary-50);border-left:3px solid var(--color-primary);border-radius:var(--radius-md);margin-bottom:var(--spacing-4);padding:var(--spacing-4)}.conversation-item[data-v-12452c92]:last-child{margin-bottom:0}.message-avatar[data-v-12452c92]{flex-shrink:0;width:32px;height:32px;border-radius:var(--radius-full);background-color:var(--color-gray-100);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-semibold);color:var(--color-primary);font-size:var(--font-size-xs);font-family:var(--font-family)}.message-avatar.client-avatar[data-v-12452c92]{background-color:var(--color-primary);color:var(--color-white)}.avatar-circle[data-v-12452c92]{width:32px;height:32px;border-radius:50%;background:var(--color-gray-400);color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);box-shadow:none}.system-avatar[data-v-12452c92]{background:var(--color-gray-500);box-shadow:none}.client-avatar .avatar-circle[data-v-12452c92]{background:var(--color-primary);box-shadow:none}.support-avatar .avatar-circle[data-v-12452c92]{background:var(--color-gray-500);box-shadow:none}.user-avatar .avatar-circle[data-v-12452c92]{background:var(--color-primary);box-shadow:none}.system-icon[data-v-12452c92]{width:24px;height:24px;filter:brightness(0) invert(1)}.message-content[data-v-12452c92]{flex:1;min-width:0}.message-header[data-v-12452c92]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-3)}.message-author[data-v-12452c92]{font-weight:var(--font-weight-bold);color:var(--color-gray-900);font-size:var(--font-size-sm)}.message-time[data-v-12452c92]{font-size:var(--font-size-xs);color:var(--color-gray-500);font-weight:var(--font-weight-medium)}.message-text[data-v-12452c92]{color:var(--color-gray-700);line-height:var(--line-height-normal);font-size:var(--font-size-sm);background:none;padding:0;border-radius:0;box-shadow:none;border:none}@media (max-width: 1024px){.ticket-main-content[data-v-12452c92]{grid-template-columns:320px 1fr;gap:var(--spacing-6)}}@media (max-width: 768px){.page-content[data-v-12452c92]{padding:var(--spacing-4);padding-bottom:calc(var(--spacing-16) + 100px)!important}.ticket-main-content[data-v-12452c92]{grid-template-columns:1fr;gap:var(--spacing-4)}.ticket-details-panel[data-v-12452c92]{order:2}.conversation-panel[data-v-12452c92]{order:1}.conversation-thread[data-v-12452c92]{max-height:400px}.ticket-detail-page[data-v-12452c92]{background-color:var(--color-secondary)}.ticket-detail-container[data-v-12452c92]{margin-bottom:var(--spacing-6)}.message-input-section[data-v-12452c92]{margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-4)}}@media (max-width: 480px){.page-content[data-v-12452c92]{padding:var(--spacing-3);padding-bottom:calc(var(--spacing-16) + 100px)!important}.ticket-detail-container[data-v-12452c92]{padding:var(--spacing-4);margin-bottom:var(--spacing-6)}.ticket-details-content[data-v-12452c92],.description-section[data-v-12452c92],.message-input-section[data-v-12452c92],.conversation-thread[data-v-12452c92]{padding:var(--spacing-4)}.conversation-tabs[data-v-12452c92]{padding:0 var(--spacing-4)}.message-actions[data-v-12452c92]{flex-direction:column;gap:var(--spacing-3);align-items:stretch}.post-btn[data-v-12452c92]{width:100%}.avatar-circle[data-v-12452c92]{width:40px;height:40px}.message-input-section[data-v-12452c92]{margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-4)}.ticket-main-content[data-v-12452c92]{margin-bottom:var(--spacing-6)}}.new-ticket-page[data-v-d5794ebb]{min-height:100vh;background-color:var(--color-secondary);position:relative;overflow-x:hidden;overflow-y:auto}.page-content[data-v-d5794ebb]{margin-left:280px;margin-top:80px;padding:var(--spacing-8);width:calc(100% - 280px);max-width:calc(100% - 280px);overflow-x:hidden;box-sizing:border-box;transition:all var(--transition-normal)}.new-ticket-page.menu-collapsed .page-content[data-v-d5794ebb]{margin-left:60px;width:calc(100% - 60px);max-width:calc(100% - 60px)}.new-ticket-page.mobile .page-content[data-v-d5794ebb]{margin-left:0;margin-top:60px;width:100%;max-width:100%;padding:var(--spacing-4);padding-bottom:calc(var(--spacing-16) + 100px);min-height:calc(100vh - 60px)}.new-ticket-container[data-v-d5794ebb]{width:100%;max-width:100%}.back-section[data-v-d5794ebb]{margin-bottom:var(--spacing-4)}.back-btn[data-v-d5794ebb]{display:flex;align-items:center;gap:var(--spacing-2);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:var(--spacing-2) var(--spacing-4);color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-sm)}.back-btn[data-v-d5794ebb]:hover{background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.back-icon[data-v-d5794ebb]{width:16px;height:16px;transform:rotate(180deg);filter:var(--filter-primary);transition:filter var(--transition-normal)}.back-btn:hover .back-icon[data-v-d5794ebb]{filter:brightness(0) invert(1)}.ticket-form-container[data-v-d5794ebb]{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:visible;position:relative;z-index:1}.new-ticket-form[data-v-d5794ebb]{padding:var(--spacing-6);position:relative;z-index:1}.form-row[data-v-d5794ebb]{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-6);margin-bottom:var(--spacing-6);position:relative}.form-group[data-v-d5794ebb]{margin-bottom:var(--spacing-6);position:relative;z-index:1}.form-group[data-v-d5794ebb]:has(.select-wrapper:focus-within){z-index:10}.form-label[data-v-d5794ebb]{display:block;font-weight:var(--font-weight-semibold);color:var(--color-gray-700);margin-bottom:var(--spacing-2);font-size:var(--font-size-sm)}.form-input[data-v-d5794ebb]{width:100%;padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--font-size-base);transition:border-color var(--transition-normal);background:var(--color-white);height:44px;min-height:44px}.form-input[data-v-d5794ebb]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.form-textarea[data-v-d5794ebb]{width:100%;padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--font-size-base);font-family:inherit;resize:vertical;min-height:120px;transition:border-color var(--transition-normal);line-height:1.5}.form-textarea[data-v-d5794ebb]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.select-wrapper[data-v-d5794ebb]{position:relative;z-index:1}.select-wrapper[data-v-d5794ebb]:focus-within{z-index:10}.select-wrapper select[data-v-d5794ebb]{position:relative;z-index:2;background-color:var(--color-white)}.form-group[data-v-d5794ebb]:has(select:focus){z-index:10;position:relative}.select-arrow[data-v-d5794ebb]{position:absolute;right:var(--spacing-3);top:50%;transform:translateY(-50%);width:16px;height:16px;filter:var(--filter-gray-400);pointer-events:none;z-index:3}.file-input-wrapper[data-v-d5794ebb]{position:relative;width:100%;min-height:60px;display:flex;align-items:center;justify-content:center;border:2px dashed var(--color-gray-300);background:var(--color-gray-50);border-radius:var(--radius-md);transition:all var(--transition-normal)}.file-input[data-v-d5794ebb]{padding:0;cursor:pointer;border:none;background:transparent;text-align:center;transition:all var(--transition-normal);font-size:var(--font-size-base);border-radius:var(--radius-md);position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;min-height:60px;opacity:0}.file-input-label[data-v-d5794ebb]{position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;background:transparent;border-radius:var(--radius-md);transition:all var(--transition-normal);font-size:var(--font-size-base);color:var(--color-gray-600);pointer-events:none;z-index:2;width:100%;min-height:60px;padding:var(--spacing-3)}.file-input-wrapper[data-v-d5794ebb]:hover{border-color:var(--color-primary);background:var(--color-primary-50);transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.file-input-wrapper:hover .file-input-label[data-v-d5794ebb]{color:var(--color-primary)}.file-input[data-v-d5794ebb]::-webkit-file-upload-button{display:none}.file-input[data-v-d5794ebb]::-moz-file-upload-button{display:none}.file-input-wrapper[data-v-d5794ebb]:has(.file-input:not(:placeholder-shown)),.file-input-wrapper.has-file[data-v-d5794ebb]{border-color:var(--color-primary);background:var(--color-primary-50)}.file-input-wrapper:has(.file-input:not(:placeholder-shown)) .file-input-label[data-v-d5794ebb],.file-input-wrapper.has-file .file-input-label[data-v-d5794ebb]{color:var(--color-primary-dark)}.form-help[data-v-d5794ebb]{display:block;margin-top:var(--spacing-1);font-size:var(--font-size-xs);color:var(--color-gray-500);line-height:1.4}.form-actions[data-v-d5794ebb]{display:flex;justify-content:flex-end;gap:var(--spacing-4);margin-top:var(--spacing-6);padding-top:var(--spacing-6);border-top:1px solid var(--color-gray-200)}.btn-secondary[data-v-d5794ebb]{background-color:var(--color-gray-100);color:var(--color-gray-700);border:1px solid var(--color-gray-300)}.btn-secondary[data-v-d5794ebb]:hover:not(:disabled){background-color:var(--color-gray-200);border-color:var(--color-gray-400)}.btn-primary[data-v-d5794ebb]{background-color:var(--color-primary);color:var(--color-white);border:1px solid var(--color-primary)}.btn-primary[data-v-d5794ebb]:hover:not(:disabled){background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn-primary[data-v-d5794ebb]:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 1024px){.page-content[data-v-d5794ebb]{margin-left:0;width:100%;max-width:100%;padding:var(--spacing-6)}.new-ticket-container[data-v-d5794ebb]{max-width:100%;padding:0}}@media (max-width: 768px){.page-content[data-v-d5794ebb]{margin-left:0;width:100%;max-width:100%;padding:var(--spacing-4);padding-bottom:calc(var(--spacing-16) + 100px)!important}.new-ticket-form[data-v-d5794ebb]{padding:var(--spacing-4)}.form-input[data-v-d5794ebb]{height:48px;min-height:48px}.form-row[data-v-d5794ebb]{grid-template-columns:1fr;gap:var(--spacing-4);margin-bottom:var(--spacing-4)}.form-group[data-v-d5794ebb]{margin-bottom:var(--spacing-4)}.select-wrapper[data-v-d5794ebb]{z-index:1}.select-wrapper[data-v-d5794ebb]:focus-within{z-index:100}.form-group[data-v-d5794ebb]:has(.select-wrapper:focus-within){z-index:100}.form-actions[data-v-d5794ebb]{flex-direction:column;gap:var(--spacing-3);margin-top:var(--spacing-6);padding-top:var(--spacing-4);margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-4)}.form-actions .common-btn[data-v-d5794ebb]{width:100%}.file-input-wrapper[data-v-d5794ebb]{min-height:100px}.file-input-label[data-v-d5794ebb]{min-height:100px;font-size:var(--font-size-sm);text-align:center;word-wrap:break-word}.file-input[data-v-d5794ebb]{min-height:100px}}@media (max-width: 480px){.page-content[data-v-d5794ebb]{margin-left:0;width:100%;max-width:100%;padding:var(--spacing-3);padding-bottom:calc(var(--spacing-16) + 100px)!important}.new-ticket-container[data-v-d5794ebb]{padding:0}.new-ticket-form[data-v-d5794ebb]{padding:var(--spacing-4)}.form-input[data-v-d5794ebb]{height:48px;min-height:48px}.form-group[data-v-d5794ebb]{margin-bottom:var(--spacing-3)}.form-input[data-v-d5794ebb],.form-textarea[data-v-d5794ebb]{padding:var(--spacing-2);font-size:var(--font-size-sm)}.form-textarea[data-v-d5794ebb]{min-height:100px}.ticket-form-container[data-v-d5794ebb]{margin-bottom:var(--spacing-6)}.form-actions[data-v-d5794ebb]{margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-4)}.file-input-wrapper[data-v-d5794ebb]{min-height:80px;padding:var(--spacing-3)}.file-input-label[data-v-d5794ebb]{min-height:80px;padding:var(--spacing-3);font-size:var(--font-size-sm);text-align:center;word-wrap:break-word}.file-input[data-v-d5794ebb]{min-height:80px}}.sub-ib-structure-page{min-height:100vh;background-color:var(--color-secondary)}.sub-ib-structure-page.menu-collapsed .page-content{margin-left:60px;width:calc(100% - 60px);max-width:calc(100% - 60px)}.sub-ib-structure-page.mobile .page-content{margin-left:0;margin-top:60px;width:100%;max-width:100%;padding:var(--spacing-4);padding-bottom:calc(var(--spacing-16) + 100px);min-height:calc(100vh - 60px)}.sub-ib-structure-container{width:100%}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-8);padding-bottom:var(--spacing-4);border-bottom:1px solid var(--color-border)}.header-content h1{margin:0 0 var(--spacing-2) 0;color:var(--color-gray-900);font-size:2rem;font-weight:var(--font-weight-bold)}.page-description{margin:0;color:var(--color-gray-600);font-size:var(--font-size-base)}.header-actions .btn{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);background-color:var(--color-primary);color:#fff;border:none;border-radius:var(--border-radius);font-weight:var(--font-weight-semibold);transition:all .2s ease}.header-actions .btn:hover{background-color:var(--color-primary-dark);transform:translateY(-1px)}.header-actions .btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-12);text-align:center;background:white;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm)}.spinner{width:40px;height:40px;border:4px solid var(--color-border);border-top:4px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--spacing-4)}.error-message{color:var(--color-danger)}.error-message i{font-size:3rem;margin-bottom:var(--spacing-4);color:var(--color-danger)}.error-message h3{margin-bottom:var(--spacing-2);color:var(--color-danger)}.error-message p{margin-bottom:var(--spacing-4);color:var(--color-gray-600)}.data-table-container{background:white;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.create-button-section{display:flex;justify-content:flex-end;align-items:center;margin-bottom:var(--spacing-4)}.create-group-btn{display:flex;align-items:center;gap:var(--spacing-2)}.create-group-btn .btn-icon{width:16px;height:16px;filter:brightness(0) invert(1)}.table-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-6);border-bottom:1px solid var(--color-border);background-color:var(--color-gray-50)}.table-header h3{margin:0;color:var(--color-gray-900);font-size:1.25rem;font-weight:var(--font-weight-semibold)}.table-actions .btn{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);background-color:transparent;color:var(--color-gray-600);border:1px solid var(--color-border);border-radius:var(--border-radius);font-size:var(--font-size-sm);transition:all .2s ease}.table-actions .btn:hover{background-color:var(--color-gray-100);color:var(--color-gray-900);border-color:var(--color-gray-300)}.table{margin:0;width:100%;border-collapse:collapse}.table th{background-color:var(--color-gray-50);border-bottom:2px solid var(--color-border);font-weight:var(--font-weight-semibold);color:var(--color-gray-700);padding:var(--spacing-4);text-align:left;font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.05em}.table td{vertical-align:middle;padding:var(--spacing-4);border-bottom:1px solid var(--color-border);color:var(--color-gray-700);font-size:var(--font-size-sm)}.table tbody tr:hover{background-color:var(--color-gray-50)}.table tbody tr:last-child td{border-bottom:none}.badge{font-size:.75rem;padding:.25rem .5rem;border-radius:var(--border-radius);font-weight:var(--font-weight-medium)}.badge-info{background-color:var(--color-info-light);color:var(--color-info-dark)}.badge-secondary{background-color:var(--color-gray-200);color:var(--color-gray-700)}.btn-group{display:flex;gap:var(--spacing-2)}.btn-group .btn{padding:var(--spacing-2) var(--spacing-3);border-radius:var(--border-radius);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all .2s ease;display:flex;align-items:center;gap:var(--spacing-1)}.btn-outline-primary{background-color:transparent;color:var(--color-primary);border:1px solid var(--color-primary)}.btn-outline-primary:hover{background-color:var(--color-primary);color:#fff}.btn-outline-danger{background-color:transparent;color:var(--color-danger);border:1px solid var(--color-danger)}.btn-outline-danger:hover{background-color:var(--color-danger);color:#fff}.btn-outline-secondary{background-color:transparent;color:var(--color-gray-600);border:1px solid var(--color-gray-300)}.btn-outline-secondary:hover{background-color:var(--color-gray-100);color:var(--color-gray-900)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-content{background:white;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);width:90%;max-width:900px;max-height:90vh;overflow-y:auto;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-6);border-bottom:1px solid var(--color-border);background-color:var(--color-gray-50)}.modal-header h3{margin:0;color:var(--color-gray-900);font-size:1.25rem;font-weight:var(--font-weight-semibold)}.btn-close{background:none;border:none;font-size:1.5rem;color:var(--color-gray-500);cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius);transition:all .2s ease}.btn-close:hover{color:var(--color-gray-700);background-color:var(--color-gray-100)}.modal-body{padding:var(--spacing-6)}.form-group{margin-bottom:var(--spacing-6)}.form-group label{display:block;margin-bottom:var(--spacing-2);font-weight:var(--font-weight-semibold);color:var(--color-gray-700);font-size:var(--font-size-sm)}.form-control{width:100%;padding:var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--border-radius);font-size:var(--font-size-base);transition:all .2s ease;background-color:#fff}.form-control:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.form-control:disabled{background-color:var(--color-gray-100);color:var(--color-gray-500);cursor:not-allowed}.checkbox-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-3);padding:var(--spacing-4);background-color:var(--color-gray-50);border-radius:var(--border-radius);border:1px solid var(--color-border)}.checkbox-info{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3);background-color:var(--color-info-light);border:1px solid var(--color-info);border-radius:var(--border-radius);margin-bottom:var(--spacing-4);color:var(--color-info-dark);font-size:var(--font-size-sm)}.checkbox-info i{color:var(--color-info)}.checkbox-item{display:flex;align-items:center;gap:var(--spacing-2)}.checkbox-item input[type=checkbox]{margin:0;width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer}.checkbox-item input[type=checkbox]:checked{background-color:var(--color-primary);border-color:var(--color-primary)}.checkbox-item label{margin:0;font-weight:var(--font-weight-normal);cursor:pointer;color:var(--color-gray-700);font-size:var(--font-size-sm)}.commission-rates{margin-top:var(--spacing-6);padding:var(--spacing-4);background-color:var(--color-gray-50);border-radius:var(--border-radius);border:1px solid var(--color-border)}.commission-rates h4{margin-bottom:var(--spacing-4);color:var(--color-gray-900);font-size:1.125rem;font-weight:var(--font-weight-semibold)}.rates-table{overflow-x:auto;background:white;border-radius:var(--border-radius);border:1px solid var(--color-border)}.rates-table .table{font-size:.875rem;margin:0}.rates-table .table th{background-color:var(--color-gray-100);font-size:.75rem;padding:var(--spacing-3);text-align:center}.rates-table .table td{padding:var(--spacing-3);text-align:center;vertical-align:middle;min-width:120px}.rates-table .form-control-sm{padding:var(--spacing-2);font-size:.875rem;text-align:center;border:1px solid var(--color-border);border-radius:var(--border-radius)}.rates-table .form-control-sm:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #3b82f61a}.modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-3);padding:var(--spacing-6);border-top:1px solid var(--color-border);background-color:var(--color-gray-50)}.modal-footer .btn{padding:var(--spacing-3) var(--spacing-6);border-radius:var(--border-radius);font-weight:var(--font-weight-semibold);transition:all .2s ease;display:flex;align-items:center;gap:var(--spacing-2)}.modal-footer .btn-secondary{background-color:transparent;color:var(--color-gray-600);border:1px solid var(--color-gray-300)}.modal-footer .btn-secondary:hover{background-color:var(--color-gray-100);color:var(--color-gray-900)}.modal-footer .btn-primary{background-color:var(--color-primary);color:#fff;border:1px solid var(--color-primary)}.modal-footer .btn-primary:hover{background-color:var(--color-primary-dark)}.modal-footer .btn:disabled{opacity:.6;cursor:not-allowed}.spinner-border-sm{width:1rem;height:1rem;border-width:.125rem}.text-muted{color:var(--color-gray-500);font-style:italic}.empty-state{padding:2rem}.empty-state-icon{font-size:3rem;color:var(--color-gray-400);margin-bottom:1rem}.empty-state-title{margin:0;font-size:1.1rem;color:var(--color-gray-700);font-weight:var(--font-weight-semibold)}.empty-state-description{margin:.5rem 0 0;color:var(--color-gray-500);font-size:var(--font-size-sm)}.commission-input-container{display:flex;flex-direction:column;width:100%}.commission-input-wrapper{position:relative;display:flex;align-items:center;width:100%}.commission-currency-symbol{color:var(--color-gray-600);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-right:var(--spacing-1);flex-shrink:0}.commission-input{flex:1;text-align:right;font-weight:var(--font-weight-medium);width:100%;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);background:var(--color-white);transition:all var(--transition-normal)}.commission-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #0000001a}.commission-input.is-invalid{border-color:var(--color-danger);box-shadow:0 0 0 2px #dc35451a}.parent-rate-info{margin-top:var(--spacing-1);text-align:center}.invalid-feedback{display:block;width:100%;margin-top:var(--spacing-1);font-size:var(--font-size-xs);color:var(--color-danger);text-align:center}.max-commission-info{display:block;width:100%;margin-top:var(--spacing-1);font-size:var(--font-size-xs);color:var(--color-gray-500);text-align:center;font-weight:var(--font-weight-medium)}.d-block{display:block}.data-table-container{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-6);max-height:calc(100vh - 200px);display:flex;flex-direction:column}.table-wrapper{overflow-x:auto;overflow-y:auto;-webkit-overflow-scrolling:touch;flex:1;max-height:calc(100vh - 300px)}.data-table{width:100%;border-collapse:collapse;font-family:var(--font-family)}.data-table th{background:var(--color-gray-50);color:var(--color-gray-900);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);padding:var(--spacing-4);text-align:left;border-bottom:2px solid var(--color-gray-200);position:sticky;top:0;z-index:10}.group-row:hover{background:var(--color-gray-50)}.sr-no-cell{text-align:center;font-weight:var(--font-weight-medium);color:var(--color-gray-600)}.group-name-cell{font-weight:var(--font-weight-semibold)}.date-cell{color:var(--color-gray-600)}.date-info{display:flex;align-items:center;gap:var(--spacing-2)}.commission-cell{text-align:center}.commission-preview{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2)}.commission-count{font-size:var(--font-size-xs);color:var(--color-gray-600)}.view-details-btn{background:none;border:none;color:var(--color-primary);cursor:pointer;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);transition:all var(--transition-normal);display:flex;align-items:center;gap:var(--spacing-1)}.view-details-btn:hover{background:var(--color-primary-light);color:var(--color-primary-dark)}.actions-cell{text-align:center}.action-buttons{display:flex;gap:var(--spacing-2);justify-content:center;align-items:center}.action-buttons Button{margin:0}.loading-row,.error-row,.empty-row{background:var(--color-gray-50)}.loading-cell,.error-cell,.empty-cell{text-align:center;padding:var(--spacing-8)!important}.no-data{text-align:center;padding:var(--spacing-8)!important;background:var(--color-white)}.no-data-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-4)}.no-data-content p{margin:0;font-size:var(--font-size-base);color:var(--color-gray-600);text-align:center}.loading-spinner{color:var(--color-gray-500);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium)}.error-message{color:var(--color-danger);margin-bottom:var(--spacing-4)}.retry-btn{background:var(--color-primary);color:var(--color-white);border:none;padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-normal)}.retry-btn:hover{background:var(--color-primary-dark)}.empty-message{color:var(--color-gray-500);font-style:italic}.pagination-section{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-4) var(--spacing-6);border-top:1px solid var(--color-gray-200);background:var(--color-white);flex-wrap:wrap;gap:var(--spacing-4)}.pagination-info{font-size:var(--font-size-sm);color:var(--color-gray-600)}.pagination-controls{display:flex;gap:var(--spacing-2);align-items:center}.pagination-btn{padding:var(--spacing-2) var(--spacing-4);border:1px solid var(--color-gray-300);background:var(--color-white);color:var(--color-gray-700);border-radius:var(--radius-sm);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-normal);min-height:44px}.pagination-btn:hover:not(:disabled){background:var(--color-gray-50);border-color:var(--color-gray-400)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.page-info{font-size:var(--font-size-sm);color:var(--color-gray-600);padding:0 var(--spacing-2)}@media (max-width: 768px){.page-content{margin-left:0;width:100%;max-width:100%;padding:var(--spacing-6);padding-bottom:calc(var(--spacing-16) + 100px)!important}.pagination-section{flex-direction:column;gap:var(--spacing-3);padding:var(--spacing-4);text-align:center}.pagination-controls{justify-content:center}.pagination-btn{width:100%;padding:var(--spacing-3) var(--spacing-4)}.page-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-4)}.header-content h1{font-size:1.5rem}.modal-content{width:95%;margin:var(--spacing-4)}.checkbox-group{grid-template-columns:1fr}.create-button-section{justify-content:center;margin-bottom:var(--spacing-3)}.create-group-btn{width:100%;max-width:200px;justify-content:center}.table-header{flex-direction:column;gap:var(--spacing-3);align-items:flex-start}.btn-group{flex-direction:column;width:100%}.btn-group .btn{justify-content:center}}@media (max-width: 480px){.page-content{margin-left:0;width:100%;max-width:100%;padding:var(--spacing-4);padding-bottom:calc(var(--spacing-16) + 100px)!important}.modal-content{width:100%;height:100%;border-radius:0;max-height:none}.rates-table{font-size:.75rem}.rates-table .form-control-sm{padding:var(--spacing-1);font-size:.75rem}}.nav-tabs{display:flex;border-bottom:2px solid var(--color-gray-200);margin-bottom:var(--spacing-6);list-style:none;padding:0;gap:var(--spacing-2);flex-wrap:wrap}.nav-item{margin-right:0}.nav-link{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-5);border:none;border-bottom:3px solid transparent;background:transparent;color:var(--color-gray-600);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);font-family:var(--font-family);line-height:var(--line-height-normal);cursor:pointer;transition:all var(--transition-normal);text-decoration:none;white-space:nowrap}.nav-link:hover{color:var(--color-primary);border-bottom-color:var(--color-gray-300);background-color:var(--color-gray-50)}.nav-link.active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:var(--font-weight-semibold);background-color:transparent}.nav-link i{font-size:var(--font-size-sm);line-height:1}.tab-content{width:100%}.tab-pane{display:none}.tab-pane.active{display:block}.alert{padding:var(--spacing-4);margin-bottom:var(--spacing-6);border-radius:var(--radius-md);display:flex;align-items:flex-start;gap:var(--spacing-3)}.alert-info{background-color:var(--color-info-light);border:1px solid var(--color-info);color:var(--color-info-dark)}.alert-warning{background-color:var(--color-warning-light);border:1px solid var(--color-warning);color:var(--color-warning-dark)}.alert i{font-size:var(--font-size-lg);flex-shrink:0}.groups-grid,.templates-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-6);margin-bottom:var(--spacing-6)}.template-group{display:contents}.group-card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.group-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.group-card-header{background-color:var(--color-primary);color:var(--color-white);padding:var(--spacing-4);text-align:center}.group-title{margin:0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);font-family:var(--font-family);text-transform:uppercase;letter-spacing:.05em;color:var(--color-white);line-height:var(--line-height-tight)}.group-card-body{padding:var(--spacing-4)}.group-card-body .form-group{margin-bottom:var(--spacing-4)}.group-card-body .form-label{display:block;margin-bottom:var(--spacing-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:var(--font-family);color:var(--color-gray-700);line-height:var(--line-height-normal)}.group-card-body .input-group{display:flex;align-items:center}.group-card-body .input-group-text{background-color:var(--color-gray-100);border:1px solid var(--color-gray-300);border-right:none;padding:var(--spacing-2) var(--spacing-3);color:var(--color-gray-600);font-size:var(--font-size-sm);border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.group-card-body .form-control{flex:1;border-left:none;border-radius:0 var(--radius-sm) var(--radius-sm) 0}.group-card-body .form-control:disabled{background-color:var(--color-gray-50);color:var(--color-gray-700)}.private-groups-content{width:100%}.admin-templates-section{margin-bottom:var(--spacing-8)}.created-groups-section{margin-top:var(--spacing-8)}.mb-4{margin-bottom:var(--spacing-4)}.mt-3{margin-top:var(--spacing-3)}.pt-2{padding-top:var(--spacing-2)}.border-top{border-top:1px solid var(--color-gray-200)}.w-100{width:100%}.setup-guide{margin-bottom:var(--spacing-8)}.setup-guide h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);font-family:var(--font-family);color:var(--color-gray-900);margin:0 0 var(--spacing-2) 0;line-height:var(--line-height-tight)}.setup-guide>p{color:var(--color-gray-600);margin:0 0 var(--spacing-6) 0;font-size:var(--font-size-base);font-family:var(--font-family);line-height:var(--line-height-normal)}.guide-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-4);width:100%}.guide-method{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-4);background:var(--color-white);border-radius:var(--radius-md);border:1px solid var(--color-gray-200);transition:all var(--transition-normal);width:100%;box-sizing:border-box}.guide-method:hover{background:var(--color-gray-50);border-color:var(--color-gray-300);box-shadow:var(--shadow-sm)}.guide-icon{flex-shrink:0;margin-top:var(--spacing-1);display:flex;align-items:center;justify-content:center}.guide-icon .method-icon{width:20px;height:20px;opacity:.8;filter:brightness(0) saturate(100%) invert(0%)}.guide-content{flex:1;min-width:0}.guide-content h4{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);font-family:var(--font-family);color:var(--color-gray-900);margin:0 0 var(--spacing-2) 0;line-height:var(--line-height-tight)}.guide-content p{font-size:var(--font-size-sm);color:var(--color-gray-600);margin:0;line-height:var(--line-height-relaxed);font-family:var(--font-family)}@media (max-width: 768px){.nav-tabs{flex-direction:row;border-bottom:2px solid var(--color-gray-200);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.nav-tabs::-webkit-scrollbar{display:none}.nav-item{margin-right:0;flex-shrink:0}.nav-link{padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-sm);border-bottom:3px solid transparent;border-radius:0;min-width:fit-content}.nav-link.active{border-bottom-color:var(--color-primary);border-left-color:transparent}.groups-grid,.templates-grid{grid-template-columns:1fr;gap:var(--spacing-4)}.guide-methods{grid-template-columns:1fr;gap:var(--spacing-3)}.guide-method{padding:var(--spacing-3)}.guide-content h4{font-size:var(--font-size-sm)}.guide-content p{font-size:var(--font-size-xs)}.group-card-header{padding:var(--spacing-3)}.group-title{font-size:var(--font-size-sm)}.group-card-body{padding:var(--spacing-3)}.group-card-body .form-label{font-size:var(--font-size-xs)}}@media (max-width: 480px){.nav-link{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-xs)}.nav-link i{font-size:var(--font-size-xs)}.guide-method{flex-direction:column;align-items:flex-start;gap:var(--spacing-2)}.guide-icon{margin-top:0}.groups-grid,.templates-grid{gap:var(--spacing-3)}.group-card{border-radius:var(--radius-md)}}.empty-state-row[data-v-eb120cb3]{background:var(--color-white)}.empty-state-cell[data-v-eb120cb3]{text-align:center;padding:var(--spacing-12) var(--spacing-6);vertical-align:middle}.empty-state[data-v-eb120cb3],.loading-state[data-v-eb120cb3]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-4);color:var(--color-gray-500)}.empty-icon[data-v-eb120cb3]{color:var(--color-gray-300);width:64px;height:64px;margin-bottom:var(--spacing-2)}.empty-state h3[data-v-eb120cb3]{font-family:var(--font-family);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-700);margin:0}.empty-state p[data-v-eb120cb3]{font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-gray-500);margin:0;max-width:400px}.loading-spinner[data-v-eb120cb3]{width:40px;height:40px;border:4px solid var(--color-gray-200);border-top-color:var(--color-primary);border-radius:50%;animation:spin-eb120cb3 1s linear infinite}.loading-state p[data-v-eb120cb3]{font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-gray-600);margin-top:var(--spacing-2)}@keyframes spin-eb120cb3{to{transform:rotate(360deg)}}.my-client-page[data-v-eb120cb3]{min-height:100vh;background-color:var(--color-secondary);display:flex;flex-direction:column}.page-content[data-v-eb120cb3]{margin-left:280px;margin-top:80px;padding:var(--spacing-8);width:calc(100% - 280px);max-width:calc(100% - 280px);overflow-x:hidden;box-sizing:border-box;transition:all var(--transition-normal)}.my-client-page.mobile .page-content[data-v-eb120cb3]{margin-left:0;margin-top:60px;width:100%;max-width:100%;padding-left:0;padding-right:0}.my-client-container[data-v-eb120cb3]{width:100%;max-width:100%;display:flex;flex-direction:column;gap:var(--spacing-8);overflow-x:hidden;box-sizing:border-box;padding:0}.page-header[data-v-eb120cb3]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-8);padding-bottom:var(--spacing-6);border-bottom:1px solid var(--color-gray-200)}.header-content h1[data-v-eb120cb3]{font-family:var(--font-family);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin:0 0 var(--spacing-2) 0;line-height:var(--line-height-tight)}.header-content p[data-v-eb120cb3]{font-family:var(--font-family);font-size:var(--font-size-lg);color:var(--color-gray-600);margin:0;line-height:var(--line-height-normal)}.header-actions[data-v-eb120cb3]{display:flex;gap:var(--spacing-3)}.add-client-btn[data-v-eb120cb3]{display:flex;align-items:center;gap:var(--spacing-2);background:var(--color-primary);color:var(--color-white);border:none;padding:var(--spacing-3) var(--spacing-5);border-radius:var(--radius-lg);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-fast);box-shadow:var(--shadow-sm)}.add-client-btn[data-v-eb120cb3]:hover{background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.hierarchy-tree[data-v-eb120cb3]{margin-bottom:var(--spacing-8);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm)}.tree-header[data-v-eb120cb3]{padding:var(--spacing-6);border-bottom:1px solid var(--color-gray-200);background:var(--color-gray-50)}.tree-header h3[data-v-eb120cb3]{font-family:var(--font-family);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin:0 0 var(--spacing-2) 0}.tree-header p[data-v-eb120cb3]{font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-gray-600);margin:0}.tree-navigation[data-v-eb120cb3]{padding:var(--spacing-4) var(--spacing-6);background:var(--color-white);border-bottom:1px solid var(--color-gray-200)}.breadcrumb[data-v-eb120cb3]{display:flex;align-items:center;gap:var(--spacing-2);position:relative}.desktop-back-btn[data-v-eb120cb3]{margin-left:auto}.desktop-back-btn .back-btn[data-v-eb120cb3]{position:static;background:var(--color-gray-100);color:var(--color-gray-700);border:none;padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-fast);display:flex;align-items:center;gap:var(--spacing-2)}.desktop-back-btn .back-btn[data-v-eb120cb3]:hover{background:var(--color-gray-200);color:var(--color-gray-900)}.mobile-back-btn[data-v-eb120cb3]{display:none}.breadcrumb-item[data-v-eb120cb3]{display:flex;align-items:center;gap:var(--spacing-2);background:transparent;border:none;padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-600);cursor:pointer;transition:var(--transition-fast)}.breadcrumb-item.active[data-v-eb120cb3]{background:var(--color-primary);color:var(--color-white)}.breadcrumb-item[data-v-eb120cb3]:hover:not(.active){background:var(--color-gray-100);color:var(--color-gray-900)}.breadcrumb-separator[data-v-eb120cb3]{color:var(--color-gray-400);display:flex;align-items:center}.tree-structure[data-v-eb120cb3]{padding:var(--spacing-6)}.tree-level[data-v-eb120cb3]{min-height:200px}.level-container[data-v-eb120cb3]{position:relative;background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-4);box-shadow:0 0 6px #00000014;margin-bottom:var(--spacing-4)}.search-sub-ibs[data-v-eb120cb3]{margin-bottom:var(--spacing-4);padding:var(--spacing-4);background:var(--color-gray-50);border-radius:var(--radius-md)}.search-sub-ibs .search-box[data-v-eb120cb3]{position:relative;width:100%}.search-sub-ibs .search-icon[data-v-eb120cb3]{position:absolute;left:var(--spacing-3);top:50%;transform:translateY(-50%);color:var(--color-gray-400);pointer-events:none}.search-sub-ibs .search-input[data-v-eb120cb3]{width:100%;padding:var(--spacing-2) var(--spacing-2) var(--spacing-2) var(--spacing-8);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-gray-900);background:var(--color-white);transition:var(--transition-fast)}.search-sub-ibs .search-input[data-v-eb120cb3]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a}.no-results[data-v-eb120cb3]{text-align:center;padding:var(--spacing-8) var(--spacing-4);color:var(--color-gray-500)}.no-results-icon[data-v-eb120cb3]{color:var(--color-gray-300);margin-bottom:var(--spacing-4)}.no-results h4[data-v-eb120cb3]{font-family:var(--font-family);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-700);margin:0 0 var(--spacing-2) 0}.no-results p[data-v-eb120cb3]{font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-gray-500);margin:0}.tab-content[data-v-eb120cb3]{margin-top:var(--spacing-6);margin-bottom:var(--spacing-8);padding-bottom:var(--spacing-4)}.tab-panel[data-v-eb120cb3]{animation:fadeIn-eb120cb3 .3s ease-in-out}@keyframes fadeIn-eb120cb3{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.trade-type[data-v-eb120cb3]{padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase}.trade-type.buy[data-v-eb120cb3]{background:var(--color-green-100);color:var(--color-green-700)}.trade-type.sell[data-v-eb120cb3]{background:var(--color-red-100);color:var(--color-red-700)}.back-btn[data-v-eb120cb3]{position:absolute;top:var(--spacing-4);right:var(--spacing-4);display:flex;align-items:center;gap:var(--spacing-2);background:var(--color-gray-100);color:var(--color-gray-700);border:none;padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-fast)}.back-btn[data-v-eb120cb3]:hover{background:var(--color-gray-200);color:var(--color-gray-900)}.sub-ib-list[data-v-eb120cb3]{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--spacing-4)}.sub-ib-list .no-results[data-v-eb120cb3]{grid-column:1 / -1;text-align:center}.sub-ib-card[data-v-eb120cb3]{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-4);cursor:pointer;transition:var(--transition-fast);box-shadow:var(--shadow-sm)}.sub-ib-card[data-v-eb120cb3]:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--color-primary-light)}.sub-ib-card.selected[data-v-eb120cb3]{border-color:var(--color-primary);background:var(--color-primary-50);box-shadow:var(--shadow-sm)}.sub-ib-card.selected[data-v-eb120cb3]:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.sub-ib-info[data-v-eb120cb3]{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-3)}.sub-ib-avatar[data-v-eb120cb3]{width:48px;height:48px;border-radius:var(--radius-full);background-color:var(--color-gray-100);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-semibold);color:var(--color-primary);font-size:var(--font-size-sm);font-family:var(--font-family);flex-shrink:0}.sub-ib-details h5[data-v-eb120cb3]{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0 0 var(--spacing-1) 0}.sub-ib-details p[data-v-eb120cb3]{font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-gray-600);margin:0 0 var(--spacing-2) 0}.sub-ib-stats[data-v-eb120cb3]{display:flex;gap:var(--spacing-3)}.stat-item[data-v-eb120cb3]{display:flex;align-items:center;gap:var(--spacing-1);font-family:var(--font-family);font-size:var(--font-size-xs);color:var(--color-gray-600)}.sub-ib-actions[data-v-eb120cb3]{display:flex;gap:var(--spacing-2);justify-content:flex-end}.action-btn.expand[data-v-eb120cb3]{background:var(--color-primary-light);color:var(--color-primary)}.action-btn.expand[data-v-eb120cb3]:hover{background:var(--color-primary);color:var(--color-white)}.clients-preview[data-v-eb120cb3]{padding:var(--spacing-4);background:var(--color-gray-50);border-radius:var(--radius-lg);text-align:center}.clients-preview p[data-v-eb120cb3]{font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-gray-600);margin:0}.main-content-area[data-v-eb120cb3]{width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box}.search-filters[data-v-eb120cb3]{display:flex;gap:var(--spacing-4);margin-bottom:var(--spacing-6);align-items:flex-start}.stats-overview[data-v-eb120cb3]{margin-bottom:var(--spacing-8)}.stats-grid[data-v-eb120cb3]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-6)}.stat-card[data-v-eb120cb3]{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-6);box-shadow:0 0 6px #00000014;display:flex;align-items:center;gap:var(--spacing-4);transition:all var(--transition-normal);min-width:0;overflow:hidden}.stat-card[data-v-eb120cb3]:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.stat-card-green[data-v-eb120cb3]{background:var(--color-success);border:2px solid var(--color-success-text)}.stat-card-green .stat-value[data-v-eb120cb3]{color:var(--color-success-text)}.stat-card-green .stat-content h3[data-v-eb120cb3]{color:var(--color-success-text);font-weight:var(--font-weight-medium)}.stat-icon[data-v-eb120cb3]{width:48px;height:48px;background:var(--color-primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon .icon[data-v-eb120cb3]{width:24px;height:24px;filter:brightness(0) invert(1)}.stat-content[data-v-eb120cb3]{min-width:0;flex:1}.stat-content h3[data-v-eb120cb3]{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-600);margin:0 0 var(--spacing-1) 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-value[data-v-eb120cb3]{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin:0 0 var(--spacing-1) 0}.stat-change[data-v-eb120cb3]{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm)}.stat-change.positive[data-v-eb120cb3]{background:var(--color-success);color:var(--color-success-text)}.stat-change.negative[data-v-eb120cb3]{background:var(--color-danger);color:var(--color-white)}.stat-change.neutral[data-v-eb120cb3]{background:var(--color-gray-200);color:var(--color-gray-700)}.data-tabs[data-v-eb120cb3]{margin-bottom:var(--spacing-6)}.tab-navigation[data-v-eb120cb3]{display:flex;gap:var(--spacing-2);border-bottom:1px solid var(--color-gray-200)}.tab-nav-btn[data-v-eb120cb3]{display:flex;align-items:center;gap:var(--spacing-2);background:transparent;border:none;padding:var(--spacing-3) var(--spacing-5);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-600);cursor:pointer;transition:var(--transition-fast);border-bottom:2px solid transparent}.tab-nav-btn.active[data-v-eb120cb3]{color:var(--color-primary);border-bottom-color:var(--color-primary)}.tab-nav-btn[data-v-eb120cb3]:hover:not(.active){color:var(--color-gray-900)}.data-table-container[data-v-eb120cb3]{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-6)}.table-wrapper[data-v-eb120cb3]{overflow-x:auto}.data-table[data-v-eb120cb3]{width:100%;border-collapse:collapse;font-family:var(--font-family)}.data-table th[data-v-eb120cb3]{background:var(--color-gray-50);color:var(--color-gray-900);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);padding:var(--spacing-4) var(--spacing-4);text-align:left;border-bottom:2px solid var(--color-gray-200);position:sticky;top:0;z-index:10;white-space:nowrap}.data-table th span[data-v-eb120cb3]{display:block;line-height:1.2}.data-table th span[data-v-eb120cb3]:first-child{margin-bottom:2px}.th-content[data-v-eb120cb3]{display:flex;align-items:center;gap:var(--spacing-2)}.sort-icon[data-v-eb120cb3]{opacity:.5;transition:var(--transition-fast)}.th-content:hover .sort-icon[data-v-eb120cb3]{opacity:1}.data-table td[data-v-eb120cb3]{padding:var(--spacing-4);border-bottom:1px solid var(--color-gray-100);font-size:var(--font-size-sm)}.client-row[data-v-eb120cb3]:hover{background:var(--color-gray-50)}.client-info[data-v-eb120cb3]{display:flex;align-items:center;gap:var(--spacing-3)}.client-avatar[data-v-eb120cb3]{width:40px;height:40px;border-radius:var(--radius-full);background-color:var(--color-gray-100);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-semibold);color:var(--color-primary);font-size:var(--font-size-sm);font-family:var(--font-family);flex-shrink:0}.client-details[data-v-eb120cb3]{flex:1}.client-name[data-v-eb120cb3]{font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin-bottom:var(--spacing-1)}.client-email[data-v-eb120cb3]{font-size:var(--font-size-xs);color:var(--color-gray-600)}.amount[data-v-eb120cb3]{font-weight:var(--font-weight-semibold)}.amount.positive[data-v-eb120cb3]{color:#10b981!important;font-weight:var(--font-weight-semibold)}.amount.negative[data-v-eb120cb3]{color:#ef4444!important;font-weight:var(--font-weight-semibold)}.status-badge[data-v-eb120cb3]{padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:capitalize}.status-badge.active[data-v-eb120cb3]{background:var(--color-green-50);color:var(--color-green-700)}.status-badge.pending[data-v-eb120cb3]{background:var(--color-yellow-50);color:var(--color-yellow-700)}.status-badge.inactive[data-v-eb120cb3]{background:var(--color-red-50);color:var(--color-red-700)}.action-buttons[data-v-eb120cb3]{display:flex;gap:var(--spacing-2)}.action-btn[data-v-eb120cb3]{width:32px;height:32px;border:none;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-fast)}.action-btn.view[data-v-eb120cb3]{background:var(--color-blue-50);color:var(--color-blue-600)}.action-btn.view[data-v-eb120cb3]:hover{background:var(--color-blue-100)}.action-btn.edit[data-v-eb120cb3]{background:var(--color-yellow-50);color:var(--color-yellow-600)}.action-btn.edit[data-v-eb120cb3]:hover{background:var(--color-yellow-100)}.action-btn.delete[data-v-eb120cb3]{background:var(--color-red-50);color:var(--color-red-600)}.action-btn.delete[data-v-eb120cb3]:hover{background:var(--color-red-100)}.pagination[data-v-eb120cb3]{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-4) var(--spacing-6);background:var(--color-gray-50);border-top:1px solid var(--color-gray-200)}.pagination-info[data-v-eb120cb3]{font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-gray-600)}.pagination-controls[data-v-eb120cb3]{display:flex;align-items:center;gap:var(--spacing-2)}.pagination-btn[data-v-eb120cb3]{padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-gray-300);background:var(--color-white);color:var(--color-gray-700);border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--font-size-sm);cursor:pointer;transition:var(--transition-fast)}.pagination-btn[data-v-eb120cb3]:hover:not(:disabled){background:var(--color-gray-50);border-color:var(--color-gray-400)}.pagination-btn[data-v-eb120cb3]:disabled{opacity:.5;cursor:not-allowed}.page-numbers[data-v-eb120cb3]{display:flex;gap:var(--spacing-1);margin:0 var(--spacing-2)}.page-number[data-v-eb120cb3]{width:36px;height:36px;border:1px solid var(--color-gray-300);background:var(--color-white);color:var(--color-gray-700);border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-fast);display:flex;align-items:center;justify-content:center}.page-number[data-v-eb120cb3]:hover{background:var(--color-gray-50);border-color:var(--color-gray-400)}.page-number.active[data-v-eb120cb3]{background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.modal-overlay[data-v-eb120cb3]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-4)}.modal-content[data-v-eb120cb3]{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:500px;width:100%;max-height:90vh;overflow-y:auto}.modal-header[data-v-eb120cb3]{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-6);border-bottom:1px solid var(--color-gray-200)}.modal-header h3[data-v-eb120cb3]{font-family:var(--font-family);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0}.close-btn[data-v-eb120cb3]{width:32px;height:32px;border:none;background:var(--color-gray-100);color:var(--color-gray-600);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);display:flex;align-items:center;justify-content:center}.close-btn[data-v-eb120cb3]:hover{background:var(--color-gray-200)}.modal-body[data-v-eb120cb3]{padding:var(--spacing-6)}.client-form[data-v-eb120cb3]{display:flex;flex-direction:column;gap:var(--spacing-4)}.form-row[data-v-eb120cb3]{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4)}.form-group[data-v-eb120cb3]{display:flex;flex-direction:column;gap:var(--spacing-2)}.form-group label[data-v-eb120cb3]{font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700)}.form-input[data-v-eb120cb3]{padding:var(--spacing-3);border:1px solid var(--color-gray-300);border-radius:var(--radius-lg);font-family:var(--font-family);font-size:var(--font-size-sm);transition:var(--transition-fast)}.form-input[data-v-eb120cb3]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.radio-group[data-v-eb120cb3]{display:flex;gap:var(--spacing-4)}.radio-label[data-v-eb120cb3]{display:flex;align-items:center;gap:var(--spacing-2);cursor:pointer}.radio-label input[type=radio][data-v-eb120cb3]{margin:0}.radio-text[data-v-eb120cb3]{font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-gray-700)}.form-actions[data-v-eb120cb3]{display:flex;gap:var(--spacing-3);justify-content:flex-end;margin-top:var(--spacing-4);padding-top:var(--spacing-4);border-top:1px solid var(--color-gray-200)}@media (max-width: 1200px){.sub-ib-list[data-v-eb120cb3]{grid-template-columns:repeat(4,1fr)}}@media (max-width: 1024px){.page-content[data-v-eb120cb3]{margin-left:0;padding:var(--spacing-6)}.sub-ib-list[data-v-eb120cb3]{grid-template-columns:repeat(3,1fr)}.stats-grid[data-v-eb120cb3]{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.form-row[data-v-eb120cb3]{grid-template-columns:1fr}}@media (max-width: 768px){.page-content[data-v-eb120cb3]{margin-top:60px;padding:var(--spacing-3);margin-left:0;width:100%;max-width:100%}.hierarchy-tree[data-v-eb120cb3]{margin-bottom:var(--spacing-4);width:100%;max-width:100%}.breadcrumb[data-v-eb120cb3]{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-1);align-items:center}.breadcrumb-item[data-v-eb120cb3]{font-size:var(--font-size-sm);padding:var(--spacing-1)}.breadcrumb-separator[data-v-eb120cb3],.desktop-back-btn[data-v-eb120cb3]{display:none}.mobile-back-btn[data-v-eb120cb3]{display:flex;align-items:center;gap:var(--spacing-2);background:var(--color-gray-100);color:var(--color-gray-700);border:none;padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-fast);margin-bottom:var(--spacing-4)}.mobile-back-btn[data-v-eb120cb3]:hover{background:var(--color-gray-200);color:var(--color-gray-900)}.search-sub-ibs[data-v-eb120cb3]{padding:var(--spacing-3)}.sub-ib-list[data-v-eb120cb3]{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3)}.sub-ib-card[data-v-eb120cb3]{padding:var(--spacing-4);border-radius:var(--radius-lg);box-shadow:0 0 6px #00000014;transition:all var(--transition-normal)}.sub-ib-card[data-v-eb120cb3]:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.sub-ib-card.selected[data-v-eb120cb3]{border-color:var(--color-primary);background:var(--color-primary-50);box-shadow:0 4px 12px #00000014}.sub-ib-info[data-v-eb120cb3]{flex-direction:row;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-3)}.sub-ib-avatar[data-v-eb120cb3]{width:40px;height:40px}.sub-ib-details h5[data-v-eb120cb3]{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0 0 var(--spacing-1) 0}.sub-ib-details p[data-v-eb120cb3]{font-size:var(--font-size-sm);color:var(--color-gray-600);margin:0}.sub-ib-stats[data-v-eb120cb3]{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2);margin-bottom:var(--spacing-3)}.stat-item[data-v-eb120cb3]{display:flex;align-items:center;gap:var(--spacing-1);font-size:var(--font-size-xs);color:var(--color-gray-600);padding:var(--spacing-1);background:var(--color-gray-50);border-radius:var(--radius-sm)}.sub-ib-actions[data-v-eb120cb3]{display:flex;gap:var(--spacing-2);justify-content:flex-end}.action-btn[data-v-eb120cb3]{width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-normal)}.action-btn.view[data-v-eb120cb3]{background:var(--color-blue-50);color:var(--color-blue-600)}.action-btn.view[data-v-eb120cb3]:hover{background:var(--color-blue-100);transform:scale(1.05)}.action-btn.arrow[data-v-eb120cb3]{background:var(--color-primary);color:var(--color-white)}.action-btn.arrow[data-v-eb120cb3]:hover{background:var(--color-primary-dark);transform:scale(1.05)}.stats-grid[data-v-eb120cb3]{grid-template-columns:1fr 1fr;gap:var(--spacing-3);width:100%;max-width:100%}.stat-card[data-v-eb120cb3]{padding:var(--spacing-4)}.stat-card h3[data-v-eb120cb3]{font-size:var(--font-size-lg)}.stat-card .stat-value[data-v-eb120cb3]{font-size:var(--font-size-xl)}.tab-navigation[data-v-eb120cb3]{overflow-x:auto;padding-bottom:var(--spacing-2);-webkit-overflow-scrolling:touch}.tab-nav-btn[data-v-eb120cb3]{white-space:nowrap;flex-shrink:0;padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-sm)}.data-table-container[data-v-eb120cb3]{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%;max-width:100%}.data-table[data-v-eb120cb3]{min-width:600px;font-size:var(--font-size-xs)}.data-table th[data-v-eb120cb3],.data-table td[data-v-eb120cb3]{padding:var(--spacing-2);white-space:nowrap}.client-info[data-v-eb120cb3]{flex-direction:column;align-items:flex-start;gap:var(--spacing-1);min-width:120px}.client-avatar[data-v-eb120cb3]{width:32px;height:32px}.client-name[data-v-eb120cb3]{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.client-email[data-v-eb120cb3]{font-size:var(--font-size-xs);color:var(--color-gray-500)}.action-buttons[data-v-eb120cb3]{flex-direction:row;gap:var(--spacing-1)}.action-btn[data-v-eb120cb3]{padding:var(--spacing-1);min-width:32px;height:32px}.pagination[data-v-eb120cb3]{flex-direction:column;gap:var(--spacing-3);align-items:stretch;margin-top:var(--spacing-4);margin-bottom:var(--spacing-4)}.data-table-container[data-v-eb120cb3]{margin-bottom:var(--spacing-4)}.pagination-controls[data-v-eb120cb3]{justify-content:center;flex-wrap:wrap;gap:var(--spacing-2)}.pagination-btn[data-v-eb120cb3],.page-number[data-v-eb120cb3]{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm)}.back-btn[data-v-eb120cb3]{position:static;margin-top:var(--spacing-2);margin-bottom:var(--spacing-4);padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm)}}@media (max-width: 480px){.page-content[data-v-eb120cb3]{padding:var(--spacing-2);margin-left:0;width:100%;max-width:100%}.breadcrumb-item[data-v-eb120cb3]{font-size:var(--font-size-xs);padding:2px}.mobile-back-btn[data-v-eb120cb3]{font-size:var(--font-size-xs);padding:var(--spacing-1) var(--spacing-2);margin-bottom:var(--spacing-3)}.sub-ib-card[data-v-eb120cb3]{padding:var(--spacing-3)}.sub-ib-info[data-v-eb120cb3]{gap:var(--spacing-2)}.sub-ib-avatar[data-v-eb120cb3]{width:36px;height:36px}.sub-ib-details h5[data-v-eb120cb3]{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.sub-ib-details p[data-v-eb120cb3]{font-size:var(--font-size-xs)}.sub-ib-list[data-v-eb120cb3]{grid-template-columns:1fr;gap:var(--spacing-2)}.sub-ib-stats[data-v-eb120cb3]{grid-template-columns:1fr;gap:var(--spacing-1)}.stat-item[data-v-eb120cb3]{font-size:10px;padding:var(--spacing-1)}.action-btn[data-v-eb120cb3]{width:32px;height:32px}.stat-card[data-v-eb120cb3]{padding:var(--spacing-3)}.stat-card h3[data-v-eb120cb3]{font-size:var(--font-size-base)}.stat-card .stat-value[data-v-eb120cb3]{font-size:var(--font-size-lg)}.tab-nav-btn[data-v-eb120cb3]{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-xs)}.data-table[data-v-eb120cb3]{min-width:500px;font-size:10px}.data-table th[data-v-eb120cb3],.data-table td[data-v-eb120cb3]{padding:var(--spacing-1)}.client-avatar[data-v-eb120cb3]{width:24px;height:24px}.client-name[data-v-eb120cb3]{font-size:var(--font-size-xs)}.client-email[data-v-eb120cb3]{font-size:10px}.action-btn[data-v-eb120cb3]{padding:var(--spacing-1);min-width:28px;height:28px}.back-btn[data-v-eb120cb3]{margin-bottom:var(--spacing-3);padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-xs)}.modal-content[data-v-eb120cb3]{margin:var(--spacing-2);max-width:none}.modal-header[data-v-eb120cb3],.modal-body[data-v-eb120cb3]{padding:var(--spacing-3)}.form-row[data-v-eb120cb3]{grid-template-columns:1fr}}.my-client-page.menu-collapsed .page-content[data-v-eb120cb3]{margin-left:60px;width:calc(100% - 60px);max-width:calc(100% - 60px)}.my-client-page.mobile .page-content[data-v-eb120cb3]{margin-left:0;margin-top:60px;padding:var(--spacing-3);height:calc(100vh - 60px);overflow-y:auto;-webkit-overflow-scrolling:touch;width:100%;max-width:100%}@media (max-width: 768px){.sub-ib-card[data-v-eb120cb3],.tab-nav-btn[data-v-eb120cb3],.action-btn[data-v-eb120cb3],.pagination-btn[data-v-eb120cb3],.page-number[data-v-eb120cb3],.breadcrumb-item[data-v-eb120cb3]{min-height:44px;display:flex;align-items:center;justify-content:center}.sub-ib-card[data-v-eb120cb3]{cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,.1)}.sub-ib-card[data-v-eb120cb3]:active{transform:scale(.98);transition:transform .1s ease}.hierarchy-tree[data-v-eb120cb3]{max-height:60vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.search-sub-ibs .search-input[data-v-eb120cb3]{min-height:44px;font-size:16px}.data-table-container[data-v-eb120cb3]{border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-3)}.tab-content[data-v-eb120cb3]{margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-3)}.main-content-area[data-v-eb120cb3]{width:100%;max-width:100%;padding:0;margin:0}.data-table-container[data-v-eb120cb3]::-webkit-scrollbar{height:6px}.data-table-container[data-v-eb120cb3]::-webkit-scrollbar-track{background:var(--color-gray-100);border-radius:3px}.data-table-container[data-v-eb120cb3]::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:3px}.data-table-container[data-v-eb120cb3]::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}}.sub-ib-approval-page{min-height:100vh;background-color:var(--color-secondary)}.page-content{margin-left:250px;margin-top:80px;padding:var(--spacing-8);width:calc(100% - 250px);transition:all var(--transition-normal);background-color:var(--color-secondary);min-height:calc(100vh - 80px)}.sub-ib-approval-page.menu-collapsed .page-content{margin-left:60px;width:calc(100% - 60px)}.sub-ib-approval-page.mobile .page-content{margin-left:0;margin-top:60px;width:100%;padding:var(--spacing-4)}.card{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-4);border:1px solid var(--color-gray-200)}.card-body{padding:var(--spacing-6)}.filters-section{margin-top:var(--spacing-4);padding-top:var(--spacing-4);border-top:1px solid var(--color-gray-200)}.filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-4);align-items:end}.filter-group{display:flex;flex-direction:column;gap:var(--spacing-2)}.filter-group label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700);margin-bottom:0}.filter-input{width:100%;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--font-size-sm);transition:all var(--transition-normal);background-color:var(--color-white);color:var(--color-gray-900)}.filter-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #5d20671a}.filter-actions{display:flex;gap:var(--spacing-2);align-items:flex-end}.d-flex{display:flex}.justify-content-between{justify-content:space-between}.align-items-center{align-items:center}.mb-3{margin-bottom:var(--spacing-3)}.mb-0{margin-bottom:0}.me-3{margin-right:var(--spacing-3)}.mt-2{margin-top:var(--spacing-2)}.text-muted{color:var(--color-gray-500)}.alert{padding:var(--spacing-4);border-radius:var(--radius-md);margin-bottom:var(--spacing-4)}.alert-danger{background-color:var(--color-error);color:var(--color-error-text);border:1px solid var(--color-error-text)}#structureModalBody .btn-check{position:absolute;clip:rect(0,0,0,0);pointer-events:none;opacity:0}#structureModalBody .btn-check:checked+.btn{background-color:var(--color-primary)!important;border-color:var(--color-primary)!important;color:var(--color-white)!important}#structureModalBody input.btn-check:checked+label.btn,#structureModalBody .btn-check:checked+label.btn[style]{background-color:var(--color-primary)!important;border-color:var(--color-primary)!important;color:var(--color-white)!important}#structureModalBody .btn-check:checked+.btn,#structureModalBody .btn-check:checked+.btn *,#structureModalBody .btn-check:checked+.btn i,#structureModalBody .btn-check:checked+.btn svg,#structureModalBody .btn-check:checked+.btn span,#structureModalBody .btn-check:checked+.btn label{color:var(--color-white)!important;fill:var(--color-white)!important;stroke:var(--color-white)!important}#structureModalBody .btn-check:checked+.btn[style*=color],#structureModalBody .btn-check:checked+.btn[style*=border-color],#structureModalBody .btn-check:checked+.btn[style]{background-color:var(--color-primary)!important;border-color:var(--color-primary)!important;color:var(--color-white)!important}#structureModalBody .btn-check:checked+.btn[style] *,#structureModalBody .btn-check:checked+.btn[style] i,#structureModalBody .btn-check:checked+.btn[style] svg{color:var(--color-white)!important;fill:var(--color-white)!important;stroke:var(--color-white)!important}#structureModalBody .btn-group .btn{position:relative}#structureModalBody .btn-group .btn *{pointer-events:none}#structureModalBody .btn-check:not(:checked)+.btn{background-color:var(--color-white)!important;border-color:var(--color-primary)!important;color:var(--color-primary)!important}#structureModalBody .btn-check:not(:checked)+.btn:hover{background-color:var(--color-gray-50)!important;border-color:var(--color-primary)!important;color:var(--color-primary)!important}#structureModalBody .btn-group{display:flex;width:100%;gap:var(--spacing-2)}#structureModalBody .btn-group .btn{flex:1;padding:var(--spacing-3) var(--spacing-4);border:2px solid var(--color-primary);border-radius:var(--radius-md);background-color:var(--color-white);color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);position:relative}#structureModalBody .btn-group .btn *{color:inherit;fill:inherit}#structureModalBody .form-group{margin-bottom:var(--spacing-4)}#structureModalBody .form-label{display:block;margin-bottom:var(--spacing-2);font-weight:var(--font-weight-semibold);color:var(--color-gray-700);font-size:var(--font-size-sm)}#structureModalBody .form-control{width:100%;padding:var(--spacing-3);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--font-size-base);transition:all var(--transition-normal);background-color:var(--color-white);color:var(--color-gray-900)}#structureModalBody .form-control:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #5d20671a}#structureModalBody .form-text{display:block;margin-top:var(--spacing-1);font-size:var(--font-size-xs);color:var(--color-gray-500)}#structureModalBody .text-danger{color:var(--color-danger)}#structureModalBody .mb-3{margin-bottom:var(--spacing-3)}.section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}.custom-div{display:flex;align-items:center}.kyc-status{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-full)}.kyc-status.verified{color:var(--color-success-text);background-color:var(--color-success)}.kyc-status.unverified{color:var(--color-error-text);background-color:var(--color-error)}.action-dropdown{position:relative;display:inline-block}.dropdown-toggle-btn{display:flex;align-items:center;gap:var(--spacing-1)}.dropdown-menu{position:absolute;top:100%;right:0;margin-top:var(--spacing-1);background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:150px;z-index:1000;padding:var(--spacing-1)}.dropdown-item{display:block;padding:var(--spacing-2) var(--spacing-4);color:var(--color-gray-900);text-decoration:none;border-radius:var(--radius-sm);transition:all var(--transition-normal);font-size:var(--font-size-sm)}.dropdown-item:hover{background-color:var(--color-gray-100);color:var(--color-gray-900)}.form-control-lg{padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-base);border:1px solid var(--color-gray-300);border-radius:var(--radius-md)}.table-responsive{overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table thead{background:var(--color-gray-50)}.data-table th{padding:var(--spacing-4);text-align:left;font-weight:var(--font-weight-semibold);color:var(--color-gray-900);border-bottom:1px solid var(--color-gray-200);font-size:var(--font-size-sm)}.data-table td{padding:var(--spacing-4);border-bottom:1px solid var(--color-gray-100);font-size:var(--font-size-sm);color:var(--color-gray-700)}.no-data{text-align:center;color:var(--color-gray-500);font-style:italic;padding:var(--spacing-8)!important}.badge{padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.badge-primary{background-color:var(--color-primary);color:var(--color-white)}.badge-secondary{background-color:var(--color-gray-200);color:var(--color-gray-900)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-4)}.modal-content{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:600px;width:100%;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-6);border-bottom:1px solid var(--color-gray-200)}.modal-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0}.modal-close-btn{background:none;border:none;cursor:pointer;padding:var(--spacing-2);border-radius:var(--radius-sm);color:var(--color-gray-500);transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center}.modal-close-btn:hover{background-color:var(--color-gray-100);color:var(--color-gray-700)}.modal-body{padding:var(--spacing-6);flex:1;overflow-y:auto}.modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-3);padding:var(--spacing-6);border-top:1px solid var(--color-gray-200)}.text-success{color:var(--color-success)!important}.text-danger{color:var(--color-danger)!important}.text-muted{color:var(--color-gray-500)!important}.small{font-size:var(--font-size-xs)}.spinner-border{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;border:.25em solid currentColor;border-right-color:transparent;border-radius:50%;animation:spinner-border .75s linear infinite}@keyframes spinner-border{to{transform:rotate(360deg)}}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.95);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;overflow-y:auto;padding:var(--spacing-8)}.loading-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;max-width:400px;width:100%}.loading-spinner-large{width:64px;height:64px;border:5px solid var(--color-gray-200);border-top:5px solid var(--color-primary);border-right:5px solid var(--color-primary);border-radius:50%;animation:spin .8s linear infinite;position:relative;margin-bottom:var(--spacing-6)}.loading-spinner-large:before{content:"";position:absolute;top:8px;left:8px;right:8px;bottom:8px;border:2.5px solid transparent;border-top:2.5px solid var(--color-primary);border-radius:50%;animation:spin 1.2s linear infinite reverse}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{color:var(--color-gray-700);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0;margin-bottom:var(--spacing-2)}.loading-subtext{color:var(--color-gray-500);font-size:var(--font-size-sm);margin:0;line-height:1.5}.error-message-card{background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-lg);margin-bottom:var(--spacing-6);padding:var(--spacing-6)}.error-content{display:flex;align-items:flex-start;gap:var(--spacing-4)}.error-icon{font-size:var(--font-size-xl);flex-shrink:0}.error-text h3{color:#dc2626;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-2) 0}.error-text p{color:#7f1d1d;font-size:var(--font-size-sm);margin:0 0 var(--spacing-4) 0}.error-text button{margin-top:var(--spacing-2)}@media (max-width: 768px){.page-content{padding:var(--spacing-4)}.data-table{font-size:var(--font-size-xs)}.data-table th,.data-table td{padding:var(--spacing-2)}.custom-div{flex-direction:column;gap:var(--spacing-2);align-items:stretch}.filter-row{grid-template-columns:1fr;gap:var(--spacing-3)}.filter-actions{flex-direction:column;width:100%}.filter-actions .common-btn{width:100%}}@media (max-width: 480px){h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}h4{font-size:var(--font-size-base)}p{font-size:var(--font-size-xs)}.page-content{padding:var(--spacing-2);margin-left:0;width:100%;max-width:100%}.page-content,.middle-content{min-height:calc(100vh - 120px);padding-bottom:calc(var(--spacing-16) + 20px)}.btn-xs{padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-xs);height:32px}.btn-sm{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm);height:36px}.btn-md{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm);height:44px}.btn-lg{padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-base);height:48px}.btn-xl{padding:var(--spacing-3) var(--spacing-5);font-size:var(--font-size-base);height:52px}.responsive-container{padding:var(--spacing-2)}.responsive-grid{grid-template-columns:1fr;gap:var(--spacing-1)}.responsive-grid-2,.responsive-grid-3,.responsive-grid-4,.responsive-grid-5{grid-template-columns:1fr}.responsive-text{font-size:var(--font-size-xs)}.responsive-padding{padding:var(--spacing-1)}.responsive-margin{margin:var(--spacing-1)}.responsive-font-xs,.responsive-font-sm{font-size:var(--font-size-xs-mobile)}.responsive-font-base{font-size:var(--font-size-sm-mobile)}.responsive-font-lg{font-size:var(--font-size-base-mobile)}.responsive-font-xl{font-size:var(--font-size-lg-mobile)}.middle-content{padding:16px}.accounts-grid{grid-template-columns:1fr}.challenge-actions{flex-direction:column;align-items:flex-start}.header-actions,.section-header .header-actions,.activity-actions{width:100%;display:flex;justify-content:flex-start;align-items:center;gap:var(--spacing-2);flex-wrap:nowrap}.refresh-btn{flex:0 0 auto;min-width:44px;width:44px;height:44px;padding:var(--spacing-2);display:flex;align-items:center;justify-content:center}.refresh-btn .refresh-text,.refresh-btn span:not(.refresh-icon):not(.icon){display:none}.refresh-btn .refresh-icon,.refresh-btn .icon.refresh-icon{margin:0;width:20px;height:20px}.header-actions .btn-primary,.section-header .header-actions .btn-primary,.activity-actions .btn-primary{flex:1;min-width:0}}@media (max-width: 768px){h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}p{font-size:var(--font-size-sm)}.page-content{padding:var(--spacing-3);margin-left:0;width:100%;max-width:100%}.page-content,.middle-content{min-height:calc(100vh - 140px);padding-bottom:calc(var(--spacing-12) + 20px);margin-bottom:0}.btn-xs{padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-xs);height:32px}.btn-sm{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm);height:36px}.btn-md{padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-base);height:44px}.btn-lg{padding:var(--spacing-3) var(--spacing-5);font-size:var(--font-size-base);height:48px}.btn-xl{padding:var(--spacing-4) var(--spacing-6);font-size:var(--font-size-lg);height:52px}.responsive-text{font-size:var(--font-size-sm)}.responsive-font-xs{font-size:var(--font-size-xs-mobile)}.responsive-font-sm{font-size:var(--font-size-sm-mobile)}.responsive-font-base{font-size:var(--font-size-base-mobile)}.responsive-font-lg{font-size:var(--font-size-lg-mobile)}.responsive-font-xl{font-size:var(--font-size-xl-mobile)}.middle-content{padding:20px}.top-menu .menu-content{padding:0 20px}.header-actions,.section-header .header-actions,.activity-actions{width:100%;display:flex;justify-content:flex-start;align-items:center;gap:var(--spacing-2);flex-wrap:nowrap}.refresh-btn{flex:0 0 auto;min-width:44px;width:44px;height:44px;padding:var(--spacing-2);display:flex;align-items:center;justify-content:center}.refresh-btn .refresh-text,.refresh-btn span:not(.refresh-icon):not(.icon){display:none}.refresh-btn .refresh-icon,.refresh-btn .icon.refresh-icon{margin:0;width:20px;height:20px}.header-actions .btn-primary,.section-header .header-actions .btn-primary,.activity-actions .btn-primary{flex:1;min-width:0}.page-title h1{font-size:24px}.user-profile{gap:12px}.user-details,.side-menu{display:none}.bottom-nav{display:block}}@media (min-width: 769px){.side-menu{display:block}.bottom-nav{display:none}}@media (max-width: 1023px){.responsive-container{padding:var(--spacing-3)}.responsive-grid{grid-template-columns:1fr;gap:var(--spacing-2)}.responsive-grid-2,.responsive-grid-3,.responsive-grid-4{grid-template-columns:1fr}.responsive-text{font-size:var(--font-size-sm)}.responsive-padding{padding:var(--spacing-3)}.responsive-margin{margin:var(--spacing-3)}.page-content{margin-left:0;width:100%;max-width:100%;padding:var(--spacing-4)}}@media (max-width: 1024px){.middle-content{margin-left:0}.left-menu{transform:translate(-100%);transition:transform .3s ease}.left-menu.open{transform:translate(0)}}@media (min-width: 1200px) and (max-width: 1024px){.page-content{margin-left:250px;width:calc(100% - 250px);max-width:calc(100% - 250px);padding:var(--spacing-4)}}@media (min-width: 1024px) and (max-width: 1399px){.page-content{margin-left:280px;width:calc(100% - 270px);max-width:calc(100% - 200px);padding:var(--spacing-6)}}@media (min-width: 1400px){.page-content{margin-left:280px;width:calc(100% - 280px);max-width:calc(100% - 280px);padding:var(--spacing-8)}}:root{--color-primary: #5d2067;--color-primary-gradient: #5d2067;--color-primary-hover: #7a2a86;--color-primary-light: #a24db0;--color-secondary: #f8f9fa;--color-secondary-hover: #e9ecef;--color-secondary-dark: #6c757d;--color-white: #ffffff;--color-gray-50: #fafafa;--color-gray-100: #f5f5f5;--color-gray-200: #e0e0e0;--color-gray-300: #c1c1c1;--color-gray-400: #999999;--color-gray-500: #666666;--color-gray-600: #333333;--color-gray-700: #1a1a1a;--color-gray-800: #0d0d0d;--color-gray-900: #000000;--color-border: #e0e0e0;--color-text-primary: var(--color-gray-900);--color-text-secondary: var(--color-gray-600);--color-success: #e8f5e8;--color-success-text: #2d5a2d;--color-success-light: #f0fdf4;--color-success-dark: #14532d;--color-success-hover: #dcfce7;--color-warning: #fff3cd;--color-warning-text: #856404;--color-warning-light: #fffbeb;--color-warning-dark: #78350f;--color-error: #f8d7da;--color-error-text: #721c24;--color-error-light: #fef2f2;--color-error-dark: #7f1d1d;--color-error-border: #fecaca;--color-error-hover: #fee2e2;--color-danger: #dc3545;--color-danger-text: #ffffff;--color-info: #0ea5e9;--color-info-text: #0c4a6e;--color-info-50: rgba(14, 165, 233, .12);--color-success-solid: #22c55e;--color-warning-solid: #eab308;--color-error-solid: #dc3545;--filter-white: brightness(0) invert(1);--filter-gray-400: brightness(0) saturate(100%) invert(60%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(.6) contrast(.6);--filter-gray-500: brightness(0) saturate(100%) invert(40%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(.4) contrast(.4);--filter-primary: brightness(0) saturate(100%) invert(25%) sepia(89%) saturate(2000%) hue-rotate(270deg) brightness(.8) contrast(1.2);--color-active-icon: var(--color-primary);--filter-active-icon: var(--filter-primary);--color-primary-50: rgba(93, 32, 103, .1);--color-primary-shadow: rgba(93, 32, 103, .15);--font-family: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-size-xs: .75rem;--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-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-color: rgba(0, 0, 0, .05);--shadow-color-md: rgba(0, 0, 0, .1);--shadow-color-lg: rgba(0, 0, 0, .15);--shadow-sm: 0 1px 2px 0 var(--shadow-color);--shadow-md: 0 4px 6px -1px var(--shadow-color-md), 0 2px 4px -1px var(--shadow-color);--shadow-lg: 0 10px 15px -3px var(--shadow-color-md), 0 4px 6px -2px var(--shadow-color);--shadow-xl: 0 20px 25px -5px var(--shadow-color-md), 0 10px 10px -5px var(--shadow-color);--shadow-card: 0 4px 12px var(--shadow-color);--shadow-card-hover: 0 6px 16px var(--shadow-color-md);--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--font-size-xs-mobile: .6875rem;--font-size-sm-mobile: .8125rem;--font-size-base-mobile: .9375rem;--font-size-lg-mobile: 1rem;--font-size-xl-mobile: 1.125rem}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-secondary);color:var(--color-primary);line-height:var(--line-height-normal);font-size:var(--font-size-base)}#app{min-height:100vh}.form-group{display:flex;flex-direction:column;gap:var(--spacing-2);margin-bottom:var(--spacing-4)}.form-group label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700)}.form-input,.form-select,select.form-input{width:100%;height:48px;padding:12px 16px;border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--font-size-base);font-family:var(--font-family);color:var(--color-gray-900);background-color:var(--color-white);transition:all var(--transition-normal);line-height:var(--line-height-normal)}.form-input:focus,.form-select:focus,select.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-shadow)}select.form-input,.form-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23666666'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:40px}.form-input::placeholder{color:var(--color-gray-400)}.form-input:disabled{background-color:var(--color-gray-100);cursor:not-allowed;opacity:.7}.form-error{color:var(--color-danger);font-size:var(--font-size-xs);margin-top:var(--spacing-1);display:block}.page-content{margin-left:280px;margin-top:80px;padding:var(--spacing-8);width:calc(100% - 280px);max-width:calc(100% - 280px);overflow-x:hidden;box-sizing:border-box;transition:all var(--transition-normal)}.page-content.menu-collapsed{margin-left:60px;width:calc(100% - 60px);max-width:calc(100% - 60px)}.page-content.mobile{margin-left:0;margin-top:60px;width:100%;max-width:100%}.common-btn{border:none;border-radius:var(--radius-md);cursor:pointer;font-weight:var(--font-weight-medium);transition:all var(--transition-normal);display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-family:var(--font-family);font-size:var(--font-size-sm);line-height:var(--line-height-normal);white-space:nowrap}.common-btn:focus{outline:2px solid var(--color-primary);outline-offset:2px}.common-btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:var(--color-primary);color:var(--color-white);border:1px solid var(--color-primary)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn-secondary{background-color:var(--color-gray-100);color:var(--color-gray-700);border:1px solid var(--color-gray-300)}.btn-secondary:hover:not(:disabled){background-color:var(--color-gray-200);border-color:var(--color-gray-400)}.btn-text{background-color:transparent;color:var(--color-primary);border:none}.btn-text:hover:not(:disabled){background-color:var(--color-gray-50);color:var(--color-primary-hover)}.btn-outline{background-color:transparent;color:var(--color-gray-700);border:1px solid var(--color-gray-300)}.btn-outline:hover:not(:disabled){background-color:var(--color-gray-50);border-color:var(--color-gray-400)}.btn-xs{padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-xs);height:28px;border-radius:var(--radius-sm)}.btn-sm{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm);height:32px;border-radius:var(--radius-sm)}.btn-md{padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-base);height:40px;border-radius:var(--radius-md)}.btn-lg{padding:var(--spacing-3) var(--spacing-6);font-size:var(--font-size-base);height:44px;border-radius:var(--radius-md)}.btn-xl{padding:var(--spacing-4) var(--spacing-8);font-size:var(--font-size-lg);height:48px;border-radius:var(--radius-lg)}.card{background:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;border:1px solid var(--color-gray-200)}.card-outlined{border:1px solid var(--color-gray-200);box-shadow:none}.card-elevated{box-shadow:var(--shadow-lg);border:1px solid var(--color-gray-200)}h1,h2,h3,h4,h5,h6{font-family:var(--font-family);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-primary);margin-bottom:var(--spacing-4)}h1{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}h2{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}h3{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}h4{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}h5{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal)}h6{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal)}p{font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-gray-500);margin-bottom:var(--spacing-4)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-column{flex-direction:column}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.gap-small{gap:8px}.gap-medium{gap:16px}.gap-large{gap:24px}.mb-small{margin-bottom:8px}.mb-medium{margin-bottom:16px}.mb-large{margin-bottom:24px}.mt-small{margin-top:8px}.mt-medium{margin-top:16px}.mt-large{margin-top:24px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}button:focus-visible,a:focus-visible{outline:2px solid #007bff;outline-offset:2px}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-enter-active,.slide-leave-active{transition:transform .3s ease}.slide-enter-from{transform:translate(-100%)}.slide-leave-to{transform:translate(100%)}.page-content,.middle-content{background-color:var(--color-white);min-height:calc(100vh - 80px);padding-bottom:var(--spacing-8);margin-bottom:0;box-sizing:border-box;position:relative}.page-content{margin-bottom:0!important;height:auto!important;min-height:calc(100vh - 80px)!important}.deposit-page,.withdrawal-page,.internal-transaction-page,.transaction-history-page,.settings-page,.trading-accounts-page,.trading-terminal-page,.dashboard-page,.ib-dashboard-page,.tickets-page,.sub-ib-structure-page{min-height:100vh;background-color:var(--color-secondary);display:flex;flex-direction:column}:root{--breakpoint-mobile: 1024px;--breakpoint-tablet: 1024px;--breakpoint-desktop: 1024px;--breakpoint-large: 1400px}.responsive-container{overflow-x:hidden;box-sizing:border-box}.responsive-text{word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:100%}.responsive-grid{display:grid;width:100%;gap:var(--spacing-4);box-sizing:border-box}.responsive-grid-2{grid-template-columns:repeat(2,1fr)}.responsive-grid-3{grid-template-columns:repeat(3,1fr)}.responsive-grid-4{grid-template-columns:repeat(4,1fr)}.responsive-grid-5{grid-template-columns:repeat(5,1fr)}.responsive-flex{display:flex;width:100%;box-sizing:border-box}.responsive-flex-column{flex-direction:column}.responsive-flex-wrap{flex-wrap:wrap}.responsive-padding{padding:var(--spacing-4)}.responsive-margin{margin:var(--spacing-4)}.responsive-font-xs{font-size:var(--font-size-xs)}.responsive-font-sm{font-size:var(--font-size-sm)}.responsive-font-base{font-size:var(--font-size-base)}.responsive-font-lg{font-size:var(--font-size-lg)}.responsive-font-xl{font-size:var(--font-size-xl)}.side-menu{position:fixed;top:0;left:0;height:100vh;width:280px;background:var(--color-white);border-right:1px solid var(--color-gray-200);box-shadow:2px 0 10px #0000001a;transition:all var(--transition-normal);z-index:1001;overflow:visible;overflow-y:auto;overflow-x:visible;display:flex;flex-direction:column}.side-menu.collapsed{width:60px}.side-menu.hidden{display:none}.side-menu .menu-header{height:80px;padding:var(--spacing-5);border-bottom:1px solid var(--color-gray-200);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.side-menu.collapsed .menu-header{justify-content:center;padding:var(--spacing-4)}.side-menu-close-btn{flex-shrink:0;margin-left:auto;padding:var(--spacing-2);background:none;border:none;border-radius:var(--radius-md);color:var(--color-gray-600);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast),background-color var(--transition-fast)}.side-menu-close-btn:hover{color:var(--color-primary);background-color:var(--color-gray-100)}.side-menu-close-btn:focus{outline:2px solid var(--color-primary);outline-offset:2px}.side-menu .brand-logo{display:flex;align-items:center;gap:var(--spacing-2);font-size:clamp(var(--font-size-lg),3vw + .5rem,var(--font-size-2xl));font-weight:var(--font-weight-bold);color:var(--color-primary);font-family:var(--font-family);margin:0;flex:1;min-width:0}.side-menu.collapsed .brand-logo{justify-content:center;width:100%}.side-menu .logo-icon{width:160px;height:auto;display:flex;align-items:center;justify-content:center;padding:var(--spacing-2)}.side-menu .logo-icon img{width:100%;height:auto;object-fit:contain;display:block}.side-menu .collapsed-icon{width:40px!important;height:40px!important;padding:0;margin:0;display:flex;align-items:center;justify-content:center}.side-menu .collapsed-icon img{width:100%;height:100%;object-fit:contain;display:block}.side-menu .menu-nav{flex:1;padding:var(--spacing-5) 0;overflow:visible}.side-menu .menu-list{list-style:none;margin:0;padding:0;overflow:visible}.side-menu .menu-item{display:flex;flex-direction:column;align-items:stretch;padding:0;cursor:pointer;transition:all var(--transition-normal);color:var(--color-primary);font-family:var(--font-family);position:relative;z-index:1001}.side-menu .menu-item.has-submenu{position:relative;overflow:visible}.side-menu .menu-item:hover{background-color:var(--color-gray-100)}.side-menu .menu-item.active{background-color:var(--color-gray-200)}.side-menu .menu-item.active .menu-icon{filter:var(--filter-active-icon)}.side-menu.collapsed .menu-item.active{background-color:var(--color-primary);border-radius:var(--radius-md);margin:var(--spacing-1) var(--spacing-2)}.side-menu.collapsed .menu-item.active .menu-item-content{justify-content:center;padding:var(--spacing-3)}.side-menu.collapsed .menu-item.active .menu-icon{filter:brightness(0) invert(1);margin-right:0}.side-menu .menu-item-content{display:flex;align-items:center;width:100%;cursor:pointer;padding:var(--spacing-3) var(--spacing-5);position:relative;z-index:1001}.side-menu .menu-icon{margin-right:var(--spacing-3);display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--color-gray-500);flex-shrink:0}.side-menu .menu-icon img{width:20px;height:20px}.side-menu .menu-item:hover .menu-icon{color:var(--color-primary)}.side-menu .menu-item.active .menu-icon{color:var(--color-active-icon)}.side-menu .menu-text{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-gray-700);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-menu .menu-item:hover .menu-text,.side-menu .menu-item.active .menu-text{color:var(--color-primary)}.side-menu .submenu-toggle{margin-left:auto;padding:4px;cursor:pointer;transition:transform var(--transition-normal);color:var(--color-gray-500)}.side-menu .menu-item.has-submenu.expanded .submenu-toggle{transform:rotate(90deg)}.side-menu .submenu-list{list-style:none;margin:0;padding:0;position:relative;z-index:1002;background-color:var(--color-white);border-left:1px solid var(--color-gray-200);margin-left:var(--spacing-2)}.side-menu .submenu-list.collapsed{position:fixed;left:60px;top:auto;width:200px;box-shadow:2px 0 10px #00000026;border-left:none;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);margin-left:0;z-index:1003;margin-top:0;display:block!important;opacity:1;visibility:visible;background:var(--color-white);padding:var(--spacing-2) 0;transform:translateY(0);transition:all var(--transition-normal)}.side-menu .submenu-item{display:flex;align-items:center;padding:var(--spacing-2) var(--spacing-5) var(--spacing-2) var(--spacing-6);cursor:pointer;transition:all var(--transition-normal);color:var(--color-gray-600);font-size:var(--font-size-sm);font-family:var(--font-family);position:relative;z-index:1003}.side-menu .submenu-item:hover{background-color:var(--color-gray-100);color:var(--color-primary)}.side-menu .submenu-item.active{background-color:var(--color-gray-200);color:var(--color-primary);font-weight:var(--font-weight-medium)}.side-menu .submenu-item.active .submenu-icon{filter:var(--filter-active-icon)}.side-menu .submenu-icon{margin-right:var(--spacing-3);display:flex;align-items:center;justify-content:center;width:16px;height:16px;color:var(--color-gray-500);flex-shrink:0}.side-menu .submenu-icon img{width:16px;height:16px}.side-menu .submenu-item:hover .submenu-icon{color:var(--color-primary)}.side-menu .submenu-item.active .submenu-icon{color:var(--color-active-icon)}.side-menu .submenu-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.bottom-nav{position:fixed;bottom:15px;left:0;right:0;padding:0 12px 12px;padding-bottom:calc(12px + env(safe-area-inset-bottom));z-index:10000;pointer-events:none}.bottom-nav.hidden{display:none}.bottom-nav-bar{display:flex;justify-content:space-between;align-items:center;background:rgba(255,255,255,.95);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-radius:32px;padding:8px 12px;box-shadow:0 8px 16px #00000026;border:1px solid rgba(255,255,255,.35);pointer-events:auto}.bottom-nav .nav-items{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:100%;overflow-x:auto}.bottom-nav .nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 0;background:transparent;border:none;cursor:pointer;touch-action:manipulation;color:var(--color-gray-500);transition:all .22s ease-out;border-radius:50px;min-width:0;position:relative}.bottom-nav .nav-item.active{color:var(--color-primary)}.bottom-nav .nav-item.active:before{content:"";position:absolute;width:60px;height:32px;background:var(--color-primary-50);border-radius:20px;z-index:-1}.bottom-nav .nav-item:hover{color:var(--color-gray-700)}.bottom-nav .nav-item.active:hover{color:var(--color-primary)}.bottom-nav .nav-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center;margin-bottom:2px;transition:all .2s;position:relative;z-index:1}.bottom-nav .nav-item.active .nav-icon{width:20px;height:20px}.bottom-nav .nav-icon img{width:100%;height:100%;object-fit:contain}.bottom-nav .nav-label{font-size:11px;font-weight:600;text-align:center;white-space:nowrap;position:relative;z-index:1;color:inherit}.bottom-nav .nav-item.active .nav-label{color:var(--color-primary)}.mobile-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:2000;display:flex;align-items:flex-end}.mobile-menu{background:var(--color-white);width:100%;max-height:80vh;border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:var(--spacing-4);animation:slideUp .3s ease-out;position:relative;overflow:hidden}.mobile-menu-content{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;transition:transform var(--transition-normal)}.mobile-menu-content .mobile-nav{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:calc(88px + env(safe-area-inset-bottom))}.mobile-funds-menu .mobile-nav{padding-bottom:calc(88px + env(safe-area-inset-bottom))}.mobile-submenu-drawer{position:relative;width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;background:var(--color-white);animation:slideInRight .3s ease-out;transition:transform .3s ease-in-out}.mobile-submenu-drawer .mobile-nav{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:calc(88px + env(safe-area-inset-bottom))}.mobile-submenu-drawer.slide-out{animation:slideOutRight .3s ease-in-out forwards}.mobile-submenu-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-4);border-bottom:1px solid var(--color-gray-200)}.mobile-submenu-header .back-btn{background:none;border:none;cursor:pointer;padding:var(--spacing-2);border-radius:var(--radius-md);color:var(--color-gray-600);transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center}.mobile-submenu-header .back-btn:hover{background:var(--color-gray-100);color:var(--color-primary)}.mobile-submenu-header h2{font-size:clamp(var(--font-size-base),1.5vw + .5rem,var(--font-size-lg));font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0;flex:1;text-align:center}.mobile-submenu-header .placeholder{width:44px}.mobile-menu-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-4);border-bottom:1px solid var(--color-gray-200)}.mobile-menu-header h2{font-size:clamp(var(--font-size-base),1.5vw + .5rem,var(--font-size-lg));font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0}.mobile-menu-header .close-btn{background:none;border:none;cursor:pointer;padding:var(--spacing-2);border-radius:var(--radius-md);transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center;width:40px;height:40px}.mobile-menu-header .close-btn:hover{background:var(--color-gray-100)}.mobile-menu-header .close-btn svg{width:24px;height:24px;display:block}.mobile-menu-list{list-style:none;padding:0;margin:0}.mobile-menu-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);cursor:pointer;transition:all var(--transition-normal);border-radius:var(--radius-md);margin-bottom:var(--spacing-2)}.mobile-menu-item:hover{background:var(--color-gray-50)}.mobile-menu-item.active{background:var(--color-primary);color:var(--color-white);border-radius:var(--radius-md)}.mobile-menu-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mobile-menu-icon img{width:20px;height:20px;filter:brightness(0) saturate(100%) invert(40%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(0%) contrast(100%)}.mobile-menu-item.active .mobile-menu-icon img{filter:brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%)}.mobile-menu-text{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-gray-700)}.mobile-menu-item.active .mobile-menu-text{color:var(--color-white)}.mobile-menu-item.logout-item{border-top:1px solid var(--color-gray-200);margin-top:var(--spacing-2);padding-top:var(--spacing-3)}.mobile-menu-item.logout-item .mobile-menu-text{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.mobile-menu-item.logout-item .mobile-menu-icon img{filter:var(--filter-primary)}.mobile-menu-item.has-submenu{position:relative}.mobile-submenu-toggle{margin-left:auto;padding:4px;cursor:pointer;transition:transform var(--transition-normal);color:var(--color-gray-500)}.mobile-menu-item.has-submenu.expanded .mobile-submenu-toggle{transform:rotate(90deg)}.mobile-submenu-item{padding-left:var(--spacing-8);background-color:var(--color-gray-50);border-left:3px solid var(--color-primary)}.mobile-submenu-item .mobile-menu-text{font-size:var(--font-size-sm);color:var(--color-gray-600)}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideOutRight{0%{transform:translate(0)}to{transform:translate(100%)}}body.route-trading #tawk-bubble-container,body.route-trading .tawk-min-container,body.route-trading #tawkchat-container,body.route-trading .tawk-chat-window,body.route-trading [id^=tawk],body.route-trading [class^=tawk]{display:none!important;visibility:hidden!important;pointer-events:none!important}@media (min-width: 769px){#tawk-bubble-container,.tawk-min-container,#tawkchat-container,.tawk-chat-window,[id^=tawk],[class^=tawk]{display:none!important;visibility:hidden!important;pointer-events:none!important}}@media (max-width: 768px){#tawk-bubble-container,.tawk-bubble-container{position:fixed!important;bottom:calc(110px + env(safe-area-inset-bottom,0))!important;right:calc(16px + env(safe-area-inset-right,0))!important;left:auto!important;z-index:9998!important;max-width:min(280px,calc(100vw - 32px))!important;pointer-events:auto!important}#tawkchat-container,.tawkchat-container,.tawk-chat-window{position:fixed!important;bottom:calc(110px + env(safe-area-inset-bottom,0))!important;right:calc(16px + env(safe-area-inset-right,0))!important;left:auto!important;z-index:9998!important;max-height:calc(100vh - 220px)!important;max-width:calc(100vw - 32px)!important;width:calc(100vw - 32px)!important;box-sizing:border-box!important}.tawk-min-container{position:fixed!important;bottom:calc(110px + env(safe-area-inset-bottom,0))!important;right:calc(16px + env(safe-area-inset-right,0))!important;z-index:9998!important}[id^=tawk]:not(#tawkchat-container):not(#tawk-bubble-container),[class^=tawk]:not(.tawk-chat-window):not(.tawk-min-container):not(.tawk-bubble-container){bottom:110px!important;z-index:9998!important}.bottom-nav{z-index:10000!important;pointer-events:auto!important}.bottom-nav .nav-item{pointer-events:auto!important;position:relative;z-index:10001!important}}#toast-container,.toast-container,[class*=toast],[class*=Toastify],[data-toast],[data-toast-container]{z-index:10001!important}