.gpu-accelerated{transform:translateZ(0);will-change:transform;backface-visibility:hidden;perspective:1000px}.transform-gpu{transform:translateZ(0);will-change:transform}.opacity-gpu{will-change:opacity}.animate-gpu{will-change:transform,opacity;transform:translateZ(0)}.contain-layout{contain:layout}.contain-paint{contain:paint}.contain-strict{contain:strict}.contain-content{contain:content}.smooth-scroll{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;transform:translateZ(0)}@keyframes fadeIn{0%{opacity:0;transform:translate3d(0,10px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes slideIn{0%{transform:translate3d(-100%,0,0)}to{transform:translateZ(0)}}@keyframes slideUp{0%{transform:translate3d(0,100%,0)}to{transform:translateZ(0)}}@keyframes scaleIn{0%{transform:scale3d(.95,.95,1);opacity:0}to{transform:scaleZ(1);opacity:1}}.animate-fadeIn{animation:fadeIn .3s cubic-bezier(.4,0,.2,1) forwards}.animate-slideIn{animation:slideIn .3s cubic-bezier(.4,0,.2,1) forwards}.animate-slideUp{animation:slideUp .3s cubic-bezier(.4,0,.2,1) forwards}.animate-scaleIn{animation:scaleIn .2s cubic-bezier(.4,0,.2,1) forwards}.animate-spin{animation:spin 1s linear infinite}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.smooth-scroll{scroll-behavior:auto}}.perf-critical{contain:layout style paint;transform:translateZ(0)}.perf-image{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;will-change:transform}.perf-text{text-rendering:optimizeSpeed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.transition-gpu{transition-property:transform,opacity;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);transform:translateZ(0)}.transition-fast{transition-duration:.15s}.transition-normal{transition-duration:.2s}.transition-slow{transition-duration:.3s}.no-select{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.no-drag{-webkit-user-drag:none;user-drag:none}.scroll-optimize{overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scroll-snap-type:y proximity}.scroll-item{scroll-snap-align:start;scroll-snap-stop:normal}.promote-layer{will-change:transform;transform:translateZ(0);backface-visibility:hidden}@media (hover: hover){.hover-optimize{transition:transform .2s cubic-bezier(.4,0,.2,1);will-change:transform}.hover-optimize:hover{transform:translate3d(0,-2px,0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-shimmer{background:linear-gradient(90deg,#fff0,#fff3,#fff0);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}.gpu-accelerated{will-change:transform,opacity;transform:translateZ(0);backface-visibility:hidden;perspective:1000px}.smooth-transition{transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1);will-change:transform,opacity}@keyframes slideIn{0%{transform:translate3d(-100%,0,0);opacity:0}to{transform:translateZ(0);opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:scale3d(.95,.95,1)}to{opacity:1;transform:scaleZ(1)}}@keyframes pulse{0%{transform:scaleZ(1)}50%{transform:scale3d(1.05,1.05,1)}to{transform:scaleZ(1)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.gpu-accelerated,.smooth-transition{will-change:auto}}.scroll-container{overflow-y:auto;-webkit-overflow-scrolling:touch;transform:translateZ(0);will-change:scroll-position}.hover-effect{transition:transform .2s ease-out;will-change:transform}.hover-effect:hover{transform:translate3d(0,-2px,0) scale3d(1.02,1.02,1)}.card-enter{animation:fadeIn .3s cubic-bezier(.4,0,.2,1) forwards;will-change:transform,opacity}.loading-spinner{animation:spin 1s linear infinite;will-change:transform;transform:translateZ(0)}@keyframes spin{0%{transform:rotate3d(0,0,1,0)}to{transform:rotate3d(0,0,1,360deg)}}.modal-backdrop{will-change:opacity;transition:opacity .3s ease-out}.modal-content{will-change:transform,opacity;transform:translateZ(0);transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1)}.drawer-panel{will-change:transform;transform:translateZ(0);transition:transform .3s cubic-bezier(.4,0,.2,1)}.tab-panel{will-change:opacity,transform;transform:translateZ(0)}.gsr-button{position:relative;background-color:var(--vps-btn-bg);color:var(--vps-btn-color);border-color:var(--vps-btn-border);transition:background-color var(--vps-transition-duration, .2s) var(--vps-transition-easing, ease-out),color var(--vps-transition-duration, .2s) var(--vps-transition-easing, ease-out),border-color var(--vps-transition-duration, .2s) var(--vps-transition-easing, ease-out),box-shadow var(--vps-transition-duration, .2s) var(--vps-transition-easing, ease-out),transform var(--vps-transition-duration, .2s) var(--vps-transition-easing, ease-out)}.gsr-button:hover:not(:disabled){background-color:var(--vps-btn-bg-hover, var(--vps-btn-bg));color:var(--vps-btn-color-hover, var(--vps-btn-color));border-color:var(--vps-btn-border-hover, var(--vps-btn-border))}.gsr-button:disabled,.gsr-button[disabled]{background-color:var(--vps-btn-bg-disabled)!important;color:var(--vps-btn-color-disabled)!important;border-color:var(--vps-btn-border-disabled)!important;cursor:not-allowed}@media (prefers-reduced-motion: reduce){.gsr-button{transition:none}}.gsr-button:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--vps-focus-ring-color, #DC2626) 30%,transparent)}.gsr-button:active:not(:disabled){background-color:var(--vps-btn-bg-active, var(--vps-btn-bg));color:var(--vps-btn-color-active, var(--vps-btn-color));border-color:var(--vps-btn-border-active, var(--vps-btn-border));transform:translateY(.5px)}.gsr-button .vps-btn-content{display:inline-flex;align-items:center;gap:8px}.gsr-button .vps-btn-icon-end{display:inline-flex;align-items:center}.gsr-button-has-end-icon.ant-btn-loading>.ant-btn-icon{display:none}.gsr-input,.gsr-textarea{transition:box-shadow var(--vps-transition-duration, .2s) var(--vps-transition-easing, ease-out),background-color var(--vps-transition-duration, .2s) var(--vps-transition-easing, ease-out)}.gsr-input:hover,.gsr-textarea:hover{border-color:var(--vps-input-border-color-hover)}@media (prefers-reduced-motion: reduce){.gsr-input,.gsr-textarea{transition:none}}.gsr-input:focus-visible,.gsr-textarea:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--vps-focus-ring-color, #DC2626) 30%,transparent)}.gsr-input::placeholder,.gsr-textarea::placeholder{color:var(--vps-placeholder-color)}.gsr-input-sm{font-size:12px}.gsr-input-md{font-size:14px}.gsr-input-lg{font-size:16px}.gsr-input-borderless{background:transparent}.gsr-input-filled{background:color-mix(in srgb,currentColor 2%,transparent)}.gsr-form{--vps-section-gap: 16px}.vps-form-section{display:grid;gap:var(--vps-section-gap);margin-block:8px 24px}.vps-form-section-header{display:grid;gap:4px}.vps-form-section-title{font-weight:600}.vps-form-section-description{color:#0009}.dark .vps-form-section-description{color:#ffffffa6}.vps-form-section-body{display:grid;gap:12px}.vps-form-actions{display:flex;gap:12px;margin-top:8px}.vps-form-actions-start{justify-content:flex-start}.vps-form-actions-end{justify-content:flex-end}.vps-form-actions-between{justify-content:space-between}.gsr-server-card{transition:all .2s ease-in-out;border-radius:12px;overflow:hidden;position:relative}.gsr-server-card:hover{transform:scale(1.02);box-shadow:0 8px 24px #0000001f}.gsr-server-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#dc2626,#ef4444);opacity:0;transition:opacity .2s ease-in-out}.gsr-server-card:hover:before{opacity:1}.gsr-server-card-online{border-color:#10b981}.gsr-server-card-offline{border-color:#ef4444;opacity:.8}.gsr-server-card-maintenance{border-color:#f59e0b}.gsr-server-card-title{font-weight:600;font-size:16px}.gsr-server-card-content{position:relative}.gsr-server-card-image{position:relative;overflow:hidden;border-radius:8px}.gsr-server-card-image img{transition:transform .3s ease}.gsr-server-card:hover .gsr-server-card-image img{transform:scale(1.05)}.gsr-server-card-detail{display:flex;justify-content:space-between;align-items:center;padding:4px 0}.gsr-server-card-detail .label{color:#6b7280;font-size:14px}.gsr-server-card-detail .value{color:#111827;font-weight:500;font-size:14px}.gsr-server-card-detail .value.price{color:#dc2626;font-weight:600;font-size:16px}.gsr-server-card-players{margin-top:8px}.gsr-server-card-players .players-header{display:flex;justify-content:space-between;margin-bottom:8px}.gsr-server-card .ant-btn-text{transition:all .2s ease}.gsr-server-card .ant-btn-text:hover{transform:scale(1.1)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.gsr-server-card-image.loading{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width: 640px){.gsr-server-card:hover{transform:scale(1.01)}.gsr-server-card-title{font-size:14px}.gsr-server-card-detail .label,.gsr-server-card-detail .value{font-size:12px}.gsr-server-card-detail .value.price{font-size:14px}}.gsr-select .ant-select-selector{transition:box-shadow var(--vps-transition-duration, .2s) var(--vps-transition-easing, ease-out),border-color var(--vps-transition-duration, .2s) var(--vps-transition-easing, ease-out),background-color var(--vps-transition-duration, .2s) var(--vps-transition-easing, ease-out)}.gsr-select:not(.ant-select-disabled):hover .ant-select-selector{border-color:var(--vps-select-border-color-hover)}.ant-select-item-option-content{transition:background-color var(--vps-transition-duration) var(--vps-transition-easing)}.ant-select-item-option-active:not(.ant-select-item-option-disabled){background-color:var(--vps-select-item-bg-hover)}.ant-select-item-option-selected:not(.ant-select-item-option-disabled){background-color:var(--vps-select-item-bg-active)}@media (prefers-reduced-motion: reduce){.gsr-select .ant-select-selector{transition:none}}.gsr-select.ant-select-focused:not(.ant-select-disabled) .ant-select-selector{border-color:transparent;box-shadow:0 0 0 3px color-mix(in srgb,var(--vps-focus-ring-color, #DC2626) 30%,transparent)}._header_17zns_1{display:flex;align-items:center;justify-content:space-between;padding:0 32px;height:72px;background:linear-gradient(to bottom,#fff,#fafafa);border-bottom:1px solid rgba(0,0,0,.06);box-shadow:0 2px 8px #0000000a;position:sticky;top:0;z-index:1000;transition:all .3s cubic-bezier(.4,0,.2,1)}._darkHeader_17zns_16{background:linear-gradient(to bottom,#1f1f1f,#1a1a1a);border-color:#ffffff14;box-shadow:0 2px 8px #0003}._headerContent_17zns_22{background-color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0;width:100%}._darkHeaderContent_17zns_31{background-color:#141414}._logo_17zns_35{font-size:24px;font-weight:700;margin-right:48px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px;transition:transform .3s ease;cursor:pointer;user-select:none}._logo_17zns_35:hover{transform:scale(1.05)}._logoIcon_17zns_53{font-size:28px;margin-right:12px}._menu_17zns_58{flex:1;min-width:0}._horizontalMenu_17zns_63{line-height:72px;background:transparent;border:none;display:flex;align-items:center}._horizontalMenu_17zns_63 .ant-menu-overflow{display:flex;align-items:center}._horizontalMenu_17zns_63 .ant-menu-overflow-item{display:flex!important;align-items:center}._horizontalMenu_17zns_63 .ant-menu-item{font-weight:500;font-size:15px;padding:0 20px;margin:0 4px;border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1)}._horizontalMenu_17zns_63 .ant-menu-item:hover{background-color:#667eea14;color:#667eea}._horizontalMenu_17zns_63 .ant-menu-item-selected{background-color:#667eea1a;color:#667eea;font-weight:600}._horizontalMenu_17zns_63 .ant-menu-item-selected:after{content:"";position:absolute;bottom:0;left:20px;right:20px;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:3px 3px 0 0;animation:_slideIn_17zns_1 .3s ease}@keyframes _slideIn_17zns_1{0%{transform:scaleX(0)}to{transform:scaleX(1)}}._themeToggle_17zns_122{cursor:pointer}._content_17zns_126{flex:1 0 auto;padding-top:24px;min-height:calc(100vh - 72px);animation:_fadeIn_17zns_1 .5s ease}@keyframes _fadeIn_17zns_1{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}._footer_17zns_144{text-align:center;background:#fafafa;border-top:1px solid #f0f0f0;padding:48px 24px 24px}._darkFooter_17zns_151{background:#1a1a1a;border-color:#404040}._footerGrid_17zns_156{max-width:1280px;margin:0 auto;padding:32px 16px}._headerActions_17zns_162{display:flex;align-items:center;gap:16px}._themeSwitch_17zns_168{transform:scale(1.1)}._userAvatar_17zns_172{cursor:pointer;transition:all .3s ease;border:2px solid transparent}._userAvatar_17zns_172:hover{transform:scale(1.1);border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}._mobileMenuButton_17zns_184{font-size:20px;padding:8px;border-radius:8px;transition:all .3s ease}._mobileMenuButton_17zns_184:hover{background-color:#667eea14;color:#667eea}@media (max-width: 768px){._header_17zns_1{padding:0 20px;height:64px}._logo_17zns_35{font-size:20px;margin-right:auto}._footerGrid_17zns_156{padding:24px 16px}._content_17zns_126{padding-top:16px;min-height:calc(100vh - 64px)}}
