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-ab14d0ef]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);background-size:400% 400%;animation:gradientShift-ab14d0ef 15s ease infinite;padding:20px;position:relative;overflow:hidden}.login-container[data-v-ab14d0ef]: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-ab14d0ef 20s linear infinite;pointer-events:none}@keyframes gradientShift-ab14d0ef{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes float-ab14d0ef{0%{transform:translate(0) rotate(0)}to{transform:translate(-50px,-50px) rotate(360deg)}}.language-select-login[data-v-ab14d0ef]{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-ab14d0ef]:hover{border-color:#1890ff;box-shadow:0 2px 8px #1890ff26;transform:translateY(-1px)}.language-select-login[data-v-ab14d0ef]:focus{outline:none;border-color:#1890ff;box-shadow:0 0 0 4px #1890ff1a,0 4px 12px #00000014}.language-select-login option[data-v-ab14d0ef]{background:#fff;color:#333;padding:12px 16px;font-size:14px;font-weight:500;border:none}.login-box[data-v-ab14d0ef]{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-ab14d0ef .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-ab14d0ef]:hover{transform:translateY(-2px);box-shadow:0 25px 70px #00000059,0 0 0 1px #ffffff1a}@keyframes slideUp-ab14d0ef{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-header[data-v-ab14d0ef]{text-align:center;margin-bottom:40px}.login-title-wrapper[data-v-ab14d0ef]{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:12px}.login-logo[data-v-ab14d0ef]{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-ab14d0ef]:hover{transform:scale(1.05) rotate(5deg);box-shadow:0 6px 16px #1890ff66}.login-logo svg[data-v-ab14d0ef]{width:100%;height:100%;filter:brightness(0) invert(1)}.login-header h1[data-v-ab14d0ef]{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-ab14d0ef]{color:#666;font-size:15px;margin-top:8px;font-weight:400}.login-form[data-v-ab14d0ef]{width:100%}.error-message[data-v-ab14d0ef]{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-ab14d0ef .5s ease}.error-icon[data-v-ab14d0ef]{width:20px;height:20px;flex-shrink:0}@keyframes shake-ab14d0ef{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-ab14d0ef],.fade-leave-active[data-v-ab14d0ef]{transition:opacity .3s ease,transform .3s ease}.fade-enter-from[data-v-ab14d0ef],.fade-leave-to[data-v-ab14d0ef]{opacity:0;transform:translateY(-10px)}.form-group[data-v-ab14d0ef]{margin-bottom:24px}.form-group label[data-v-ab14d0ef]{display:block;margin-bottom:10px;color:#333;font-size:14px;font-weight:600;letter-spacing:.2px}.input-wrapper[data-v-ab14d0ef]{position:relative;display:flex;align-items:center}.input-icon[data-v-ab14d0ef]{position:absolute;left:16px;width:20px;height:20px;color:#999;z-index:1;transition:color .3s ease;pointer-events:none}.form-input[data-v-ab14d0ef]{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-ab14d0ef]{padding-right:48px}.form-input[data-v-ab14d0ef]::placeholder{color:#bbb}.form-input[data-v-ab14d0ef]: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-ab14d0ef],.input-wrapper:has(.form-input:focus) .input-icon[data-v-ab14d0ef]{color:#1890ff}.password-toggle[data-v-ab14d0ef]{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-ab14d0ef]:hover{color:#1890ff;transform:scale(1.1)}.password-toggle[data-v-ab14d0ef]:active{transform:scale(.95)}.password-toggle svg[data-v-ab14d0ef]{width:20px;height:20px}.form-options[data-v-ab14d0ef]{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.remember-me[data-v-ab14d0ef]{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-ab14d0ef]:hover{color:#333}.remember-me input[type=checkbox][data-v-ab14d0ef]{width:18px;height:18px;cursor:pointer;accent-color:#1890ff;border-radius:4px;transition:transform .2s ease}.remember-me input[type=checkbox][data-v-ab14d0ef]:hover{transform:scale(1.1)}.remember-me input[type=checkbox][data-v-ab14d0ef]:checked{transform:scale(1.05)}.login-btn[data-v-ab14d0ef]{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-ab14d0ef]: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-ab14d0ef]:hover:not(:disabled):before{left:100%}.login-btn[data-v-ab14d0ef]:hover:not(:disabled){background:linear-gradient(135deg,#40a9ff,#1890ff);transform:translateY(-2px);box-shadow:0 6px 20px #1890ff66}.login-btn[data-v-ab14d0ef]:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #1890ff4d}.login-btn[data-v-ab14d0ef]:disabled{background:#d9d9d9;cursor:not-allowed;box-shadow:none;transform:none}.btn-loader[data-v-ab14d0ef]{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-ab14d0ef .8s linear infinite}@keyframes spin-ab14d0ef{to{transform:rotate(360deg)}}.btn-text[data-v-ab14d0ef]{position:relative;z-index:1}@media (max-width: 768px){.login-container[data-v-ab14d0ef]{padding:16px;transform:translateZ(0);-webkit-transform:translateZ(0)}.login-container[data-v-ab14d0ef]:before{animation:none;opacity:.3}.login-container[data-v-ab14d0ef]{background:linear-gradient(135deg,#667eea,#764ba2);background-size:100% 100%;animation:none}.login-box[data-v-ab14d0ef]{-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-ab14d0ef],.login-header p[data-v-ab14d0ef],.form-group label[data-v-ab14d0ef],.form-input[data-v-ab14d0ef],.remember-me[data-v-ab14d0ef],.language-select-login[data-v-ab14d0ef],.login-btn[data-v-ab14d0ef],.error-message[data-v-ab14d0ef]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;transform:translateZ(0);-webkit-transform:translateZ(0)}.login-header[data-v-ab14d0ef]{margin-bottom:32px}.login-title-wrapper[data-v-ab14d0ef]{gap:10px}.login-logo[data-v-ab14d0ef]{width:40px;height:40px;border-radius:10px}.login-header h1[data-v-ab14d0ef]{font-size:28px;font-weight:700;-webkit-text-size-adjust:100%}.login-header p[data-v-ab14d0ef]{font-size:15px;-webkit-text-size-adjust:100%}.form-group[data-v-ab14d0ef]{margin-bottom:20px}.form-group label[data-v-ab14d0ef]{font-size:14px;margin-bottom:8px;font-weight:600}.form-input[data-v-ab14d0ef]{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-ab14d0ef]{left:14px;width:18px;height:18px}.password-toggle[data-v-ab14d0ef]{right:14px}.password-toggle svg[data-v-ab14d0ef]{width:18px;height:18px}.form-options[data-v-ab14d0ef]{flex-wrap:nowrap;gap:8px;margin-bottom:24px;justify-content:space-between}.remember-me[data-v-ab14d0ef]{font-size:14px;flex-shrink:1;white-space:nowrap;min-width:0}.remember-me span[data-v-ab14d0ef]{display:inline-block}.language-select-login[data-v-ab14d0ef]{padding:8px 28px 8px 10px;font-size:14px;flex-shrink:0;width:auto;min-width:90px;max-width:130px}.login-btn[data-v-ab14d0ef]{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-ab14d0ef]{padding:12px 14px;font-size:14px}.input-wrapper[data-v-ab14d0ef],.password-toggle[data-v-ab14d0ef],.language-select-login[data-v-ab14d0ef]{transform:translateZ(0);-webkit-transform:translateZ(0)}[data-v-ab14d0ef]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}.top-header[data-v-b158cccd]{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-b158cccd]{display:flex;align-items:center;gap:12px}.menu-toggle[data-v-b158cccd]{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-b158cccd]{display:none;align-items:center;gap:10px}.show-mobile-only[data-v-b158cccd]{display:flex}.logo-icon[data-v-b158cccd]{width:32px;height:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.logo-icon svg[data-v-b158cccd]{width:100%;height:100%}.logo h2[data-v-b158cccd]{margin:0;font-size:18px;font-weight:600;color:#1890ff;white-space:nowrap}.header-right[data-v-b158cccd]{display:flex;align-items:center;flex-shrink:0;margin-left:8px}.header-actions[data-v-b158cccd]{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex-shrink:0}.header-link[data-v-b158cccd]{color:#333;text-decoration:none;font-size:14px;transition:color .3s;white-space:nowrap}.header-link[data-v-b158cccd]:hover{color:#1890ff}.divider[data-v-b158cccd]{color:#e8e8e8;margin:0 4px;transition:color .3s}.user-info[data-v-b158cccd]{display:flex;align-items:center;gap:12px;padding:4px 8px;border-radius:8px;transition:background .3s}.user-info[data-v-b158cccd]:hover{background:#f5f5f5}.user-avatar[data-v-b158cccd]{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-b158cccd]:hover{transform:scale(1.05);box-shadow:0 4px 8px #1890ff4d}.avatar-text[data-v-b158cccd]{color:#fff;font-size:16px;font-weight:600;line-height:1}.username[data-v-b158cccd]{color:#333;font-size:14px;font-weight:500;transition:color .3s;white-space:nowrap}.logout-btn[data-v-b158cccd]{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-b158cccd]:hover{background:linear-gradient(135deg,#ff7875,#ff9c9e);box-shadow:0 4px 8px #ff4d4f4d;transform:translateY(-1px)}.logout-btn[data-v-b158cccd]:active{transform:translateY(0);box-shadow:0 2px 4px #ff4d4f33}.logout-icon[data-v-b158cccd]{font-size:16px;line-height:1}.logout-text[data-v-b158cccd]{line-height:1}@media (max-width: 768px){.top-header[data-v-b158cccd]{padding:0 12px;height:56px}.hide-mobile[data-v-b158cccd]{display:none}.header-left[data-v-b158cccd]{gap:8px;flex:1;min-width:0}.logo[data-v-b158cccd]{flex:1;min-width:0;overflow:hidden;gap:6px}.logo-icon[data-v-b158cccd]{width:24px;height:24px;flex-shrink:0}.logo h2[data-v-b158cccd]{display:none}.header-right[data-v-b158cccd]{flex-shrink:0}.header-actions[data-v-b158cccd]{gap:6px;flex-wrap:nowrap}.language-selector[data-v-b158cccd]{flex-shrink:0}.language-select[data-v-b158cccd]{padding:4px 8px;font-size:12px;min-width:60px}.user-info[data-v-b158cccd]{gap:6px;padding:2px 4px;flex-shrink:0}.user-avatar[data-v-b158cccd]{width:28px;height:28px;flex-shrink:0}.avatar-text[data-v-b158cccd]{font-size:12px}.logout-btn[data-v-b158cccd]{padding:6px 10px;gap:4px;font-size:12px;flex-shrink:0}.logout-icon[data-v-b158cccd]{font-size:12px}.logout-text[data-v-b158cccd]{display:none}}.balance-info[data-v-b158cccd]{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#f0f9ff;border-radius:4px;border:1px solid #d9f0ff}.balance-label[data-v-b158cccd]{color:#666;font-size:14px}.balance-value[data-v-b158cccd]{color:#1890ff;font-weight:600;font-size:16px}.recharge-btn[data-v-b158cccd]{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-b158cccd]:hover{background:#40a9ff;transform:translateY(-1px);box-shadow:0 2px 8px #1890ff4d}@media (min-width: 769px){.show-mobile-only[data-v-b158cccd]{display:none!important}}.sidebar[data-v-bd6e5da5]{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-bd6e5da5]{width:80px}.sidebar-header[data-v-bd6e5da5]{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-bd6e5da5]{display:flex;align-items:center;gap:10px;flex:1;overflow:hidden}.sidebar-logo .logo-icon[data-v-bd6e5da5]{width:32px;height:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.sidebar-logo .logo-icon svg[data-v-bd6e5da5]{width:100%;height:100%}.sidebar-title[data-v-bd6e5da5]{margin:0;font-size:18px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-menu[data-v-bd6e5da5]{flex:1;padding:16px 0;overflow-y:auto}.menu-item[data-v-bd6e5da5]{display:flex;align-items:center;padding:12px 24px;color:#ffffffa6;cursor:pointer;transition:all .3s;position:relative}.menu-item[data-v-bd6e5da5]:hover{background:#ffffff14;color:#fff}.menu-item.active[data-v-bd6e5da5]{background:#1890ff;color:#fff}.menu-item.active[data-v-bd6e5da5]:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#fff}.menu-item.disabled[data-v-bd6e5da5]{opacity:.5;cursor:not-allowed;pointer-events:none}.menu-item.disabled[data-v-bd6e5da5]:hover{background:transparent}.menu-icon[data-v-bd6e5da5]{font-size:18px;margin-right:12px;min-width:18px;flex-shrink:0}.sidebar.collapsed .menu-text[data-v-bd6e5da5]{display:none}.sidebar.collapsed .menu-icon[data-v-bd6e5da5]{margin-right:0}.sidebar.collapsed .menu-item[data-v-bd6e5da5]{justify-content:center;padding:12px}.sidebar.collapsed .sidebar-logo[data-v-bd6e5da5]{display:none}.sidebar.collapsed .collapse-btn[data-v-bd6e5da5]{margin:0 auto}.menu-text[data-v-bd6e5da5]{font-size:14px;white-space:nowrap}.sidebar-footer[data-v-bd6e5da5]{padding:16px;border-top:1px solid rgba(255,255,255,.1);flex-shrink:0}.footer-actions[data-v-bd6e5da5]{display:flex;flex-direction:column;gap:8px}.collapse-btn[data-v-bd6e5da5]{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-bd6e5da5]:hover{background:#fff3;color:#fff}.collapse-icon[data-v-bd6e5da5]{font-size:16px;line-height:1;transition:transform .3s}.notification-btn[data-v-bd6e5da5]{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-bd6e5da5]:hover{background:#fff3;color:#fff}.language-selector-footer[data-v-bd6e5da5]{margin-top:8px}.language-select-footer[data-v-bd6e5da5]{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-bd6e5da5]:hover{background-color:#ffffff26;border-color:#ffffff4d}.language-select-footer[data-v-bd6e5da5]:focus{outline:none;border-color:#fff6;background-color:#ffffff26;box-shadow:0 0 0 2px #ffffff1a}.language-select-footer option[data-v-bd6e5da5]{background:#001529;color:#fff;padding:10px 12px;font-size:14px;font-weight:500;border:none}.language-select-footer option[data-v-bd6e5da5]:hover,.language-select-footer option[data-v-bd6e5da5]:focus{background:#1890ff;color:#fff}.language-select-footer option[data-v-bd6e5da5]:checked{background:#1890ff;color:#fff}.notification-icon[data-v-bd6e5da5]{font-size:14px}.notification-text[data-v-bd6e5da5]{white-space:nowrap}.sidebar.collapsed .notification-text[data-v-bd6e5da5]{display:none}.sidebar[data-v-bd6e5da5]::-webkit-scrollbar{width:6px}.sidebar[data-v-bd6e5da5]::-webkit-scrollbar-track{background:#001529}.sidebar[data-v-bd6e5da5]::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.sidebar[data-v-bd6e5da5]::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media (max-width: 768px){.sidebar[data-v-bd6e5da5]{width:240px;transform:translate(-100%)}.sidebar.mobile-open[data-v-bd6e5da5]{transform:translate(0)}.hide-mobile[data-v-bd6e5da5],.sidebar-logo[data-v-bd6e5da5]{display:none}}@media (min-width: 769px){.sidebar[data-v-bd6e5da5]{transform:translate(0)!important}}.notification-modal-overlay[data-v-bd6e5da5]{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-bd6e5da5 .3s ease}@keyframes fadeIn-bd6e5da5{0%{opacity:0}to{opacity:1}}.notification-modal-content[data-v-bd6e5da5]{background:#fff;border-radius:8px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #00000026;animation:slideUp-bd6e5da5 .3s ease;display:flex;flex-direction:column}@keyframes slideUp-bd6e5da5{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.notification-modal-header[data-v-bd6e5da5]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #f0f0f0}.notification-modal-title[data-v-bd6e5da5]{margin:0;font-size:18px;font-weight:600;color:#333}.notification-modal-close[data-v-bd6e5da5]{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-bd6e5da5]:hover{background:#f0f0f0;color:#333}.notification-modal-body[data-v-bd6e5da5]{padding:24px;flex:1;overflow-y:auto}.telegram-input-section[data-v-bd6e5da5]{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #f0f0f0}.telegram-label[data-v-bd6e5da5]{display:block;margin-bottom:8px;color:#333;font-size:14px;font-weight:500}.telegram-input-wrapper[data-v-bd6e5da5]{display:flex;gap:8px;align-items:stretch}.telegram-input[data-v-bd6e5da5]{flex:1;padding:10px 16px;border:1px solid #d9d9d9;border-radius:6px;font-size:14px;transition:border-color .3s}.telegram-input[data-v-bd6e5da5]:focus{outline:none;border-color:#1890ff}.telegram-input[data-v-bd6e5da5]:disabled{background:#f5f5f5;cursor:not-allowed}.test-notification-btn[data-v-bd6e5da5]{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-bd6e5da5]:hover:not(:disabled){background:#73d13d}.test-notification-btn[data-v-bd6e5da5]:disabled{background:#d9d9d9;cursor:not-allowed;color:#999}.notification-options[data-v-bd6e5da5]{display:flex;flex-direction:column;gap:20px}.notification-card[data-v-bd6e5da5]{background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef;overflow:hidden;transition:box-shadow .3s}.notification-card[data-v-bd6e5da5]:hover{box-shadow:0 2px 8px #00000014}.notification-card-header[data-v-bd6e5da5]{padding:12px 16px;background:#fff;border-bottom:1px solid #e9ecef}.notification-card-title[data-v-bd6e5da5]{margin:0;font-size:15px;font-weight:600;color:#333}.notification-card-body[data-v-bd6e5da5]{padding:12px 16px;display:flex;flex-direction:column;gap:0}.notification-option[data-v-bd6e5da5]{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #e9ecef}.notification-option[data-v-bd6e5da5]:last-child{border-bottom:none}.notification-card-body .notification-option[data-v-bd6e5da5]:last-child{border-bottom:none}.option-info[data-v-bd6e5da5]{flex:1;margin-right:16px}.option-title[data-v-bd6e5da5]{font-size:15px;font-weight:500;color:#333;margin-bottom:4px}.option-desc[data-v-bd6e5da5]{font-size:13px;color:#999}.switch[data-v-bd6e5da5]{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.switch input[data-v-bd6e5da5]{opacity:0;width:0;height:0}.slider[data-v-bd6e5da5]{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.3s;border-radius:24px}.slider[data-v-bd6e5da5]: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-bd6e5da5]{background-color:#1890ff}input:checked+.slider[data-v-bd6e5da5]:before{transform:translate(20px)}.notification-modal-footer[data-v-bd6e5da5]{padding:16px 24px;border-top:1px solid #f0f0f0;display:flex;justify-content:flex-end;gap:12px}.notification-btn-cancel[data-v-bd6e5da5]{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-bd6e5da5]:hover{background:#e0e0e0}.notification-btn-save[data-v-bd6e5da5]{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-bd6e5da5]:hover{background:#40a9ff}@media (max-width: 768px){.notification-modal-content[data-v-bd6e5da5]{width:95%;max-width:none;margin:10px;max-height:85vh}.notification-modal-header[data-v-bd6e5da5]{padding:16px}.notification-modal-title[data-v-bd6e5da5]{font-size:16px}.notification-modal-body[data-v-bd6e5da5]{padding:16px}.telegram-input-wrapper[data-v-bd6e5da5]{flex-direction:column}.test-notification-btn[data-v-bd6e5da5]{width:100%}.notification-option[data-v-bd6e5da5]{flex-direction:column;align-items:flex-start;gap:12px}.notification-modal-footer[data-v-bd6e5da5]{padding:12px 16px;flex-direction:column}.notification-btn-cancel[data-v-bd6e5da5],.notification-btn-save[data-v-bd6e5da5]{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-ac611bf2]{padding:0}.dashboard-title[data-v-ac611bf2]{font-size:24px;font-weight:600;color:#333;margin-bottom:24px}.stats-grid[data-v-ac611bf2]{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:24px}.stat-card[data-v-ac611bf2]{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-ac611bf2]:hover{box-shadow:0 4px 12px #0000001a}.stat-icon[data-v-ac611bf2]{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-ac611bf2]{flex:1;min-width:0}.stat-header[data-v-ac611bf2]{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.stat-label[data-v-ac611bf2]{font-size:13px;color:#666;line-height:1.4;flex-shrink:0}.stat-card-with-detail .stat-label[data-v-ac611bf2],.stat-card-traffic .stat-label[data-v-ac611bf2],.stat-card-payment .stat-label[data-v-ac611bf2]{font-size:16px;font-weight:600;color:#333}.stat-value[data-v-ac611bf2]{font-size:28px;font-weight:600;color:#333;line-height:1.2;flex-shrink:0}.stat-card-with-detail[data-v-ac611bf2]{flex-direction:column;align-items:stretch;gap:12px;justify-content:space-between}.stat-left[data-v-ac611bf2]{display:flex;align-items:center;gap:12px;width:100%}.stat-card-with-detail .stat-left[data-v-ac611bf2]{flex-shrink:0}.stat-detail[data-v-ac611bf2]{display:flex;flex-direction:row;gap:12px;padding:0;background:transparent;border:none;margin:0;align-items:center}.stat-detail-vertical[data-v-ac611bf2]{flex-direction:column;gap:10px;align-items:stretch;margin-top:0;flex:1;justify-content:space-between}.stat-detail-vertical .detail-item[data-v-ac611bf2]{width:100%;justify-content:space-between}.detail-item[data-v-ac611bf2]{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-ac611bf2]:hover{background:#f0f0f0;border-color:#d9d9d9;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.stat-detail-vertical .detail-item[data-v-ac611bf2]{flex:1;min-height:60px}.detail-item.has-sub-items[data-v-ac611bf2]{flex-direction:row;align-items:center;gap:16px;padding:14px 12px;justify-content:space-between}.detail-item-left[data-v-ac611bf2]{display:flex;flex-direction:column;gap:8px;flex:1}.detail-item-header[data-v-ac611bf2]{display:flex;align-items:center}.detail-item-right[data-v-ac611bf2]{display:flex;align-items:center;justify-content:center;flex-shrink:0}.detail-value-large[data-v-ac611bf2]{color:#1890ff;font-weight:600;font-size:32px;line-height:1}.detail-sub-items[data-v-ac611bf2]{display:flex;gap:12px;margin-top:4px;padding-left:8px;padding-top:4px}.detail-sub-item[data-v-ac611bf2]{display:flex;align-items:center;gap:6px;font-size:13px;padding:2px 0}.detail-sub-label[data-v-ac611bf2]{color:#666;font-weight:500}.detail-sub-value[data-v-ac611bf2]{color:#1890ff;font-weight:500;font-size:14px}.detail-item.clickable[data-v-ac611bf2]{cursor:pointer;transition:all .3s ease}.detail-item.clickable[data-v-ac611bf2]:hover{background:#f0f0f0;border-color:#d9d9d9;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.detail-label[data-v-ac611bf2]{color:#333;font-size:14px;font-weight:600}.detail-value[data-v-ac611bf2]{color:#666;font-weight:500;font-size:18px}.stat-card-traffic[data-v-ac611bf2]{flex-direction:column;align-items:stretch;gap:12px;justify-content:space-between}.stat-card-traffic .stat-left[data-v-ac611bf2]{width:100%;flex-shrink:0}.traffic-container-compact[data-v-ac611bf2]{display:flex;flex-direction:column;gap:12px;margin-top:0;flex:1;justify-content:space-between}.traffic-item-compact[data-v-ac611bf2]{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-ac611bf2]:hover{background:#f0f0f0;border-color:#d9d9d9;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.traffic-header-compact[data-v-ac611bf2]{display:flex;justify-content:space-between;align-items:center;gap:8px}.traffic-label-compact[data-v-ac611bf2]{font-size:14px;font-weight:600;color:#333}.traffic-amount-compact[data-v-ac611bf2]{font-size:13px;color:#666;font-weight:500}.progress-bar-compact[data-v-ac611bf2]{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-ac611bf2]{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-ac611bf2]{background:linear-gradient(90deg,#ff4d4f,#ff7875);box-shadow:0 1px 3px #ff4d4f4d}.traffic-info-compact[data-v-ac611bf2]{display:flex;align-items:center;font-size:13px;padding-top:2px}.traffic-remaining-compact[data-v-ac611bf2]{color:#1890ff;font-weight:500}.stat-card-messages[data-v-ac611bf2]{flex-direction:column;align-items:stretch;gap:12px}.stat-card-messages .stat-left[data-v-ac611bf2]{width:100%}.stat-card-messages .messages-list[data-v-ac611bf2]{max-height:140px;gap:6px;margin-top:0}.message-item[data-v-ac611bf2]{padding:6px 8px;font-size:11px}.message-icon[data-v-ac611bf2]{font-size:12px}.message-time[data-v-ac611bf2]{font-size:10px}.messages-header[data-v-ac611bf2]{margin-bottom:12px}.messages-header .stat-label[data-v-ac611bf2]{font-size:14px;color:#666;margin:0}.messages-list[data-v-ac611bf2]{max-height:120px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding-right:4px}.messages-list[data-v-ac611bf2]::-webkit-scrollbar{width:4px}.messages-list[data-v-ac611bf2]::-webkit-scrollbar-track{background:#f0f0f0;border-radius:2px}.messages-list[data-v-ac611bf2]::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:2px}.messages-list[data-v-ac611bf2]::-webkit-scrollbar-thumb:hover{background:#bfbfbf}.message-item[data-v-ac611bf2]{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-ac611bf2]{background:#f0f9ff;border-left-color:#1890ff;font-weight:500}.message-item.recharge[data-v-ac611bf2]{border-left-color:#52c41a}.message-item.purchase[data-v-ac611bf2]{border-left-color:#1890ff}.message-item.renew[data-v-ac611bf2]{border-left-color:#722ed1}.message-item.expire[data-v-ac611bf2]{border-left-color:#faad14}.message-item.deduction[data-v-ac611bf2]{border-left-color:#ff4d4f}.message-item.traffic[data-v-ac611bf2]{border-left-color:#13c2c2}.message-icon[data-v-ac611bf2]{font-size:14px;flex-shrink:0}.message-text[data-v-ac611bf2]{flex:1;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-item.unread .message-text[data-v-ac611bf2]{color:#1890ff;font-weight:500}.message-time[data-v-ac611bf2]{color:#999;font-size:11px;flex-shrink:0;white-space:nowrap}.pay-btn[data-v-ac611bf2]{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-ac611bf2]:hover{background:#40a9ff;transform:translateY(-1px);box-shadow:0 2px 8px #1890ff4d}.card-section[data-v-ac611bf2]{margin-bottom:24px}.card-section-grid[data-v-ac611bf2]{display:grid;grid-template-columns:2fr 1fr;gap:24px}.stat-card-messages-card[data-v-ac611bf2]{display:flex;flex-direction:column}.stat-card-messages-card .messages-list[data-v-ac611bf2]{max-height:none;flex:1;overflow-y:auto}.recent-traffic-section[data-v-ac611bf2]{margin-top:32px;padding-top:32px;border-top:1px solid #f0f0f0}.section-title[data-v-ac611bf2]{font-size:16px;font-weight:600;color:#333;margin:0 0 16px}.daily-traffic-table[data-v-ac611bf2]{width:100%;overflow-x:auto}.traffic-table[data-v-ac611bf2]{width:100%;border-collapse:collapse;font-size:14px}.traffic-table thead[data-v-ac611bf2]{background:#f5f5f5}.traffic-table th[data-v-ac611bf2]{padding:8px 12px;text-align:left;font-weight:600;color:#333;border-bottom:2px solid #e0e0e0;white-space:nowrap}.traffic-table td[data-v-ac611bf2]{padding:8px 12px;border-bottom:1px solid #f0f0f0;color:#666}.traffic-table tbody tr[data-v-ac611bf2]:hover{background:#f9f9f9}.traffic-table tbody tr:last-child td[data-v-ac611bf2]{border-bottom:none}.traffic-cards[data-v-ac611bf2]{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.traffic-card[data-v-ac611bf2]{background:#fff;border:1px solid #f0f0f0;border-radius:8px;padding:16px;transition:all .3s}.traffic-card[data-v-ac611bf2]:hover{box-shadow:0 2px 8px #0000001a;border-color:#d9d9d9}.traffic-card-header[data-v-ac611bf2]{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-ac611bf2]{font-size:16px;font-weight:600;color:#333}.traffic-card-total[data-v-ac611bf2]{font-size:18px;font-weight:600;color:#1890ff}.traffic-card-body[data-v-ac611bf2]{display:flex;flex-direction:column;gap:10px}.traffic-card-item[data-v-ac611bf2]{display:flex;justify-content:space-between;align-items:flex-start;font-size:14px}.traffic-card-label[data-v-ac611bf2]{color:#999;font-weight:500;flex-shrink:0;min-width:120px}.traffic-card-value[data-v-ac611bf2]{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-ac611bf2]{font-size:13px;color:#666}.amount-value[data-v-ac611bf2]{font-size:14px;color:#333;font-weight:500}.total-value[data-v-ac611bf2]{font-size:16px;font-weight:600;color:#1890ff}.date-cell[data-v-ac611bf2]{font-weight:500;color:#333;white-space:nowrap}.data-cell[data-v-ac611bf2]{min-width:150px}.traffic-data[data-v-ac611bf2]{display:flex;flex-direction:row;align-items:center;gap:6px}.data-traffic[data-v-ac611bf2]{color:#333;font-weight:500}.data-separator[data-v-ac611bf2]{color:#999;margin:0 2px}.data-amount[data-v-ac611bf2]{color:#1890ff;font-size:13px}.total-amount[data-v-ac611bf2]{font-weight:600;font-size:14px}.card[data-v-ac611bf2]{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000f;overflow:hidden}.card-header[data-v-ac611bf2]{padding:16px 20px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center;gap:12px}.title-left[data-v-ac611bf2]{display:flex;align-items:center;gap:12px;flex:1}.card-header h3[data-v-ac611bf2]{margin:0;font-size:16px;font-weight:600;color:#333;display:flex;align-items:center;gap:12px}.view-toggle[data-v-ac611bf2]{display:flex;gap:4px;flex-shrink:0}.view-toggle-btn[data-v-ac611bf2]{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-ac611bf2]:hover{border-color:#1890ff;color:#1890ff}.view-toggle-btn.active[data-v-ac611bf2]{background:#1890ff;border-color:#1890ff;color:#fff}.toggle-icon[data-v-ac611bf2]{width:16px;height:16px}.server-count-badge[data-v-ac611bf2]{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-ac611bf2]{background:none;border:none;color:#1890ff;cursor:pointer;font-size:14px;padding:0}.btn-link[data-v-ac611bf2]:hover{color:#40a9ff}.card-body[data-v-ac611bf2]{padding:20px}.todo-item[data-v-ac611bf2]{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f0f0f0}.todo-item[data-v-ac611bf2]:last-child{border-bottom:none}.todo-label[data-v-ac611bf2]{font-size:14px;color:#666}.todo-value[data-v-ac611bf2]{font-size:18px;font-weight:600;color:#333}.todo-value.warning[data-v-ac611bf2]{color:#ff4d4f}.traffic-container[data-v-ac611bf2]{display:grid;grid-template-columns:1fr 1fr;gap:16px}.traffic-card[data-v-ac611bf2]{background:#f8f9fa;border-radius:8px;padding:20px;border:1px solid #e8e8e8}.traffic-item[data-v-ac611bf2]{display:flex;flex-direction:column;gap:12px}.traffic-header[data-v-ac611bf2]{display:flex;justify-content:space-between;align-items:center}.traffic-header-right[data-v-ac611bf2]{display:flex;align-items:center;gap:12px}.traffic-label[data-v-ac611bf2]{font-size:15px;font-weight:600;color:#333}.traffic-amount[data-v-ac611bf2]{font-size:14px;color:#666;font-weight:500}.recharge-btn[data-v-ac611bf2]{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-ac611bf2]:hover{background:#40a9ff;transform:translateY(-1px);box-shadow:0 2px 8px #1890ff4d}.progress-bar[data-v-ac611bf2]{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-ac611bf2]{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-ac611bf2]: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-ac611bf2]{background:linear-gradient(90deg,#ff4d4f,#ff7875);box-shadow:0 2px 4px #ff4d4f4d}.traffic-info[data-v-ac611bf2]{display:flex;flex-direction:row;align-items:center;gap:8px;font-size:13px}.traffic-total[data-v-ac611bf2]{color:#666}.traffic-separator[data-v-ac611bf2]{color:#999;margin:0 4px}.traffic-remaining[data-v-ac611bf2]{color:#1890ff;font-weight:500}.service-grid[data-v-ac611bf2]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.service-item[data-v-ac611bf2]{text-align:center;padding:16px;background:#f9f9f9;border-radius:8px}.service-name[data-v-ac611bf2]{font-size:14px;color:#666;margin-bottom:8px}.service-count[data-v-ac611bf2]{font-size:24px;font-weight:600;color:#1890ff}.ranking-grid[data-v-ac611bf2]{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.ranking-list[data-v-ac611bf2]{display:flex;flex-direction:column;gap:10px}.ranking-item[data-v-ac611bf2]{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#f9f9f9;border-radius:6px;transition:background .3s}.ranking-item[data-v-ac611bf2]:hover{background:#f0f0f0}.ranking-number[data-v-ac611bf2]{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-ac611bf2]{background:linear-gradient(135deg,gold,#ffed4e);color:#fff;font-weight:700}.ranking-number.top2[data-v-ac611bf2]{background:linear-gradient(135deg,silver,#e0e0e0);color:#fff;font-weight:700}.ranking-number.top3[data-v-ac611bf2]{background:linear-gradient(135deg,#cd7f32,#e6a05c);color:#fff;font-weight:700}.ranking-content[data-v-ac611bf2]{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.ranking-content>div[data-v-ac611bf2]:last-child{align-self:flex-end;margin-top:auto}.ranking-name[data-v-ac611bf2]{font-size:13px;color:#333;font-weight:500}.ranking-ip[data-v-ac611bf2]{font-size:11px;color:#999;font-weight:400;margin-top:2px}.ranking-traffic[data-v-ac611bf2]{font-size:12px;color:#666;font-weight:500}.empty-ranking[data-v-ac611bf2]{text-align:center;padding:20px;color:#999;font-size:14px}.ranking-card[data-v-ac611bf2]{display:flex;flex-direction:column}.ranking-card-body[data-v-ac611bf2]{padding:16px 20px;flex:1;display:flex;flex-direction:column}.ranking-card-body .ranking-list[data-v-ac611bf2]{flex:1;min-height:0}.resource-table[data-v-ac611bf2]{width:100%;border-collapse:collapse}.resource-table thead[data-v-ac611bf2]{background:#fafafa}.resource-table th[data-v-ac611bf2]{padding:12px;text-align:left;font-size:14px;font-weight:600;color:#333;border-bottom:1px solid #f0f0f0}.resource-table td[data-v-ac611bf2]{padding:12px;font-size:14px;color:#666;border-bottom:1px solid #f0f0f0}.resource-table tbody tr[data-v-ac611bf2]:hover{background:#fafafa}.status-badge[data-v-ac611bf2]{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px}.status-badge.active[data-v-ac611bf2]{background:#f6ffed;color:#52c41a;border:1px solid #b7eb8f}.btn-small[data-v-ac611bf2]{padding:4px 12px;background:#1890ff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px;transition:background .3s}.btn-small[data-v-ac611bf2]:hover{background:#40a9ff}@media (max-width: 768px){.dashboard[data-v-ac611bf2]{padding:0}.dashboard-title[data-v-ac611bf2]{font-size:20px;margin-bottom:16px}.stats-grid[data-v-ac611bf2]{grid-template-columns:1fr;gap:12px;margin-bottom:16px}.stat-card[data-v-ac611bf2]{padding:16px;gap:12px}.stat-icon[data-v-ac611bf2]{font-size:28px;width:50px;height:50px}.stat-value[data-v-ac611bf2]{font-size:20px}.stat-card-with-detail[data-v-ac611bf2]{flex-direction:column;align-items:stretch}.stat-left[data-v-ac611bf2]{width:100%}.stat-detail[data-v-ac611bf2]{flex-direction:column;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid #f0f0f0}.stat-detail-vertical[data-v-ac611bf2]{flex-direction:column;gap:8px;flex:1;justify-content:space-between}.detail-item[data-v-ac611bf2]{padding:10px;width:100%;flex:1;min-height:50px}.detail-item.has-sub-items[data-v-ac611bf2]{flex-direction:row;padding:12px 10px;justify-content:space-between;align-items:center;gap:12px}.detail-item-left[data-v-ac611bf2]{flex:1;gap:6px}.detail-item-right[data-v-ac611bf2]{flex-shrink:0}.detail-value-large[data-v-ac611bf2]{font-size:24px}.detail-sub-items[data-v-ac611bf2]{flex-direction:column;gap:6px;margin-top:4px}.detail-label[data-v-ac611bf2]{font-size:12px}.detail-value[data-v-ac611bf2]{font-size:16px}.stat-header[data-v-ac611bf2]{flex-wrap:wrap;gap:8px}.stat-label[data-v-ac611bf2]{font-size:12px}.stat-card-with-detail .stat-label[data-v-ac611bf2],.stat-card-traffic .stat-label[data-v-ac611bf2],.stat-card-payment .stat-label[data-v-ac611bf2]{font-size:14px;font-weight:600;color:#333}.stat-value[data-v-ac611bf2]{font-size:24px}.stat-icon[data-v-ac611bf2]{font-size:20px;width:36px;height:36px}.pay-btn[data-v-ac611bf2]{padding:6px 16px;font-size:12px}.stat-card-traffic[data-v-ac611bf2]{gap:10px;justify-content:space-between}.traffic-container-compact[data-v-ac611bf2]{gap:10px;flex:1;justify-content:space-between}.traffic-item-compact[data-v-ac611bf2]{padding:14px 12px;gap:8px;flex:1;min-height:70px;justify-content:space-between}.traffic-label-compact[data-v-ac611bf2]{font-size:13px}.traffic-amount-compact[data-v-ac611bf2]{font-size:12px}.progress-bar-compact[data-v-ac611bf2]{height:8px}.traffic-info-compact[data-v-ac611bf2]{font-size:12px}.card-section[data-v-ac611bf2]{margin-bottom:16px}.card-section-grid[data-v-ac611bf2]{grid-template-columns:1fr;gap:16px}.card-header[data-v-ac611bf2]{padding:12px 16px;flex-wrap:nowrap;gap:8px}.title-left[data-v-ac611bf2]{flex:1;min-width:0}.view-toggle[data-v-ac611bf2]{flex-shrink:0;margin-left:auto}.view-toggle-btn[data-v-ac611bf2]{width:32px;height:32px}.toggle-icon[data-v-ac611bf2]{width:14px;height:14px}.card-header h3[data-v-ac611bf2]{font-size:14px}.traffic-cards[data-v-ac611bf2]{grid-template-columns:1fr;gap:12px}.traffic-card[data-v-ac611bf2]{padding:12px}.traffic-card-header[data-v-ac611bf2]{flex-direction:row;justify-content:space-between;align-items:center;gap:12px}.traffic-card-item[data-v-ac611bf2]{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:12px;padding:8px 0}.traffic-card-label[data-v-ac611bf2]{min-width:100px;font-size:14px}.traffic-card-value[data-v-ac611bf2]{margin-left:0;text-align:right;flex:1}.card-body[data-v-ac611bf2]{padding:16px}.ranking-card-body[data-v-ac611bf2]{padding:12px 16px}.ranking-grid[data-v-ac611bf2]{grid-template-columns:1fr;gap:16px}.ranking-item[data-v-ac611bf2]{padding:10px;gap:10px}.ranking-number[data-v-ac611bf2]{width:28px;height:28px;font-size:12px}.ranking-name[data-v-ac611bf2]{font-size:13px}.ranking-traffic[data-v-ac611bf2]{font-size:12px}.traffic-container[data-v-ac611bf2]{grid-template-columns:1fr;gap:16px}.traffic-card[data-v-ac611bf2]{padding:16px}.recent-traffic-section[data-v-ac611bf2]{margin-top:24px;padding-top:24px}.traffic-table[data-v-ac611bf2]{font-size:12px;min-width:500px}.traffic-table th[data-v-ac611bf2],.traffic-table td[data-v-ac611bf2]{padding:8px 12px}.daily-traffic-table[data-v-ac611bf2]{overflow-x:auto}.traffic-header[data-v-ac611bf2]{flex-direction:column;align-items:flex-start;gap:8px}.traffic-header-right[data-v-ac611bf2]{width:100%;justify-content:space-between;flex-wrap:wrap;gap:8px}.recharge-btn[data-v-ac611bf2]{padding:5px 12px;font-size:12px}.traffic-info[data-v-ac611bf2]{flex-direction:column;align-items:flex-start;gap:8px}.service-grid[data-v-ac611bf2]{grid-template-columns:repeat(2,1fr);gap:12px}.service-item[data-v-ac611bf2]{padding:12px}.service-count[data-v-ac611bf2]{font-size:20px}.resource-table[data-v-ac611bf2]{display:none}.resource-table-mobile[data-v-ac611bf2]{display:block}.resource-card[data-v-ac611bf2]{background:#f9f9f9;border-radius:8px;padding:12px;margin-bottom:12px}.resource-card-row[data-v-ac611bf2]{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f0f0f0}.resource-card-row[data-v-ac611bf2]:last-child{border-bottom:none}.resource-card-label[data-v-ac611bf2]{font-size:12px;color:#999}.resource-card-value[data-v-ac611bf2]{font-size:14px;color:#333;font-weight:500}}.resource-table-mobile[data-v-ac611bf2]{display:none}.modal-overlay[data-v-ac611bf2]{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-ac611bf2 .3s ease}@keyframes fadeIn-ac611bf2{0%{opacity:0}to{opacity:1}}.modal-content[data-v-ac611bf2]{background:#fff;border-radius:8px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #00000026;animation:slideUp-ac611bf2 .3s ease}@keyframes slideUp-ac611bf2{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header[data-v-ac611bf2]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #f0f0f0}.modal-title[data-v-ac611bf2]{margin:0;font-size:18px;font-weight:600;color:#333}.modal-close[data-v-ac611bf2]{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-ac611bf2]:hover{background:#f5f5f5;color:#333}.modal-body[data-v-ac611bf2]{padding:24px}.payment-method[data-v-ac611bf2]{margin-bottom:24px}.payment-label[data-v-ac611bf2]{font-size:14px;color:#666;margin-bottom:12px;font-weight:500}.payment-option[data-v-ac611bf2]{display:flex;align-items:center;gap:12px;padding:16px;background:#f9f9f9;border-radius:6px;border:1px solid #e8e8e8}.payment-icon[data-v-ac611bf2]{font-size:32px}.payment-info[data-v-ac611bf2]{flex:1}.payment-name[data-v-ac611bf2]{font-size:16px;font-weight:600;color:#333;margin-bottom:4px;display:flex;align-items:center;gap:8px}.network-badge[data-v-ac611bf2]{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-ac611bf2]{font-size:13px;color:#666}.recharge-amount[data-v-ac611bf2]{margin-bottom:24px}.amount-label[data-v-ac611bf2]{display:block;font-size:14px;color:#666;margin-bottom:8px;font-weight:500}.amount-input[data-v-ac611bf2]{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-ac611bf2]:focus{outline:none;border-color:#1890ff;box-shadow:0 0 0 2px #1890ff1a}.usdt-address[data-v-ac611bf2]{margin-bottom:24px}.address-label[data-v-ac611bf2]{display:block;font-size:14px;color:#666;margin-bottom:8px;font-weight:500}.address-display[data-v-ac611bf2]{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#f5f5f5;border-radius:4px;border:1px solid #e8e8e8}.address-text[data-v-ac611bf2]{flex:1;font-size:13px;color:#333;font-family:monospace;word-break:break-all}.copy-btn[data-v-ac611bf2]{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-ac611bf2]:hover{background:#40a9ff;transform:translateY(-1px);box-shadow:0 2px 4px #1890ff4d}.modal-footer[data-v-ac611bf2]{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #f0f0f0}.btn-cancel[data-v-ac611bf2]{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-ac611bf2]:hover{color:#333;border-color:#999}.btn-confirm[data-v-ac611bf2]{padding:10px 20px;background:#1890ff;color:#fff;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:all .3s}.btn-confirm[data-v-ac611bf2]:hover{background:#40a9ff;transform:translateY(-1px);box-shadow:0 2px 8px #1890ff4d}@media (max-width: 768px){.modal-content[data-v-ac611bf2]{width:95%;max-width:none;margin:20px}.modal-header[data-v-ac611bf2]{padding:16px 20px}.modal-title[data-v-ac611bf2]{font-size:16px}.modal-body[data-v-ac611bf2]{padding:20px}.payment-option[data-v-ac611bf2]{padding:12px}.modal-footer[data-v-ac611bf2]{padding:16px 20px;flex-direction:column-reverse}.btn-cancel[data-v-ac611bf2],.btn-confirm[data-v-ac611bf2]{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-c5b878f9]{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-c5b878f9 .3s ease}@keyframes fadeIn-c5b878f9{0%{opacity:0}to{opacity:1}}.modal-content[data-v-c5b878f9]{background:#fff;border-radius:8px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #00000026;animation:slideUp-c5b878f9 .3s ease;display:flex;flex-direction:column}@keyframes slideUp-c5b878f9{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header[data-v-c5b878f9]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #f0f0f0}.modal-title[data-v-c5b878f9]{margin:0;font-size:18px;font-weight:600;color:#333}.modal-close[data-v-c5b878f9]{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-c5b878f9]:hover{background:#f0f0f0;color:#333}.modal-body[data-v-c5b878f9]{padding:24px;flex:1;overflow-y:auto}.message-content[data-v-c5b878f9]{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.message-icon[data-v-c5b878f9]{font-size:48px;margin-bottom:8px}.message-text[data-v-c5b878f9]{font-size:16px;color:#333;line-height:1.6;white-space:pre-line}.message-text[data-v-c5b878f9] .error-status-section{display:block;margin-top:12px;padding:12px 16px;background:#fff7e6;border-left:4px solid #ff9800;border-radius:4px;font-weight:500}.message-text[data-v-c5b878f9] .error-status-label{font-weight:600;color:#ff6b00;font-size:15px}.message-text[data-v-c5b878f9] .error-status-value{font-weight:700;color:#ff4d4f;font-size:16px;margin-left:4px}.modal-footer[data-v-c5b878f9]{padding:16px 24px;border-top:1px solid #f0f0f0;display:flex;justify-content:flex-end;gap:12px}.btn-confirm[data-v-c5b878f9]{padding:10px 20px;background:#1890ff;color:#fff;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:all .3s}.btn-confirm[data-v-c5b878f9]:hover{background:#40a9ff;transform:translateY(-1px);box-shadow:0 2px 8px #1890ff4d}@media (max-width: 768px){.modal-content[data-v-c5b878f9]{width:95%;max-width:none;margin:20px}.modal-header[data-v-c5b878f9]{padding:16px 20px}.modal-title[data-v-c5b878f9]{font-size:16px}.modal-body[data-v-c5b878f9]{padding:20px}.message-icon[data-v-c5b878f9]{font-size:40px}.message-text[data-v-c5b878f9]{font-size:14px}.modal-footer[data-v-c5b878f9]{padding:16px 20px}.btn-confirm[data-v-c5b878f9]{width:100%}}.server-list[data-v-4213aa5a]{padding:0;width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}.page-header[data-v-4213aa5a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.page-title-wrapper[data-v-4213aa5a]{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.title-left[data-v-4213aa5a]{display:flex;align-items:center;gap:12px;flex:1}.page-title[data-v-4213aa5a]{font-size:24px;font-weight:600;color:#333;margin:0}.count-text[data-v-4213aa5a]{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-4213aa5a]{display:flex;align-items:center;gap:8px;padding:10px 24px;background:#1890ff;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background .3s;white-space:nowrap;min-width:fit-content}.btn-primary[data-v-4213aa5a]:hover{background:#40a9ff}.header-actions[data-v-4213aa5a]{display:flex;align-items:center;gap:5px}.view-toggle[data-v-4213aa5a]{display:flex;align-items:center;gap:0;background:#f0f0f0;border-radius:6px;padding:2px;border:1px solid #e0e0e0;margin-right:10px}.view-toggle-btn[data-v-4213aa5a]{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-4213aa5a]:hover{background:#e0e0e0;color:#333}.view-toggle-btn.active[data-v-4213aa5a]{background:#1890ff;color:#fff;box-shadow:0 2px 4px #1890ff33}.toggle-icon[data-v-4213aa5a]{width:18px;height:18px;stroke:currentColor;fill:none}.filter-bar[data-v-4213aa5a]{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap;width:100%;max-width:100%;box-sizing:border-box}.filter-group[data-v-4213aa5a]{flex:1;min-width:200px;max-width:100%;box-sizing:border-box}.search-input[data-v-4213aa5a]{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-4213aa5a]:focus{outline:none;border-color:#1890ff}.filter-select[data-v-4213aa5a]{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-4213aa5a]:focus{outline:none;border-color:#1890ff}.custom-select-wrapper[data-v-4213aa5a]{position:relative;width:100%;max-width:100%;box-sizing:border-box}.custom-select[data-v-4213aa5a]{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-4213aa5a]:hover{border-color:#1890ff}.custom-select-text[data-v-4213aa5a]{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#333}.custom-select-arrow[data-v-4213aa5a]{width:12px;height:12px;flex-shrink:0;margin-left:8px;color:#666;transition:transform .3s}.custom-select-arrow.is-open[data-v-4213aa5a]{transform:rotate(180deg)}.custom-select-dropdown[data-v-4213aa5a]{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-4213aa5a]{padding:12px 16px;font-size:14px;color:#333;cursor:pointer;transition:background .2s;box-sizing:border-box}.custom-select-option[data-v-4213aa5a]:hover{background:#f5f5f5}.custom-select-option.is-selected[data-v-4213aa5a]{background:#e6f7ff;color:#1890ff;font-weight:500}.dropdown-enter-active[data-v-4213aa5a],.dropdown-leave-active[data-v-4213aa5a]{transition:opacity .2s,transform .2s}.dropdown-enter-from[data-v-4213aa5a],.dropdown-leave-to[data-v-4213aa5a]{opacity:0;transform:translateY(-10px)}.loading[data-v-4213aa5a]{text-align:center;padding:60px 20px;color:#999;font-size:14px}.empty-state[data-v-4213aa5a]{text-align:center;padding:80px 20px}.empty-icon[data-v-4213aa5a]{font-size:64px;margin-bottom:16px}.empty-text[data-v-4213aa5a]{font-size:16px;color:#999;margin-bottom:24px}.server-grid[data-v-4213aa5a]{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.server-card[data-v-4213aa5a]{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000f;overflow:hidden;transition:box-shadow .3s}.server-card[data-v-4213aa5a]:hover{box-shadow:0 4px 12px #0000001a}.server-card-header[data-v-4213aa5a]{padding:16px 20px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center}.server-name-wrapper[data-v-4213aa5a]{flex:1;min-width:0}.server-name[data-v-4213aa5a]{font-size:16px;font-weight:600;color:#333;cursor:pointer;padding:2px 4px;border-radius:4px;transition:background .2s}.server-name[data-v-4213aa5a]:hover{background:#f0f0f0}.server-name-input[data-v-4213aa5a]{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-4213aa5a]{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.status-badge.active[data-v-4213aa5a]{background:#f6ffed;color:#52c41a;border:1px solid #b7eb8f}.status-badge.stopped[data-v-4213aa5a]{background:#fff2e8;color:#fa8c16;border:1px solid #ffd591}.status-badge.pending[data-v-4213aa5a]{background:#e6f7ff;color:#1890ff;border:1px solid #91d5ff}.server-card-body[data-v-4213aa5a]{padding:20px}.server-info[data-v-4213aa5a]{display:flex;flex-direction:column;gap:12px}.info-row[data-v-4213aa5a]{display:flex;align-items:center;gap:8px;font-size:14px}.info-label[data-v-4213aa5a]{color:#999;min-width:70px}.info-value[data-v-4213aa5a]{color:#333;flex:1}.info-value.expiring[data-v-4213aa5a]{color:#ff4d4f;font-weight:600}.price-value[data-v-4213aa5a],.price-cell[data-v-4213aa5a]{color:#1890ff;font-weight:600}.traffic-section[data-v-4213aa5a]{margin-top:8px;padding-top:12px;border-top:1px solid #f0f0f0}.traffic-header-row[data-v-4213aa5a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:14px}.traffic-amount[data-v-4213aa5a]{color:#333;font-weight:500}.progress-bar[data-v-4213aa5a]{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-4213aa5a]{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-4213aa5a]: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-4213aa5a]{background:linear-gradient(90deg,#ff4d4f,#ff7875);box-shadow:0 2px 4px #ff4d4f4d}.copy-btn[data-v-4213aa5a]{padding:4px 8px;background:#f0f0f0;border:none;border-radius:4px;font-size:12px;cursor:pointer;color:#666;transition:all .3s}.copy-btn[data-v-4213aa5a]:hover{background:#e0e0e0;color:#1890ff}.server-card-footer[data-v-4213aa5a]{padding:16px 20px;border-top:1px solid #f0f0f0;display:flex;gap:8px;justify-content:flex-end}.btn-small[data-v-4213aa5a]{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-4213aa5a]:hover{background:#40a9ff}.btn-small.btn-secondary[data-v-4213aa5a]{background:#fff;color:#1890ff;border:1px solid #1890ff}.btn-small.btn-secondary[data-v-4213aa5a]:hover{background:#1890ff;color:#fff}.btn-small.btn-danger[data-v-4213aa5a]{background:#ff4d4f;color:#fff}.btn-small.btn-danger[data-v-4213aa5a]:hover{background:#ff7875}@media (max-width: 768px){.server-list[data-v-4213aa5a]{width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden;overflow-y:visible;position:relative;z-index:1}.page-header[data-v-4213aa5a]{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-4213aa5a]{font-size:20px}.count-text[data-v-4213aa5a]{font-size:12px;padding:4px 10px}.btn-primary[data-v-4213aa5a]{width:100%;justify-content:center}.filter-bar[data-v-4213aa5a]{flex-direction:column;width:100%;max-width:100%;box-sizing:border-box;overflow:visible;position:relative;z-index:1}.filter-group[data-v-4213aa5a]{width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow:visible;position:relative;z-index:1}.custom-select-wrapper[data-v-4213aa5a]{position:relative;z-index:1;overflow:visible;isolation:isolate}.custom-select[data-v-4213aa5a]{width:100%;max-width:100%;box-sizing:border-box;padding:12px 40px 12px 16px;font-size:16px}.custom-select-dropdown[data-v-4213aa5a]{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-4213aa5a]{padding:14px 16px;font-size:16px;min-height:44px;display:flex;align-items:center}.server-grid[data-v-4213aa5a]{grid-template-columns:1fr;gap:16px}.server-card-footer[data-v-4213aa5a]{flex-direction:column}.btn-small[data-v-4213aa5a]{width:100%}.page-header[data-v-4213aa5a]{flex-direction:column;align-items:flex-start;gap:12px}.page-title-wrapper[data-v-4213aa5a]{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:nowrap}.title-left[data-v-4213aa5a]{flex:1;min-width:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.view-toggle[data-v-4213aa5a]{flex-shrink:0;margin-left:auto;padding:1px}.view-toggle-btn[data-v-4213aa5a]{width:32px;height:32px}.toggle-icon[data-v-4213aa5a]{width:16px;height:16px}.header-actions[data-v-4213aa5a]{width:100%;display:flex;flex-direction:column;gap:12px}.header-actions .btn-primary[data-v-4213aa5a]{width:100%}.batch-actions[data-v-4213aa5a]{width:100%;flex-direction:column;align-items:stretch;gap:8px;padding:12px}.batch-count[data-v-4213aa5a]{text-align:center;margin-bottom:4px}.btn-secondary[data-v-4213aa5a]{width:100%;padding:10px 16px;font-size:14px}}.server-list-view[data-v-4213aa5a]{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000f;overflow:visible}.server-table[data-v-4213aa5a]{width:100%;border-collapse:collapse;font-size:14px}.server-table thead[data-v-4213aa5a]{background:#fafafa}.server-table th[data-v-4213aa5a]{padding:12px 16px;text-align:left;font-weight:600;color:#333;border-bottom:1px solid #f0f0f0;white-space:nowrap}.sortable-header[data-v-4213aa5a]{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s}.sortable-header[data-v-4213aa5a]:hover{background:#f5f5f5}.header-sort[data-v-4213aa5a]{display:flex;align-items:center;gap:8px}.sort-icons[data-v-4213aa5a]{display:flex;flex-direction:column;gap:2px;margin-left:auto}.sort-icon[data-v-4213aa5a]{font-size:12px;color:#ccc;line-height:1;transition:color .2s}.sort-icon.active[data-v-4213aa5a]{color:#1890ff;font-weight:700}.server-table td[data-v-4213aa5a]{padding:16px;border-bottom:1px solid #f0f0f0;color:#333}.server-table tbody tr[data-v-4213aa5a]:hover{background:#fafafa}.server-table tbody tr:last-child td[data-v-4213aa5a]{border-bottom:none}.server-name-cell[data-v-4213aa5a]{display:flex;align-items:center}.server-name-link[data-v-4213aa5a]{cursor:pointer;padding:2px 4px;border-radius:4px;transition:background .2s;font-weight:500}.server-name-link[data-v-4213aa5a]:hover{background:#f0f0f0}.server-name-input[data-v-4213aa5a]{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}.note-cell[data-v-4213aa5a]{display:flex;align-items:center;gap:8px;position:relative}.note-display[data-v-4213aa5a]{cursor:pointer;padding:4px 8px;border-radius:4px;transition:background-color .2s;flex:1;min-width:0;word-break:break-word;display:flex;align-items:center;gap:6px}.note-display[data-v-4213aa5a]:hover{background-color:#f0f0f0}.edit-icon[data-v-4213aa5a]{font-size:12px;opacity:.5;transition:opacity .2s;flex-shrink:0}.note-display:hover .edit-icon[data-v-4213aa5a]{opacity:1}.note-input[data-v-4213aa5a]{flex:1;padding:4px 8px;border:1px solid #1890ff;border-radius:4px;font-size:14px;min-width:100px;outline:none}.save-note-btn[data-v-4213aa5a]{padding:4px 8px;background-color:#1890ff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px;transition:background-color .2s}.save-note-btn[data-v-4213aa5a]:hover{background-color:#40a9ff}.cell-with-action[data-v-4213aa5a]{display:flex;align-items:center;gap:8px}.copy-btn-small[data-v-4213aa5a]{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-4213aa5a]{opacity:1}.copy-btn-small[data-v-4213aa5a]:hover{background:#e0e0e0;color:#1890ff}.traffic-cell[data-v-4213aa5a]{display:flex;flex-direction:column;gap:6px;min-width:120px}.traffic-text[data-v-4213aa5a]{font-size:12px;color:#666}.progress-bar-small[data-v-4213aa5a]{width:100%;height:8px;background:#e8e8e8;border-radius:4px;overflow:hidden;box-shadow:inset 0 1px 2px #0000001a}.progress-fill-small[data-v-4213aa5a]{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-4213aa5a]{background:linear-gradient(90deg,#ff4d4f,#ff7875)}.action-buttons[data-v-4213aa5a]{display:flex;gap:10px;flex-wrap:wrap;align-items:center}@media (max-width: 768px){.server-list-view[data-v-4213aa5a]{overflow-x:auto}.server-table[data-v-4213aa5a]{min-width:800px}.action-buttons[data-v-4213aa5a]{flex-direction:column}.btn-small[data-v-4213aa5a]{width:100%;font-size:11px;padding:4px 8px}}.tooltip-header[data-v-4213aa5a]{position:relative;cursor:help;display:flex;align-items:center;gap:4px}.tooltip-header .tooltip-icon[data-v-4213aa5a]{display:inline-flex;align-items:center;justify-content:center;font-size:12px;opacity:.6;line-height:1}.tooltip-header:hover .tooltip-icon[data-v-4213aa5a]{opacity:1}.tooltip-content[data-v-4213aa5a]{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-4213aa5a]:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#333}.pagination[data-v-4213aa5a]{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-4213aa5a]{font-size:14px;color:#666}.pagination-controls[data-v-4213aa5a]{display:flex;align-items:center;gap:8px}.pagination-btn[data-v-4213aa5a]{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-4213aa5a]:hover:not(:disabled){background:#f5f5f5;border-color:#1890ff;color:#1890ff}.pagination-btn[data-v-4213aa5a]:disabled{background:#f5f5f5;color:#ccc;cursor:not-allowed;border-color:#e8e8e8}.pagination-pages[data-v-4213aa5a]{display:flex;gap:4px}.pagination-page[data-v-4213aa5a]{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-4213aa5a]:hover:not(.active):not(.disabled){background:#f5f5f5;border-color:#1890ff;color:#1890ff}.pagination-page.active[data-v-4213aa5a]{background:#1890ff;color:#fff;border-color:#1890ff}.pagination-page.disabled[data-v-4213aa5a]{cursor:default;pointer-events:none;border:none;background:transparent}@media (max-width: 768px){.pagination[data-v-4213aa5a]{flex-direction:column;align-items:stretch;gap:12px}.pagination-info[data-v-4213aa5a]{text-align:center}.pagination-controls[data-v-4213aa5a]{justify-content:center}}.modal-overlay[data-v-4213aa5a]{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-4213aa5a .3s ease}@keyframes fadeIn-4213aa5a{0%{opacity:0}to{opacity:1}}.modal-content[data-v-4213aa5a]{background:#fff;border-radius:8px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #00000026;animation:slideUp-4213aa5a .3s ease;display:flex;flex-direction:column}.modal-content.manage-modal[data-v-4213aa5a]{max-width:700px}@keyframes slideUp-4213aa5a{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header[data-v-4213aa5a]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #f0f0f0}.modal-title[data-v-4213aa5a]{margin:0;font-size:18px;font-weight:600;color:#333}.modal-close[data-v-4213aa5a]{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-4213aa5a]:hover{background:#f0f0f0;color:#333}.modal-body[data-v-4213aa5a]{padding:24px;flex:1;overflow-y:auto}.modal-footer[data-v-4213aa5a]{padding:16px 24px;border-top:1px solid #f0f0f0;display:flex;justify-content:flex-end;gap:12px}.btn-cancel[data-v-4213aa5a]{padding:8px 20px;background:#f0f0f0;color:#333;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:all .3s}.btn-cancel[data-v-4213aa5a]:hover{background:#e0e0e0}.batch-actions[data-v-4213aa5a]{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#f0f9ff;border:1px solid #91d5ff;border-radius:6px}.batch-count[data-v-4213aa5a]{font-size:14px;color:#1890ff;font-weight:500;white-space:nowrap}.btn-secondary[data-v-4213aa5a]{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-4213aa5a]:hover{background:#1890ff;color:#fff}.auto-renew-row[data-v-4213aa5a]{display:flex;align-items:center;gap:8px}.switch[data-v-4213aa5a]{position:relative;display:inline-block;width:44px;height:24px}.switch input[data-v-4213aa5a]{opacity:0;width:0;height:0}.slider[data-v-4213aa5a]{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.3s;border-radius:24px}.slider[data-v-4213aa5a]: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-4213aa5a]{background-color:#52c41a}input:checked+.slider[data-v-4213aa5a]:before{transform:translate(20px)}.checkbox-wrapper[data-v-4213aa5a]{display:flex;align-items:center;gap:8px;cursor:pointer}.checkbox-wrapper input[type=checkbox][data-v-4213aa5a]{width:16px;height:16px;cursor:pointer}.select-all-checkbox[data-v-4213aa5a]{margin-right:4px}.detail-info[data-v-4213aa5a]{display:flex;flex-direction:column;gap:16px}.detail-row[data-v-4213aa5a]{display:flex;align-items:center;gap:12px;font-size:14px}.detail-label[data-v-4213aa5a]{color:#999;min-width:100px}.detail-value[data-v-4213aa5a]{color:#333;flex:1}.traffic-progress-section[data-v-4213aa5a]{margin-top:8px;padding-top:16px;border-top:1px solid #f0f0f0}.progress-text[data-v-4213aa5a]{margin-top:8px;font-size:13px;color:#666;text-align:right}.manage-section[data-v-4213aa5a]{margin-bottom:24px}.manage-section[data-v-4213aa5a]:last-child{margin-bottom:0}.section-title[data-v-4213aa5a]{font-size:16px;font-weight:600;color:#333;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid #f0f0f0}.manage-actions[data-v-4213aa5a]{display:flex;flex-direction:column;gap:12px}.manage-actions-row[data-v-4213aa5a]{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.manage-btn[data-v-4213aa5a]{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-4213aa5a]{width:100%}.manage-btn[data-v-4213aa5a]:hover:not(:disabled){background:#e9ecef;border-color:#1890ff;color:#1890ff}.manage-btn[data-v-4213aa5a]:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.manage-btn-danger[data-v-4213aa5a]{background:#fff1f0;border-color:#ffccc7;color:#ff4d4f}.manage-btn-danger[data-v-4213aa5a]:hover{background:#ffccc7;border-color:#ff4d4f;color:#fff}.manage-btn-warning[data-v-4213aa5a]{background:#fff7e6;border-color:#ffd591;color:#fa8c16}.manage-btn-warning[data-v-4213aa5a]:hover{background:#ffd591;border-color:#fa8c16;color:#fff}.cooldown-banner[data-v-4213aa5a]{display:flex;align-items:center;gap:16px;padding:16px 20px;background:linear-gradient(135deg,#fff3e0,#ffe0b2);border:1px solid #ffb74d;border-radius:8px;margin:0 20px 16px;box-shadow:0 2px 8px #ff98001a}.cooldown-icon[data-v-4213aa5a]{font-size:32px;line-height:1;animation:pulse-4213aa5a 2s ease-in-out infinite}@keyframes pulse-4213aa5a{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.cooldown-content[data-v-4213aa5a]{flex:1;display:flex;flex-direction:column;gap:4px}.cooldown-title[data-v-4213aa5a]{font-size:14px;font-weight:600;color:#e65100}.cooldown-timer[data-v-4213aa5a]{font-size:24px;font-weight:700;color:#ff6f00;font-family:Courier New,monospace;letter-spacing:2px}.cooldown-message[data-v-4213aa5a]{font-size:12px;color:#f57c00}.danger-actions[data-v-4213aa5a]{display:flex;flex-direction:column;gap:12px}.btn-icon[data-v-4213aa5a]{font-size:18px}.loading-spinner[data-v-4213aa5a]{display:inline-flex;align-items:center;justify-content:center;animation:spin-4213aa5a 1s linear infinite}.loading-spinner-blue[data-v-4213aa5a]{color:#1890ff}.loading-spinner-blue svg[data-v-4213aa5a]{filter:drop-shadow(0 0 4px rgba(24,144,255,.6))}.loading-spinner-red[data-v-4213aa5a]{color:#ff4d4f}.loading-spinner-red svg[data-v-4213aa5a]{filter:drop-shadow(0 0 4px rgba(255,77,79,.6))}.loading-spinner-orange[data-v-4213aa5a]{color:#ff9800}.loading-spinner-orange svg[data-v-4213aa5a]{filter:drop-shadow(0 0 4px rgba(255,152,0,.6))}.loading-spinner svg circle[data-v-4213aa5a]{stroke-dasharray:47.124;stroke-dashoffset:47.124;animation:loading-dash-4213aa5a 1.5s ease-in-out infinite}@keyframes spin-4213aa5a{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes loading-dash-4213aa5a{0%{stroke-dasharray:1,47.124;stroke-dashoffset:0}50%{stroke-dasharray:23.562,47.124;stroke-dashoffset:-11.781}to{stroke-dasharray:1,47.124;stroke-dashoffset:-46.124}}.btn-text[data-v-4213aa5a]{flex:1}.server-info-grid[data-v-4213aa5a]{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.info-item[data-v-4213aa5a]{display:flex;flex-direction:column;gap:4px}.info-item-label[data-v-4213aa5a]{font-size:12px;color:#999}.info-item-value[data-v-4213aa5a]{font-size:14px;color:#333;font-weight:500}.status-loading[data-v-4213aa5a]{display:inline-flex;align-items:center;background:#f0f0f0;color:#666;border:1px solid #d9d9d9}.loading-spinner-small[data-v-4213aa5a]{display:inline-block;width:12px;height:12px;border:2px solid #d9d9d9;border-top-color:#1890ff;border-radius:50%;animation:spin-4213aa5a .8s linear infinite}@media (max-width: 768px){.modal-content[data-v-4213aa5a]{width:95%;max-width:none;margin:10px;max-height:85vh}.modal-header[data-v-4213aa5a]{padding:16px}.modal-title[data-v-4213aa5a]{font-size:16px}.modal-body[data-v-4213aa5a]{padding:16px}.manage-actions-row[data-v-4213aa5a],.server-info-grid[data-v-4213aa5a]{grid-template-columns:1fr}.modal-footer[data-v-4213aa5a]{padding:12px 16px;flex-direction:column}.btn-cancel[data-v-4213aa5a]{width:100%}}.vpn-list[data-v-51187a55]{padding:0;width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}.page-header[data-v-51187a55]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.page-title-wrapper[data-v-51187a55]{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.title-left[data-v-51187a55]{display:flex;align-items:center;gap:12px;flex:1}.page-title[data-v-51187a55]{font-size:24px;font-weight:600;color:#333;margin:0}.count-text[data-v-51187a55]{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-51187a55]{display:flex;align-items:center;gap:8px;padding:10px 24px;background:#1890ff;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background .3s;white-space:nowrap}.btn-primary[data-v-51187a55]:hover{background:#40a9ff}.header-actions[data-v-51187a55]{display:flex;align-items:center;gap:5px}.view-toggle[data-v-51187a55]{display:flex;align-items:center;gap:0;background:#f0f0f0;border-radius:6px;padding:2px;border:1px solid #e0e0e0;margin-right:10px}.view-toggle-btn[data-v-51187a55]{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-51187a55]:hover{background:#e0e0e0;color:#333}.view-toggle-btn.active[data-v-51187a55]{background:#1890ff;color:#fff;box-shadow:0 2px 4px #1890ff33}.toggle-icon[data-v-51187a55]{width:18px;height:18px;stroke:currentColor;fill:none}.filter-bar[data-v-51187a55]{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap;width:100%;max-width:100%;box-sizing:border-box}.filter-group[data-v-51187a55]{flex:1;min-width:200px;max-width:100%;box-sizing:border-box}.search-input[data-v-51187a55]{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-51187a55]:focus{outline:none;border-color:#1890ff}.filter-select[data-v-51187a55]{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-51187a55]:focus{outline:none;border-color:#1890ff}.custom-select-wrapper[data-v-51187a55]{position:relative;width:100%;max-width:100%;box-sizing:border-box}.custom-select[data-v-51187a55]{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-51187a55]:hover{border-color:#1890ff}.custom-select-text[data-v-51187a55]{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#333}.custom-select-arrow[data-v-51187a55]{width:12px;height:12px;flex-shrink:0;margin-left:8px;color:#666;transition:transform .3s}.custom-select-arrow.is-open[data-v-51187a55]{transform:rotate(180deg)}.custom-select-dropdown[data-v-51187a55]{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-51187a55]{padding:12px 16px;font-size:14px;color:#333;cursor:pointer;transition:background .2s;box-sizing:border-box}.custom-select-option[data-v-51187a55]:hover{background:#f5f5f5}.custom-select-option.is-selected[data-v-51187a55]{background:#e6f7ff;color:#1890ff;font-weight:500}.dropdown-enter-active[data-v-51187a55],.dropdown-leave-active[data-v-51187a55]{transition:opacity .2s,transform .2s}.dropdown-enter-from[data-v-51187a55],.dropdown-leave-to[data-v-51187a55]{opacity:0;transform:translateY(-10px)}.loading[data-v-51187a55]{text-align:center;padding:60px 20px;color:#999;font-size:14px}.empty-state[data-v-51187a55]{text-align:center;padding:80px 20px}.empty-icon[data-v-51187a55]{font-size:64px;margin-bottom:16px}.empty-text[data-v-51187a55]{font-size:16px;color:#999;margin-bottom:24px}.vpn-grid[data-v-51187a55]{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.vpn-card[data-v-51187a55]{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000f;overflow:hidden;transition:box-shadow .3s}.vpn-card[data-v-51187a55]:hover{box-shadow:0 4px 12px #0000001a}.vpn-card-header[data-v-51187a55]{padding:16px 20px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center}.vpn-name[data-v-51187a55]{font-size:16px;font-weight:600;color:#333}.status-badge[data-v-51187a55]{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.status-badge.active[data-v-51187a55]{background:#f6ffed;color:#52c41a;border:1px solid #b7eb8f}.status-badge.stopped[data-v-51187a55]{background:#fff2e8;color:#fa8c16;border:1px solid #ffd591}.status-badge.pending[data-v-51187a55]{background:#e6f7ff;color:#1890ff;border:1px solid #91d5ff}.vpn-card-body[data-v-51187a55]{padding:20px}.vpn-info[data-v-51187a55]{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.connection-info[data-v-51187a55]{margin-top:16px;padding-top:16px;border-top:1px dashed #f0f0f0}.connection-info .info-row[data-v-51187a55]{margin-bottom:8px}.info-row[data-v-51187a55]{display:flex;align-items:center;gap:8px;font-size:14px}.info-label[data-v-51187a55]{color:#999;min-width:90px}.info-value[data-v-51187a55]{color:#333;flex:1}.info-value.expiring[data-v-51187a55]{color:#ff4d4f;font-weight:600}.traffic-section[data-v-51187a55]{margin-top:8px;padding-top:12px;border-top:1px solid #f0f0f0}.traffic-header-row[data-v-51187a55]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:14px}.traffic-amount[data-v-51187a55]{color:#333;font-weight:500}.progress-bar[data-v-51187a55]{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-51187a55]{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-51187a55]: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-51187a55]{background:linear-gradient(90deg,#ff4d4f,#ff7875);box-shadow:0 2px 4px #ff4d4f4d}.copy-btn[data-v-51187a55]{padding:4px 8px;background:#f0f0f0;border:none;border-radius:4px;font-size:12px;cursor:pointer;color:#666;transition:all .3s}.copy-btn[data-v-51187a55]:hover{background:#e0e0e0;color:#1890ff}.vpn-card-footer[data-v-51187a55]{padding:16px 20px;border-top:1px solid #f0f0f0;display:flex;gap:8px;justify-content:flex-end}.btn-small[data-v-51187a55]{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-51187a55]:hover{background:#40a9ff}.btn-small.btn-secondary[data-v-51187a55]{background:#fff;color:#1890ff;border:1px solid #1890ff}.btn-small.btn-secondary[data-v-51187a55]:hover{background:#1890ff;color:#fff}.btn-small.btn-danger[data-v-51187a55]{background:#ff4d4f;color:#fff}.btn-small.btn-danger[data-v-51187a55]:hover{background:#ff7875}@media (max-width: 768px){.vpn-list[data-v-51187a55]{width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden;overflow-y:visible;position:relative;z-index:1}.page-header[data-v-51187a55]{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-51187a55]{font-size:20px}.count-text[data-v-51187a55]{font-size:12px;padding:4px 10px}.btn-primary[data-v-51187a55]{width:100%;justify-content:center}.filter-bar[data-v-51187a55]{flex-direction:column;width:100%;max-width:100%;box-sizing:border-box;overflow:visible;position:relative;z-index:1}.filter-group[data-v-51187a55]{width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow:visible;position:relative;z-index:1}.custom-select-wrapper[data-v-51187a55]{position:relative;z-index:1;overflow:visible;isolation:isolate}.custom-select[data-v-51187a55]{width:100%;max-width:100%;box-sizing:border-box;padding:12px 40px 12px 16px;font-size:16px}.custom-select-dropdown[data-v-51187a55]{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-51187a55]{padding:14px 16px;font-size:16px;min-height:44px;display:flex;align-items:center}.search-input[data-v-51187a55]{width:100%;max-width:100%;box-sizing:border-box}.vpn-grid[data-v-51187a55]{grid-template-columns:1fr;gap:16px}.vpn-card-footer[data-v-51187a55]{flex-direction:column}.btn-small[data-v-51187a55]{width:100%}.page-title-wrapper[data-v-51187a55]{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:nowrap}.title-left[data-v-51187a55]{flex:1;min-width:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.view-toggle[data-v-51187a55]{flex-shrink:0;margin-left:auto;padding:1px}.view-toggle-btn[data-v-51187a55]{width:32px;height:32px}.toggle-icon[data-v-51187a55]{width:16px;height:16px}.header-actions[data-v-51187a55]{width:100%;display:flex;flex-direction:column;gap:12px}.header-actions .btn-primary[data-v-51187a55]{width:100%}.batch-actions[data-v-51187a55]{width:100%;flex-direction:column;align-items:stretch;gap:8px;padding:12px}.batch-count[data-v-51187a55]{text-align:center;margin-bottom:4px}.btn-secondary[data-v-51187a55]{width:100%;padding:10px 16px;font-size:14px}}.vpn-list-view[data-v-51187a55]{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000f;overflow:visible}.vpn-table[data-v-51187a55]{width:100%;border-collapse:collapse;font-size:14px}.vpn-table thead[data-v-51187a55]{background:#fafafa}.vpn-table th[data-v-51187a55]{padding:12px 16px;text-align:left;font-weight:600;color:#333;border-bottom:1px solid #f0f0f0;white-space:nowrap}.sortable-header[data-v-51187a55]{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s}.sortable-header[data-v-51187a55]:hover{background:#f5f5f5}.header-sort[data-v-51187a55]{display:flex;align-items:center;gap:8px}.sort-icons[data-v-51187a55]{display:flex;flex-direction:column;gap:2px;margin-left:auto}.sort-icon[data-v-51187a55]{font-size:12px;color:#ccc;line-height:1;transition:color .2s}.sort-icon.active[data-v-51187a55]{color:#1890ff;font-weight:700}.vpn-table td[data-v-51187a55]{padding:16px;border-bottom:1px solid #f0f0f0;color:#333}.vpn-table tbody tr[data-v-51187a55]:hover{background:#fafafa}.vpn-table tbody tr:last-child td[data-v-51187a55]{border-bottom:none}.vpn-name-cell[data-v-51187a55]{display:flex;align-items:center}.vpn-name-link[data-v-51187a55]{cursor:pointer;padding:2px 4px;border-radius:4px;transition:background .2s;font-weight:500;display:flex;align-items:center;gap:6px}.vpn-name-link[data-v-51187a55]:hover{background:#f0f0f0}.edit-icon[data-v-51187a55]{font-size:12px;opacity:.5;transition:opacity .2s;flex-shrink:0}.vpn-name-link:hover .edit-icon[data-v-51187a55]{opacity:1}.cell-with-action[data-v-51187a55]{display:flex;align-items:center;gap:8px}.copy-btn-small[data-v-51187a55]{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}.vpn-table tbody tr:hover .copy-btn-small[data-v-51187a55]{opacity:1}.vpn-name-input[data-v-51187a55]{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-51187a55]{display:flex;flex-direction:column;gap:6px;min-width:120px}.traffic-text[data-v-51187a55]{font-size:12px;color:#666}.progress-bar-small[data-v-51187a55]{width:100%;height:8px;background:#e8e8e8;border-radius:4px;overflow:hidden;box-shadow:inset 0 1px 2px #0000001a}.progress-fill-small[data-v-51187a55]{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-51187a55]{background:linear-gradient(90deg,#ff4d4f,#ff7875)}.action-buttons[data-v-51187a55]{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.tooltip-header[data-v-51187a55]{position:relative;cursor:help;display:flex;align-items:center;gap:4px}.tooltip-header .tooltip-icon[data-v-51187a55]{display:inline-flex;align-items:center;justify-content:center;font-size:12px;opacity:.6;line-height:1}.tooltip-header:hover .tooltip-icon[data-v-51187a55]{opacity:1}.tooltip-content[data-v-51187a55]{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-51187a55]: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-51187a55]{overflow-x:auto}.vpn-table[data-v-51187a55]{min-width:800px}.action-buttons[data-v-51187a55]{flex-direction:column}.btn-small[data-v-51187a55]{width:100%;font-size:11px;padding:4px 8px}}.pagination[data-v-51187a55]{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-51187a55]{font-size:14px;color:#666}.pagination-controls[data-v-51187a55]{display:flex;align-items:center;gap:8px}.pagination-btn[data-v-51187a55]{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-51187a55]:hover:not(:disabled){background:#f5f5f5;border-color:#1890ff;color:#1890ff}.pagination-btn[data-v-51187a55]:disabled{background:#f5f5f5;color:#ccc;cursor:not-allowed;border-color:#e8e8e8}.pagination-pages[data-v-51187a55]{display:flex;gap:4px}.pagination-page[data-v-51187a55]{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-51187a55]:hover:not(.active):not(.disabled){background:#f5f5f5;border-color:#1890ff;color:#1890ff}.pagination-page.active[data-v-51187a55]{background:#1890ff;color:#fff;border-color:#1890ff}.pagination-page.disabled[data-v-51187a55]{cursor:default;pointer-events:none;border:none;background:transparent}@media (max-width: 768px){.pagination[data-v-51187a55]{flex-direction:column;align-items:stretch;gap:12px}.pagination-info[data-v-51187a55]{text-align:center}.pagination-controls[data-v-51187a55]{justify-content:center}}.modal-overlay[data-v-51187a55]{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-51187a55 .3s ease}@keyframes fadeIn-51187a55{0%{opacity:0}to{opacity:1}}.modal-content[data-v-51187a55]{background:#fff;border-radius:8px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #00000026;animation:slideUp-51187a55 .3s ease;display:flex;flex-direction:column}@keyframes slideUp-51187a55{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header[data-v-51187a55]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #f0f0f0}.modal-title[data-v-51187a55]{margin:0;font-size:18px;font-weight:600;color:#333}.modal-close[data-v-51187a55]{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-51187a55]:hover{background:#f0f0f0;color:#333}.modal-body[data-v-51187a55]{padding:24px;flex:1;overflow-y:auto}.modal-footer[data-v-51187a55]{padding:16px 24px;border-top:1px solid #f0f0f0;display:flex;justify-content:flex-end;gap:12px}.btn-cancel[data-v-51187a55]{padding:8px 20px;background:#f0f0f0;color:#333;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:all .3s}.btn-cancel[data-v-51187a55]:hover{background:#e0e0e0}.detail-info[data-v-51187a55]{display:flex;flex-direction:column;gap:16px}.detail-row[data-v-51187a55]{display:flex;align-items:center;gap:12px;font-size:14px}.detail-label[data-v-51187a55]{color:#999;min-width:100px}.detail-value[data-v-51187a55]{color:#333;flex:1}.connection-detail-section[data-v-51187a55]{margin-top:16px;padding-top:16px;border-top:1px solid #f0f0f0}.traffic-progress-section[data-v-51187a55]{margin-top:8px;padding-top:16px;border-top:1px solid #f0f0f0}.progress-text[data-v-51187a55]{margin-top:8px;font-size:13px;color:#666;text-align:right}@media (max-width: 768px){.modal-content[data-v-51187a55]{width:95%;max-width:none;margin:10px;max-height:85vh}.modal-header[data-v-51187a55]{padding:16px}.modal-title[data-v-51187a55]{font-size:16px}.modal-body[data-v-51187a55]{padding:16px}.modal-footer[data-v-51187a55]{padding:12px 16px;flex-direction:column}.btn-cancel[data-v-51187a55]{width:100%}}.manage-modal[data-v-51187a55]{max-width:600px}.manage-section[data-v-51187a55]{margin-bottom:24px}.manage-section[data-v-51187a55]:last-child{margin-bottom:0}.section-title[data-v-51187a55]{font-size:16px;font-weight:600;color:#333;margin:0 0 16px;padding-bottom:8px;border-bottom:2px solid #f0f0f0}.manage-actions[data-v-51187a55]{display:flex;flex-direction:column;gap:12px}.manage-actions-row[data-v-51187a55]{display:flex;gap:12px}.manage-btn[data-v-51187a55]{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-51187a55]:disabled{opacity:.5;cursor:not-allowed}.manage-btn-full[data-v-51187a55]{width:100%}.manage-btn[data-v-51187a55]:hover:not(:disabled){background:#e9ecef;border-color:#1890ff;color:#1890ff}.manage-btn-danger[data-v-51187a55]{background:#fff1f0;border-color:#ffccc7;color:#ff4d4f}.manage-btn-danger[data-v-51187a55]:hover{background:#ffccc7;border-color:#ff4d4f;color:#fff}.danger-actions[data-v-51187a55]{display:flex;flex-direction:column;gap:12px}.btn-icon[data-v-51187a55]{font-size:18px}.btn-text[data-v-51187a55]{flex:1}.server-info-grid[data-v-51187a55]{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.info-item[data-v-51187a55]{display:flex;flex-direction:column;gap:4px}.info-item-label[data-v-51187a55]{font-size:12px;color:#999;font-weight:500}.info-item-value[data-v-51187a55]{font-size:14px;color:#333;font-weight:500}.price-value[data-v-51187a55],.price-cell[data-v-51187a55]{color:#1890ff;font-weight:600}.batch-actions[data-v-51187a55]{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#f0f9ff;border:1px solid #91d5ff;border-radius:6px}.batch-count[data-v-51187a55]{font-size:14px;color:#1890ff;font-weight:500;white-space:nowrap}.btn-secondary[data-v-51187a55]{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-51187a55]:hover{background:#1890ff;color:#fff}.auto-renew-row[data-v-51187a55]{display:flex;align-items:center;gap:8px}.switch[data-v-51187a55]{position:relative;display:inline-block;width:44px;height:24px}.switch input[data-v-51187a55]{opacity:0;width:0;height:0}.slider[data-v-51187a55]{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.3s;border-radius:24px}.slider[data-v-51187a55]: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-51187a55]{background-color:#52c41a}input:checked+.slider[data-v-51187a55]:before{transform:translate(20px)}.checkbox-wrapper[data-v-51187a55]{display:flex;align-items:center;gap:8px;cursor:pointer}.checkbox-wrapper input[type=checkbox][data-v-51187a55]{width:16px;height:16px;cursor:pointer}.select-all-checkbox[data-v-51187a55]{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-b784832e]{padding:0}.page-header[data-v-b784832e]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.page-title[data-v-b784832e]{font-size:24px;font-weight:600;color:#333;margin:0}.btn-primary[data-v-b784832e]{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-b784832e]:hover{background:#40a9ff}.permission-content[data-v-b784832e]{display:flex;flex-direction:column;gap:20px}.card[data-v-b784832e]{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000f;overflow:hidden}.card-header[data-v-b784832e]{padding:20px 24px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center;gap:12px}.title-left[data-v-b784832e]{display:flex;align-items:center;gap:12px;flex:1}.card-header h3[data-v-b784832e]{margin:0;font-size:18px;font-weight:600;color:#333}.view-toggle[data-v-b784832e]{display:flex;gap:4px;flex-shrink:0}.view-toggle-btn[data-v-b784832e]{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-b784832e]:hover{border-color:#1890ff;color:#1890ff}.view-toggle-btn.active[data-v-b784832e]{background:#1890ff;border-color:#1890ff;color:#fff}.toggle-icon[data-v-b784832e]{width:16px;height:16px}.card-body[data-v-b784832e]{padding:24px}.filter-bar[data-v-b784832e]{display:flex;gap:16px;margin-bottom:20px;flex-wrap:wrap}.filter-group[data-v-b784832e]{flex:1;min-width:200px}.search-input[data-v-b784832e],.filter-select[data-v-b784832e]{width:100%;padding:10px 16px;border:1px solid #d9d9d9;border-radius:6px;font-size:14px;transition:border-color .3s}.search-input[data-v-b784832e]:focus,.filter-select[data-v-b784832e]:focus{outline:none;border-color:#1890ff}.user-table-container[data-v-b784832e]{overflow-x:auto;margin-bottom:20px}.user-table[data-v-b784832e]{width:100%;border-collapse:collapse;font-size:14px}.user-table thead[data-v-b784832e]{background:#fafafa}.user-table th[data-v-b784832e]{padding:12px 16px;text-align:left;font-weight:600;color:#333;border-bottom:1px solid #f0f0f0}.user-table td[data-v-b784832e]{padding:12px 16px;border-bottom:1px solid #f0f0f0;color:#666}.user-table tbody tr[data-v-b784832e]:hover{background:#f5f5f5}.role-badge[data-v-b784832e]{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.role-badge.master[data-v-b784832e]{background:#f6f4ff;color:#722ed1;border:1px solid #d3adf7}.role-badge.admin[data-v-b784832e]{background:#fff2e8;color:#fa8c16;border:1px solid #ffd591}.role-badge.user[data-v-b784832e]{background:#e6f7ff;color:#1890ff;border:1px solid #91d5ff}.status-badge[data-v-b784832e]{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.status-badge.active[data-v-b784832e]{background:#f6ffed;color:#52c41a;border:1px solid #b7eb8f}.status-badge.disabled[data-v-b784832e]{background:#fff2e8;color:#fa8c16;border:1px solid #ffd591}.user-cards[data-v-b784832e]{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.user-card[data-v-b784832e]{background:#fff;border:1px solid #f0f0f0;border-radius:8px;padding:16px;transition:all .3s}.user-card[data-v-b784832e]:hover{box-shadow:0 2px 8px #0000001a;border-color:#d9d9d9}.user-card-header[data-v-b784832e]{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #f0f0f0}.user-card-avatar[data-v-b784832e]{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-b784832e]{display:flex;flex-direction:column;gap:8px;flex:1}.user-card-name[data-v-b784832e]{font-size:16px;font-weight:600;color:#333}.user-card-body[data-v-b784832e]{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.user-card-item[data-v-b784832e]{display:flex;justify-content:space-between;align-items:center;font-size:14px;padding:4px 0}.user-card-label[data-v-b784832e]{color:#999;font-weight:500;flex-shrink:0;min-width:80px}.user-card-value[data-v-b784832e]{color:#333;text-align:right;flex:1;margin-left:12px}.user-card-footer[data-v-b784832e]{display:flex;gap:8px;padding-top:16px;border-top:1px solid #f0f0f0}.action-buttons[data-v-b784832e]{display:flex;gap:8px}.btn-small[data-v-b784832e]{padding:4px 12px;background:#1890ff;color:#fff;border:none;border-radius:4px;font-size:12px;cursor:pointer;transition:background .3s}.btn-small[data-v-b784832e]:hover{background:#40a9ff}.btn-small.btn-danger[data-v-b784832e]{background:#ff4d4f}.btn-small.btn-danger[data-v-b784832e]:hover{background:#ff7875}.loading[data-v-b784832e],.empty-state[data-v-b784832e]{text-align:center;padding:60px 20px;color:#999}.empty-icon[data-v-b784832e]{font-size:64px;margin-bottom:16px}.empty-text[data-v-b784832e]{font-size:16px}.pagination[data-v-b784832e]{display:flex;justify-content:space-between;align-items:center;margin-top:20px;flex-wrap:wrap;gap:12px}.pagination-info[data-v-b784832e]{font-size:14px;color:#666}.pagination-controls[data-v-b784832e]{display:flex;align-items:center;gap:8px}.pagination-btn[data-v-b784832e]{padding:6px 12px;background:#fff;border:1px solid #d9d9d9;border-radius:4px;font-size:14px;cursor:pointer;transition:all .3s}.pagination-btn[data-v-b784832e]:hover:not(:disabled){background:#f5f5f5;border-color:#1890ff}.pagination-btn[data-v-b784832e]:disabled{background:#f5f5f5;color:#ccc;cursor:not-allowed}.pagination-pages[data-v-b784832e]{display:flex;gap:4px}.pagination-page[data-v-b784832e]{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-b784832e]:hover:not(.active):not(.disabled){background:#f5f5f5;border-color:#007bff}.pagination-page.active[data-v-b784832e]{background:#007bff;color:#fff;border-color:#007bff}.pagination-page.disabled[data-v-b784832e]{cursor:default;pointer-events:none;border:none;background:transparent}.role-list[data-v-b784832e]{display:flex;flex-direction:column;gap:16px}.role-item[data-v-b784832e]{padding:20px;border:1px solid #f0f0f0;border-radius:8px;background:#fafafa}.role-header[data-v-b784832e]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.role-info[data-v-b784832e]{display:flex;flex-direction:column;gap:4px}.role-name[data-v-b784832e]{font-size:16px;font-weight:600;color:#333}.role-desc[data-v-b784832e]{font-size:13px;color:#999}.permission-list[data-v-b784832e]{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.permission-item[data-v-b784832e]{display:flex;flex-direction:column;gap:4px;padding:12px;background:#fff;border-radius:6px;border:1px solid #e8e8e8}.permission-name[data-v-b784832e]{font-size:14px;font-weight:500;color:#333}.permission-desc[data-v-b784832e]{font-size:12px;color:#999}.modal-overlay[data-v-b784832e]{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-b784832e .3s ease}@keyframes fadeIn-b784832e{0%{opacity:0}to{opacity:1}}.modal-content[data-v-b784832e]{background:#fff;border-radius:8px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #00000026;animation:slideUp-b784832e .3s ease;display:flex;flex-direction:column}.modal-content.role-modal[data-v-b784832e]{max-width:700px}@keyframes slideUp-b784832e{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header[data-v-b784832e]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #f0f0f0}.modal-title[data-v-b784832e]{margin:0;font-size:18px;font-weight:600;color:#333}.modal-close[data-v-b784832e]{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-b784832e]:hover{background:#f0f0f0;color:#333}.modal-body[data-v-b784832e]{padding:24px;flex:1;overflow-y:auto}.modal-footer[data-v-b784832e]{padding:16px 24px;border-top:1px solid #f0f0f0;display:flex;justify-content:flex-end;gap:12px}.btn-cancel[data-v-b784832e]{padding:8px 20px;background:#f0f0f0;color:#333;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:all .3s}.btn-cancel[data-v-b784832e]:hover{background:#e0e0e0}.btn-confirm[data-v-b784832e]{padding:8px 20px;background:#1890ff;color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:all .3s}.btn-confirm[data-v-b784832e]:hover{background:#40a9ff}.user-form[data-v-b784832e]{display:flex;flex-direction:column;gap:20px}.form-group[data-v-b784832e]{display:flex;flex-direction:column;gap:8px}.form-label[data-v-b784832e]{font-size:14px;font-weight:500;color:#333}.form-input[data-v-b784832e],.form-select[data-v-b784832e]{padding:10px 16px;border:1px solid #d9d9d9;border-radius:6px;font-size:14px;transition:border-color .3s}.form-input[data-v-b784832e]:focus,.form-select[data-v-b784832e]:focus{outline:none;border-color:#1890ff}.form-input[data-v-b784832e]:disabled{background:#f5f5f5;cursor:not-allowed}.role-permission-edit[data-v-b784832e]{display:flex;flex-direction:column;gap:20px}.available-permissions h4[data-v-b784832e]{margin:0 0 16px;font-size:16px;font-weight:600;color:#333}.permission-checkbox-list[data-v-b784832e]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}.permission-checkbox[data-v-b784832e]{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-b784832e]:hover{background:#f5f5f5;border-color:#1890ff}.permission-checkbox input[type=checkbox][data-v-b784832e]{margin-top:2px;cursor:pointer}.checkbox-label[data-v-b784832e]{display:flex;flex-direction:column;gap:4px;flex:1}@media (max-width: 768px){.page-header[data-v-b784832e]{flex-direction:column;align-items:flex-start;gap:16px}.page-title[data-v-b784832e]{font-size:20px}.btn-primary[data-v-b784832e]{width:100%;justify-content:center}.filter-bar[data-v-b784832e]{flex-direction:column}.filter-group[data-v-b784832e]{min-width:100%}.card-header[data-v-b784832e]{flex-wrap:nowrap}.title-left[data-v-b784832e]{flex:1;min-width:0}.view-toggle[data-v-b784832e]{flex-shrink:0;margin-left:auto}.view-toggle-btn[data-v-b784832e]{width:32px;height:32px}.toggle-icon[data-v-b784832e]{width:14px;height:14px}.user-cards[data-v-b784832e]{grid-template-columns:1fr;gap:12px}.user-card[data-v-b784832e]{padding:12px}.user-card-header[data-v-b784832e]{flex-direction:row;align-items:center;gap:12px}.user-card-avatar[data-v-b784832e]{width:40px;height:40px;font-size:18px}.user-card-item[data-v-b784832e]{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:12px;padding:4px 0}.user-card-label[data-v-b784832e]{min-width:80px;font-size:14px}.user-card-value[data-v-b784832e]{margin-left:0;text-align:right;flex:1}.user-card-footer[data-v-b784832e]{flex-direction:column;gap:8px}.user-card-footer .btn-small[data-v-b784832e]{width:100%}.user-table-container[data-v-b784832e]{overflow-x:scroll}.user-table[data-v-b784832e]{min-width:800px}.pagination[data-v-b784832e]{flex-direction:column;align-items:stretch}.pagination-info[data-v-b784832e]{text-align:center}.pagination-controls[data-v-b784832e]{justify-content:center}.permission-list[data-v-b784832e],.permission-checkbox-list[data-v-b784832e]{grid-template-columns:1fr}.modal-content[data-v-b784832e]{width:95%;max-width:none;margin:10px;max-height:85vh}.modal-header[data-v-b784832e]{padding:16px}.modal-title[data-v-b784832e]{font-size:16px}.modal-body[data-v-b784832e]{padding:16px}.modal-footer[data-v-b784832e]{padding:12px 16px;flex-direction:column}.btn-cancel[data-v-b784832e],.btn-confirm[data-v-b784832e]{width:100%}}.log-view[data-v-aa973f32]{padding:24px;min-height:100vh;background:#f5f5f5}.page-header[data-v-aa973f32]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;background:#fff;padding:20px 24px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.page-title-wrapper[data-v-aa973f32]{display:flex;align-items:center;gap:16px}.title-left[data-v-aa973f32]{display:flex;align-items:center;gap:12px}.page-title[data-v-aa973f32]{margin:0;font-size:24px;font-weight:600;color:#1a1a1a}.count-text[data-v-aa973f32]{color:#666;font-size:14px}.header-actions[data-v-aa973f32]{display:flex;gap:12px}.btn-primary[data-v-aa973f32],.btn-secondary[data-v-aa973f32]{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:8px;transition:all .3s}.btn-primary[data-v-aa973f32]{background:#1890ff;color:#fff}.btn-primary[data-v-aa973f32]:hover:not(:disabled){background:#40a9ff}.btn-secondary[data-v-aa973f32]{background:#f0f0f0;color:#1a1a1a}.btn-secondary[data-v-aa973f32]:hover:not(:disabled){background:#e0e0e0}.btn-primary[data-v-aa973f32]:disabled,.btn-secondary[data-v-aa973f32]:disabled{opacity:.5;cursor:not-allowed}.filter-bar[data-v-aa973f32]{display:flex;gap:12px;margin-bottom:24px;background:#fff;padding:16px 24px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.filter-group[data-v-aa973f32]{flex:1}.search-input[data-v-aa973f32]{width:100%;padding:8px 12px;border:1px solid #d9d9d9;border-radius:4px;font-size:14px}.search-input[data-v-aa973f32]:focus{outline:none;border-color:#1890ff}.custom-select-wrapper[data-v-aa973f32]{position:relative}.custom-select[data-v-aa973f32]{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border:1px solid #d9d9d9;border-radius:4px;cursor:pointer;background:#fff}.custom-select[data-v-aa973f32]:hover{border-color:#1890ff}.custom-select-arrow[data-v-aa973f32]{width:12px;height:12px;transition:transform .3s}.custom-select-arrow.is-open[data-v-aa973f32]{transform:rotate(180deg)}.custom-select-dropdown[data-v-aa973f32]{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#fff;border:1px solid #d9d9d9;border-radius:4px;box-shadow:0 4px 12px #00000026;z-index:100;max-height:200px;overflow-y:auto}.custom-select-option[data-v-aa973f32]{padding:8px 12px;cursor:pointer;transition:background .2s}.custom-select-option[data-v-aa973f32]:hover{background:#f5f5f5}.custom-select-option.is-selected[data-v-aa973f32]{background:#e6f7ff;color:#1890ff}.log-content[data-v-aa973f32]{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.loading-container[data-v-aa973f32],.error-container[data-v-aa973f32],.empty-container[data-v-aa973f32]{padding:60px 24px;text-align:center}.loading-spinner[data-v-aa973f32]{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #1890ff;border-radius:50%;animation:spin-aa973f32 1s linear infinite;margin:0 auto 16px}@keyframes spin-aa973f32{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message[data-v-aa973f32]{color:#ff4d4f;margin-bottom:16px}.log-table-container[data-v-aa973f32]{overflow-x:auto}.log-table[data-v-aa973f32]{width:100%;border-collapse:collapse}.log-table th[data-v-aa973f32]{background:#fafafa;padding:12px;text-align:left;font-weight:600;color:#1a1a1a;border-bottom:2px solid #e8e8e8;white-space:nowrap}.log-table td[data-v-aa973f32]{padding:12px;border-bottom:1px solid #e8e8e8;color:#666}.log-table tbody tr[data-v-aa973f32]:hover{background:#fafafa}.log-table tbody tr.status-success[data-v-aa973f32]{background:#f6ffed}.log-table tbody tr.status-error[data-v-aa973f32]{background:#fff2f0}.log-table tbody tr.status-queued[data-v-aa973f32]{background:#e6f7ff}.action-badge[data-v-aa973f32]{display:inline-block;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:500}.action-start[data-v-aa973f32]{background:#e6f7ff;color:#1890ff}.action-stop[data-v-aa973f32]{background:#fff2f0;color:#ff4d4f}.action-reboot[data-v-aa973f32]{background:#fff7e6;color:#fa8c16}.action-restore[data-v-aa973f32]{background:#f6ffed;color:#52c41a}.status-badge[data-v-aa973f32]{display:inline-block;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:500}.badge-success[data-v-aa973f32]{background:#f6ffed;color:#52c41a}.badge-error[data-v-aa973f32]{background:#fff2f0;color:#ff4d4f}.badge-queued[data-v-aa973f32]{background:#e6f7ff;color:#1890ff}.message-cell[data-v-aa973f32]{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.url-cell[data-v-aa973f32]{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:monospace;font-size:12px}.response-cell[data-v-aa973f32]{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:monospace;font-size:11px}.error-cell[data-v-aa973f32]{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.error-cell.has-error[data-v-aa973f32]{color:#ff4d4f;font-weight:500}.method-badge[data-v-aa973f32]{display:inline-block;padding:2px 6px;border-radius:3px;font-size:11px;font-weight:600;font-family:monospace}.method-get[data-v-aa973f32]{background:#e6f7ff;color:#1890ff}.method-post[data-v-aa973f32]{background:#f6ffed;color:#52c41a}.method-put[data-v-aa973f32]{background:#fff7e6;color:#fa8c16}.method-delete[data-v-aa973f32]{background:#fff2f0;color:#ff4d4f}.method-patch[data-v-aa973f32]{background:#f9f0ff;color:#722ed1}.pagination[data-v-aa973f32]{display:flex;justify-content:center;align-items:center;gap:16px;padding:20px;border-top:1px solid #e8e8e8}.pagination-btn[data-v-aa973f32]{padding:6px 12px;border:1px solid #d9d9d9;border-radius:4px;background:#fff;cursor:pointer;transition:all .3s}.pagination-btn[data-v-aa973f32]:hover:not(:disabled){border-color:#1890ff;color:#1890ff}.pagination-btn[data-v-aa973f32]:disabled{opacity:.5;cursor:not-allowed}.pagination-info[data-v-aa973f32]{color:#666;font-size:14px}.dropdown-enter-active[data-v-aa973f32],.dropdown-leave-active[data-v-aa973f32]{transition:opacity .3s,transform .3s}.dropdown-enter-from[data-v-aa973f32],.dropdown-leave-to[data-v-aa973f32]{opacity:0;transform:translateY(-10px)}