body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}#app{width:100%;min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.login-container[data-v-9a5b269e]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);background-size:400% 400%;animation:gradientShift-9a5b269e 15s ease infinite;padding:20px;position:relative;overflow:hidden}.login-container[data-v-9a5b269e]:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 1px,transparent 1px);background-size:50px 50px;animation:float-9a5b269e 20s linear infinite;pointer-events:none}@keyframes gradientShift-9a5b269e{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes float-9a5b269e{0%{transform:translate(0) rotate(0)}to{transform:translate(-50px,-50px) rotate(360deg)}}.language-select-login[data-v-9a5b269e]{padding:8px 32px 8px 12px;border:2px solid #e8e8e8;border-radius:10px;background:#fff;color:#333;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath fill='%23666' d='M7 10L2 5h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;box-shadow:0 2px 4px #00000005}.language-select-login[data-v-9a5b269e]:hover{border-color:#1890ff;box-shadow:0 2px 8px #1890ff26;transform:translateY(-1px)}.language-select-login[data-v-9a5b269e]:focus{outline:none;border-color:#1890ff;box-shadow:0 0 0 4px #1890ff1a,0 4px 12px #00000014}.language-select-login option[data-v-9a5b269e]{background:#fff;color:#333;padding:12px 16px;font-size:14px;font-weight:500;border:none}.login-box[data-v-9a5b269e]{width:100%;max-width:440px;background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;padding:48px 40px;box-shadow:0 20px 60px #0000004d,0 0 0 1px #ffffff1a;position:relative;z-index:1;animation:slideUp-9a5b269e .6s ease-out;transition:transform .3s ease,box-shadow .3s ease;transform:translateZ(0);will-change:transform;-webkit-transform:translateZ(0)}.login-box[data-v-9a5b269e]:hover{transform:translateY(-2px);box-shadow:0 25px 70px #00000059,0 0 0 1px #ffffff1a}@keyframes slideUp-9a5b269e{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-header[data-v-9a5b269e]{text-align:center;margin-bottom:40px}.login-title-wrapper[data-v-9a5b269e]{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:12px}.login-logo[data-v-9a5b269e]{width:48px;height:48px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:linear-gradient(135deg,#1890ff,#096dd9);border-radius:12px;padding:8px;box-shadow:0 4px 12px #1890ff4d;transition:transform .3s ease,box-shadow .3s ease}.login-logo[data-v-9a5b269e]:hover{transform:scale(1.05) rotate(5deg);box-shadow:0 6px 16px #1890ff66}.login-logo svg[data-v-9a5b269e]{width:100%;height:100%;filter:brightness(0) invert(1)}.login-header h1[data-v-9a5b269e]{font-size:32px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;letter-spacing:-.5px}.login-header p[data-v-9a5b269e]{color:#666;font-size:15px;margin-top:8px;font-weight:400}.login-form[data-v-9a5b269e]{width:100%}.error-message[data-v-9a5b269e]{background:linear-gradient(135deg,#fff2f0,#ffeaea);border:1px solid #ffccc7;color:#ff4d4f;padding:14px 16px;border-radius:12px;margin-bottom:24px;font-size:14px;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 2px 8px #ff4d4f26;animation:shake-9a5b269e .5s ease}.error-icon[data-v-9a5b269e]{width:20px;height:20px;flex-shrink:0}@keyframes shake-9a5b269e{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.fade-enter-active[data-v-9a5b269e],.fade-leave-active[data-v-9a5b269e]{transition:opacity .3s ease,transform .3s ease}.fade-enter-from[data-v-9a5b269e],.fade-leave-to[data-v-9a5b269e]{opacity:0;transform:translateY(-10px)}.form-group[data-v-9a5b269e]{margin-bottom:24px}.form-group label[data-v-9a5b269e]{display:block;margin-bottom:10px;color:#333;font-size:14px;font-weight:600;letter-spacing:.2px}.input-wrapper[data-v-9a5b269e]{position:relative;display:flex;align-items:center}.input-icon[data-v-9a5b269e]{position:absolute;left:16px;width:20px;height:20px;color:#999;z-index:1;transition:color .3s ease;pointer-events:none}.form-input[data-v-9a5b269e]{width:100%;padding:14px 16px 14px 48px;border:2px solid #e8e8e8;border-radius:12px;font-size:15px;transition:all .3s ease;background:#fff;color:#333;box-shadow:0 2px 4px #00000005}.input-wrapper:has(.password-toggle) .form-input[data-v-9a5b269e]{padding-right:48px}.form-input[data-v-9a5b269e]::placeholder{color:#bbb}.form-input[data-v-9a5b269e]:focus{outline:none;border-color:#1890ff;box-shadow:0 0 0 4px #1890ff1a,0 4px 12px #00000014;transform:translateY(-1px)}.form-input:focus+.input-icon[data-v-9a5b269e],.input-wrapper:has(.form-input:focus) .input-icon[data-v-9a5b269e]{color:#1890ff}.password-toggle[data-v-9a5b269e]{position:absolute;right:16px;background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:#999;transition:color .3s ease,transform .2s ease;z-index:1}.password-toggle[data-v-9a5b269e]:hover{color:#1890ff;transform:scale(1.1)}.password-toggle[data-v-9a5b269e]:active{transform:scale(.95)}.password-toggle svg[data-v-9a5b269e]{width:20px;height:20px}.form-options[data-v-9a5b269e]{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.remember-me[data-v-9a5b269e]{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#666;-webkit-user-select:none;user-select:none;transition:color .3s ease}.remember-me[data-v-9a5b269e]:hover{color:#333}.remember-me input[type=checkbox][data-v-9a5b269e]{width:18px;height:18px;cursor:pointer;accent-color:#1890ff;border-radius:4px;transition:transform .2s ease}.remember-me input[type=checkbox][data-v-9a5b269e]:hover{transform:scale(1.1)}.remember-me input[type=checkbox][data-v-9a5b269e]:checked{transform:scale(1.05)}.login-btn[data-v-9a5b269e]{width:100%;padding:16px;background:linear-gradient(135deg,#1890ff,#096dd9);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 4px 12px #1890ff4d;display:flex;align-items:center;justify-content:center;gap:10px}.login-btn[data-v-9a5b269e]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.login-btn[data-v-9a5b269e]:hover:not(:disabled):before{left:100%}.login-btn[data-v-9a5b269e]:hover:not(:disabled){background:linear-gradient(135deg,#40a9ff,#1890ff);transform:translateY(-2px);box-shadow:0 6px 20px #1890ff66}.login-btn[data-v-9a5b269e]:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #1890ff4d}.login-btn[data-v-9a5b269e]:disabled{background:#d9d9d9;cursor:not-allowed;box-shadow:none;transform:none}.btn-loader[data-v-9a5b269e]{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-9a5b269e .8s linear infinite}@keyframes spin-9a5b269e{to{transform:rotate(360deg)}}.btn-text[data-v-9a5b269e]{position:relative;z-index:1}@media (max-width: 768px){.login-container[data-v-9a5b269e]{padding:16px;transform:translateZ(0);-webkit-transform:translateZ(0)}.login-container[data-v-9a5b269e]:before{animation:none;opacity:.3}.login-container[data-v-9a5b269e]{background:linear-gradient(135deg,#667eea,#764ba2);background-size:100% 100%;animation:none}.login-box[data-v-9a5b269e]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none;transform:translateZ(0);-webkit-transform:translateZ(0);perspective:1000px;-webkit-perspective:1000px;backface-visibility:hidden;-webkit-backface-visibility:hidden;padding:32px 24px;border-radius:16px}.login-header h1[data-v-9a5b269e],.login-header p[data-v-9a5b269e],.form-group label[data-v-9a5b269e],.form-input[data-v-9a5b269e],.remember-me[data-v-9a5b269e],.language-select-login[data-v-9a5b269e],.login-btn[data-v-9a5b269e],.error-message[data-v-9a5b269e]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;transform:translateZ(0);-webkit-transform:translateZ(0)}.login-header[data-v-9a5b269e]{margin-bottom:32px}.login-title-wrapper[data-v-9a5b269e]{gap:10px}.login-logo[data-v-9a5b269e]{width:40px;height:40px;border-radius:10px}.login-header h1[data-v-9a5b269e]{font-size:28px;font-weight:700;-webkit-text-size-adjust:100%}.login-header p[data-v-9a5b269e]{font-size:15px;-webkit-text-size-adjust:100%}.form-group[data-v-9a5b269e]{margin-bottom:20px}.form-group label[data-v-9a5b269e]{font-size:14px;margin-bottom:8px;font-weight:600}.form-input[data-v-9a5b269e]{padding:12px 14px 12px 44px;font-size:16px;-webkit-text-size-adjust:100%;transform:translateZ(0);-webkit-transform:translateZ(0);-moz-appearance:none;appearance:none;-webkit-appearance:none;border-radius:12px}.input-icon[data-v-9a5b269e]{left:14px;width:18px;height:18px}.password-toggle[data-v-9a5b269e]{right:14px}.password-toggle svg[data-v-9a5b269e]{width:18px;height:18px}.form-options[data-v-9a5b269e]{flex-wrap:nowrap;gap:8px;margin-bottom:24px;justify-content:space-between}.remember-me[data-v-9a5b269e]{font-size:14px;flex-shrink:1;white-space:nowrap;min-width:0}.remember-me span[data-v-9a5b269e]{display:inline-block}.language-select-login[data-v-9a5b269e]{padding:8px 28px 8px 10px;font-size:14px;flex-shrink:0;width:auto;min-width:90px;max-width:130px}.login-btn[data-v-9a5b269e]{padding:14px;font-size:16px;-webkit-text-size-adjust:100%;transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-tap-highlight-color:transparent}.error-message[data-v-9a5b269e]{padding:12px 14px;font-size:14px}.input-wrapper[data-v-9a5b269e],.password-toggle[data-v-9a5b269e],.language-select-login[data-v-9a5b269e]{transform:translateZ(0);-webkit-transform:translateZ(0)}[data-v-9a5b269e]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}.top-header[data-v-a1d5e99f]{position:relative;height:64px;background:#fff;border-bottom:1px solid #e8e8e8;display:flex;align-items:center;justify-content:space-between;padding:0 16px;z-index:100;box-shadow:0 2px 8px #0000000f;transition:background .3s,border-color .3s;flex-shrink:0}.header-left[data-v-a1d5e99f]{display:flex;align-items:center;gap:12px}.menu-toggle[data-v-a1d5e99f]{background:none;border:none;font-size:24px;cursor:pointer;color:#333;padding:8px;display:flex;align-items:center;justify-content:center;transition:color .3s}.logo[data-v-a1d5e99f]{display:none;align-items:center;gap:10px}.show-mobile-only[data-v-a1d5e99f]{display:flex}.logo-icon[data-v-a1d5e99f]{width:32px;height:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.logo-icon svg[data-v-a1d5e99f]{width:100%;height:100%}.logo h2[data-v-a1d5e99f]{margin:0;font-size:18px;font-weight:600;color:#1890ff;white-space:nowrap}.header-right[data-v-a1d5e99f]{display:flex;align-items:center;flex-shrink:0;margin-left:8px}.header-actions[data-v-a1d5e99f]{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex-shrink:0}.header-link[data-v-a1d5e99f]{color:#333;text-decoration:none;font-size:14px;transition:color .3s;white-space:nowrap}.header-link[data-v-a1d5e99f]:hover{color:#1890ff}.divider[data-v-a1d5e99f]{color:#e8e8e8;margin:0 4px;transition:color .3s}.user-info[data-v-a1d5e99f]{display:flex;align-items:center;gap:12px;padding:4px 8px;border-radius:8px;transition:background .3s}.user-info[data-v-a1d5e99f]:hover{background:#f5f5f5}.user-avatar[data-v-a1d5e99f]{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#1890ff,#40a9ff);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 4px #1890ff33;transition:transform .3s,box-shadow .3s}.user-avatar[data-v-a1d5e99f]:hover{transform:scale(1.05);box-shadow:0 4px 8px #1890ff4d}.avatar-text[data-v-a1d5e99f]{color:#fff;font-size:16px;font-weight:600;line-height:1}.username[data-v-a1d5e99f]{color:#333;font-size:14px;font-weight:500;transition:color .3s;white-space:nowrap}.logout-btn[data-v-a1d5e99f]{display:flex;align-items:center;gap:6px;padding:8px 16px;background:linear-gradient(135deg,#ff4d4f,#ff7875);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s;white-space:nowrap;box-shadow:0 2px 4px #ff4d4f33}.logout-btn[data-v-a1d5e99f]:hover{background:linear-gradient(135deg,#ff7875,#ff9c9e);box-shadow:0 4px 8px #ff4d4f4d;transform:translateY(-1px)}.logout-btn[data-v-a1d5e99f]:active{transform:translateY(0);box-shadow:0 2px 4px #ff4d4f33}.logout-icon[data-v-a1d5e99f]{font-size:16px;line-height:1}.logout-text[data-v-a1d5e99f]{line-height:1}@media (max-width: 768px){.top-header[data-v-a1d5e99f]{padding:0 12px;height:56px}.hide-mobile[data-v-a1d5e99f]{display:none}.header-left[data-v-a1d5e99f]{gap:8px;flex:1;min-width:0}.logo[data-v-a1d5e99f]{flex:1;min-width:0;overflow:hidden;gap:6px}.logo-icon[data-v-a1d5e99f]{width:24px;height:24px;flex-shrink:0}.logo h2[data-v-a1d5e99f]{display:none}.header-right[data-v-a1d5e99f]{flex-shrink:0}.header-actions[data-v-a1d5e99f]{gap:6px;flex-wrap:nowrap}.language-selector[data-v-a1d5e99f]{flex-shrink:0}.language-select[data-v-a1d5e99f]{padding:4px 8px;font-size:12px;min-width:60px}.user-info[data-v-a1d5e99f]{gap:6px;padding:2px 4px;flex-shrink:0}.user-avatar[data-v-a1d5e99f]{width:28px;height:28px;flex-shrink:0}.avatar-text[data-v-a1d5e99f]{font-size:12px}.logout-btn[data-v-a1d5e99f]{padding:6px 10px;gap:4px;font-size:12px;flex-shrink:0}.logout-icon[data-v-a1d5e99f]{font-size:12px}.logout-text[data-v-a1d5e99f]{display:none}}.balance-info[data-v-a1d5e99f]{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#f0f9ff;border-radius:4px;border:1px solid #d9f0ff}.balance-label[data-v-a1d5e99f]{color:#666;font-size:14px}.balance-value[data-v-a1d5e99f]{color:#1890ff;font-weight:600;font-size:16px}.recharge-btn[data-v-a1d5e99f]{padding:4px 12px;background:#1890ff;color:#fff;border:none;border-radius:4px;font-size:12px;cursor:pointer;transition:all .3s;white-space:nowrap}.recharge-btn[data-v-a1d5e99f]:hover{background:#40a9ff;transform:translateY(-1px);box-shadow:0 2px 8px #1890ff4d}@media (min-width: 769px){.show-mobile-only[data-v-a1d5e99f]{display:none!important}}.sidebar[data-v-0f347a3e]{position:fixed;top:0;left:0;bottom:0;width:240px;background:#001529;transition:transform .3s,width .3s;overflow-y:auto;z-index:999;display:flex;flex-direction:column}.sidebar.collapsed[data-v-0f347a3e]{width:80px}.sidebar-header[data-v-0f347a3e]{position:relative;padding:16px 12px;display:flex;justify-content:space-between;align-items:center;min-height:64px;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-logo[data-v-0f347a3e]{display:flex;align-items:center;gap:10px;flex:1;overflow:hidden}.sidebar-logo .logo-icon[data-v-0f347a3e]{width:32px;height:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.sidebar-logo .logo-icon svg[data-v-0f347a3e]{width:100%;height:100%}.sidebar-title[data-v-0f347a3e]{margin:0;font-size:18px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-menu[data-v-0f347a3e]{flex:1;padding:16px 0;overflow-y:auto}.menu-item[data-v-0f347a3e]{display:flex;align-items:center;padding:12px 24px;color:#ffffffa6;cursor:pointer;transition:all .3s;position:relative}.menu-item[data-v-0f347a3e]:hover{background:#ffffff14;color:#fff}.menu-item.active[data-v-0f347a3e]{background:#1890ff;color:#fff}.menu-item.active[data-v-0f347a3e]:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#fff}.menu-icon[data-v-0f347a3e]{font-size:18px;margin-right:12px;min-width:18px;flex-shrink:0}.sidebar.collapsed .menu-text[data-v-0f347a3e]{display:none}.sidebar.collapsed .menu-icon[data-v-0f347a3e]{margin-right:0}.sidebar.collapsed .menu-item[data-v-0f347a3e]{justify-content:center;padding:12px}.sidebar.collapsed .sidebar-logo[data-v-0f347a3e]{display:none}.sidebar.collapsed .collapse-btn[data-v-0f347a3e]{margin:0 auto}.menu-text[data-v-0f347a3e]{font-size:14px;white-space:nowrap}.sidebar-footer[data-v-0f347a3e]{padding:16px;border-top:1px solid rgba(255,255,255,.1);flex-shrink:0}.footer-actions[data-v-0f347a3e]{display:flex;flex-direction:column;gap:8px}.collapse-btn[data-v-0f347a3e]{width:32px;height:32px;padding:0;background:#ffffff1a;color:#ffffffa6;border:none;border-radius:4px;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.collapse-btn[data-v-0f347a3e]:hover{background:#fff3;color:#fff}.collapse-icon[data-v-0f347a3e]{font-size:16px;line-height:1;transition:transform .3s}.notification-btn[data-v-0f347a3e]{width:100%;padding:8px;background:#ffffff1a;color:#ffffffa6;border:none;border-radius:4px;cursor:pointer;font-size:12px;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:6px}.notification-btn[data-v-0f347a3e]:hover{background:#fff3;color:#fff}.language-selector-footer[data-v-0f347a3e]{margin-top:8px}.language-select-footer[data-v-0f347a3e]{width:100%;padding:8px 32px 8px 12px;border:1px solid rgba(255,255,255,.2);border-radius:4px;background:#ffffff1a;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ffffff' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.language-select-footer[data-v-0f347a3e]:hover{background-color:#ffffff26;border-color:#ffffff4d}.language-select-footer[data-v-0f347a3e]:focus{outline:none;border-color:#fff6;background-color:#ffffff26;box-shadow:0 0 0 2px #ffffff1a}.language-select-footer option[data-v-0f347a3e]{background:#001529;color:#fff;padding:10px 12px;font-size:14px;font-weight:500;border:none}.language-select-footer option[data-v-0f347a3e]:hover,.language-select-footer option[data-v-0f347a3e]:focus{background:#1890ff;color:#fff}.language-select-footer option[data-v-0f347a3e]:checked{background:#1890ff;color:#fff}.notification-icon[data-v-0f347a3e]{font-size:14px}.notification-text[data-v-0f347a3e]{white-space:nowrap}.sidebar.collapsed .notification-text[data-v-0f347a3e]{display:none}.sidebar[data-v-0f347a3e]::-webkit-scrollbar{width:6px}.sidebar[data-v-0f347a3e]::-webkit-scrollbar-track{background:#001529}.sidebar[data-v-0f347a3e]::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.sidebar[data-v-0f347a3e]::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media (max-width: 768px){.sidebar[data-v-0f347a3e]{width:240px;transform:translate(-100%)}.sidebar.mobile-open[data-v-0f347a3e]{transform:translate(0)}.hide-mobile[data-v-0f347a3e],.sidebar-logo[data-v-0f347a3e]{display:none}}@media (min-width: 769px){.sidebar[data-v-0f347a3e]{transform:translate(0)!important}}.notification-modal-overlay[data-v-0f347a3e]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;animation:fadeIn-0f347a3e .3s ease}@keyframes fadeIn-0f347a3e{0%{opacity:0}to{opacity:1}}.notification-modal-content[data-v-0f347a3e]{background:#fff;border-radius:8px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #00000026;animation:slideUp-0f347a3e .3s ease;display:flex;flex-direction:column}@keyframes slideUp-0f347a3e{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.notification-modal-header[data-v-0f347a3e]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #f0f0f0}.notification-modal-title[data-v-0f347a3e]{margin:0;font-size:18px;font-weight:600;color:#333}.notification-modal-close[data-v-0f347a3e]{background:none;border:none;font-size:28px;color:#999;cursor:pointer;line-height:1;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .3s}.notification-modal-close[data-v-0f347a3e]:hover{background:#f0f0f0;color:#333}.notification-modal-body[data-v-0f347a3e]{padding:24px;flex:1;overflow-y:auto}.telegram-input-section[data-v-0f347a3e]{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #f0f0f0}.telegram-label[data-v-0f347a3e]{display:block;margin-bottom:8px;color:#333;font-size:14px;font-weight:500}.telegram-input-wrapper[data-v-0f347a3e]{display:flex;gap:8px;align-items:stretch}.telegram-input[data-v-0f347a3e]{flex:1;padding:10px 16px;border:1px solid #d9d9d9;border-radius:6px;font-size:14px;transition:border-color .3s}.telegram-input[data-v-0f347a3e]:focus{outline:none;border-color:#1890ff}.telegram-input[data-v-0f347a3e]:disabled{background:#f5f5f5;cursor:not-allowed}.test-notification-btn[data-v-0f347a3e]{padding:10px 20px;background:#52c41a;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s;white-space:nowrap;min-width:80px}.test-notification-btn[data-v-0f347a3e]:hover:not(:disabled){background:#73d13d}.test-notification-btn[data-v-0f347a3e]:disabled{background:#d9d9d9;cursor:not-allowed;color:#999}.notification-options[data-v-0f347a3e]{display:flex;flex-direction:column;gap:20px}.notification-card[data-v-0f347a3e]{background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef;overflow:hidden;transition:box-shadow .3s}.notification-card[data-v-0f347a3e]:hover{box-shadow:0 2px 8px #00000014}.notification-card-header[data-v-0f347a3e]{padding:12px 16px;background:#fff;border-bottom:1px solid #e9ecef}.notification-card-title[data-v-0f347a3e]{margin:0;font-size:15px;font-weight:600;color:#333}.notification-card-body[data-v-0f347a3e]{padding:12px 16px;display:flex;flex-direction:column;gap:0}.notification-option[data-v-0f347a3e]{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #e9ecef}.notification-option[data-v-0f347a3e]:last-child{border-bottom:none}.notification-card-body .notification-option[data-v-0f347a3e]:last-child{border-bottom:none}.option-info[data-v-0f347a3e]{flex:1;margin-right:16px}.option-title[data-v-0f347a3e]{font-size:15px;font-weight:500;color:#333;margin-bottom:4px}.option-desc[data-v-0f347a3e]{font-size:13px;color:#999}.switch[data-v-0f347a3e]{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.switch input[data-v-0f347a3e]{opacity:0;width:0;height:0}.slider[data-v-0f347a3e]{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.3s;border-radius:24px}.slider[data-v-0f347a3e]:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.slider[data-v-0f347a3e]{background-color:#1890ff}input:checked+.slider[data-v-0f347a3e]:before{transform:translate(20px)}.notification-modal-footer[data-v-0f347a3e]{padding:16px 24px;border-top:1px solid #f0f0f0;display:flex;justify-content:flex-end;gap:12px}.notification-btn-cancel[data-v-0f347a3e]{padding:8px 20px;background:#f0f0f0;color:#333;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:all .3s}.notification-btn-cancel[data-v-0f347a3e]:hover{background:#e0e0e0}.notification-btn-save[data-v-0f347a3e]{padding:8px 20px;background:#1890ff;color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:all .3s}.notification-btn-save[data-v-0f347a3e]:hover{background:#40a9ff}@media (max-width: 768px){.notification-modal-content[data-v-0f347a3e]{width:95%;max-width:none;margin:10px;max-height:85vh}.notification-modal-header[data-v-0f347a3e]{padding:16px}.notification-modal-title[data-v-0f347a3e]{font-size:16px}.notification-modal-body[data-v-0f347a3e]{padding:16px}.telegram-input-wrapper[data-v-0f347a3e]{flex-direction:column}.test-notification-btn[data-v-0f347a3e]{width:100%}.notification-option[data-v-0f347a3e]{flex-direction:column;align-items:flex-start;gap:12px}.notification-modal-footer[data-v-0f347a3e]{padding:12px 16px;flex-direction:column}.notification-btn-cancel[data-v-0f347a3e],.notification-btn-save[data-v-0f347a3e]{width:100%}}.layout-container[data-v-4da407bc]{display:flex;min-height:100vh;background:#f0f2f5}.right-content[data-v-4da407bc]{flex:1;display:flex;flex-direction:column;transition:margin-left .3s;min-width:0}.main-content[data-v-4da407bc]{flex:1;min-height:calc(100vh - 64px);transition:padding .3s;padding:24px;overflow-y:auto}.content-wrapper[data-v-4da407bc]{max-width:100%;width:100%;margin:0 auto;box-sizing:border-box;overflow-x:hidden}.overlay[data-v-4da407bc]{display:none}@media (max-width: 768px){.right-content[data-v-4da407bc]{margin-left:0!important}.main-content[data-v-4da407bc]{padding:16px;width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}.content-wrapper[data-v-4da407bc]{width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}.overlay[data-v-4da407bc]{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:998;transition:opacity .3s}}@media (max-width: 768px){body.sidebar-open{overflow:hidden}}.dashboard[data-v-36d51d04]{padding:0}.dashboard-title[data-v-36d51d04]{font-size:24px;font-weight:600;color:#333;margin-bottom:24px}.stats-grid[data-v-36d51d04]{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:24px}.stat-card[data-v-36d51d04]{background:#fff;border-radius:8px;padding:16px;display:flex;align-items:flex-start;gap:12px;box-shadow:0 2px 8px #0000000f;transition:box-shadow .3s}.stat-card[data-v-36d51d04]:hover{box-shadow:0 4px 12px #0000001a}.stat-icon[data-v-36d51d04]{font-size:24px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f0f2f5;border-radius:6px;flex-shrink:0}.stat-content[data-v-36d51d04]{flex:1;min-width:0}.stat-header[data-v-36d51d04]{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.stat-label[data-v-36d51d04]{font-size:13px;color:#666;line-height:1.4;flex-shrink:0}.stat-card-with-detail .stat-label[data-v-36d51d04],.stat-card-traffic .stat-label[data-v-36d51d04],.stat-card-payment .stat-label[data-v-36d51d04]{font-size:16px;font-weight:600;color:#333}.stat-value[data-v-36d51d04]{font-size:28px;font-weight:600;color:#333;line-height:1.2;flex-shrink:0}.stat-card-with-detail[data-v-36d51d04]{flex-direction:column;align-items:stretch;gap:12px;justify-content:space-between}.stat-left[data-v-36d51d04]{display:flex;align-items:center;gap:12px;width:100%}.stat-card-with-detail .stat-left[data-v-36d51d04]{flex-shrink:0}.stat-detail[data-v-36d51d04]{display:flex;flex-direction:row;gap:12px;padding:0;background:transparent;border:none;margin:0;align-items:center}.stat-detail-vertical[data-v-36d51d04]{flex-direction:column;gap:10px;align-items:stretch;margin-top:0;flex:1;justify-content:space-between}.stat-detail-vertical .detail-item[data-v-36d51d04]{width:100%;justify-content:space-between}.detail-item[data-v-36d51d04]{display:flex;align-items:center;gap:6px;padding:8px 10px;background:#f8f9fa;border-radius:6px;border:1px solid #e8e8e8;white-space:nowrap;flex-direction:row;font-size:12px;transition:all .3s ease;cursor:pointer}.detail-item[data-v-36d51d04]:hover{background:#f0f0f0;border-color:#d9d9d9;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.stat-detail-vertical .detail-item[data-v-36d51d04]{flex:1;min-height:60px}.detail-item.has-sub-items[data-v-36d51d04]{flex-direction:row;align-items:center;gap:16px;padding:14px 12px;justify-content:space-between}.detail-item-left[data-v-36d51d04]{display:flex;flex-direction:column;gap:8px;flex:1}.detail-item-header[data-v-36d51d04]{display:flex;align-items:center}.detail-item-right[data-v-36d51d04]{display:flex;align-items:center;justify-content:center;flex-shrink:0}.detail-value-large[data-v-36d51d04]{color:#1890ff;font-weight:600;font-size:32px;line-height:1}.detail-sub-items[data-v-36d51d04]{display:flex;gap:12px;margin-top:4px;padding-left:8px;padding-top:4px}.detail-sub-item[data-v-36d51d04]{display:flex;align-items:center;gap:6px;font-size:13px;padding:2px 0}.detail-sub-label[data-v-36d51d04]{color:#666;font-weight:500}.detail-sub-value[data-v-36d51d04]{color:#1890ff;font-weight:500;font-size:14px}.detail-item.clickable[data-v-36d51d04]{cursor:pointer;transition:all .3s ease}.detail-item.clickable[data-v-36d51d04]:hover{background:#f0f0f0;border-color:#d9d9d9;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.detail-label[data-v-36d51d04]{color:#333;font-size:14px;font-weight:600}.detail-value[data-v-36d51d04]{color:#666;font-weight:500;font-size:18px}.stat-card-traffic[data-v-36d51d04]{flex-direction:column;align-items:stretch;gap:12px;justify-content:space-between}.stat-card-traffic .stat-left[data-v-36d51d04]{width:100%;flex-shrink:0}.traffic-container-compact[data-v-36d51d04]{display:flex;flex-direction:column;gap:12px;margin-top:0;flex:1;justify-content:space-between}.traffic-item-compact[data-v-36d51d04]{display:flex;flex-direction:column;gap:10px;padding:16px 14px;background:#f8f9fa;border-radius:6px;border:1px solid #e8e8e8;flex:1;justify-content:space-between;min-height:80px;transition:all .3s ease;cursor:pointer}.traffic-item-compact[data-v-36d51d04]:hover{background:#f0f0f0;border-color:#d9d9d9;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.traffic-header-compact[data-v-36d51d04]{display:flex;justify-content:space-between;align-items:center;gap:8px}.traffic-label-compact[data-v-36d51d04]{font-size:14px;font-weight:600;color:#333}.traffic-amount-compact[data-v-36d51d04]{font-size:13px;color:#666;font-weight:500}.progress-bar-compact[data-v-36d51d04]{width:100%;height:10px;background:#e8e8e8;border-radius:5px;overflow:hidden;box-shadow:inset 0 1px 2px #0000001a;border:1px solid #d9d9d9}.progress-fill-compact[data-v-36d51d04]{height:100%;background:linear-gradient(90deg,#1890ff,#40a9ff);border-radius:4px;transition:width .3s ease,background .3s ease;box-shadow:0 1px 3px #1890ff4d}.progress-fill-compact.progress-warning[data-v-36d51d04]{background:linear-gradient(90deg,#ff4d4f,#ff7875);box-shadow:0 1px 3px #ff4d4f4d}.traffic-info-compact[data-v-36d51d04]{display:flex;align-items:center;font-size:13px;padding-top:2px}.traffic-remaining-compact[data-v-36d51d04]{color:#1890ff;font-weight:500}.stat-card-messages[data-v-36d51d04]{flex-direction:column;align-items:stretch;gap:12px}.stat-card-messages .stat-left[data-v-36d51d04]{width:100%}.stat-card-messages .messages-list[data-v-36d51d04]{max-height:140px;gap:6px;margin-top:0}.message-item[data-v-36d51d04]{padding:6px 8px;font-size:11px}.message-icon[data-v-36d51d04]{font-size:12px}.message-time[data-v-36d51d04]{font-size:10px}.messages-header[data-v-36d51d04]{margin-bottom:12px}.messages-header .stat-label[data-v-36d51d04]{font-size:14px;color:#666;margin:0}.messages-list[data-v-36d51d04]{max-height:120px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding-right:4px}.messages-list[data-v-36d51d04]::-webkit-scrollbar{width:4px}.messages-list[data-v-36d51d04]::-webkit-scrollbar-track{background:#f0f0f0;border-radius:2px}.messages-list[data-v-36d51d04]::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:2px}.messages-list[data-v-36d51d04]::-webkit-scrollbar-thumb:hover{background:#bfbfbf}.message-item[data-v-36d51d04]{display:flex;align-items:center;gap:8px;padding:6px 10px;background:#fafafa;border-radius:4px;border-left:3px solid #d9d9d9;font-size:12px;transition:all .3s}.message-item.unread[data-v-36d51d04]{background:#f0f9ff;border-left-color:#1890ff;font-weight:500}.message-item.recharge[data-v-36d51d04]{border-left-color:#52c41a}.message-item.purchase[data-v-36d51d04]{border-left-color:#1890ff}.message-item.renew[data-v-36d51d04]{border-left-color:#722ed1}.message-item.expire[data-v-36d51d04]{border-left-color:#faad14}.message-item.deduction[data-v-36d51d04]{border-left-color:#ff4d4f}.message-item.traffic[data-v-36d51d04]{border-left-color:#13c2c2}.message-icon[data-v-36d51d04]{font-size:14px;flex-shrink:0}.message-text[data-v-36d51d04]{flex:1;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-item.unread .message-text[data-v-36d51d04]{color:#1890ff;font-weight:500}.message-time[data-v-36d51d04]{color:#999;font-size:11px;flex-shrink:0;white-space:nowrap}.pay-btn[data-v-36d51d04]{padding:8px 20px;background:#1890ff;color:#fff;border:none;border-radius:4px;font-size:13px;cursor:pointer;transition:all .3s;white-space:nowrap;align-self:center}.pay-btn[data-v-36d51d04]:hover{background:#40a9ff;transform:translateY(-1px);box-shadow:0 2px 8px #1890ff4d}.card-section[data-v-36d51d04]{margin-bottom:24px}.card-section-grid[data-v-36d51d04]{display:grid;grid-template-columns:2fr 1fr;gap:24px}.stat-card-messages-card[data-v-36d51d04]{display:flex;flex-direction:column}.stat-card-messages-card .messages-list[data-v-36d51d04]{max-height:none;flex:1;overflow-y:auto}.recent-traffic-section[data-v-36d51d04]{margin-top:32px;padding-top:32px;border-top:1px solid #f0f0f0}.section-title[data-v-36d51d04]{font-size:16px;font-weight:600;color:#333;margin:0 0 16px}.daily-traffic-table[data-v-36d51d04]{width:100%;overflow-x:auto}.traffic-table[data-v-36d51d04]{width:100%;border-collapse:collapse;font-size:14px}.traffic-table thead[data-v-36d51d04]{background:#f5f5f5}.traffic-table th[data-v-36d51d04]{padding:8px 12px;text-align:left;font-weight:600;color:#333;border-bottom:2px solid #e0e0e0;white-space:nowrap}.traffic-table td[data-v-36d51d04]{padding:8px 12px;border-bottom:1px solid #f0f0f0;color:#666}.traffic-table tbody tr[data-v-36d51d04]:hover{background:#f9f9f9}.traffic-table tbody tr:last-child td[data-v-36d51d04]{border-bottom:none}.traffic-cards[data-v-36d51d04]{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.traffic-card[data-v-36d51d04]{background:#fff;border:1px solid #f0f0f0;border-radius:8px;padding:16px;transition:all .3s}.traffic-card[data-v-36d51d04]:hover{box-shadow:0 2px 8px #0000001a;border-color:#d9d9d9}.traffic-card-header[data-v-36d51d04]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #f0f0f0}.traffic-card-date[data-v-36d51d04]{font-size:16px;font-weight:600;color:#333}.traffic-card-total[data-v-36d51d04]{font-size:18px;font-weight:600;color:#1890ff}.traffic-card-body[data-v-36d51d04]{display:flex;flex-direction:column;gap:10px}.traffic-card-item[data-v-36d51d04]{display:flex;justify-content:space-between;align-items:flex-start;font-size:14px}.traffic-card-label[data-v-36d51d04]{color:#999;font-weight:500;flex-shrink:0;min-width:120px}.traffic-card-value[data-v-36d51d04]{color:#333;text-align:right;flex:1;margin-left:12px;display:flex;flex-direction:column;align-items:flex-end;gap:4px}.traffic-value[data-v-36d51d04]{font-size:13px;color:#666}.amount-value[data-v-36d51d04]{font-size:14px;color:#333;font-weight:500}.total-value[data-v-36d51d04]{font-size:16px;font-weight:600;color:#1890ff}.date-cell[data-v-36d51d04]{font-weight:500;color:#333;white-space:nowrap}.data-cell[data-v-36d51d04]{min-width:150px}.traffic-data[data-v-36d51d04]{display:flex;flex-direction:row;align-items:center;gap:6px}.data-traffic[data-v-36d51d04]{color:#333;font-weight:500}.data-separator[data-v-36d51d04]{color:#999;margin:0 2px}.data-amount[data-v-36d51d04]{color:#1890ff;font-size:13px}.total-amount[data-v-36d51d04]{font-weight:600;font-size:14px}.card[data-v-36d51d04]{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000f;overflow:hidden}.card-header[data-v-36d51d04]{padding:16px 20px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center;gap:12px}.title-left[data-v-36d51d04]{display:flex;align-items:center;gap:12px;flex:1}.card-header h3[data-v-36d51d04]{margin:0;font-size:16px;font-weight:600;color:#333;display:flex;align-items:center;gap:12px}.view-toggle[data-v-36d51d04]{display:flex;gap:4px;flex-shrink:0}.view-toggle-btn[data-v-36d51d04]{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid #d9d9d9;background:#fff;border-radius:4px;cursor:pointer;transition:all .3s;padding:0}.view-toggle-btn[data-v-36d51d04]:hover{border-color:#1890ff;color:#1890ff}.view-toggle-btn.active[data-v-36d51d04]{background:#1890ff;border-color:#1890ff;color:#fff}.toggle-icon[data-v-36d51d04]{width:16px;height:16px}.server-count-badge[data-v-36d51d04]{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 10px;background:#1890ff;color:#fff;border-radius:14px;font-size:14px;font-weight:600;line-height:1}.btn-link[data-v-36d51d04]{background:none;border:none;color:#1890ff;cursor:pointer;font-size:14px;padding:0}.btn-link[data-v-36d51d04]:hover{color:#40a9ff}.card-body[data-v-36d51d04]{padding:20px}.todo-item[data-v-36d51d04]{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f0f0f0}.todo-item[data-v-36d51d04]:last-child{border-bottom:none}.todo-label[data-v-36d51d04]{font-size:14px;color:#666}.todo-value[data-v-36d51d04]{font-size:18px;font-weight:600;color:#333}.todo-value.warning[data-v-36d51d04]{color:#ff4d4f}.traffic-container[data-v-36d51d04]{display:grid;grid-template-columns:1fr 1fr;gap:16px}.traffic-card[data-v-36d51d04]{background:#f8f9fa;border-radius:8px;padding:20px;border:1px solid #e8e8e8}.traffic-item[data-v-36d51d04]{display:flex;flex-direction:column;gap:12px}.traffic-header[data-v-36d51d04]{display:flex;justify-content:space-between;align-items:center}.traffic-header-right[data-v-36d51d04]{display:flex;align-items:center;gap:12px}.traffic-label[data-v-36d51d04]{font-size:15px;font-weight:600;color:#333}.traffic-amount[data-v-36d51d04]{font-size:14px;color:#666;font-weight:500}.recharge-btn[data-v-36d51d04]{padding:6px 16px;background:#1890ff;color:#fff;border:none;border-radius:4px;font-size:13px;cursor:pointer;transition:all .3s;white-space:nowrap}.recharge-btn[data-v-36d51d04]:hover{background:#40a9ff;transform:translateY(-1px);box-shadow:0 2px 8px #1890ff4d}.progress-bar[data-v-36d51d04]{width:100%;height:12px;background:#e8e8e8;border-radius:6px;overflow:hidden;box-shadow:inset 0 1px 3px #0000001a;border:1px solid #d9d9d9}.progress-fill[data-v-36d51d04]{height:100%;background:linear-gradient(90deg,#1890ff,#40a9ff);border-radius:6px;transition:width .3s ease,background .3s ease;box-shadow:0 2px 4px #1890ff4d;position:relative}.progress-fill[data-v-36d51d04]:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);border-radius:6px}.progress-fill.progress-warning[data-v-36d51d04]{background:linear-gradient(90deg,#ff4d4f,#ff7875);box-shadow:0 2px 4px #ff4d4f4d}.traffic-info[data-v-36d51d04]{display:flex;flex-direction:row;align-items:center;gap:8px;font-size:13px}.traffic-total[data-v-36d51d04]{color:#666}.traffic-separator[data-v-36d51d04]{color:#999;margin:0 4px}.traffic-remaining[data-v-36d51d04]{color:#1890ff;font-weight:500}.service-grid[data-v-36d51d04]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.service-item[data-v-36d51d04]{text-align:center;padding:16px;background:#f9f9f9;border-radius:8px}.service-name[data-v-36d51d04]{font-size:14px;color:#666;margin-bottom:8px}.service-count[data-v-36d51d04]{font-size:24px;font-weight:600;color:#1890ff}.ranking-grid[data-v-36d51d04]{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.ranking-list[data-v-36d51d04]{display:flex;flex-direction:column;gap:10px}.ranking-item[data-v-36d51d04]{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#f9f9f9;border-radius:6px;transition:background .3s}.ranking-item[data-v-36d51d04]:hover{background:#f0f0f0}.ranking-number[data-v-36d51d04]{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#e8e8e8;border-radius:50%;font-weight:600;font-size:13px;color:#666;flex-shrink:0}.ranking-number.top1[data-v-36d51d04]{background:linear-gradient(135deg,gold,#ffed4e);color:#fff;font-weight:700}.ranking-number.top2[data-v-36d51d04]{background:linear-gradient(135deg,silver,#e0e0e0);color:#fff;font-weight:700}.ranking-number.top3[data-v-36d51d04]{background:linear-gradient(135deg,#cd7f32,#e6a05c);color:#fff;font-weight:700}.ranking-content[data-v-36d51d04]{flex:1;display:flex;justify-content:space-between;align-items:center}.ranking-name[data-v-36d51d04]{font-size:13px;color:#333;font-weight:500}.ranking-traffic[data-v-36d51d04]{font-size:12px;color:#666;font-weight:500}.empty-ranking[data-v-36d51d04]{text-align:center;padding:20px;color:#999;font-size:14px}.ranking-card[data-v-36d51d04]{display:flex;flex-direction:column}.ranking-card-body[data-v-36d51d04]{padding:16px 20px;flex:1;display:flex;flex-direction:column}.ranking-card-body .ranking-list[data-v-36d51d04]{flex:1;min-height:0}.resource-table[data-v-36d51d04]{width:100%;border-collapse:collapse}.resource-table thead[data-v-36d51d04]{background:#fafafa}.resource-table th[data-v-36d51d04]{padding:12px;text-align:left;font-size:14px;font-weight:600;color:#333;border-bottom:1px solid #f0f0f0}.resource-table td[data-v-36d51d04]{padding:12px;font-size:14px;color:#666;border-bottom:1px solid #f0f0f0}.resource-table tbody tr[data-v-36d51d04]:hover{background:#fafafa}.status-badge[data-v-36d51d04]{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px}.status-badge.active[data-v-36d51d04]{background:#f6ffed;color:#52c41a;border:1px solid #b7eb8f}.btn-small[data-v-36d51d04]{padding:4px 12px;background:#1890ff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px;transition:background .3s}.btn-small[data-v-36d51d04]:hover{background:#40a9ff}@media (max-width: 768px){.dashboard[data-v-36d51d04]{padding:0}.dashboard-title[data-v-36d51d04]{font-size:20px;margin-bottom:16px}.stats-grid[data-v-36d51d04]{grid-template-columns:1fr;gap:12px;margin-bottom:16px}.stat-card[data-v-36d51d04]{padding:16px;gap:12px}.stat-icon[data-v-36d51d04]{font-size:28px;width:50px;height:50px}.stat-value[data-v-36d51d04]{font-size:20px}.stat-card-with-detail[data-v-36d51d04]{flex-direction:column;align-items:stretch}.stat-left[data-v-36d51d04]{width:100%}.stat-detail[data-v-36d51d04]{flex-direction:column;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid #f0f0f0}.stat-detail-vertical[data-v-36d51d04]{flex-direction:column;gap:8px;flex:1;justify-content:space-between}.detail-item[data-v-36d51d04]{padding:10px;width:100%;flex:1;min-height:50px}.detail-item.has-sub-items[data-v-36d51d04]{flex-direction:row;padding:12px 10px;justify-content:space-between;align-items:center;gap:12px}.detail-item-left[data-v-36d51d04]{flex:1;gap:6px}.detail-item-right[data-v-36d51d04]{flex-shrink:0}.detail-value-large[data-v-36d51d04]{font-size:24px}.detail-sub-items[data-v-36d51d04]{flex-direction:column;gap:6px;margin-top:4px}.detail-label[data-v-36d51d04]{font-size:12px}.detail-value[data-v-36d51d04]{font-size:16px}.stat-header[data-v-36d51d04]{flex-wrap:wrap;gap:8px}.stat-label[data-v-36d51d04]{font-size:12px}.stat-card-with-detail .stat-label[data-v-36d51d04],.stat-card-traffic .stat-label[data-v-36d51d04],.stat-card-payment .stat-label[data-v-36d51d04]{font-size:14px;font-weight:600;color:#333}.stat-value[data-v-36d51d04]{font-size:24px}.stat-icon[data-v-36d51d04]{font-size:20px;width:36px;height:36px}.pay-btn[data-v-36d51d04]{padding:6px 16px;font-size:12px}.stat-card-traffic[data-v-36d51d04]{gap:10px;justify-content:space-between}.traffic-container-compact[data-v-36d51d04]{gap:10px;flex:1;justify-content:space-between}.traffic-item-compact[data-v-36d51d04]{padding:14px 12px;gap:8px;flex:1;min-height:70px;justify-content:space-between}.traffic-label-compact[data-v-36d51d04]{font-size:13px}.traffic-amount-compact[data-v-36d51d04]{font-size:12px}.progress-bar-compact[data-v-36d51d04]{height:8px}.traffic-info-compact[data-v-36d51d04]{font-size:12px}.card-section[data-v-36d51d04]{margin-bottom:16px}.card-section-grid[data-v-36d51d04]{grid-template-columns:1fr;gap:16px}.card-header[data-v-36d51d04]{padding:12px 16px;flex-wrap:nowrap;gap:8px}.title-left[data-v-36d51d04]{flex:1;min-width:0}.view-toggle[data-v-36d51d04]{flex-shrink:0;margin-left:auto}.view-toggle-btn[data-v-36d51d04]{width:32px;height:32px}.toggle-icon[data-v-36d51d04]{width:14px;height:14px}.card-header h3[data-v-36d51d04]{font-size:14px}.traffic-cards[data-v-36d51d04]{grid-template-columns:1fr;gap:12px}.traffic-card[data-v-36d51d04]{padding:12px}.traffic-card-header[data-v-36d51d04]{flex-direction:row;justify-content:space-between;align-items:center;gap:12px}.traffic-card-item[data-v-36d51d04]{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:12px;padding:8px 0}.traffic-card-label[data-v-36d51d04]{min-width:100px;font-size:14px}.traffic-card-value[data-v-36d51d04]{margin-left:0;text-align:right;flex:1}.card-body[data-v-36d51d04]{padding:16px}.ranking-card-body[data-v-36d51d04]{padding:12px 16px}.ranking-grid[data-v-36d51d04]{grid-template-columns:1fr;gap:16px}.ranking-item[data-v-36d51d04]{padding:10px;gap:10px}.ranking-number[data-v-36d51d04]{width:28px;height:28px;font-size:12px}.ranking-name[data-v-36d51d04]{font-size:13px}.ranking-traffic[data-v-36d51d04]{font-size:12px}.traffic-container[data-v-36d51d04]{grid-template-columns:1fr;gap:16px}.traffic-card[data-v-36d51d04]{padding:16px}.recent-traffic-section[data-v-36d51d04]{margin-top:24px;padding-top:24px}.traffic-table[data-v-36d51d04]{font-size:12px;min-width:500px}.traffic-table th[data-v-36d51d04],.traffic-table td[data-v-36d51d04]{padding:8px 12px}.daily-traffic-table[data-v-36d51d04]{overflow-x:auto}.traffic-header[data-v-36d51d04]{flex-direction:column;align-items:flex-start;gap:8px}.traffic-header-right[data-v-36d51d04]{width:100%;justify-content:space-between;flex-wrap:wrap;gap:8px}.recharge-btn[data-v-36d51d04]{padding:5px 12px;font-size:12px}.traffic-info[data-v-36d51d04]{flex-direction:column;align-items:flex-start;gap:8px}.service-grid[data-v-36d51d04]{grid-template-columns:repeat(2,1fr);gap:12px}.service-item[data-v-36d51d04]{padding:12px}.service-count[data-v-36d51d04]{font-size:20px}.resource-table[data-v-36d51d04]{display:none}.resource-table-mobile[data-v-36d51d04]{display:block}.resource-card[data-v-36d51d04]{background:#f9f9f9;border-radius:8px;padding:12px;margin-bottom:12px}.resource-card-row[data-v-36d51d04]{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f0f0f0}.resource-card-row[data-v-36d51d04]:last-child{border-bottom:none}.resource-card-label[data-v-36d51d04]{font-size:12px;color:#999}.resource-card-value[data-v-36d51d04]{font-size:14px;color:#333;font-weight:500}}.resource-table-mobile[data-v-36d51d04]{display:none}.modal-overlay[data-v-36d51d04]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn-36d51d04 .3s ease}@keyframes fadeIn-36d51d04{0%{opacity:0}to{opacity:1}}.modal-content[data-v-36d51d04]{background:#fff;border-radius:8px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #00000026;animation:slideUp-36d51d04 .3s ease}@keyframes slideUp-36d51d04{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header[data-v-36d51d04]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #f0f0f0}.modal-title[data-v-36d51d04]{margin:0;font-size:18px;font-weight:600;color:#333}.modal-close[data-v-36d51d04]{background:none;border:none;font-size:28px;color:#999;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .3s}.modal-close[data-v-36d51d04]:hover{background:#f5f5f5;color:#333}.modal-body[data-v-36d51d04]{padding:24px}.payment-method[data-v-36d51d04]{margin-bottom:24px}.payment-label[data-v-36d51d04]{font-size:14px;color:#666;margin-bottom:12px;font-weight:500}.payment-option[data-v-36d51d04]{display:flex;align-items:center;gap:12px;padding:16px;background:#f9f9f9;border-radius:6px;border:1px solid #e8e8e8}.payment-icon[data-v-36d51d04]{font-size:32px}.payment-info[data-v-36d51d04]{flex:1}.payment-name[data-v-36d51d04]{font-size:16px;font-weight:600;color:#333;margin-bottom:4px;display:flex;align-items:center;gap:8px}.network-badge[data-v-36d51d04]{display:inline-flex;align-items:center;padding:2px 8px;background:#e6f7ff;color:#1890ff;border:1px solid #91d5ff;border-radius:4px;font-size:12px;font-weight:500}.payment-desc[data-v-36d51d04]{font-size:13px;color:#666}.recharge-amount[data-v-36d51d04]{margin-bottom:24px}.amount-label[data-v-36d51d04]{display:block;font-size:14px;color:#666;margin-bottom:8px;font-weight:500}.amount-input[data-v-36d51d04]{width:100%;padding:12px 16px;border:1px solid #d9d9d9;border-radius:4px;font-size:14px;transition:border-color .3s;box-sizing:border-box}.amount-input[data-v-36d51d04]:focus{outline:none;border-color:#1890ff;box-shadow:0 0 0 2px #1890ff1a}.usdt-address[data-v-36d51d04]{margin-bottom:24px}.address-label[data-v-36d51d04]{display:block;font-size:14px;color:#666;margin-bottom:8px;font-weight:500}.address-display[data-v-36d51d04]{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#f5f5f5;border-radius:4px;border:1px solid #e8e8e8}.address-text[data-v-36d51d04]{flex:1;font-size:13px;color:#333;font-family:monospace;word-break:break-all}.copy-btn[data-v-36d51d04]{padding:6px 12px;background:#1890ff;color:#fff;border:none;border-radius:4px;font-size:13px;cursor:pointer;transition:all .3s;white-space:nowrap}.copy-btn[data-v-36d51d04]:hover{background:#40a9ff;transform:translateY(-1px);box-shadow:0 2px 4px #1890ff4d}.modal-footer[data-v-36d51d04]{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #f0f0f0}.btn-cancel[data-v-36d51d04]{padding:10px 20px;background:#fff;color:#666;border:1px solid #d9d9d9;border-radius:4px;font-size:14px;cursor:pointer;transition:all .3s}.btn-cancel[data-v-36d51d04]:hover{color:#333;border-color:#999}.btn-confirm[data-v-36d51d04]{padding:10px 20px;background:#1890ff;color:#fff;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:all .3s}.btn-confirm[data-v-36d51d04]:hover{background:#40a9ff;transform:translateY(-1px);box-shadow:0 2px 8px #1890ff4d}@media (max-width: 768px){.modal-content[data-v-36d51d04]{width:95%;max-width:none;margin:20px}.modal-header[data-v-36d51d04]{padding:16px 20px}.modal-title[data-v-36d51d04]{font-size:16px}.modal-body[data-v-36d51d04]{padding:20px}.payment-option[data-v-36d51d04]{padding:12px}.modal-footer[data-v-36d51d04]{padding:16px 20px;flex-direction:column-reverse}.btn-cancel[data-v-36d51d04],.btn-confirm[data-v-36d51d04]{width:100%}}.modal-overlay[data-v-b9caaf7b]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn-b9caaf7b .3s ease}@keyframes fadeIn-b9caaf7b{0%{opacity:0}to{opacity:1}}.modal-content[data-v-b9caaf7b]{background:#fff;border-radius:8px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #00000026;animation:slideUp-b9caaf7b .3s ease;display:flex;flex-direction:column}@keyframes slideUp-b9caaf7b{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header[data-v-b9caaf7b]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #f0f0f0}.modal-title[data-v-b9caaf7b]{margin:0;font-size:18px;font-weight:600;color:#333}.modal-close[data-v-b9caaf7b]{background:none;border:none;font-size:28px;color:#999;cursor:pointer;line-height:1;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .3s}.modal-close[data-v-b9caaf7b]:hover{background:#f0f0f0;color:#333}.modal-body[data-v-b9caaf7b]{padding:24px;flex:1;overflow-y:auto}.confirm-content[data-v-b9caaf7b]{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.confirm-icon[data-v-b9caaf7b]{font-size:48px;margin-bottom:8px}.confirm-message[data-v-b9caaf7b]{font-size:16px;color:#333;line-height:1.6;white-space:pre-line}.modal-footer[data-v-b9caaf7b]{padding:16px 24px;border-top:1px solid #f0f0f0;display:flex;justify-content:flex-end;gap:12px}.btn-cancel[data-v-b9caaf7b]{padding:10px 20px;background:#fff;color:#666;border:1px solid #d9d9d9;border-radius:4px;font-size:14px;cursor:pointer;transition:all .3s}.btn-cancel[data-v-b9caaf7b]:hover{color:#333;border-color:#999}.btn-confirm[data-v-b9caaf7b]{padding:10px 20px;background:#1890ff;color:#fff;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:all .3s}.btn-confirm[data-v-b9caaf7b]:hover{background:#40a9ff;transform:translateY(-1px);box-shadow:0 2px 8px #1890ff4d}@media (max-width: 768px){.modal-content[data-v-b9caaf7b]{width:95%;max-width:none;margin:20px}.modal-header[data-v-b9caaf7b]{padding:16px 20px}.modal-title[data-v-b9caaf7b]{font-size:16px}.modal-body[data-v-b9caaf7b]{padding:20px}.confirm-icon[data-v-b9caaf7b]{font-size:40px}.confirm-message[data-v-b9caaf7b]{font-size:14px}.modal-footer[data-v-b9caaf7b]{padding:16px 20px;flex-direction:column-reverse}.btn-cancel[data-v-b9caaf7b],.btn-confirm[data-v-b9caaf7b]{width:100%}}.purchase[data-v-99add642]{padding:0}.purchase-title[data-v-99add642]{font-size:24px;font-weight:600;color:#333;margin-bottom:24px;display:flex;align-items:center;gap:12px}.balance-payment-tip[data-v-99add642]{display:flex;align-items:center;gap:12px;padding:14px 18px;margin-bottom:24px;background:linear-gradient(135deg,#e6f4ff,#bae0ff);border:1px solid #91caff;border-radius:10px;box-shadow:0 2px 8px #1890ff1a;animation:slideIn-99add642 .4s ease-out}.tip-icon[data-v-99add642]{width:20px;height:20px;flex-shrink:0;color:#1890ff}.tip-text[data-v-99add642]{font-size:14px;color:#0050b3;font-weight:500;line-height:1.5}@keyframes slideIn-99add642{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.service-tabs[data-v-99add642]{display:flex;gap:16px;margin-bottom:32px;border-bottom:2px solid #f0f0f0}.tab-btn[data-v-99add642]{display:flex;align-items:center;gap:8px;padding:12px 24px;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:16px;color:#666;transition:all .3s;position:relative;bottom:-2px}.tab-btn[data-v-99add642]:hover{color:#1890ff}.tab-btn.active[data-v-99add642]{color:#1890ff;border-bottom-color:#1890ff}.tab-icon[data-v-99add642]{font-size:20px}.section-title[data-v-99add642]{font-size:20px;font-weight:600;color:#333;margin-bottom:24px}.service-list[data-v-99add642]{animation:fadeIn-99add642 .3s ease-in}.service-grid[data-v-99add642]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.service-card[data-v-99add642]{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000000f;transition:all .3s}.service-card[data-v-99add642]:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-4px)}.service-header[data-v-99add642]{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #f0f0f0}.service-icon[data-v-99add642]{font-size:32px}.service-name[data-v-99add642]{font-size:18px;font-weight:600;color:#333}.service-content[data-v-99add642]{display:flex;flex-direction:column;gap:16px}.service-spec[data-v-99add642]{display:flex;flex-direction:column;gap:8px}.spec-item[data-v-99add642]{display:flex;justify-content:space-between;font-size:14px}.spec-label[data-v-99add642]{color:#999}.spec-value[data-v-99add642]{color:#333;font-weight:500}.service-price[data-v-99add642]{display:flex;align-items:baseline;gap:4px;margin:8px 0}.price-symbol[data-v-99add642]{font-size:18px;color:#ff4d4f;font-weight:600}.price-amount[data-v-99add642]{font-size:32px;color:#ff4d4f;font-weight:700}.price-unit[data-v-99add642]{font-size:14px;color:#999}.purchase-btn[data-v-99add642]{width:100%;padding:12px;background:#1890ff;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s;margin-top:8px}.purchase-btn[data-v-99add642]:hover{background:#40a9ff;transform:translateY(-2px);box-shadow:0 4px 12px #1890ff4d}.purchase-btn[data-v-99add642]:active{background:#096dd9}.purchase-btn[data-v-99add642]:disabled{background:#d9d9d9;color:#999;cursor:not-allowed;transform:none;box-shadow:none}.quantity-section[data-v-99add642]{display:flex;flex-direction:column;gap:8px;margin:12px 0}.quantity-label[data-v-99add642]{font-size:14px;color:#666;font-weight:500}.quantity-controls[data-v-99add642]{display:flex;align-items:center;gap:8px}.quantity-btn[data-v-99add642]{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#f0f0f0;border:1px solid #d9d9d9;border-radius:6px;font-size:20px;font-weight:600;color:#333;cursor:pointer;transition:all .3s;-webkit-user-select:none;user-select:none}.quantity-btn[data-v-99add642]:hover:not(:disabled){background:#e0e0e0;border-color:#1890ff;color:#1890ff}.quantity-btn[data-v-99add642]:disabled{opacity:.5;cursor:not-allowed;background:#f5f5f5}.quantity-input[data-v-99add642]{flex:1;height:36px;padding:0 12px;border:1px solid #d9d9d9;border-radius:6px;font-size:16px;text-align:center;font-weight:500;color:#333;transition:border-color .3s}.quantity-input[data-v-99add642]:focus{outline:none;border-color:#1890ff;box-shadow:0 0 0 2px #1890ff1a}.quantity-input[data-v-99add642]::-webkit-inner-spin-button,.quantity-input[data-v-99add642]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.quantity-input[type=number][data-v-99add642]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.total-price[data-v-99add642]{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#f6ffed;border:1px solid #b7eb8f;border-radius:6px;margin:8px 0}.total-label[data-v-99add642]{font-size:14px;color:#666;font-weight:500}.total-amount[data-v-99add642]{font-size:18px;color:#52c41a;font-weight:700}@keyframes fadeIn-99add642{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.purchase-title[data-v-99add642]{font-size:20px;margin-bottom:16px;gap:8px}.service-tabs[data-v-99add642]{gap:8px;margin-bottom:24px}.tab-btn[data-v-99add642]{padding:10px 16px;font-size:14px}.tab-icon[data-v-99add642]{font-size:18px}.section-title[data-v-99add642]{font-size:18px;margin-bottom:16px}.service-grid[data-v-99add642]{grid-template-columns:1fr;gap:16px}.service-card[data-v-99add642]{padding:20px}.price-amount[data-v-99add642]{font-size:28px}.balance-payment-tip[data-v-99add642]{padding:12px 16px;margin-bottom:20px;gap:10px}.tip-icon[data-v-99add642]{width:18px;height:18px}.tip-text[data-v-99add642]{font-size:13px}}.modal-overlay[data-v-1dbf21ae]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn-1dbf21ae .3s ease}@keyframes fadeIn-1dbf21ae{0%{opacity:0}to{opacity:1}}.modal-content[data-v-1dbf21ae]{background:#fff;border-radius:8px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #00000026;animation:slideUp-1dbf21ae .3s ease;display:flex;flex-direction:column}@keyframes slideUp-1dbf21ae{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header[data-v-1dbf21ae]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #f0f0f0}.modal-title[data-v-1dbf21ae]{margin:0;font-size:18px;font-weight:600;color:#333}.modal-close[data-v-1dbf21ae]{background:none;border:none;font-size:28px;color:#999;cursor:pointer;line-height:1;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .3s}.modal-close[data-v-1dbf21ae]:hover{background:#f0f0f0;color:#333}.modal-body[data-v-1dbf21ae]{padding:24px;flex:1;overflow-y:auto}.message-content[data-v-1dbf21ae]{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.message-icon[data-v-1dbf21ae]{font-size:48px;margin-bottom:8px}.message-text[data-v-1dbf21ae]{font-size:16px;color:#333;line-height:1.6;white-space:pre-line}.modal-footer[data-v-1dbf21ae]{padding:16px 24px;border-top:1px solid #f0f0f0;display:flex;justify-content:flex-end;gap:12px}.btn-confirm[data-v-1dbf21ae]{padding:10px 20px;background:#1890ff;color:#fff;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:all .3s}.btn-confirm[data-v-1dbf21ae]:hover{background:#40a9ff;transform:translateY(-1px);box-shadow:0 2px 8px #1890ff4d}@media (max-width: 768px){.modal-content[data-v-1dbf21ae]{width:95%;max-width:none;margin:20px}.modal-header[data-v-1dbf21ae]{padding:16px 20px}.modal-title[data-v-1dbf21ae]{font-size:16px}.modal-body[data-v-1dbf21ae]{padding:20px}.message-icon[data-v-1dbf21ae]{font-size:40px}.message-text[data-v-1dbf21ae]{font-size:14px}.modal-footer[data-v-1dbf21ae]{padding:16px 20px}.btn-confirm[data-v-1dbf21ae]{width:100%}}.server-list[data-v-b8460b12]{padding:0;width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}.page-header[data-v-b8460b12]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.page-title-wrapper[data-v-b8460b12]{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.title-left[data-v-b8460b12]{display:flex;align-items:center;gap:12px;flex:1}.page-title[data-v-b8460b12]{font-size:24px;font-weight:600;color:#333;margin:0}.count-text[data-v-b8460b12]{display:inline-flex;align-items:center;padding:6px 14px;background:#e6f7ff;color:#1890ff;border:1px solid #91d5ff;border-radius:16px;font-size:14px;font-weight:600;line-height:1}.btn-primary[data-v-b8460b12]{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#1890ff;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background .3s}.btn-primary[data-v-b8460b12]:hover{background:#40a9ff}.header-actions[data-v-b8460b12]{display:flex;align-items:center;gap:12px}.view-toggle[data-v-b8460b12]{display:flex;align-items:center;gap:0;background:#f0f0f0;border-radius:6px;padding:2px;border:1px solid #e0e0e0}.view-toggle-btn[data-v-b8460b12]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;border-radius:4px;cursor:pointer;transition:all .3s;color:#666;padding:0}.view-toggle-btn[data-v-b8460b12]:hover{background:#e0e0e0;color:#333}.view-toggle-btn.active[data-v-b8460b12]{background:#1890ff;color:#fff;box-shadow:0 2px 4px #1890ff33}.toggle-icon[data-v-b8460b12]{width:18px;height:18px;stroke:currentColor;fill:none}.filter-bar[data-v-b8460b12]{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap;width:100%;max-width:100%;box-sizing:border-box}.filter-group[data-v-b8460b12]{flex:1;min-width:200px;max-width:100%;box-sizing:border-box}.search-input[data-v-b8460b12]{width:100%;max-width:100%;padding:10px 16px;border:1px solid #d9d9d9;border-radius:6px;font-size:14px;transition:border-color .3s;box-sizing:border-box}.search-input[data-v-b8460b12]:focus{outline:none;border-color:#1890ff}.filter-select[data-v-b8460b12]{width:100%;max-width:100%;padding:10px 16px;border:1px solid #d9d9d9;border-radius:6px;font-size:14px;background:#fff;cursor:pointer;transition:border-color .3s;box-sizing:border-box;overflow:hidden}.filter-select[data-v-b8460b12]:focus{outline:none;border-color:#1890ff}.custom-select-wrapper[data-v-b8460b12]{position:relative;width:100%;max-width:100%;box-sizing:border-box}.custom-select[data-v-b8460b12]{width:100%;max-width:100%;padding:10px 40px 10px 16px;border:1px solid #d9d9d9;border-radius:6px;font-size:14px;background:#fff;cursor:pointer;transition:all .3s;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;min-height:40px}.custom-select[data-v-b8460b12]:hover{border-color:#1890ff}.custom-select-text[data-v-b8460b12]{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#333}.custom-select-arrow[data-v-b8460b12]{width:12px;height:12px;flex-shrink:0;margin-left:8px;color:#666;transition:transform .3s}.custom-select-arrow.is-open[data-v-b8460b12]{transform:rotate(180deg)}.custom-select-dropdown[data-v-b8460b12]{position:absolute;top:calc(100% + 4px);left:0;right:0;width:100%;max-width:100%;background:#fff;border:1px solid #d9d9d9;border-radius:6px;box-shadow:0 4px 12px #00000026;z-index:1000;max-height:200px;overflow-y:auto;box-sizing:border-box}.custom-select-option[data-v-b8460b12]{padding:12px 16px;font-size:14px;color:#333;cursor:pointer;transition:background .2s;box-sizing:border-box}.custom-select-option[data-v-b8460b12]:hover{background:#f5f5f5}.custom-select-option.is-selected[data-v-b8460b12]{background:#e6f7ff;color:#1890ff;font-weight:500}.dropdown-enter-active[data-v-b8460b12],.dropdown-leave-active[data-v-b8460b12]{transition:opacity .2s,transform .2s}.dropdown-enter-from[data-v-b8460b12],.dropdown-leave-to[data-v-b8460b12]{opacity:0;transform:translateY(-10px)}.loading[data-v-b8460b12]{text-align:center;padding:60px 20px;color:#999;font-size:14px}.empty-state[data-v-b8460b12]{text-align:center;padding:80px 20px}.empty-icon[data-v-b8460b12]{font-size:64px;margin-bottom:16px}.empty-text[data-v-b8460b12]{font-size:16px;color:#999;margin-bottom:24px}.server-grid[data-v-b8460b12]{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.server-card[data-v-b8460b12]{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000f;overflow:hidden;transition:box-shadow .3s}.server-card[data-v-b8460b12]:hover{box-shadow:0 4px 12px #0000001a}.server-card-header[data-v-b8460b12]{padding:16px 20px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center}.server-name-wrapper[data-v-b8460b12]{flex:1;min-width:0}.server-name[data-v-b8460b12]{font-size:16px;font-weight:600;color:#333;cursor:pointer;padding:2px 4px;border-radius:4px;transition:background .2s}.server-name[data-v-b8460b12]:hover{background:#f0f0f0}.server-name-input[data-v-b8460b12]{font-size:16px;font-weight:600;color:#333;border:2px solid #1890ff;border-radius:4px;padding:2px 8px;width:100%;background:#fff;outline:none}.status-badge[data-v-b8460b12]{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.status-badge.active[data-v-b8460b12]{background:#f6ffed;color:#52c41a;border:1px solid #b7eb8f}.status-badge.stopped[data-v-b8460b12]{background:#fff2e8;color:#fa8c16;border:1px solid #ffd591}.status-badge.pending[data-v-b8460b12]{background:#e6f7ff;color:#1890ff;border:1px solid #91d5ff}.server-card-body[data-v-b8460b12]{padding:20px}.server-info[data-v-b8460b12]{display:flex;flex-direction:column;gap:12px}.info-row[data-v-b8460b12]{display:flex;align-items:center;gap:8px;font-size:14px}.info-label[data-v-b8460b12]{color:#999;min-width:70px}.info-value[data-v-b8460b12]{color:#333;flex:1}.info-value.expiring[data-v-b8460b12]{color:#ff4d4f;font-weight:600}.price-value[data-v-b8460b12],.price-cell[data-v-b8460b12]{color:#1890ff;font-weight:600}.traffic-section[data-v-b8460b12]{margin-top:8px;padding-top:12px;border-top:1px solid #f0f0f0}.traffic-header-row[data-v-b8460b12]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:14px}.traffic-amount[data-v-b8460b12]{color:#333;font-weight:500}.progress-bar[data-v-b8460b12]{width:100%;height:12px;background:#e8e8e8;border-radius:6px;overflow:hidden;box-shadow:inset 0 1px 3px #0000001a;border:1px solid #d9d9d9}.progress-fill[data-v-b8460b12]{height:100%;background:linear-gradient(90deg,#1890ff,#40a9ff);border-radius:6px;transition:width .3s ease,background .3s ease;box-shadow:0 2px 4px #1890ff4d;position:relative}.progress-fill[data-v-b8460b12]:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);border-radius:6px}.progress-fill.progress-warning[data-v-b8460b12]{background:linear-gradient(90deg,#ff4d4f,#ff7875);box-shadow:0 2px 4px #ff4d4f4d}.copy-btn[data-v-b8460b12]{padding:4px 8px;background:#f0f0f0;border:none;border-radius:4px;font-size:12px;cursor:pointer;color:#666;transition:all .3s}.copy-btn[data-v-b8460b12]:hover{background:#e0e0e0;color:#1890ff}.server-card-footer[data-v-b8460b12]{padding:16px 20px;border-top:1px solid #f0f0f0;display:flex;gap:8px;justify-content:flex-end}.btn-small[data-v-b8460b12]{padding:6px 16px;background:#1890ff;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:background .3s}.btn-small[data-v-b8460b12]:hover{background:#40a9ff}.btn-small.btn-secondary[data-v-b8460b12]{background:#fff;color:#1890ff;border:1px solid #1890ff}.btn-small.btn-secondary[data-v-b8460b12]:hover{background:#1890ff;color:#fff}.btn-small.btn-danger[data-v-b8460b12]{background:#ff4d4f;color:#fff}.btn-small.btn-danger[data-v-b8460b12]:hover{background:#ff7875}@media (max-width: 768px){.server-list[data-v-b8460b12]{width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden;overflow-y:visible;position:relative;z-index:1}.page-header[data-v-b8460b12]{flex-direction:column;align-items:flex-start;gap:16px;width:100%;max-width:100%;box-sizing:border-box;overflow:visible;position:relative;z-index:1}.page-title[data-v-b8460b12]{font-size:20px}.count-text[data-v-b8460b12]{font-size:12px;padding:4px 10px}.btn-primary[data-v-b8460b12]{width:100%;justify-content:center}.filter-bar[data-v-b8460b12]{flex-direction:column;width:100%;max-width:100%;box-sizing:border-box;overflow:visible;position:relative;z-index:1}.filter-group[data-v-b8460b12]{width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow:visible;position:relative;z-index:1}.custom-select-wrapper[data-v-b8460b12]{position:relative;z-index:1;overflow:visible;isolation:isolate}.custom-select[data-v-b8460b12]{width:100%;max-width:100%;box-sizing:border-box;padding:12px 40px 12px 16px;font-size:16px}.custom-select-dropdown[data-v-b8460b12]{width:100%;max-width:100%;left:0;right:0;box-sizing:border-box;position:absolute;z-index:10;top:calc(100% + 4px);background:#fff;border:1px solid #d9d9d9;border-radius:6px;box-shadow:0 4px 12px #00000026}.custom-select-option[data-v-b8460b12]{padding:14px 16px;font-size:16px;min-height:44px;display:flex;align-items:center}.server-grid[data-v-b8460b12]{grid-template-columns:1fr;gap:16px}.server-card-footer[data-v-b8460b12]{flex-direction:column}.btn-small[data-v-b8460b12]{width:100%}.page-header[data-v-b8460b12]{flex-direction:column;align-items:flex-start;gap:12px}.page-title-wrapper[data-v-b8460b12]{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:nowrap}.title-left[data-v-b8460b12]{flex:1;min-width:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.view-toggle[data-v-b8460b12]{flex-shrink:0;margin-left:auto;padding:1px}.view-toggle-btn[data-v-b8460b12]{width:32px;height:32px}.toggle-icon[data-v-b8460b12]{width:16px;height:16px}.header-actions[data-v-b8460b12]{width:100%;display:flex;flex-direction:column;gap:12px}.header-actions .btn-primary[data-v-b8460b12]{width:100%}.batch-actions[data-v-b8460b12]{width:100%;flex-direction:column;align-items:stretch;gap:8px;padding:12px}.batch-count[data-v-b8460b12]{text-align:center;margin-bottom:4px}.btn-secondary[data-v-b8460b12]{width:100%;padding:10px 16px;font-size:14px}}.server-list-view[data-v-b8460b12]{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000f;overflow:visible}.server-table[data-v-b8460b12]{width:100%;border-collapse:collapse;font-size:14px}.server-table thead[data-v-b8460b12]{background:#fafafa}.server-table th[data-v-b8460b12]{padding:12px 16px;text-align:left;font-weight:600;color:#333;border-bottom:1px solid #f0f0f0;white-space:nowrap}.sortable-header[data-v-b8460b12]{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s}.sortable-header[data-v-b8460b12]:hover{background:#f5f5f5}.header-sort[data-v-b8460b12]{display:flex;align-items:center;gap:8px}.sort-icons[data-v-b8460b12]{display:flex;flex-direction:column;gap:2px;margin-left:auto}.sort-icon[data-v-b8460b12]{font-size:12px;color:#ccc;line-height:1;transition:color .2s}.sort-icon.active[data-v-b8460b12]{color:#1890ff;font-weight:700}.server-table td[data-v-b8460b12]{padding:16px;border-bottom:1px solid #f0f0f0;color:#333}.server-table tbody tr[data-v-b8460b12]:hover{background:#fafafa}.server-table tbody tr:last-child td[data-v-b8460b12]{border-bottom:none}.server-name-cell[data-v-b8460b12]{display:flex;align-items:center}.server-name-link[data-v-b8460b12]{cursor:pointer;padding:2px 4px;border-radius:4px;transition:background .2s;font-weight:500}.server-name-link[data-v-b8460b12]:hover{background:#f0f0f0}.server-name-input[data-v-b8460b12]{font-size:14px;font-weight:500;color:#333;border:2px solid #1890ff;border-radius:4px;padding:4px 8px;width:100%;max-width:200px;background:#fff;outline:none}.cell-with-action[data-v-b8460b12]{display:flex;align-items:center;gap:8px}.copy-btn-small[data-v-b8460b12]{padding:2px 6px;background:#f0f0f0;border:none;border-radius:4px;font-size:11px;cursor:pointer;color:#666;transition:all .3s;opacity:0;transition:opacity .2s}.server-table tbody tr:hover .copy-btn-small[data-v-b8460b12]{opacity:1}.copy-btn-small[data-v-b8460b12]:hover{background:#e0e0e0;color:#1890ff}.traffic-cell[data-v-b8460b12]{display:flex;flex-direction:column;gap:6px;min-width:120px}.traffic-text[data-v-b8460b12]{font-size:12px;color:#666}.progress-bar-small[data-v-b8460b12]{width:100%;height:8px;background:#e8e8e8;border-radius:4px;overflow:hidden;box-shadow:inset 0 1px 2px #0000001a}.progress-fill-small[data-v-b8460b12]{height:100%;background:linear-gradient(90deg,#1890ff,#40a9ff);border-radius:4px;transition:width .3s ease,background .3s ease}.progress-fill-small.progress-warning[data-v-b8460b12]{background:linear-gradient(90deg,#ff4d4f,#ff7875)}.action-buttons[data-v-b8460b12]{display:flex;gap:10px;flex-wrap:wrap;align-items:center}@media (max-width: 768px){.server-list-view[data-v-b8460b12]{overflow-x:auto}.server-table[data-v-b8460b12]{min-width:800px}.action-buttons[data-v-b8460b12]{flex-direction:column}.btn-small[data-v-b8460b12]{width:100%;font-size:11px;padding:4px 8px}}.tooltip-header[data-v-b8460b12]{position:relative;cursor:help;display:flex;align-items:center;gap:4px}.tooltip-header .tooltip-icon[data-v-b8460b12]{display:inline-flex;align-items:center;justify-content:center;font-size:12px;opacity:.6;line-height:1}.tooltip-header:hover .tooltip-icon[data-v-b8460b12]{opacity:1}.tooltip-content[data-v-b8460b12]{position:fixed;padding:8px 12px;background:#333;color:#fff;font-size:12px;border-radius:4px;z-index:10000;pointer-events:none;box-shadow:0 2px 8px #00000026;min-width:200px;white-space:normal;text-align:center;line-height:1.5;max-width:250px}.tooltip-content[data-v-b8460b12]:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#333}.pagination[data-v-b8460b12]{display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000f}.pagination-info[data-v-b8460b12]{font-size:14px;color:#666}.pagination-controls[data-v-b8460b12]{display:flex;align-items:center;gap:8px}.pagination-btn[data-v-b8460b12]{padding:6px 12px;background:#fff;border:1px solid #d9d9d9;border-radius:4px;font-size:14px;cursor:pointer;transition:all .3s;color:#333}.pagination-btn[data-v-b8460b12]:hover:not(:disabled){background:#f5f5f5;border-color:#1890ff;color:#1890ff}.pagination-btn[data-v-b8460b12]:disabled{background:#f5f5f5;color:#ccc;cursor:not-allowed;border-color:#e8e8e8}.pagination-pages[data-v-b8460b12]{display:flex;gap:4px}.pagination-page[data-v-b8460b12]{min-width:32px;height:32px;padding:0 8px;background:#fff;border:1px solid #d9d9d9;border-radius:4px;font-size:14px;cursor:pointer;transition:all .3s;color:#333;display:flex;align-items:center;justify-content:center}.pagination-page[data-v-b8460b12]:hover:not(.active):not(.disabled){background:#f5f5f5;border-color:#1890ff;color:#1890ff}.pagination-page.active[data-v-b8460b12]{background:#1890ff;color:#fff;border-color:#1890ff}.pagination-page.disabled[data-v-b8460b12]{cursor:default;pointer-events:none;border:none;background:transparent}@media (max-width: 768px){.pagination[data-v-b8460b12]{flex-direction:column;align-items:stretch;gap:12px}.pagination-info[data-v-b8460b12]{text-align:center}.pagination-controls[data-v-b8460b12]{justify-content:center}}.modal-overlay[data-v-b8460b12]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn-b8460b12 .3s ease}@keyframes fadeIn-b8460b12{0%{opacity:0}to{opacity:1}}.modal-content[data-v-b8460b12]{background:#fff;border-radius:8px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #00000026;animation:slideUp-b8460b12 .3s ease;display:flex;flex-direction:column}.modal-content.manage-modal[data-v-b8460b12]{max-width:700px}@keyframes slideUp-b8460b12{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header[data-v-b8460b12]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #f0f0f0}.modal-title[data-v-b8460b12]{margin:0;font-size:18px;font-weight:600;color:#333}.modal-close[data-v-b8460b12]{background:none;border:none;font-size:28px;color:#999;cursor:pointer;line-height:1;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .3s}.modal-close[data-v-b8460b12]:hover{background:#f0f0f0;color:#333}.modal-body[data-v-b8460b12]{padding:24px;flex:1;overflow-y:auto}.modal-footer[data-v-b8460b12]{padding:16px 24px;border-top:1px solid #f0f0f0;display:flex;justify-content:flex-end;gap:12px}.btn-cancel[data-v-b8460b12]{padding:8px 20px;background:#f0f0f0;color:#333;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:all .3s}.btn-cancel[data-v-b8460b12]:hover{background:#e0e0e0}.batch-actions[data-v-b8460b12]{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#f0f9ff;border:1px solid #91d5ff;border-radius:6px}.batch-count[data-v-b8460b12]{font-size:14px;color:#1890ff;font-weight:500;white-space:nowrap}.btn-secondary[data-v-b8460b12]{padding:6px 16px;background:#fff;color:#1890ff;border:1px solid #1890ff;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s}.btn-secondary[data-v-b8460b12]:hover{background:#1890ff;color:#fff}.auto-renew-row[data-v-b8460b12]{display:flex;align-items:center;gap:8px}.switch[data-v-b8460b12]{position:relative;display:inline-block;width:44px;height:24px}.switch input[data-v-b8460b12]{opacity:0;width:0;height:0}.slider[data-v-b8460b12]{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.3s;border-radius:24px}.slider[data-v-b8460b12]:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.slider[data-v-b8460b12]{background-color:#52c41a}input:checked+.slider[data-v-b8460b12]:before{transform:translate(20px)}.checkbox-wrapper[data-v-b8460b12]{display:flex;align-items:center;gap:8px;cursor:pointer}.checkbox-wrapper input[type=checkbox][data-v-b8460b12]{width:16px;height:16px;cursor:pointer}.select-all-checkbox[data-v-b8460b12]{margin-right:4px}.detail-info[data-v-b8460b12]{display:flex;flex-direction:column;gap:16px}.detail-row[data-v-b8460b12]{display:flex;align-items:center;gap:12px;font-size:14px}.detail-label[data-v-b8460b12]{color:#999;min-width:100px}.detail-value[data-v-b8460b12]{color:#333;flex:1}.traffic-progress-section[data-v-b8460b12]{margin-top:8px;padding-top:16px;border-top:1px solid #f0f0f0}.progress-text[data-v-b8460b12]{margin-top:8px;font-size:13px;color:#666;text-align:right}.manage-section[data-v-b8460b12]{margin-bottom:24px}.manage-section[data-v-b8460b12]:last-child{margin-bottom:0}.section-title[data-v-b8460b12]{font-size:16px;font-weight:600;color:#333;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid #f0f0f0}.manage-actions[data-v-b8460b12]{display:flex;flex-direction:column;gap:12px}.manage-actions-row[data-v-b8460b12]{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.manage-btn[data-v-b8460b12]{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:#f8f9fa;border:1px solid #e8e8e8;border-radius:6px;font-size:14px;cursor:pointer;transition:all .3s;text-align:center}.manage-btn-full[data-v-b8460b12]{width:100%}.manage-btn[data-v-b8460b12]:hover{background:#e9ecef;border-color:#1890ff;color:#1890ff}.manage-btn-danger[data-v-b8460b12]{background:#fff1f0;border-color:#ffccc7;color:#ff4d4f}.manage-btn-danger[data-v-b8460b12]:hover{background:#ffccc7;border-color:#ff4d4f;color:#fff}.danger-actions[data-v-b8460b12]{display:flex;flex-direction:column;gap:12px}.btn-icon[data-v-b8460b12]{font-size:18px}.btn-text[data-v-b8460b12]{flex:1}.server-info-grid[data-v-b8460b12]{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.info-item[data-v-b8460b12]{display:flex;flex-direction:column;gap:4px}.info-item-label[data-v-b8460b12]{font-size:12px;color:#999}.info-item-value[data-v-b8460b12]{font-size:14px;color:#333;font-weight:500}@media (max-width: 768px){.modal-content[data-v-b8460b12]{width:95%;max-width:none;margin:10px;max-height:85vh}.modal-header[data-v-b8460b12]{padding:16px}.modal-title[data-v-b8460b12]{font-size:16px}.modal-body[data-v-b8460b12]{padding:16px}.manage-actions-row[data-v-b8460b12],.server-info-grid[data-v-b8460b12]{grid-template-columns:1fr}.modal-footer[data-v-b8460b12]{padding:12px 16px;flex-direction:column}.btn-cancel[data-v-b8460b12]{width:100%}}.vpn-list[data-v-74ae20e2]{padding:0;width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}.page-header[data-v-74ae20e2]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.page-title-wrapper[data-v-74ae20e2]{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.title-left[data-v-74ae20e2]{display:flex;align-items:center;gap:12px;flex:1}.page-title[data-v-74ae20e2]{font-size:24px;font-weight:600;color:#333;margin:0}.count-text[data-v-74ae20e2]{display:inline-flex;align-items:center;padding:6px 14px;background:#e6f7ff;color:#1890ff;border:1px solid #91d5ff;border-radius:16px;font-size:14px;font-weight:600;line-height:1}.btn-primary[data-v-74ae20e2]{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#1890ff;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background .3s}.btn-primary[data-v-74ae20e2]:hover{background:#40a9ff}.header-actions[data-v-74ae20e2]{display:flex;align-items:center;gap:12px}.view-toggle[data-v-74ae20e2]{display:flex;align-items:center;gap:0;background:#f0f0f0;border-radius:6px;padding:2px;border:1px solid #e0e0e0}.view-toggle-btn[data-v-74ae20e2]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;border-radius:4px;cursor:pointer;transition:all .3s;color:#666;padding:0}.view-toggle-btn[data-v-74ae20e2]:hover{background:#e0e0e0;color:#333}.view-toggle-btn.active[data-v-74ae20e2]{background:#1890ff;color:#fff;box-shadow:0 2px 4px #1890ff33}.toggle-icon[data-v-74ae20e2]{width:18px;height:18px;stroke:currentColor;fill:none}.filter-bar[data-v-74ae20e2]{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap;width:100%;max-width:100%;box-sizing:border-box}.filter-group[data-v-74ae20e2]{flex:1;min-width:200px;max-width:100%;box-sizing:border-box}.search-input[data-v-74ae20e2]{width:100%;max-width:100%;padding:10px 16px;border:1px solid #d9d9d9;border-radius:6px;font-size:14px;transition:border-color .3s;box-sizing:border-box}.search-input[data-v-74ae20e2]:focus{outline:none;border-color:#1890ff}.filter-select[data-v-74ae20e2]{width:100%;max-width:100%;padding:10px 16px;border:1px solid #d9d9d9;border-radius:6px;font-size:14px;background:#fff;cursor:pointer;transition:border-color .3s;box-sizing:border-box;overflow:hidden}.filter-select[data-v-74ae20e2]:focus{outline:none;border-color:#1890ff}.custom-select-wrapper[data-v-74ae20e2]{position:relative;width:100%;max-width:100%;box-sizing:border-box}.custom-select[data-v-74ae20e2]{width:100%;max-width:100%;padding:10px 40px 10px 16px;border:1px solid #d9d9d9;border-radius:6px;font-size:14px;background:#fff;cursor:pointer;transition:all .3s;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;min-height:40px}.custom-select[data-v-74ae20e2]:hover{border-color:#1890ff}.custom-select-text[data-v-74ae20e2]{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#333}.custom-select-arrow[data-v-74ae20e2]{width:12px;height:12px;flex-shrink:0;margin-left:8px;color:#666;transition:transform .3s}.custom-select-arrow.is-open[data-v-74ae20e2]{transform:rotate(180deg)}.custom-select-dropdown[data-v-74ae20e2]{position:absolute;top:calc(100% + 4px);left:0;right:0;width:100%;max-width:100%;background:#fff;border:1px solid #d9d9d9;border-radius:6px;box-shadow:0 4px 12px #00000026;z-index:1000;max-height:200px;overflow-y:auto;box-sizing:border-box}.custom-select-option[data-v-74ae20e2]{padding:12px 16px;font-size:14px;color:#333;cursor:pointer;transition:background .2s;box-sizing:border-box}.custom-select-option[data-v-74ae20e2]:hover{background:#f5f5f5}.custom-select-option.is-selected[data-v-74ae20e2]{background:#e6f7ff;color:#1890ff;font-weight:500}.dropdown-enter-active[data-v-74ae20e2],.dropdown-leave-active[data-v-74ae20e2]{transition:opacity .2s,transform .2s}.dropdown-enter-from[data-v-74ae20e2],.dropdown-leave-to[data-v-74ae20e2]{opacity:0;transform:translateY(-10px)}.loading[data-v-74ae20e2]{text-align:center;padding:60px 20px;color:#999;font-size:14px}.empty-state[data-v-74ae20e2]{text-align:center;padding:80px 20px}.empty-icon[data-v-74ae20e2]{font-size:64px;margin-bottom:16px}.empty-text[data-v-74ae20e2]{font-size:16px;color:#999;margin-bottom:24px}.vpn-grid[data-v-74ae20e2]{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.vpn-card[data-v-74ae20e2]{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000f;overflow:hidden;transition:box-shadow .3s}.vpn-card[data-v-74ae20e2]:hover{box-shadow:0 4px 12px #0000001a}.vpn-card-header[data-v-74ae20e2]{padding:16px 20px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center}.vpn-name[data-v-74ae20e2]{font-size:16px;font-weight:600;color:#333}.status-badge[data-v-74ae20e2]{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.status-badge.active[data-v-74ae20e2]{background:#f6ffed;color:#52c41a;border:1px solid #b7eb8f}.status-badge.stopped[data-v-74ae20e2]{background:#fff2e8;color:#fa8c16;border:1px solid #ffd591}.status-badge.pending[data-v-74ae20e2]{background:#e6f7ff;color:#1890ff;border:1px solid #91d5ff}.vpn-card-body[data-v-74ae20e2]{padding:20px}.vpn-info[data-v-74ae20e2]{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.connection-info[data-v-74ae20e2]{margin-top:16px;padding-top:16px;border-top:1px dashed #f0f0f0}.connection-info .info-row[data-v-74ae20e2]{margin-bottom:8px}.info-row[data-v-74ae20e2]{display:flex;align-items:center;gap:8px;font-size:14px}.info-label[data-v-74ae20e2]{color:#999;min-width:90px}.info-value[data-v-74ae20e2]{color:#333;flex:1}.info-value.expiring[data-v-74ae20e2]{color:#ff4d4f;font-weight:600}.traffic-section[data-v-74ae20e2]{margin-top:8px;padding-top:12px;border-top:1px solid #f0f0f0}.traffic-header-row[data-v-74ae20e2]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:14px}.traffic-amount[data-v-74ae20e2]{color:#333;font-weight:500}.progress-bar[data-v-74ae20e2]{width:100%;height:12px;background:#e8e8e8;border-radius:6px;overflow:hidden;box-shadow:inset 0 1px 3px #0000001a;border:1px solid #d9d9d9}.progress-fill[data-v-74ae20e2]{height:100%;background:linear-gradient(90deg,#1890ff,#40a9ff);border-radius:6px;transition:width .3s ease,background .3s ease;box-shadow:0 2px 4px #1890ff4d;position:relative}.progress-fill[data-v-74ae20e2]:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);border-radius:6px}.progress-fill.progress-warning[data-v-74ae20e2]{background:linear-gradient(90deg,#ff4d4f,#ff7875);box-shadow:0 2px 4px #ff4d4f4d}.copy-btn[data-v-74ae20e2]{padding:4px 8px;background:#f0f0f0;border:none;border-radius:4px;font-size:12px;cursor:pointer;color:#666;transition:all .3s}.copy-btn[data-v-74ae20e2]:hover{background:#e0e0e0;color:#1890ff}.vpn-card-footer[data-v-74ae20e2]{padding:16px 20px;border-top:1px solid #f0f0f0;display:flex;gap:8px;justify-content:flex-end}.btn-small[data-v-74ae20e2]{padding:6px 16px;background:#1890ff;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:background .3s}.btn-small[data-v-74ae20e2]:hover{background:#40a9ff}.btn-small.btn-secondary[data-v-74ae20e2]{background:#fff;color:#1890ff;border:1px solid #1890ff}.btn-small.btn-secondary[data-v-74ae20e2]:hover{background:#1890ff;color:#fff}.btn-small.btn-danger[data-v-74ae20e2]{background:#ff4d4f;color:#fff}.btn-small.btn-danger[data-v-74ae20e2]:hover{background:#ff7875}@media (max-width: 768px){.vpn-list[data-v-74ae20e2]{width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden;overflow-y:visible;position:relative;z-index:1}.page-header[data-v-74ae20e2]{flex-direction:column;align-items:flex-start;gap:16px;width:100%;max-width:100%;box-sizing:border-box;overflow:visible;position:relative;z-index:1}.page-title[data-v-74ae20e2]{font-size:20px}.count-text[data-v-74ae20e2]{font-size:12px;padding:4px 10px}.btn-primary[data-v-74ae20e2]{width:100%;justify-content:center}.filter-bar[data-v-74ae20e2]{flex-direction:column;width:100%;max-width:100%;box-sizing:border-box;overflow:visible;position:relative;z-index:1}.filter-group[data-v-74ae20e2]{width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow:visible;position:relative;z-index:1}.custom-select-wrapper[data-v-74ae20e2]{position:relative;z-index:1;overflow:visible;isolation:isolate}.custom-select[data-v-74ae20e2]{width:100%;max-width:100%;box-sizing:border-box;padding:12px 40px 12px 16px;font-size:16px}.custom-select-dropdown[data-v-74ae20e2]{width:100%;max-width:100%;left:0;right:0;box-sizing:border-box;position:absolute;z-index:10;top:calc(100% + 4px);background:#fff;border:1px solid #d9d9d9;border-radius:6px;box-shadow:0 4px 12px #00000026}.custom-select-option[data-v-74ae20e2]{padding:14px 16px;font-size:16px;min-height:44px;display:flex;align-items:center}.search-input[data-v-74ae20e2]{width:100%;max-width:100%;box-sizing:border-box}.vpn-grid[data-v-74ae20e2]{grid-template-columns:1fr;gap:16px}.vpn-card-footer[data-v-74ae20e2]{flex-direction:column}.btn-small[data-v-74ae20e2]{width:100%}.page-title-wrapper[data-v-74ae20e2]{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:nowrap}.title-left[data-v-74ae20e2]{flex:1;min-width:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.view-toggle[data-v-74ae20e2]{flex-shrink:0;margin-left:auto;padding:1px}.view-toggle-btn[data-v-74ae20e2]{width:32px;height:32px}.toggle-icon[data-v-74ae20e2]{width:16px;height:16px}.header-actions[data-v-74ae20e2]{width:100%;display:flex;flex-direction:column;gap:12px}.header-actions .btn-primary[data-v-74ae20e2]{width:100%}.batch-actions[data-v-74ae20e2]{width:100%;flex-direction:column;align-items:stretch;gap:8px;padding:12px}.batch-count[data-v-74ae20e2]{text-align:center;margin-bottom:4px}.btn-secondary[data-v-74ae20e2]{width:100%;padding:10px 16px;font-size:14px}}.vpn-list-view[data-v-74ae20e2]{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000f;overflow:visible}.vpn-table[data-v-74ae20e2]{width:100%;border-collapse:collapse;font-size:14px}.vpn-table thead[data-v-74ae20e2]{background:#fafafa}.vpn-table th[data-v-74ae20e2]{padding:12px 16px;text-align:left;font-weight:600;color:#333;border-bottom:1px solid #f0f0f0;white-space:nowrap}.sortable-header[data-v-74ae20e2]{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s}.sortable-header[data-v-74ae20e2]:hover{background:#f5f5f5}.header-sort[data-v-74ae20e2]{display:flex;align-items:center;gap:8px}.sort-icons[data-v-74ae20e2]{display:flex;flex-direction:column;gap:2px;margin-left:auto}.sort-icon[data-v-74ae20e2]{font-size:12px;color:#ccc;line-height:1;transition:color .2s}.sort-icon.active[data-v-74ae20e2]{color:#1890ff;font-weight:700}.vpn-table td[data-v-74ae20e2]{padding:16px;border-bottom:1px solid #f0f0f0;color:#333}.vpn-table tbody tr[data-v-74ae20e2]:hover{background:#fafafa}.vpn-table tbody tr:last-child td[data-v-74ae20e2]{border-bottom:none}.vpn-name-cell[data-v-74ae20e2]{display:flex;align-items:center}.vpn-name-link[data-v-74ae20e2]{cursor:pointer;padding:2px 4px;border-radius:4px;transition:background .2s;font-weight:500}.vpn-name-link[data-v-74ae20e2]:hover{background:#f0f0f0}.vpn-name-input[data-v-74ae20e2]{font-size:14px;font-weight:500;color:#333;border:2px solid #1890ff;border-radius:4px;padding:4px 8px;width:100%;max-width:200px;background:#fff;outline:none}.traffic-cell[data-v-74ae20e2]{display:flex;flex-direction:column;gap:6px;min-width:120px}.traffic-text[data-v-74ae20e2]{font-size:12px;color:#666}.progress-bar-small[data-v-74ae20e2]{width:100%;height:8px;background:#e8e8e8;border-radius:4px;overflow:hidden;box-shadow:inset 0 1px 2px #0000001a}.progress-fill-small[data-v-74ae20e2]{height:100%;background:linear-gradient(90deg,#1890ff,#40a9ff);border-radius:4px;transition:width .3s ease,background .3s ease}.progress-fill-small.progress-warning[data-v-74ae20e2]{background:linear-gradient(90deg,#ff4d4f,#ff7875)}.action-buttons[data-v-74ae20e2]{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.tooltip-header[data-v-74ae20e2]{position:relative;cursor:help;display:flex;align-items:center;gap:4px}.tooltip-header .tooltip-icon[data-v-74ae20e2]{display:inline-flex;align-items:center;justify-content:center;font-size:12px;opacity:.6;line-height:1}.tooltip-header:hover .tooltip-icon[data-v-74ae20e2]{opacity:1}.tooltip-content[data-v-74ae20e2]{position:fixed;padding:8px 12px;background:#333;color:#fff;font-size:12px;border-radius:4px;z-index:10000;pointer-events:none;box-shadow:0 2px 8px #00000026;min-width:200px;white-space:normal;text-align:center;line-height:1.5;max-width:250px}.tooltip-content[data-v-74ae20e2]:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#333}@media (max-width: 768px){.vpn-list-view[data-v-74ae20e2]{overflow-x:auto}.vpn-table[data-v-74ae20e2]{min-width:800px}.action-buttons[data-v-74ae20e2]{flex-direction:column}.btn-small[data-v-74ae20e2]{width:100%;font-size:11px;padding:4px 8px}}.pagination[data-v-74ae20e2]{display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000f}.pagination-info[data-v-74ae20e2]{font-size:14px;color:#666}.pagination-controls[data-v-74ae20e2]{display:flex;align-items:center;gap:8px}.pagination-btn[data-v-74ae20e2]{padding:6px 12px;background:#fff;border:1px solid #d9d9d9;border-radius:4px;font-size:14px;cursor:pointer;transition:all .3s;color:#333}.pagination-btn[data-v-74ae20e2]:hover:not(:disabled){background:#f5f5f5;border-color:#1890ff;color:#1890ff}.pagination-btn[data-v-74ae20e2]:disabled{background:#f5f5f5;color:#ccc;cursor:not-allowed;border-color:#e8e8e8}.pagination-pages[data-v-74ae20e2]{display:flex;gap:4px}.pagination-page[data-v-74ae20e2]{min-width:32px;height:32px;padding:0 8px;background:#fff;border:1px solid #d9d9d9;border-radius:4px;font-size:14px;cursor:pointer;transition:all .3s;color:#333;display:flex;align-items:center;justify-content:center}.pagination-page[data-v-74ae20e2]:hover:not(.active):not(.disabled){background:#f5f5f5;border-color:#1890ff;color:#1890ff}.pagination-page.active[data-v-74ae20e2]{background:#1890ff;color:#fff;border-color:#1890ff}.pagination-page.disabled[data-v-74ae20e2]{cursor:default;pointer-events:none;border:none;background:transparent}@media (max-width: 768px){.pagination[data-v-74ae20e2]{flex-direction:column;align-items:stretch;gap:12px}.pagination-info[data-v-74ae20e2]{text-align:center}.pagination-controls[data-v-74ae20e2]{justify-content:center}}.modal-overlay[data-v-74ae20e2]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn-74ae20e2 .3s ease}@keyframes fadeIn-74ae20e2{0%{opacity:0}to{opacity:1}}.modal-content[data-v-74ae20e2]{background:#fff;border-radius:8px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #00000026;animation:slideUp-74ae20e2 .3s ease;display:flex;flex-direction:column}@keyframes slideUp-74ae20e2{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header[data-v-74ae20e2]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #f0f0f0}.modal-title[data-v-74ae20e2]{margin:0;font-size:18px;font-weight:600;color:#333}.modal-close[data-v-74ae20e2]{background:none;border:none;font-size:28px;color:#999;cursor:pointer;line-height:1;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .3s}.modal-close[data-v-74ae20e2]:hover{background:#f0f0f0;color:#333}.modal-body[data-v-74ae20e2]{padding:24px;flex:1;overflow-y:auto}.modal-footer[data-v-74ae20e2]{padding:16px 24px;border-top:1px solid #f0f0f0;display:flex;justify-content:flex-end;gap:12px}.btn-cancel[data-v-74ae20e2]{padding:8px 20px;background:#f0f0f0;color:#333;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:all .3s}.btn-cancel[data-v-74ae20e2]:hover{background:#e0e0e0}.detail-info[data-v-74ae20e2]{display:flex;flex-direction:column;gap:16px}.detail-row[data-v-74ae20e2]{display:flex;align-items:center;gap:12px;font-size:14px}.detail-label[data-v-74ae20e2]{color:#999;min-width:100px}.detail-value[data-v-74ae20e2]{color:#333;flex:1}.connection-detail-section[data-v-74ae20e2]{margin-top:16px;padding-top:16px;border-top:1px solid #f0f0f0}.traffic-progress-section[data-v-74ae20e2]{margin-top:8px;padding-top:16px;border-top:1px solid #f0f0f0}.progress-text[data-v-74ae20e2]{margin-top:8px;font-size:13px;color:#666;text-align:right}@media (max-width: 768px){.modal-content[data-v-74ae20e2]{width:95%;max-width:none;margin:10px;max-height:85vh}.modal-header[data-v-74ae20e2]{padding:16px}.modal-title[data-v-74ae20e2]{font-size:16px}.modal-body[data-v-74ae20e2]{padding:16px}.modal-footer[data-v-74ae20e2]{padding:12px 16px;flex-direction:column}.btn-cancel[data-v-74ae20e2]{width:100%}}.manage-modal[data-v-74ae20e2]{max-width:600px}.manage-section[data-v-74ae20e2]{margin-bottom:24px}.manage-section[data-v-74ae20e2]:last-child{margin-bottom:0}.section-title[data-v-74ae20e2]{font-size:16px;font-weight:600;color:#333;margin:0 0 16px;padding-bottom:8px;border-bottom:2px solid #f0f0f0}.manage-actions[data-v-74ae20e2]{display:flex;flex-direction:column;gap:12px}.manage-actions-row[data-v-74ae20e2]{display:flex;gap:12px}.manage-btn[data-v-74ae20e2]{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#fff;border:1px solid #d9d9d9;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s;text-align:center}.manage-btn[data-v-74ae20e2]:disabled{opacity:.5;cursor:not-allowed}.manage-btn-full[data-v-74ae20e2]{width:100%}.manage-btn[data-v-74ae20e2]:hover:not(:disabled){background:#e9ecef;border-color:#1890ff;color:#1890ff}.manage-btn-danger[data-v-74ae20e2]{background:#fff1f0;border-color:#ffccc7;color:#ff4d4f}.manage-btn-danger[data-v-74ae20e2]:hover{background:#ffccc7;border-color:#ff4d4f;color:#fff}.danger-actions[data-v-74ae20e2]{display:flex;flex-direction:column;gap:12px}.btn-icon[data-v-74ae20e2]{font-size:18px}.btn-text[data-v-74ae20e2]{flex:1}.server-info-grid[data-v-74ae20e2]{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.info-item[data-v-74ae20e2]{display:flex;flex-direction:column;gap:4px}.info-item-label[data-v-74ae20e2]{font-size:12px;color:#999;font-weight:500}.info-item-value[data-v-74ae20e2]{font-size:14px;color:#333;font-weight:500}.price-value[data-v-74ae20e2],.price-cell[data-v-74ae20e2]{color:#1890ff;font-weight:600}.batch-actions[data-v-74ae20e2]{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#f0f9ff;border:1px solid #91d5ff;border-radius:6px}.batch-count[data-v-74ae20e2]{font-size:14px;color:#1890ff;font-weight:500;white-space:nowrap}.btn-secondary[data-v-74ae20e2]{padding:6px 16px;background:#fff;color:#1890ff;border:1px solid #1890ff;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s}.btn-secondary[data-v-74ae20e2]:hover{background:#1890ff;color:#fff}.auto-renew-row[data-v-74ae20e2]{display:flex;align-items:center;gap:8px}.switch[data-v-74ae20e2]{position:relative;display:inline-block;width:44px;height:24px}.switch input[data-v-74ae20e2]{opacity:0;width:0;height:0}.slider[data-v-74ae20e2]{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.3s;border-radius:24px}.slider[data-v-74ae20e2]:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.slider[data-v-74ae20e2]{background-color:#52c41a}input:checked+.slider[data-v-74ae20e2]:before{transform:translate(20px)}.checkbox-wrapper[data-v-74ae20e2]{display:flex;align-items:center;gap:8px;cursor:pointer}.checkbox-wrapper input[type=checkbox][data-v-74ae20e2]{width:16px;height:16px;cursor:pointer}.select-all-checkbox[data-v-74ae20e2]{margin-right:4px}.finance[data-v-1f542e39]{padding:0;width:100%}.page-header[data-v-1f542e39]{position:sticky;top:0;z-index:10;background:#f5f5f5;padding:0 24px;margin:0 -24px 24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.page-title[data-v-1f542e39]{font-size:24px;font-weight:600;color:#333;margin:0}.header-actions[data-v-1f542e39]{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.custom-select-wrapper[data-v-1f542e39]{position:relative;width:100%;max-width:200px;box-sizing:border-box}.custom-select[data-v-1f542e39]{width:100%;max-width:100%;padding:10px 40px 10px 16px;border:1px solid #d9d9d9;border-radius:6px;font-size:14px;background:#fff;cursor:pointer;transition:all .3s;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;min-height:40px}.custom-select[data-v-1f542e39]:hover{border-color:#1890ff}.custom-select-text[data-v-1f542e39]{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#333}.custom-select-arrow[data-v-1f542e39]{width:12px;height:12px;flex-shrink:0;margin-left:8px;color:#666;transition:transform .3s}.custom-select-arrow.is-open[data-v-1f542e39]{transform:rotate(180deg)}.custom-select-dropdown[data-v-1f542e39]{position:absolute;top:calc(100% + 4px);left:0;right:0;width:100%;max-width:100%;background:#fff;border:1px solid #d9d9d9;border-radius:6px;box-shadow:0 4px 12px #00000026;z-index:1000;max-height:200px;overflow-y:auto;box-sizing:border-box}.custom-select-option[data-v-1f542e39]{padding:12px 16px;font-size:14px;color:#333;cursor:pointer;transition:background .2s;box-sizing:border-box}.custom-select-option[data-v-1f542e39]:hover{background:#f5f5f5}.custom-select-option.is-selected[data-v-1f542e39]{background:#e6f7ff;color:#1890ff;font-weight:500}.dropdown-enter-active[data-v-1f542e39],.dropdown-leave-active[data-v-1f542e39]{transition:opacity .2s,transform .2s}.dropdown-enter-from[data-v-1f542e39],.dropdown-leave-to[data-v-1f542e39]{opacity:0;transform:translateY(-10px)}.btn-primary[data-v-1f542e39]{padding:8px 16px;background:#1890ff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background .3s}.btn-primary[data-v-1f542e39]:hover{background:#40a9ff}.card-section[data-v-1f542e39]{margin-bottom:24px;margin-top:0}.card[data-v-1f542e39]{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000f;overflow:hidden}.card-header[data-v-1f542e39]{padding:16px 20px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center;gap:12px}.title-left[data-v-1f542e39]{display:flex;align-items:center;gap:12px;flex:1}.card-header h3[data-v-1f542e39]{margin:0;font-size:16px;font-weight:600;color:#333}.view-toggle[data-v-1f542e39]{display:flex;gap:4px;flex-shrink:0}.view-toggle-btn[data-v-1f542e39]{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid #d9d9d9;background:#fff;border-radius:4px;cursor:pointer;transition:all .3s;padding:0}.view-toggle-btn[data-v-1f542e39]:hover{border-color:#1890ff;color:#1890ff}.view-toggle-btn.active[data-v-1f542e39]{background:#1890ff;border-color:#1890ff;color:#fff}.toggle-icon[data-v-1f542e39]{width:16px;height:16px}.card-body[data-v-1f542e39]{padding:20px}.loading[data-v-1f542e39],.empty-state[data-v-1f542e39]{text-align:center;padding:40px;color:#999}.monthly-list[data-v-1f542e39]{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.monthly-item[data-v-1f542e39]{background:#fff;border-radius:8px;padding:20px;border:1px solid #e8e8e8;transition:all .3s;width:100%;box-shadow:0 1px 3px #0000000d;display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.monthly-item-body[data-v-1f542e39]{flex:1;min-width:0}.monthly-item[data-v-1f542e39]:hover{box-shadow:0 4px 12px #0000001a;border-color:#1890ff;transform:translateY(-2px)}.monthly-item.empty[data-v-1f542e39]{background:#f5f5f5;opacity:.6}.monthly-item-header[data-v-1f542e39]{margin-bottom:16px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.month-header-left[data-v-1f542e39],.month-info-group[data-v-1f542e39]{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.monthly-item-action[data-v-1f542e39]{display:flex;align-items:center;flex-shrink:0}.action-btn[data-v-1f542e39]{padding:8px 24px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;border:none;transition:all .3s;white-space:nowrap}.payment-status-badge[data-v-1f542e39]{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500;white-space:nowrap}.payment-status-badge.paid[data-v-1f542e39]{background:#f6ffed;color:#52c41a;border:1px solid #b7eb8f}.payment-status-badge.unpaid[data-v-1f542e39]{background:#fff1f0;color:#ff4d4f;border:1px solid #ffccc7}.payment-status-badge.pending[data-v-1f542e39]{background:#fffbe6;color:#faad14;border:1px solid #ffe58f}.month-label[data-v-1f542e39]{font-size:16px;font-weight:600;color:#333}.month-total[data-v-1f542e39]{font-size:14px;color:#666}.month-total .total-amount[data-v-1f542e39]{font-size:18px;font-weight:600;color:#1890ff}.month-total.empty-text[data-v-1f542e39]{color:#999;font-style:italic}.monthly-item-content[data-v-1f542e39]{margin-top:8px}.monthly-detail-cards[data-v-1f542e39]{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.monthly-detail-card[data-v-1f542e39]{display:flex;align-items:center;gap:12px;padding:16px;background:#fff;border:1px solid #f0f0f0;border-radius:8px;transition:all .3s}.monthly-detail-card[data-v-1f542e39]:hover{box-shadow:0 2px 8px #00000014;border-color:#d9d9d9}.detail-card-icon[data-v-1f542e39]{font-size:24px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f0f7ff;border-radius:8px;flex-shrink:0}.detail-card-content[data-v-1f542e39]{flex:1;display:flex;flex-direction:column;gap:6px}.detail-card-label[data-v-1f542e39]{font-size:12px;color:#666;font-weight:500}.detail-card-value[data-v-1f542e39]{font-size:15px;font-weight:600;color:#333}.summary-section[data-v-1f542e39]{margin-bottom:32px}.summary-section-title[data-v-1f542e39]{font-size:20px;font-weight:600;color:#333;margin:0 0 20px}.summary-cards[data-v-1f542e39]{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.summary-card[data-v-1f542e39]{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000000f;display:flex;align-items:center;gap:16px;transition:all .3s;border:1px solid #f0f0f0}.summary-card[data-v-1f542e39]:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}.summary-card-icon[data-v-1f542e39]{font-size:32px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#f0f7ff;border-radius:12px;flex-shrink:0}.summary-card-content[data-v-1f542e39]{flex:1;display:flex;flex-direction:column;gap:12px}.summary-card-title[data-v-1f542e39]{font-size:16px;color:#333;font-weight:600;margin-bottom:4px}.summary-card-details[data-v-1f542e39]{display:flex;flex-direction:column;gap:8px}.summary-detail-item[data-v-1f542e39]{display:flex;justify-content:space-between;align-items:center;font-size:14px}.summary-detail-item .detail-label[data-v-1f542e39]{color:#666;font-weight:500}.summary-detail-item .detail-value[data-v-1f542e39]{color:#333;font-weight:600}.summary-card-value[data-v-1f542e39]{font-size:20px;font-weight:700;color:#333}.summary-card-remote[data-v-1f542e39]{background:linear-gradient(135deg,#f0f7ff,#e6f7ff);border:1px solid #91d5ff}.summary-card-remote .summary-card-icon[data-v-1f542e39]{background:#1890ff}.summary-card-vpn[data-v-1f542e39]{background:linear-gradient(135deg,#f6ffed,#e6f7ff);border:1px solid #b7eb8f}.summary-card-vpn .summary-card-icon[data-v-1f542e39]{background:#52c41a}.summary-card-total[data-v-1f542e39]{background:linear-gradient(135deg,#e6f7ff,#bae7ff);border:2px solid #91d5ff;justify-content:center;text-align:center}.summary-card-total .summary-card-icon[data-v-1f542e39]{background:#1890ff;font-size:36px}.summary-card-total .summary-card-value[data-v-1f542e39]{font-size:32px;color:#1890ff}.summary-card-total .summary-card-title[data-v-1f542e39]{font-size:18px;color:#1890ff;font-weight:600}.finance-tabs[data-v-1f542e39]{display:flex;gap:8px;margin-bottom:24px;border-bottom:2px solid #f0f0f0;padding:0}.tab-btn[data-v-1f542e39]{padding:12px 24px;background:transparent;border:none;border-bottom:2px solid transparent;color:#666;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s;margin-bottom:-2px;position:relative}.tab-btn[data-v-1f542e39]:hover{color:#1890ff}.tab-btn.active[data-v-1f542e39]{color:#1890ff;border-bottom-color:#1890ff;font-weight:600}.tab-content[data-v-1f542e39],.tab-panel[data-v-1f542e39]{width:100%}.records-table-wrapper[data-v-1f542e39]{overflow-x:auto}.records-table[data-v-1f542e39]{width:100%;border-collapse:collapse;font-size:14px}.records-table thead[data-v-1f542e39]{background:#fafafa}.records-table th[data-v-1f542e39]{padding:12px 16px;text-align:left;font-weight:600;color:#333;border-bottom:1px solid #f0f0f0;white-space:nowrap}.records-table td[data-v-1f542e39]{padding:12px 16px;border-bottom:1px solid #f0f0f0;color:#666}.records-table tbody tr[data-v-1f542e39]:hover{background:#fafafa}.records-table tbody tr:last-child td[data-v-1f542e39]{border-bottom:none}.transaction-cards[data-v-1f542e39]{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.transaction-card[data-v-1f542e39]{background:#fff;border:1px solid #f0f0f0;border-radius:8px;padding:16px;transition:all .3s}.transaction-card[data-v-1f542e39]:hover{box-shadow:0 2px 8px #0000001a;border-color:#d9d9d9}.transaction-card-header[data-v-1f542e39]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #f0f0f0}.transaction-card-body[data-v-1f542e39]{display:flex;flex-direction:column;gap:8px}.transaction-info-item[data-v-1f542e39]{display:flex;justify-content:space-between;align-items:center;font-size:14px}.transaction-info-item .info-label[data-v-1f542e39]{color:#999;font-weight:500}.transaction-info-item .info-value[data-v-1f542e39]{color:#333;text-align:right;flex:1;margin-left:12px}.transaction-amount[data-v-1f542e39]{font-size:18px;font-weight:600}.purchase-cards[data-v-1f542e39]{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.purchase-card[data-v-1f542e39]{background:#fff;border:1px solid #f0f0f0;border-radius:8px;padding:16px;transition:all .3s}.purchase-card[data-v-1f542e39]:hover{box-shadow:0 2px 8px #0000001a;border-color:#d9d9d9}.purchase-card-header[data-v-1f542e39]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #f0f0f0}.purchase-service-name[data-v-1f542e39]{font-size:16px;font-weight:600;color:#333}.purchase-amount[data-v-1f542e39]{font-size:18px;font-weight:600}.purchase-card-body[data-v-1f542e39]{display:flex;flex-direction:column;gap:8px}.purchase-info-item[data-v-1f542e39]{display:flex;justify-content:space-between;align-items:center;font-size:14px}.purchase-info-item .info-label[data-v-1f542e39]{color:#999;font-weight:500}.purchase-info-item .info-value[data-v-1f542e39]{color:#333;text-align:right;flex:1;margin-left:12px}.amount-positive[data-v-1f542e39]{color:#52c41a;font-weight:600}.amount-negative[data-v-1f542e39]{color:#ff4d4f;font-weight:600}.transaction-type[data-v-1f542e39]{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.transaction-type.recharge[data-v-1f542e39]{background:#f6ffed;color:#52c41a;border:1px solid #b7eb8f}.transaction-type.deduction[data-v-1f542e39]{background:#fff1f0;color:#ff4d4f;border:1px solid #ffccc7}.related-service-cell[data-v-1f542e39]{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.service-count[data-v-1f542e39]{color:#666;font-size:13px}.btn-detail[data-v-1f542e39]{padding:4px 12px;background:#1890ff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px;transition:background .3s}.btn-detail[data-v-1f542e39]:hover{background:#40a9ff}.price-detail-modal[data-v-1f542e39]{max-width:500px;width:90%}.price-detail-list[data-v-1f542e39]{padding:0}.price-detail-item[data-v-1f542e39]{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f0f0f0}.price-detail-item[data-v-1f542e39]:last-of-type{border-bottom:none}.service-name[data-v-1f542e39]{color:#333;font-size:14px}.service-price[data-v-1f542e39]{color:#ff4d4f;font-weight:600;font-size:14px}.price-detail-total[data-v-1f542e39]{display:flex;justify-content:space-between;align-items:center;padding:16px 0;margin-top:16px;border-top:2px solid #e8e8e8}.total-label[data-v-1f542e39]{color:#333;font-size:16px;font-weight:600}.total-amount[data-v-1f542e39]{color:#ff4d4f;font-weight:600;font-size:18px}.status-badge[data-v-1f542e39]{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500;white-space:nowrap}.status-badge.success[data-v-1f542e39]{background:#f6ffed;color:#52c41a;border:1px solid #b7eb8f}.status-badge.pending[data-v-1f542e39]{background:#fffbe6;color:#faad14;border:1px solid #ffe58f}.status-badge.failed[data-v-1f542e39]{background:#fff1f0;color:#ff4d4f;border:1px solid #ffccc7}.transaction-id[data-v-1f542e39]{font-family:monospace;font-size:12px;color:#999}.btn-action[data-v-1f542e39]{padding:6px 12px;background:#1890ff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:13px;transition:background .3s}.btn-action[data-v-1f542e39]:hover{background:#40a9ff}.pagination[data-v-1f542e39]{display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000f}.pagination-info[data-v-1f542e39]{font-size:14px;color:#666}.pagination-controls[data-v-1f542e39]{display:flex;align-items:center;gap:8px}.pagination-btn[data-v-1f542e39]{padding:6px 12px;background:#fff;border:1px solid #d9d9d9;border-radius:4px;font-size:14px;cursor:pointer;transition:all .3s;color:#333}.pagination-btn[data-v-1f542e39]:hover:not(:disabled){background:#f5f5f5;border-color:#1890ff;color:#1890ff}.pagination-btn[data-v-1f542e39]:disabled{background:#f5f5f5;color:#ccc;cursor:not-allowed;border-color:#e8e8e8}.pagination-pages[data-v-1f542e39]{display:flex;gap:4px}.pagination-page[data-v-1f542e39]{min-width:32px;height:32px;padding:0 8px;background:#fff;border:1px solid #d9d9d9;border-radius:4px;font-size:14px;cursor:pointer;transition:all .3s;color:#333;display:flex;align-items:center;justify-content:center}.pagination-page[data-v-1f542e39]:hover:not(.active):not(.disabled){background:#f5f5f5;border-color:#1890ff;color:#1890ff}.pagination-page.active[data-v-1f542e39]{background:#1890ff;color:#fff;border-color:#1890ff}.pagination-page.disabled[data-v-1f542e39]{cursor:default;pointer-events:none;border:none;background:transparent}@media (max-width: 768px){.page-header[data-v-1f542e39]{top:0;padding:0 16px;margin:0 -16px 16px;flex-direction:column;align-items:flex-start;position:relative;z-index:1;overflow:visible}.header-actions[data-v-1f542e39]{width:100%;flex-direction:column}.custom-select-wrapper[data-v-1f542e39]{width:100%;max-width:100%;position:relative;z-index:1;overflow:visible;isolation:isolate}.custom-select[data-v-1f542e39]{width:100%;max-width:100%;box-sizing:border-box;padding:12px 40px 12px 16px;font-size:16px}.custom-select-dropdown[data-v-1f542e39]{width:100%;max-width:100%;left:0;right:0;box-sizing:border-box;position:absolute;z-index:10;top:calc(100% + 4px);background:#fff;border:1px solid #d9d9d9;border-radius:6px;box-shadow:0 4px 12px #00000026}.custom-select-option[data-v-1f542e39]{padding:14px 16px;font-size:16px;min-height:44px;display:flex;align-items:center}.btn-primary[data-v-1f542e39]{width:100%}.monthly-list[data-v-1f542e39]{gap:12px}.monthly-item[data-v-1f542e39]{flex-direction:column;gap:16px}.month-header-left[data-v-1f542e39]{flex-direction:column;align-items:flex-start;gap:12px}.month-info-group[data-v-1f542e39]{width:100%;flex-direction:column;align-items:flex-start;gap:12px}.monthly-item-action[data-v-1f542e39]{width:100%}.action-btn[data-v-1f542e39]{width:100%;padding:10px 24px}.monthly-detail-cards[data-v-1f542e39]{grid-template-columns:repeat(2,1fr)}.monthly-detail-card[data-v-1f542e39]{padding:12px;flex-direction:column;align-items:flex-start;gap:8px}.detail-card-icon[data-v-1f542e39]{width:36px;height:36px;font-size:20px}.detail-card-value[data-v-1f542e39]{font-size:14px}.summary-cards[data-v-1f542e39]{grid-template-columns:1fr}.summary-card-total[data-v-1f542e39]{grid-column:1}.summary-card[data-v-1f542e39]{padding:16px;flex-direction:column;align-items:flex-start}.summary-card-icon[data-v-1f542e39]{width:40px;height:40px;font-size:28px}.summary-card-title[data-v-1f542e39]{font-size:14px}.summary-card-value[data-v-1f542e39]{font-size:18px}.summary-card-total .summary-card-value[data-v-1f542e39]{font-size:24px}.summary-detail-item[data-v-1f542e39]{font-size:13px}.finance-tabs[data-v-1f542e39]{overflow-x:auto;flex-wrap:nowrap}.tab-btn[data-v-1f542e39]{padding:10px 16px;font-size:13px;white-space:nowrap}.records-table-wrapper[data-v-1f542e39]{overflow-x:scroll}.records-table[data-v-1f542e39]{min-width:600px}.records-table th[data-v-1f542e39],.records-table td[data-v-1f542e39]{padding:10px 12px;font-size:13px}.card-header[data-v-1f542e39]{flex-wrap:nowrap}.title-left[data-v-1f542e39]{flex:1;min-width:0}.view-toggle[data-v-1f542e39]{flex-shrink:0;margin-left:auto}.view-toggle-btn[data-v-1f542e39]{width:32px;height:32px}.toggle-icon[data-v-1f542e39]{width:14px;height:14px}.transaction-cards[data-v-1f542e39],.purchase-cards[data-v-1f542e39]{grid-template-columns:1fr;gap:12px}.transaction-card[data-v-1f542e39],.purchase-card[data-v-1f542e39]{padding:12px}.transaction-card-header[data-v-1f542e39],.purchase-card-header[data-v-1f542e39]{flex-direction:row;justify-content:space-between;align-items:center;gap:12px}.transaction-info-item[data-v-1f542e39],.purchase-info-item[data-v-1f542e39]{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:12px;padding:8px 0}.transaction-info-item .info-label[data-v-1f542e39],.purchase-info-item .info-label[data-v-1f542e39]{flex-shrink:0;min-width:90px;color:#999;font-weight:500;font-size:14px}.transaction-info-item .info-value[data-v-1f542e39],.purchase-info-item .info-value[data-v-1f542e39]{margin-left:0;text-align:right;flex:1;word-break:break-word;color:#333;font-size:14px}.pagination[data-v-1f542e39]{flex-direction:column;align-items:stretch;gap:12px}.pagination-info[data-v-1f542e39]{text-align:center}.pagination-controls[data-v-1f542e39]{justify-content:center}}.modal-overlay[data-v-1f542e39]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn-1f542e39 .3s ease}@keyframes fadeIn-1f542e39{0%{opacity:0}to{opacity:1}}.modal-content[data-v-1f542e39]{background:#fff;border-radius:8px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #00000026;animation:slideUp-1f542e39 .3s ease}@keyframes slideUp-1f542e39{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header[data-v-1f542e39]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #f0f0f0}.modal-title[data-v-1f542e39]{margin:0;font-size:18px;font-weight:600;color:#333}.modal-close[data-v-1f542e39]{background:none;border:none;font-size:28px;color:#999;cursor:pointer;line-height:1;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .3s}.modal-close[data-v-1f542e39]:hover{background:#f5f5f5;color:#333}.modal-body[data-v-1f542e39]{padding:24px}.payment-method[data-v-1f542e39]{margin-bottom:24px}.payment-label[data-v-1f542e39]{font-size:14px;color:#666;margin-bottom:12px;font-weight:500}.payment-option[data-v-1f542e39]{display:flex;align-items:center;gap:12px;padding:16px;background:#f9f9f9;border-radius:6px;border:1px solid #e8e8e8}.payment-icon[data-v-1f542e39]{font-size:32px}.payment-info[data-v-1f542e39]{flex:1}.payment-name[data-v-1f542e39]{font-size:16px;font-weight:600;color:#333;margin-bottom:4px;display:flex;align-items:center;gap:8px}.network-badge[data-v-1f542e39]{display:inline-flex;align-items:center;padding:2px 8px;background:#e6f7ff;color:#1890ff;border:1px solid #91d5ff;border-radius:4px;font-size:12px;font-weight:500}.payment-desc[data-v-1f542e39]{font-size:13px;color:#666}.recharge-amount[data-v-1f542e39]{margin-bottom:24px}.amount-label[data-v-1f542e39]{display:block;font-size:14px;color:#666;margin-bottom:8px;font-weight:500}.amount-input[data-v-1f542e39]{width:100%;padding:12px 16px;border:1px solid #d9d9d9;border-radius:4px;font-size:14px;transition:border-color .3s;box-sizing:border-box}.amount-input[data-v-1f542e39]:focus{outline:none;border-color:#1890ff;box-shadow:0 0 0 2px #1890ff1a}.usdt-address[data-v-1f542e39]{margin-bottom:24px}.address-label[data-v-1f542e39]{display:block;font-size:14px;color:#666;margin-bottom:8px;font-weight:500}.address-display[data-v-1f542e39]{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#f5f5f5;border-radius:4px;border:1px solid #e8e8e8}.address-text[data-v-1f542e39]{flex:1;font-size:13px;color:#333;font-family:monospace;word-break:break-all}.copy-btn[data-v-1f542e39]{padding:6px 12px;background:#1890ff;color:#fff;border:none;border-radius:4px;font-size:13px;cursor:pointer;transition:all .3s;white-space:nowrap}.copy-btn[data-v-1f542e39]:hover{background:#40a9ff;transform:translateY(-1px);box-shadow:0 2px 4px #1890ff4d}.modal-footer[data-v-1f542e39]{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #f0f0f0}.btn-cancel[data-v-1f542e39]{padding:10px 20px;background:#fff;color:#666;border:1px solid #d9d9d9;border-radius:4px;font-size:14px;cursor:pointer;transition:all .3s}.btn-cancel[data-v-1f542e39]:hover{color:#333;border-color:#999}.btn-confirm[data-v-1f542e39]{padding:10px 20px;background:#1890ff;color:#fff;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:all .3s}.btn-confirm[data-v-1f542e39]:hover{background:#40a9ff;transform:translateY(-1px);box-shadow:0 2px 8px #1890ff4d}@media (max-width: 768px){.modal-content[data-v-1f542e39]{width:95%;max-width:none;margin:20px}.modal-header[data-v-1f542e39]{padding:16px 20px}.modal-title[data-v-1f542e39]{font-size:16px}.modal-body[data-v-1f542e39]{padding:20px}.payment-option[data-v-1f542e39]{padding:12px}.modal-footer[data-v-1f542e39]{padding:16px 20px;flex-direction:column-reverse}.btn-cancel[data-v-1f542e39],.btn-confirm[data-v-1f542e39]{width:100%}}.account[data-v-85d80b68]{padding:0}.page-header[data-v-85d80b68]{margin-bottom:24px}.page-title[data-v-85d80b68]{font-size:24px;font-weight:600;color:#333;margin:0}.account-content[data-v-85d80b68]{display:flex;flex-direction:column;gap:20px}.card[data-v-85d80b68]{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000f;overflow:hidden}.card-header[data-v-85d80b68]{padding:20px 24px;border-bottom:1px solid #f0f0f0}.card-header h3[data-v-85d80b68]{margin:0;font-size:18px;font-weight:600;color:#333}.card-body[data-v-85d80b68]{padding:24px}.info-section[data-v-85d80b68]{display:flex;flex-direction:column;gap:20px}.info-row[data-v-85d80b68]{display:flex;align-items:center;min-height:40px}.info-label[data-v-85d80b68]{min-width:120px;color:#666;font-size:14px}.info-value[data-v-85d80b68]{color:#333;font-size:14px;flex:1}.info-value-edit[data-v-85d80b68]{display:flex;align-items:center;gap:12px;flex:1}.edit-input[data-v-85d80b68]{flex:1;padding:6px 12px;border:1px solid #d9d9d9;border-radius:4px;font-size:14px;transition:border-color .3s}.edit-input[data-v-85d80b68]:focus{outline:none;border-color:#1890ff}.edit-btn[data-v-85d80b68]{padding:6px 16px;background:#1890ff;color:#fff;border:none;border-radius:4px;font-size:13px;cursor:pointer;transition:background .3s}.edit-btn[data-v-85d80b68]:hover{background:#40a9ff}.password-form[data-v-85d80b68]{max-width:500px}.form-group[data-v-85d80b68]{margin-bottom:20px}.form-label[data-v-85d80b68]{display:block;margin-bottom:8px;color:#333;font-size:14px;font-weight:500}.form-input[data-v-85d80b68]{width:100%;padding:10px 16px;border:1px solid #d9d9d9;border-radius:6px;font-size:14px;transition:border-color .3s}.form-input[data-v-85d80b68]:focus{outline:none;border-color:#1890ff}.error-message[data-v-85d80b68]{margin-top:-10px;margin-bottom:20px;color:#ff4d4f;font-size:13px}.form-actions[data-v-85d80b68]{display:flex;gap:12px;margin-top:24px}.btn-primary[data-v-85d80b68]{padding:10px 24px;background:#1890ff;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background .3s}.btn-primary[data-v-85d80b68]:hover:not(:disabled){background:#40a9ff}.btn-primary[data-v-85d80b68]:disabled{background:#d9d9d9;cursor:not-allowed}.btn-cancel[data-v-85d80b68]{padding:10px 24px;background:#f0f0f0;color:#333;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:background .3s}.btn-cancel[data-v-85d80b68]:hover{background:#e0e0e0}@media (max-width: 768px){.page-title[data-v-85d80b68]{font-size:20px}.card-body[data-v-85d80b68]{padding:16px}.info-row[data-v-85d80b68]{flex-direction:column;align-items:flex-start;gap:8px}.info-label[data-v-85d80b68]{min-width:auto}.info-value-edit[data-v-85d80b68]{width:100%}.password-form[data-v-85d80b68]{max-width:100%}.form-actions[data-v-85d80b68]{flex-direction:column}.btn-primary[data-v-85d80b68],.btn-cancel[data-v-85d80b68]{width:100%}}.permission[data-v-88651a90]{padding:0}.page-header[data-v-88651a90]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.page-title[data-v-88651a90]{font-size:24px;font-weight:600;color:#333;margin:0}.btn-primary[data-v-88651a90]{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#1890ff;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background .3s}.btn-primary[data-v-88651a90]:hover{background:#40a9ff}.permission-content[data-v-88651a90]{display:flex;flex-direction:column;gap:20px}.card[data-v-88651a90]{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000f;overflow:hidden}.card-header[data-v-88651a90]{padding:20px 24px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center;gap:12px}.title-left[data-v-88651a90]{display:flex;align-items:center;gap:12px;flex:1}.card-header h3[data-v-88651a90]{margin:0;font-size:18px;font-weight:600;color:#333}.view-toggle[data-v-88651a90]{display:flex;gap:4px;flex-shrink:0}.view-toggle-btn[data-v-88651a90]{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid #d9d9d9;background:#fff;border-radius:4px;cursor:pointer;transition:all .3s;padding:0}.view-toggle-btn[data-v-88651a90]:hover{border-color:#1890ff;color:#1890ff}.view-toggle-btn.active[data-v-88651a90]{background:#1890ff;border-color:#1890ff;color:#fff}.toggle-icon[data-v-88651a90]{width:16px;height:16px}.card-body[data-v-88651a90]{padding:24px}.filter-bar[data-v-88651a90]{display:flex;gap:16px;margin-bottom:20px;flex-wrap:wrap}.filter-group[data-v-88651a90]{flex:1;min-width:200px}.search-input[data-v-88651a90],.filter-select[data-v-88651a90]{width:100%;padding:10px 16px;border:1px solid #d9d9d9;border-radius:6px;font-size:14px;transition:border-color .3s}.search-input[data-v-88651a90]:focus,.filter-select[data-v-88651a90]:focus{outline:none;border-color:#1890ff}.user-table-container[data-v-88651a90]{overflow-x:auto;margin-bottom:20px}.user-table[data-v-88651a90]{width:100%;border-collapse:collapse;font-size:14px}.user-table thead[data-v-88651a90]{background:#fafafa}.user-table th[data-v-88651a90]{padding:12px 16px;text-align:left;font-weight:600;color:#333;border-bottom:1px solid #f0f0f0}.user-table td[data-v-88651a90]{padding:12px 16px;border-bottom:1px solid #f0f0f0;color:#666}.user-table tbody tr[data-v-88651a90]:hover{background:#f5f5f5}.role-badge[data-v-88651a90]{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.role-badge.master[data-v-88651a90]{background:#f6f4ff;color:#722ed1;border:1px solid #d3adf7}.role-badge.admin[data-v-88651a90]{background:#fff2e8;color:#fa8c16;border:1px solid #ffd591}.role-badge.user[data-v-88651a90]{background:#e6f7ff;color:#1890ff;border:1px solid #91d5ff}.status-badge[data-v-88651a90]{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.status-badge.active[data-v-88651a90]{background:#f6ffed;color:#52c41a;border:1px solid #b7eb8f}.status-badge.disabled[data-v-88651a90]{background:#fff2e8;color:#fa8c16;border:1px solid #ffd591}.user-cards[data-v-88651a90]{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.user-card[data-v-88651a90]{background:#fff;border:1px solid #f0f0f0;border-radius:8px;padding:16px;transition:all .3s}.user-card[data-v-88651a90]:hover{box-shadow:0 2px 8px #0000001a;border-color:#d9d9d9}.user-card-header[data-v-88651a90]{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #f0f0f0}.user-card-avatar[data-v-88651a90]{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;font-weight:600;flex-shrink:0}.user-card-title[data-v-88651a90]{display:flex;flex-direction:column;gap:8px;flex:1}.user-card-name[data-v-88651a90]{font-size:16px;font-weight:600;color:#333}.user-card-body[data-v-88651a90]{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.user-card-item[data-v-88651a90]{display:flex;justify-content:space-between;align-items:center;font-size:14px;padding:4px 0}.user-card-label[data-v-88651a90]{color:#999;font-weight:500;flex-shrink:0;min-width:80px}.user-card-value[data-v-88651a90]{color:#333;text-align:right;flex:1;margin-left:12px}.user-card-footer[data-v-88651a90]{display:flex;gap:8px;padding-top:16px;border-top:1px solid #f0f0f0}.action-buttons[data-v-88651a90]{display:flex;gap:8px}.btn-small[data-v-88651a90]{padding:4px 12px;background:#1890ff;color:#fff;border:none;border-radius:4px;font-size:12px;cursor:pointer;transition:background .3s}.btn-small[data-v-88651a90]:hover{background:#40a9ff}.btn-small.btn-danger[data-v-88651a90]{background:#ff4d4f}.btn-small.btn-danger[data-v-88651a90]:hover{background:#ff7875}.loading[data-v-88651a90],.empty-state[data-v-88651a90]{text-align:center;padding:60px 20px;color:#999}.empty-icon[data-v-88651a90]{font-size:64px;margin-bottom:16px}.empty-text[data-v-88651a90]{font-size:16px}.pagination[data-v-88651a90]{display:flex;justify-content:space-between;align-items:center;margin-top:20px;flex-wrap:wrap;gap:12px}.pagination-info[data-v-88651a90]{font-size:14px;color:#666}.pagination-controls[data-v-88651a90]{display:flex;align-items:center;gap:8px}.pagination-btn[data-v-88651a90]{padding:6px 12px;background:#fff;border:1px solid #d9d9d9;border-radius:4px;font-size:14px;cursor:pointer;transition:all .3s}.pagination-btn[data-v-88651a90]:hover:not(:disabled){background:#f5f5f5;border-color:#1890ff}.pagination-btn[data-v-88651a90]:disabled{background:#f5f5f5;color:#ccc;cursor:not-allowed}.pagination-pages[data-v-88651a90]{display:flex;gap:4px}.pagination-page[data-v-88651a90]{min-width:32px;height:32px;padding:0 8px;background:#fff;border:1px solid #d9d9d9;border-radius:4px;font-size:14px;cursor:pointer;transition:all .3s}.pagination-page[data-v-88651a90]:hover:not(.active):not(.disabled){background:#f5f5f5;border-color:#007bff}.pagination-page.active[data-v-88651a90]{background:#007bff;color:#fff;border-color:#007bff}.pagination-page.disabled[data-v-88651a90]{cursor:default;pointer-events:none;border:none;background:transparent}.role-list[data-v-88651a90]{display:flex;flex-direction:column;gap:16px}.role-item[data-v-88651a90]{padding:20px;border:1px solid #f0f0f0;border-radius:8px;background:#fafafa}.role-header[data-v-88651a90]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.role-info[data-v-88651a90]{display:flex;flex-direction:column;gap:4px}.role-name[data-v-88651a90]{font-size:16px;font-weight:600;color:#333}.role-desc[data-v-88651a90]{font-size:13px;color:#999}.permission-list[data-v-88651a90]{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.permission-item[data-v-88651a90]{display:flex;flex-direction:column;gap:4px;padding:12px;background:#fff;border-radius:6px;border:1px solid #e8e8e8}.permission-name[data-v-88651a90]{font-size:14px;font-weight:500;color:#333}.permission-desc[data-v-88651a90]{font-size:12px;color:#999}.modal-overlay[data-v-88651a90]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;animation:fadeIn-88651a90 .3s ease}@keyframes fadeIn-88651a90{0%{opacity:0}to{opacity:1}}.modal-content[data-v-88651a90]{background:#fff;border-radius:8px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #00000026;animation:slideUp-88651a90 .3s ease;display:flex;flex-direction:column}.modal-content.role-modal[data-v-88651a90]{max-width:700px}@keyframes slideUp-88651a90{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header[data-v-88651a90]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #f0f0f0}.modal-title[data-v-88651a90]{margin:0;font-size:18px;font-weight:600;color:#333}.modal-close[data-v-88651a90]{background:none;border:none;font-size:28px;color:#999;cursor:pointer;line-height:1;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .3s}.modal-close[data-v-88651a90]:hover{background:#f0f0f0;color:#333}.modal-body[data-v-88651a90]{padding:24px;flex:1;overflow-y:auto}.modal-footer[data-v-88651a90]{padding:16px 24px;border-top:1px solid #f0f0f0;display:flex;justify-content:flex-end;gap:12px}.btn-cancel[data-v-88651a90]{padding:8px 20px;background:#f0f0f0;color:#333;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:all .3s}.btn-cancel[data-v-88651a90]:hover{background:#e0e0e0}.btn-confirm[data-v-88651a90]{padding:8px 20px;background:#1890ff;color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:all .3s}.btn-confirm[data-v-88651a90]:hover{background:#40a9ff}.user-form[data-v-88651a90]{display:flex;flex-direction:column;gap:20px}.form-group[data-v-88651a90]{display:flex;flex-direction:column;gap:8px}.form-label[data-v-88651a90]{font-size:14px;font-weight:500;color:#333}.form-input[data-v-88651a90],.form-select[data-v-88651a90]{padding:10px 16px;border:1px solid #d9d9d9;border-radius:6px;font-size:14px;transition:border-color .3s}.form-input[data-v-88651a90]:focus,.form-select[data-v-88651a90]:focus{outline:none;border-color:#1890ff}.form-input[data-v-88651a90]:disabled{background:#f5f5f5;cursor:not-allowed}.role-permission-edit[data-v-88651a90]{display:flex;flex-direction:column;gap:20px}.available-permissions h4[data-v-88651a90]{margin:0 0 16px;font-size:16px;font-weight:600;color:#333}.permission-checkbox-list[data-v-88651a90]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}.permission-checkbox[data-v-88651a90]{display:flex;align-items:flex-start;gap:12px;padding:12px;border:1px solid #e8e8e8;border-radius:6px;cursor:pointer;transition:all .3s}.permission-checkbox[data-v-88651a90]:hover{background:#f5f5f5;border-color:#1890ff}.permission-checkbox input[type=checkbox][data-v-88651a90]{margin-top:2px;cursor:pointer}.checkbox-label[data-v-88651a90]{display:flex;flex-direction:column;gap:4px;flex:1}@media (max-width: 768px){.page-header[data-v-88651a90]{flex-direction:column;align-items:flex-start;gap:16px}.page-title[data-v-88651a90]{font-size:20px}.btn-primary[data-v-88651a90]{width:100%;justify-content:center}.filter-bar[data-v-88651a90]{flex-direction:column}.filter-group[data-v-88651a90]{min-width:100%}.card-header[data-v-88651a90]{flex-wrap:nowrap}.title-left[data-v-88651a90]{flex:1;min-width:0}.view-toggle[data-v-88651a90]{flex-shrink:0;margin-left:auto}.view-toggle-btn[data-v-88651a90]{width:32px;height:32px}.toggle-icon[data-v-88651a90]{width:14px;height:14px}.user-cards[data-v-88651a90]{grid-template-columns:1fr;gap:12px}.user-card[data-v-88651a90]{padding:12px}.user-card-header[data-v-88651a90]{flex-direction:row;align-items:center;gap:12px}.user-card-avatar[data-v-88651a90]{width:40px;height:40px;font-size:18px}.user-card-item[data-v-88651a90]{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:12px;padding:4px 0}.user-card-label[data-v-88651a90]{min-width:80px;font-size:14px}.user-card-value[data-v-88651a90]{margin-left:0;text-align:right;flex:1}.user-card-footer[data-v-88651a90]{flex-direction:column;gap:8px}.user-card-footer .btn-small[data-v-88651a90]{width:100%}.user-table-container[data-v-88651a90]{overflow-x:scroll}.user-table[data-v-88651a90]{min-width:800px}.pagination[data-v-88651a90]{flex-direction:column;align-items:stretch}.pagination-info[data-v-88651a90]{text-align:center}.pagination-controls[data-v-88651a90]{justify-content:center}.permission-list[data-v-88651a90],.permission-checkbox-list[data-v-88651a90]{grid-template-columns:1fr}.modal-content[data-v-88651a90]{width:95%;max-width:none;margin:10px;max-height:85vh}.modal-header[data-v-88651a90]{padding:16px}.modal-title[data-v-88651a90]{font-size:16px}.modal-body[data-v-88651a90]{padding:16px}.modal-footer[data-v-88651a90]{padding:12px 16px;flex-direction:column}.btn-cancel[data-v-88651a90],.btn-confirm[data-v-88651a90]{width:100%}}