:root{--motion-fast:.12s;--motion-medium:.18s;--motion-slow:.22s;--motion-stagger:40ms;--motion-ease-out:cubic-bezier(.22, 1, .36, 1);--motion-ease-standard:cubic-bezier(.2, 0, 0, 1)}.panel-motion-boundary{min-width:0;animation:motion-page-enter var(--motion-slow) var(--motion-ease-out) backwards}.route-navigation-feedback{z-index:1300;pointer-events:none;height:3px;animation:motion-fade-in var(--motion-fast) ease-out both;position:fixed;inset:0 0 auto;overflow:hidden}.route-navigation-progress{transform-origin:0;width:100%;height:100%;animation:motion-route-progress 1.05s var(--motion-ease-standard) infinite;background:linear-gradient(90deg,#14603a,#39a86b 48%,#9ae6b9);display:block;box-shadow:0 1px 7px #14603a52}.route-navigation-label{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.panel-motion-boundary :where(.panel,.stat-card,.metric-card,.finance-stat-card,.settings-card,.about-card,.hosting-hero,.ticket-chat,.ticket-meta-card,.server-overview-panel,.worker-stat-grid article,.worker-alert){animation:motion-surface-enter var(--motion-slow) var(--motion-ease-out) both}.panel-motion-boundary :where(.stat-grid,.metric-grid,.settings-layout,.about-grid,.hosting-admin-list,.worker-stat-grid)>:nth-child(2){animation-delay:calc(var(--motion-stagger) * 1)}.panel-motion-boundary :where(.stat-grid,.metric-grid,.settings-layout,.about-grid,.hosting-admin-list,.worker-stat-grid)>:nth-child(3){animation-delay:calc(var(--motion-stagger) * 2)}.panel-motion-boundary :where(.stat-grid,.metric-grid,.settings-layout,.about-grid,.hosting-admin-list,.worker-stat-grid)>:nth-child(4){animation-delay:calc(var(--motion-stagger) * 3)}.panel-motion-boundary :where(.stat-grid,.metric-grid,.settings-layout,.about-grid,.hosting-admin-list,.worker-stat-grid)>:nth-child(n+5){animation-delay:calc(var(--motion-stagger) * 4)}.panel-motion-boundary :where(.server-row,.admin-table-row,.finance-table-row,.dashboard-operation,.ssh-key-item,.session-item,.hosting-admin-card){animation:motion-row-enter var(--motion-medium) var(--motion-ease-out) both}.panel-motion-boundary :where(.server-table,.server-list-panel,.admin-table,.finance-table,.ssh-key-list,.session-list)>:nth-child(2){animation-delay:calc(var(--motion-stagger) * .5)}.panel-motion-boundary :where(.server-table,.server-list-panel,.admin-table,.finance-table,.ssh-key-list,.session-list)>:nth-child(3){animation-delay:calc(var(--motion-stagger) * 1)}.panel-motion-boundary :where(.server-table,.server-list-panel,.admin-table,.finance-table,.ssh-key-list,.session-list)>:nth-child(4){animation-delay:calc(var(--motion-stagger) * 1.5)}.panel-motion-boundary :where(.server-table,.server-list-panel,.admin-table,.finance-table,.ssh-key-list,.session-list)>:nth-child(5){animation-delay:calc(var(--motion-stagger) * 2)}.panel-motion-boundary :where(.server-table,.server-list-panel,.admin-table,.finance-table,.ssh-key-list,.session-list)>:nth-child(6){animation-delay:calc(var(--motion-stagger) * 2.5)}.panel-motion-boundary :where(.server-table,.server-list-panel,.admin-table,.finance-table,.ssh-key-list,.session-list)>:nth-child(n+7){animation-delay:calc(var(--motion-stagger) * 3)}.side-nav a .icon,.sidebar-account-chevron{transition:transform var(--motion-medium) var(--motion-ease-out), color var(--motion-medium) ease}.side-nav a.active .icon{transform:translate(2px)scale(1.04)}.nav-badge,.motion-value,.balance-widget>span{animation:motion-value-pop var(--motion-medium) var(--motion-ease-out) both;transform-origin:50%}.nav-section-items-clip{opacity:1;transition:grid-template-rows var(--motion-slow) var(--motion-ease-standard), opacity var(--motion-medium) ease;grid-template-rows:1fr;display:grid}.nav-section-items-clip>.nav-section-items{min-height:0;overflow:hidden}@media (min-width:851px){.sidebar:not(.is-collapsed) .nav-section.is-collapsed .nav-section-items-clip{opacity:0;grid-template-rows:0fr}.sidebar.is-collapsed .nav-section.is-collapsed .nav-section-items-clip{opacity:1;grid-template-rows:1fr}.sidebar:not(.is-collapsed) .nav-section.is-collapsed .nav-section-items,.sidebar.is-collapsed .nav-section.is-collapsed .nav-section-items{display:grid}}@media (max-width:850px){.nav-section.is-collapsed .nav-section-items-clip{opacity:0;grid-template-rows:0fr}.nav-section.is-collapsed .nav-section-items{display:grid}}:where(.action-menu,.notif-dropdown,.os-picker-menu){transform-origin:100% 0;animation:motion-popover-enter var(--motion-medium) var(--motion-ease-out) both}.toast{animation:motion-toast-enter var(--motion-slow) var(--motion-ease-out) both}:where(.reinstall-dialog,.news-dialog-backdrop){animation:motion-backdrop-enter var(--motion-medium) ease-out both}:where(.reinstall-dialog-card,.news-dialog){animation:motion-dialog-enter var(--motion-slow) var(--motion-ease-out) both}.news-dialog-content,.news-dialog-visual{animation:motion-story-enter var(--motion-medium) var(--motion-ease-out) both}.news-dialog-content{animation-delay:calc(var(--motion-stagger) * .5)}:where(.primary-button,.outline-button,.text-button,.danger-button,.renew-button,.dashboard-action-button,.icon-button,.actions-trigger,.server-list-pagination button,.range-tabs button,.finance-chip,.rental-period,.plan-card,.os-card,.application-card,.image-type-switch button,.os-picker-option,.payment-method-card){transition:transform var(--motion-fast) var(--motion-ease-out), box-shadow var(--motion-medium) ease, border-color var(--motion-medium) ease, background-color var(--motion-medium) ease, color var(--motion-medium) ease}@media (hover:hover){:where(.plan-card,.os-card,.application-card,.payment-method-card):not(:disabled):hover{transform:translateY(-2px)}}:where(.primary-button,.outline-button,.text-button,.danger-button,.renew-button,.dashboard-action-button,.icon-button,.actions-trigger,.server-list-pagination button,.range-tabs button,.finance-chip,.rental-period,.plan-card,.os-card,.application-card,.image-type-switch button,.os-picker-option,.payment-method-card):not(:disabled):active{transform:translateY(1px)scale(.985)}:where(.plan-card.selected,.os-card.selected,.application-card.selected,.payment-method-card.selected,.finance-chip.selected,.rental-period.selected,.range-tabs button.active,.image-type-switch button.selected,.os-picker-option-selected){transition-duration:var(--motion-medium);animation:motion-choice-selected var(--motion-medium) var(--motion-ease-out) both}:where(.plan-card.selected,.os-card.selected,.application-card.selected,.payment-method-card.selected)>i{animation:motion-check-enter var(--motion-medium) var(--motion-ease-out) both}.balance-widget,.dot.online{animation:none}:where(.dot.busy,.status.is-busy){animation:1.25s ease-in-out infinite motion-busy-pulse}.is-spinning,button:disabled svg:is(.icon-tabler-refresh,.icon-tabler-loader){animation:.72s linear infinite motion-spin}@keyframes motion-page-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes motion-surface-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes motion-row-enter{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}@keyframes motion-fade-in{0%{opacity:0}to{opacity:1}}@keyframes motion-route-progress{0%{transform:translate(-100%)scaleX(.32)}55%{transform:translate(-12%)scaleX(.64)}to{transform:translate(100%)scaleX(.28)}}@keyframes motion-popover-enter{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes motion-toast-enter{0%{opacity:0;transform:translate(16px)scale(.98)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes motion-backdrop-enter{0%{opacity:0}to{opacity:1}}@keyframes motion-dialog-enter{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes motion-story-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes motion-value-pop{0%{opacity:.45;transform:scale(.9)}65%{transform:scale(1.06)}to{opacity:1;transform:scale(1)}}@keyframes motion-check-enter{0%{opacity:0;transform:scale(.5)rotate(-12deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes motion-choice-selected{0%{transform:scale(.985)}65%{transform:scale(1.012)}to{transform:scale(1)}}@keyframes motion-busy-pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes motion-spin{to{transform:rotate(360deg)}}.server-creation-overlay{z-index:1400;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:radial-gradient(circle at 50% 18%,#3aa86b29,#0000 28rem),linear-gradient(145deg,#f7fbf7f7,#ebf5edfa);place-items:center;padding:24px;animation:.35s ease-out both server-creation-overlay-enter;display:grid;position:fixed;inset:0;overflow:hidden}.server-creation-overlay:before,.server-creation-overlay:after{content:"";aspect-ratio:1;pointer-events:none;border:1px solid #1b7a481a;border-radius:50%;width:min(620px,95vw);position:absolute}.server-creation-overlay:before{transform:scale(.68)}.server-creation-overlay:after{opacity:.55;transform:scale(.9)}.server-creation-card{z-index:1;text-align:center;width:min(470px,100%);animation:server-creation-card-enter .5s var(--motion-ease-out) 80ms both;background:#ffffffe6;border:1px solid #1b7a4829;border-radius:24px;padding:clamp(28px,6vw,48px);position:relative;box-shadow:0 22px 70px #14603a26,0 2px 4px #14603a0d}.server-creation-visual{place-items:center;width:124px;height:124px;margin:0 auto 24px;display:grid;position:relative}.server-creation-orbit{border:1px solid #1b7a4833;border-radius:50%;animation:4.2s linear infinite server-creation-orbit;position:absolute;inset:0}.server-creation-orbit-one{transform:rotate(24deg)scaleX(.68)}.server-creation-orbit-two{animation-duration:3.2s;animation-direction:reverse;transform:rotate(-56deg)scaleX(.68)}.server-creation-icon{color:#14603a;background:linear-gradient(145deg,#e8f6ec,#d1ecda);border:1px solid #1b7a4842;border-radius:18px;place-items:center;width:64px;height:64px;animation:1.8s ease-in-out infinite server-creation-icon-pulse;display:grid;box-shadow:0 12px 26px #14603a24}.server-creation-icon svg{width:32px;height:32px}.server-creation-eyebrow{color:#1b7a48;letter-spacing:.12em;text-transform:uppercase;margin:0 0 8px;font-size:11px;font-weight:700}.server-creation-card h1{color:#1b211c;letter-spacing:-.03em;margin:0;font-size:clamp(24px,5vw,31px);line-height:1.15}.server-creation-description{color:#68736b;min-height:42px;margin:12px auto 28px;font-size:14px;line-height:1.5}.server-creation-timer{color:#68736b;text-align:left;background:#f5faf6;border:1px solid #1b7a4824;border-radius:12px;grid-template-columns:auto auto;align-items:center;gap:2px 8px;margin:0 auto 26px;padding:9px 14px;display:inline-grid}.server-creation-timer svg{color:#1b7a48;grid-row:span 2;width:18px;height:18px}.server-creation-timer span{font-size:11px;line-height:1}.server-creation-timer strong{color:#1b211c;font-variant-numeric:tabular-nums;letter-spacing:.05em;font-size:16px;line-height:1.15}.server-creation-steps{text-align:left;gap:10px;margin:0;padding:0;list-style:none;display:grid}.server-creation-steps li{color:#9aa59d;transition:color var(--motion-medium) ease;align-items:center;gap:10px;font-size:13px;display:flex}.server-creation-steps li.is-current,.server-creation-steps li.is-done{color:#1b211c}.server-creation-step-marker{color:#9aa59d;width:25px;height:25px;transition:border-color var(--motion-medium) ease, background var(--motion-medium) ease, color var(--motion-medium) ease;background:#f7faf7;border:1px solid #dce8de;border-radius:50%;flex:0 0 25px;place-items:center;font-size:11px;font-weight:700;display:grid}.server-creation-steps li.is-current .server-creation-step-marker{color:#14603a;background:#e8f3eb;border-color:#1b7a48;box-shadow:0 0 0 4px #1b7a481a}.server-creation-steps li.is-done .server-creation-step-marker{color:#fff;background:#1b7a48;border-color:#1b7a48}.server-creation-step-marker svg{width:14px;height:14px}.server-creation-progress{background:#e8f0e9;border-radius:999px;height:5px;margin-top:28px;overflow:hidden}.server-creation-progress span{border-radius:inherit;height:100%;transition:width .65s var(--motion-ease-out);background:linear-gradient(90deg,#14603a,#39a86b,#78d49a);display:block;box-shadow:0 0 12px #39a86b5c}.server-creation-progress.is-live span{background-size:220% 100%;animation:1.8s linear infinite server-creation-progress-live;width:42%!important}.server-creation-note{color:#8a958d;margin:14px 0 0;font-size:12px}@keyframes server-creation-overlay-enter{0%{opacity:0}to{opacity:1}}@keyframes server-creation-card-enter{0%{opacity:0;transform:translateY(14px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes server-creation-orbit{to{transform:rotate(384deg)scaleX(.68)}}@keyframes server-creation-icon-pulse{0%,to{transform:translateY(0);box-shadow:0 12px 26px #14603a24}50%{transform:translateY(-4px);box-shadow:0 17px 30px #14603a33}}@keyframes server-creation-progress-live{0%{background-position:100% 0}to{background-position:-120% 0}}@media (max-width:520px){.server-creation-overlay{padding:16px}.server-creation-card{border-radius:20px}}@media (prefers-reduced-motion:reduce){.panel-motion-boundary,.panel-motion-boundary *,.panel-motion-boundary :before,.panel-motion-boundary :after,.route-navigation-feedback,.route-navigation-progress,.mobile-nav-scrim,.app-shell .sidebar,.balance-widget,.notif-bell-icon,.settings-icon,.loader-spinner,.is-spinning{scroll-behavior:auto!important;transition-duration:.01ms!important;animation:none!important}.route-navigation-progress{transform:none}.server-creation-overlay,.server-creation-card,.server-creation-orbit,.server-creation-icon,.server-creation-progress.is-live span{animation:none!important}.server-creation-progress span,.server-creation-steps li,.server-creation-step-marker{transition-duration:.01ms!important}}