:root{--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:"JetBrains Mono", monospace;--hostinger-purple:#673de6;--hostinger-purple-hover:#5329e4;--hostinger-purple-light:#f4f0ff;--hostinger-purple-border:#dcd2fc;--text-dark:#1b1c2b;--text-primary:#2f3044;--text-secondary:#727586;--text-muted:#9598a6;--bg-page:#f8f9fc;--bg-card:#fff;--border-card:#ebeef5;--border-subtle:#f0f2f7;--red-alert-bg:#fff5f5;--red-alert-border:#fed7d7;--red-alert-text:#2f3044;--red-btn:#d92534;--red-btn-hover:#b91c1c;--status-destroyed-badge:#fef2f2;--status-destroyed-text:#e02424;--status-running-text:#059669;--status-running-dot:#10b981;--date-badge-bg:#fef7e0;--date-badge-text:#8d5300;--shadow-card:0 1px 3px #0000000a, 0 1px 2px #00000005;--shadow-dropdown:0 10px 25px -5px #0000001a, 0 8px 10px -6px #0000000d}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-page);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.5;position:relative;overflow-x:hidden}.bg-pattern{pointer-events:none;z-index:0;background-image:radial-gradient(#673de611 1.2px,#0000 1.2px);background-size:24px 24px;position:fixed;inset:0}.bg-glow{pointer-events:none;z-index:0;background:radial-gradient(#673de612 0%,#fff0 70%);width:900px;height:380px;position:fixed;top:-120px;left:50%;transform:translate(-50%)}#root{z-index:1;min-height:100vh;position:relative}button{cursor:pointer;border:none;outline:none;font-family:inherit;transition:all .15s ease-in-out}a{color:inherit;text-decoration:none}.page-container{max-width:1260px;margin:0 auto;padding:32px 24px 64px}.banner-alert{background-color:#fff5f5;border:1px solid #fed7d7;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:32px;padding:14px 20px;animation:.3s ease-out fadeIn;display:flex;box-shadow:0 1px 3px #dc26260d}.banner-alert-left{align-items:center;gap:14px;display:flex}.banner-alert-icon{background-color:#e02424;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex;box-shadow:0 2px 4px #e0242440}.banner-alert-text{flex-direction:column;gap:2px;display:flex}.banner-alert-title{color:#1f2937;font-size:14px;font-weight:600}.banner-alert-subtitle{color:#4b5563;font-size:13.5px}.banner-alert-subtitle strong{color:#111827;font-weight:700}.banner-alert-actions{flex-shrink:0;align-items:center;gap:12px;display:flex}.btn-banner-renew{color:#fff;background-color:#b91c1c;border-radius:8px;padding:7px 18px;font-size:13px;font-weight:600;transition:all .15s}.btn-banner-renew:hover{background-color:#991b1b;transform:translateY(-1px)}.btn-banner-close{color:#6b7280;background:0 0;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex}.btn-banner-close:hover{color:#111827;background-color:#0000000d}.header-row{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.header-title{color:#1a1a2e;letter-spacing:-.4px;font-size:28px;font-weight:700}.btn-get-vps{background-color:var(--hostinger-purple);color:#fff;border-radius:9999px;align-items:center;gap:6px;padding:10px 22px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #673de640}.btn-get-vps:hover{background-color:var(--hostinger-purple-hover);transform:translateY(-1px);box-shadow:0 6px 16px #673de659}.vps-table-container{background:#fff;border:1px solid #ebeef5;border-radius:16px;position:relative;box-shadow:0 1px 3px #00000008,0 4px 12px #00000005}.vps-table-header{color:#717586;-webkit-user-select:none;user-select:none;border-bottom:1px solid #f1f3f7;align-items:center;padding:16px 20px;font-size:13px;font-weight:500;display:flex}.col-chevron-spacer{flex-shrink:0;width:32px;min-width:32px}.col-chevron{flex-shrink:0;justify-content:center;align-items:center;width:32px;min-width:32px;display:flex}.btn-chevron{color:var(--hostinger-purple);background:0 0;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:background-color .15s;display:flex}.btn-chevron:hover{background-color:var(--hostinger-purple-light)}.col-details{flex:2.2;align-items:center;gap:14px;min-width:230px;display:flex}.col-details span{align-items:center;gap:4px;display:inline-flex}.sort-icon{color:#9ca3af;margin-left:4px}.col-ip{flex:1.4;align-items:center;min-width:160px;display:flex}.col-status{flex:1.1;align-items:center;min-width:120px;display:flex}.col-expiration{flex:1.6;align-items:center;min-width:170px;display:flex}.col-actions{flex:1.6;justify-content:flex-end;align-items:center;gap:10px;min-width:190px;display:flex}.vps-table-body{flex-direction:column;display:flex}.vps-row-wrapper{border-bottom:1px solid #f1f3f7;transition:background-color .15s}.vps-row-wrapper:last-child{border-bottom:none;border-bottom-right-radius:16px;border-bottom-left-radius:16px}.vps-table-row{align-items:center;min-height:72px;padding:16px 20px;transition:background-color .15s;display:flex}.vps-table-row:hover{background-color:#fafbff}@media screen and (width>=1101px){.vps-grid-table .vps-table-header,.vps-grid-table .vps-table-row{grid-template-columns:32px minmax(220px,2.2fr) minmax(150px,1.4fr) minmax(110px,1.1fr) minmax(140px,1.4fr) minmax(170px,1.7fr);align-items:center;gap:16px;padding:16px 24px;display:grid!important}}.col-chevron-empty{width:28px;height:28px;display:block}.vps-info{flex-direction:column;gap:2px;display:flex}.vps-name{color:#1e2022;font-size:14.5px;font-weight:600}.vps-plan{color:#717586;font-size:13px;font-weight:400}.ip-dash{color:#717586;padding-left:4px;font-size:15px}.ip-box{align-items:center;gap:8px;display:inline-flex;position:relative}.ip-text{color:#1e2022;font-size:13.5px;font-weight:500;font-family:var(--font-sans)}.btn-copy-ip{color:var(--hostinger-purple);background:0 0;border-radius:6px;justify-content:center;align-items:center;padding:5px;transition:background-color .15s;display:flex}.btn-copy-ip:hover{background-color:var(--hostinger-purple-light)}.copy-tooltip{color:#fff;white-space:nowrap;pointer-events:none;background-color:#111827;border-radius:4px;padding:2px 7px;font-size:11px;animation:.15s ease-out fadeIn;position:absolute;top:-26px;left:50%;transform:translate(-50%);box-shadow:0 2px 6px #0003}.status-pill{color:#1e2022;align-items:center;gap:7px;font-size:13.5px;font-weight:500;display:inline-flex}.badge-expiration-destroyed{color:#dc2626;background-color:#fef2f2;border:1px solid #dc262626;border-radius:9999px;align-items:center;padding:4px 12px;font-size:12.5px;font-weight:500;display:inline-flex}.badge-expiration-running{color:#92400e;background-color:#fef7e0;border:1px solid #f59e0b33;border-radius:9999px;align-items:center;padding:4px 14px;font-size:12.5px;font-weight:500;display:inline-flex}.btn-action-renew{background-color:var(--hostinger-purple);color:#fff;border-radius:9999px;padding:7px 18px;font-size:13px;font-weight:600;transition:all .15s}.btn-action-renew:hover{background-color:var(--hostinger-purple-hover);transform:translateY(-1px)}.btn-action-manage{color:var(--hostinger-purple);background-color:#fff;border:1px solid #dcd2fc;border-radius:9999px;padding:6px 16px;font-size:13px;font-weight:600;transition:all .15s}.btn-action-manage:hover{background-color:var(--hostinger-purple-light);border-color:var(--hostinger-purple)}.menu-container{position:relative}.btn-action-more{color:#727586;background:0 0;border:1px solid #e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.btn-action-more:hover{color:#111827;background-color:#f3f4f6}.dropdown-menu{box-shadow:var(--shadow-dropdown);z-index:50;background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:190px;padding:6px;animation:.15s ease-out fadeIn;position:absolute;top:calc(100% + 6px);right:0}.dropdown-item{color:#374151;text-align:left;background:0 0;border-radius:8px;align-items:center;gap:10px;width:100%;padding:9px 12px;font-size:13px;font-weight:500;transition:background-color .12s;display:flex}.dropdown-item:hover{color:var(--hostinger-purple);background-color:#f8f9fa}.dropdown-item.text-danger{color:#dc2626}.dropdown-item.text-danger:hover{background-color:#fef2f2}.dropdown-divider{background-color:#f1f3f7;height:1px;margin:5px 0}.vps-expanded-drawer{background-color:#fafbfc;border-top:1px dashed #e2e8f0;padding:20px 24px;animation:.2s ease-out slideDown}.drawer-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.drawer-card{background:#fff;border:1px solid #eef0f5;border-radius:10px;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.drawer-card-header{color:#1f2937;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.ssh-box{background-color:#f1f3f7;border-radius:6px;justify-content:space-between;align-items:center;padding:6px 10px;display:flex}.ssh-box code{font-family:var(--font-mono);color:#1f2937;font-size:12px}.btn-copy-ssh{color:#6b7280;background:0 0;align-items:center;padding:3px;display:flex}.btn-copy-ssh:hover{color:var(--hostinger-purple)}.specs-list{flex-direction:column;gap:6px;display:flex}.spec-item{justify-content:space-between;font-size:12.5px;display:flex}.spec-label{color:#6b7280}.spec-val{color:#111827;font-weight:500}.text-success{color:#16a34a}.quick-actions-btns{flex-direction:column;gap:8px;display:flex}.btn-drawer-quick{color:#374151;background-color:#f8f9fc;border:1px solid #e5e7eb;border-radius:6px;align-items:center;gap:8px;padding:7px 12px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.btn-drawer-quick:hover{background-color:var(--hostinger-purple-light);border-color:var(--hostinger-purple);color:var(--hostinger-purple)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172a66;justify-content:center;align-items:center;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:16px;width:480px;max-width:90%;padding:24px;box-shadow:0 20px 25px -5px #00000026}.modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal-header h3{color:#111827;font-size:17px;font-weight:700}.btn-modal-close{color:#9ca3af;background:0 0;padding:4px}.btn-modal-close:hover{color:#111827}.form-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.form-group label{color:#374151;font-size:13px;font-weight:600}.form-input{border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-family:inherit;font-size:14px;transition:border-color .15s}.form-input:focus{border-color:var(--hostinger-purple);box-shadow:0 0 0 3px #673de626}.modal-footer{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.btn-modal-cancel{color:#374151;background:#f3f4f6;border-radius:8px;padding:9px 18px;font-size:13.5px;font-weight:600}.btn-modal-cancel:hover{background:#e5e7eb}.btn-modal-save{background:var(--hostinger-purple);color:#fff;border-radius:8px;padding:9px 20px;font-size:13.5px;font-weight:600}.btn-modal-save:hover{background:var(--hostinger-purple-hover)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;max-height:0;overflow:hidden}to{opacity:1;max-height:400px}}@media (width<=900px){.vps-table-container{overflow-x:auto}.vps-table-header,.vps-table-row{min-width:820px}}.overview-page{animation:.25s ease-out fadeIn}.breadcrumbs{color:#717586;align-items:center;gap:8px;margin-bottom:18px;font-size:13px;display:flex}.breadcrumb-home-btn{color:#717586;background:0 0;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex}.breadcrumb-home-btn:hover{color:#111827;background-color:#f1f3f7}.breadcrumb-link{color:#717586;background:0 0;border-radius:4px;padding:2px 4px;font-size:13px;font-weight:500;transition:all .15s}.breadcrumb-link:hover{color:var(--hostinger-purple);background-color:var(--hostinger-purple-light)}.breadcrumb-current{color:#111827;font-weight:600}.overview-title{color:#1a1a2e;letter-spacing:-.3px;margin-bottom:22px;font-size:26px;font-weight:700}.overview-main-card{background:#fff;border:1px solid #ebeef5;border-radius:16px;margin-bottom:20px;box-shadow:0 1px 3px #00000008}.card-top-header{justify-content:space-between;align-items:center;padding:22px 28px;display:flex}.card-top-left{align-items:center;gap:16px;display:flex}.card-server-meta{flex-direction:column;gap:4px;display:flex}.os-status-line{align-items:center;gap:10px;display:flex}.os-name{color:#111827;font-size:17px;font-weight:700}.status-badge-running{color:#059669;background-color:#d1fae5;border-radius:9999px;padding:2px 9px;font-size:12px;font-weight:600}.os-plan-sub{color:#717586;font-size:13px;font-weight:500}.card-top-actions{align-items:center;gap:12px;display:flex}.reboot-split-btn-group{align-items:stretch;display:inline-flex;position:relative}.btn-reboot-primary{background-color:var(--hostinger-purple);color:#fff;border-top-left-radius:8px;border-bottom-left-radius:8px;padding:8px 18px;font-size:13.5px;font-weight:600;transition:background-color .15s}.btn-reboot-primary:hover{background-color:var(--hostinger-purple-hover)}.btn-reboot-arrow{background-color:var(--hostinger-purple);color:#fff;border-left:1px solid #fff3;border-top-right-radius:8px;border-bottom-right-radius:8px;justify-content:center;align-items:center;padding:8px 10px;transition:background-color .15s;display:flex}.btn-reboot-arrow:hover{background-color:var(--hostinger-purple-hover)}.reboot-dropdown-menu{box-shadow:var(--shadow-dropdown);z-index:50;background:#fff;border:1px solid #e5e7eb;border-radius:10px;width:170px;padding:6px;animation:.15s ease-out fadeIn;position:absolute;top:calc(100% + 6px);right:0}.btn-web-console{color:#1f2937;background-color:#fff;border:1px solid #d1d5db;border-radius:8px;align-items:center;gap:8px;padding:8px 18px;font-size:13.5px;font-weight:600;transition:all .15s;display:inline-flex}.btn-web-console:hover{border-color:var(--hostinger-purple);color:var(--hostinger-purple);background-color:var(--hostinger-purple-light)}.card-divider{background-color:#f1f3f7;width:100%;height:1px}.connection-details-strip{flex-wrap:wrap;align-items:center;gap:16px;padding:14px 28px;font-size:13px;display:flex}.conn-item{align-items:center;gap:8px;display:inline-flex}.conn-label{color:#717586;font-weight:500}.conn-label.text-muted{color:#717586}.conn-val{color:#111827;font-weight:600}.conn-sep{background-color:#e5e7eb;width:1px;height:18px}.btn-inline-copy{color:var(--hostinger-purple);background:0 0;border-radius:4px;justify-content:center;align-items:center;padding:3px;transition:background-color .15s;display:inline-flex}.btn-inline-copy:hover{background-color:var(--hostinger-purple-light)}.btn-link-action{color:var(--hostinger-purple);background:0 0;padding:0;font-size:13px;font-weight:600;transition:opacity .15s}.btn-link-action:hover{text-decoration:underline}.metrics-grid{grid-template-columns:repeat(3,1fr);gap:18px;padding:24px 28px;display:grid}.metric-box{background:#fafbfc;border:1px solid #f0f2f7;border-radius:12px;justify-content:space-between;align-items:center;min-height:84px;padding:16px 20px;transition:all .15s;display:flex}.metric-box:hover{background:#fff;border-color:#e2e8f0;box-shadow:0 4px 12px #00000008}.metric-info{flex-direction:column;gap:6px;display:flex}.metric-label-row{color:#4b5563;cursor:pointer;align-items:center;gap:4px;font-size:13px;font-weight:500;display:inline-flex}.metric-label-row:hover{color:var(--hostinger-purple)}.metric-value{color:#111827;letter-spacing:-.3px;font-size:19px;font-weight:700}.metric-total{color:#717586;margin-left:2px;font-size:13px;font-weight:400}.metric-graph,.metric-gauge{justify-content:flex-end;align-items:center;display:flex}.bottom-nav-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.bottom-nav-card{cursor:pointer;background:#fff;border:1px solid #ebeef5;border-radius:14px;justify-content:space-between;align-items:center;padding:16px 20px;transition:all .15s;display:flex;box-shadow:0 1px 3px #00000005}.bottom-nav-card:hover{border-color:#dcd2fc;transform:translateY(-2px);box-shadow:0 6px 16px #673de612}.bottom-nav-text{flex-direction:column;gap:4px;display:flex}.bottom-nav-title{color:#717586;font-size:12.5px;font-weight:500}.bottom-nav-val{color:#111827;font-size:15px;font-weight:700}.console-modal-content{background:#0f111a;border:1px solid #232738;border-radius:14px;width:720px;max-width:95%;animation:.2s ease-out fadeIn;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.console-modal-header{background:#181b29;border-bottom:1px solid #282c40;justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.console-title{color:#e2e8f0;font-size:13px;font-weight:600;font-family:var(--font-mono);align-items:center;gap:8px;display:flex}.terminal-body{font-family:var(--font-mono);padding:20px;font-size:13px;line-height:1.6}.terminal-line{margin-bottom:4px}.terminal-line.text-green{color:#10b981}.terminal-line.text-dim{color:#94a3b8}.terminal-prompt{align-items:center;gap:6px;margin-top:14px;display:flex}.prompt-user{color:#a855f7;font-weight:600}.prompt-cursor{color:#fff;animation:1s infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@media (width<=1024px){.metrics-grid,.bottom-nav-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.card-top-header{flex-direction:column;align-items:flex-start;gap:16px}.metrics-grid,.bottom-nav-grid{grid-template-columns:1fr}.connection-details-strip{flex-direction:column;align-items:flex-start}.conn-sep{display:none}}.hostinger-navbar{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#110e28;border-bottom:1px solid #ffffff14;position:sticky;top:0;box-shadow:0 4px 20px #00000026}.navbar-container{justify-content:space-between;align-items:center;max-width:1260px;height:62px;margin:0 auto;padding:0 24px;display:flex}.navbar-brand{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;transition:opacity .15s;display:flex}.navbar-brand:hover{opacity:.92}.brand-logo-icon{background-color:#fff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:4px;display:flex;overflow:hidden;box-shadow:0 2px 10px #00000040,0 0 0 1px #ffffff1f}.brand-custom-img{object-fit:contain;width:100%;height:100%}.brand-name{align-items:center;gap:8px;display:flex}.brand-company-title{color:#fff;letter-spacing:-.4px;white-space:nowrap;font-size:18px;font-weight:800}.brand-badge{color:#c4b5fd;letter-spacing:.3px;text-transform:uppercase;background:#673de666;border:1px solid #c4b5fd40;border-radius:6px;padding:2.5px 7.5px;font-size:11px;font-weight:700}.navbar-nav{align-items:center;gap:6px;display:flex}.nav-tab-btn{color:#9ca3af;background:0 0;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:13.5px;font-weight:600;transition:all .15s;display:flex;position:relative}.nav-tab-btn:hover{color:#fff;background-color:#ffffff14}.nav-tab-btn.is-active{color:#fff;background-color:#673de64d}.nav-active-pill{background-color:#673de6;border-radius:2px;width:24px;height:3px;position:absolute;bottom:-12px;left:50%;transform:translate(-50%);box-shadow:0 0 8px #673de6}.navbar-right{align-items:center;gap:16px;display:flex}.nav-notification-btn{cursor:pointer;background:#ffffff0f;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .15s;display:flex;position:relative}.nav-notification-btn:hover{background:#ffffff1f}.notification-dot{color:#fff;background-color:#ef4444;border:2px solid #110e28;border-radius:50%;justify-content:center;align-items:center;width:15px;height:15px;font-size:10px;font-weight:700;display:flex;position:absolute;top:4px;right:4px}.nav-user-profile{cursor:pointer;background:#ffffff12;border:1px solid #ffffff14;border-radius:20px;align-items:center;gap:8px;padding:4px 12px 4px 5px;transition:all .15s;display:flex}.nav-user-profile:hover{background:#ffffff1f}.user-avatar-gradient{background:linear-gradient(135deg,#673de6,#a855f7);border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.user-name{color:#fff;font-size:13px;font-weight:600}.billing-page{animation:.25s ease-out fadeIn}.section-header-row{margin-bottom:24px}.billing-top-grid{grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:24px;display:grid}.billing-card{background:#fff;border:1px solid #ebeef5;border-radius:14px;padding:22px 24px;box-shadow:0 1px 3px #00000005}.billing-card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.billing-card-title{color:#111827;align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.btn-add-payment{background-color:var(--hostinger-purple-light);color:var(--hostinger-purple);border-radius:6px;align-items:center;gap:4px;padding:5px 12px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.btn-add-payment:hover{background-color:#ebe4ff}.payment-method-item{background:#fafbfc;border:1px solid #eef0f5;border-radius:10px;align-items:center;gap:14px;padding:12px 16px;display:flex}.card-chip-icon{color:#fff;letter-spacing:.5px;background-color:#1a1f36;border-radius:4px;padding:5px 8px;font-size:11px;font-weight:800}.card-details{flex-direction:column;gap:2px;display:flex}.card-num{color:#111827;font-size:13.5px;font-weight:600;font-family:var(--font-mono)}.card-exp{color:#717586;font-size:12px}.badge-default{color:#059669;background-color:#d1fae5;border-radius:9999px;margin-left:auto;padding:3px 9px;font-size:11px;font-weight:600}.toggle-switch{width:44px;height:24px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background-color:#e5e7eb;border-radius:24px;transition:all .2s;position:absolute;inset:0}.toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .2s;position:absolute;bottom:3px;left:3px;box-shadow:0 1px 3px #00000026}input:checked+.toggle-slider{background-color:var(--hostinger-purple)}input:checked+.toggle-slider:before{transform:translate(20px)}.billing-card-desc{color:#4b5563;font-size:13px;line-height:1.5}.next-charge-box{background:#fafbfc;border:1px solid #f1f3f7;border-radius:8px;justify-content:space-between;align-items:center;margin-top:14px;padding:10px 14px;font-size:13px;display:flex}.next-charge-label{color:#717586;font-weight:500}.next-charge-val{color:#111827;font-weight:700}.invoices-card{background:#fff;border:1px solid #ebeef5;border-radius:14px;overflow:hidden;box-shadow:0 1px 3px #00000005}.invoices-header{border-bottom:1px solid #f1f3f7;padding:18px 24px}.invoices-header h3{color:#111827;font-size:16px;font-weight:700}.btn-download-pdf{color:#374151;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;align-items:center;gap:5px;padding:5px 12px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.btn-download-pdf:hover{border-color:var(--hostinger-purple);color:var(--hostinger-purple);background-color:var(--hostinger-purple-light)}@media (width<=768px){.navbar-container{padding:0 16px}.brand-badge,.nav-tab-btn span{display:none}.billing-top-grid{grid-template-columns:1fr}}.database-page{animation:.25s ease-out fadeIn}.btn-create-db{background-color:var(--hostinger-purple);color:#fff;border-radius:8px;align-items:center;gap:6px;padding:8px 18px;font-size:13.5px;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 2px 8px #673de640}.btn-create-db:hover{background-color:var(--hostinger-purple-hover);transform:translateY(-1px)}.db-connection-strip{background:#fff;border:1px solid #ebeef5;border-radius:12px;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:22px;padding:14px 20px;display:flex;box-shadow:0 1px 3px #00000005}.db-conn-item{align-items:center;gap:8px;font-size:13px;display:inline-flex}.db-conn-label{color:#717586;font-weight:500}.db-conn-val{color:#111827;font-weight:600;font-family:var(--font-mono)}.btn-phpmyadmin{color:var(--hostinger-purple);background-color:#f4f0ff;border:1px solid #dcd2fc;border-radius:6px;align-items:center;gap:6px;padding:6px 14px;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}.btn-phpmyadmin:hover{border-color:var(--hostinger-purple);background-color:#ebe4ff}.db-icon-circle{background:#f4f0ff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.btn-db-action{color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:6px;align-items:center;gap:4px;padding:5px 10px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.btn-db-action:hover{color:var(--hostinger-purple);border-color:var(--hostinger-purple);background-color:var(--hostinger-purple-light)}.btn-db-delete{color:#9ca3af;background:0 0;border:1px solid #e5e7eb;border-radius:6px;justify-content:center;align-items:center;padding:5px 7px;transition:all .15s;display:inline-flex}.btn-db-delete:hover{color:#dc2626;background:#fef2f2;border-color:#fecaca}.btn-refresh-db,.btn-export-db{color:#374151;background-color:#fff;border:1px solid #d1d5db;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.btn-refresh-db:hover,.btn-export-db:hover{border-color:var(--hostinger-purple);color:var(--hostinger-purple);background-color:var(--hostinger-purple-light)}.spin-icon{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.collection-tabs-bar{margin-bottom:20px;padding-bottom:4px;overflow-x:auto}.collection-tabs-scroll{align-items:center;gap:8px;display:flex}.collection-tab-pill{color:#4b5563;white-space:nowrap;cursor:pointer;background-color:#fff;border:1px solid #e5e7eb;border-radius:9999px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 1px 2px #00000005}.collection-tab-pill:hover{background-color:#f8f9fa;border-color:#d1d5db}.collection-tab-pill.is-active{background-color:var(--hostinger-purple);color:#fff;border-color:var(--hostinger-purple);box-shadow:0 4px 12px #673de640}.col-count-badge{color:#6b7280;background-color:#f1f3f7;border-radius:12px;padding:2px 7px;font-size:11px;font-weight:700}.count-active{color:#fff;background-color:#ffffff40}.mongo-table-card{background:#fff;border:1px solid #ebeef5;border-radius:14px;overflow:hidden;box-shadow:0 1px 3px #00000005}.mongo-table-toolbar{background-color:#fafbfc;border-bottom:1px solid #f1f3f7;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;display:flex}.mongo-search-form{flex:1;align-items:center;gap:8px;max-width:420px;display:flex;position:relative}.search-icon{pointer-events:none;position:absolute;left:12px}.mongo-search-input{border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;padding:8px 32px 8px 34px;font-family:inherit;font-size:13.5px;transition:border-color .15s}.mongo-search-input:focus{border-color:var(--hostinger-purple);box-shadow:0 0 0 3px #673de61f}.btn-clear-search{color:#9ca3af;background:0 0;align-items:center;padding:4px;display:flex;position:absolute;right:76px}.btn-search-submit{background-color:var(--hostinger-purple);color:#fff;border-radius:8px;flex-shrink:0;padding:8px 14px;font-size:12.5px;font-weight:600}.btn-search-submit:hover{background-color:var(--hostinger-purple-hover)}.mongo-toolbar-right{color:#6b7280;align-items:center;gap:16px;font-size:13px;display:flex}.results-count-text strong{color:#111827}.limit-selector-box{align-items:center;gap:6px;display:flex}.limit-select{background:#fff;border:1px solid #d1d5db;border-radius:6px;outline:none;padding:5px 8px;font-size:12.5px}.mongo-table-wrapper{max-height:580px;position:relative;overflow-x:auto}.mongo-data-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.mongo-data-table th{color:#4b5563;text-transform:uppercase;letter-spacing:.5px;z-index:10;white-space:nowrap;background-color:#f8f9fa;border-bottom:1px solid #e5e7eb;padding:12px 14px;font-size:12px;font-weight:700;position:sticky;top:0}.mongo-data-table td{color:#1e2022;white-space:nowrap;border-bottom:1px solid #f1f3f7;padding:11px 14px}.mongo-table-row{cursor:pointer;transition:background-color .12s}.mongo-table-row:hover{background-color:#f6f7fb}.table-cell-content{text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-family:var(--font-sans);overflow:hidden}.val-null{color:#9ca3af;font-size:12px;font-style:italic}.badge-bool{font-size:11px;font-weight:700;font-family:var(--font-mono);border-radius:4px;padding:2px 7px}.bool-true{color:#065f46;background-color:#d1fae5}.bool-false{color:#991b1b;background-color:#fee2e2}.badge-object{color:#1d4ed8;font-size:11px;font-weight:600;font-family:var(--font-mono);background-color:#eff6ff;border-radius:4px;padding:2px 6px}.badge-role{color:#6b21a8;background-color:#f3e8ff;border-radius:4px;padding:2px 8px;font-size:11.5px;font-weight:600}.badge-status-green{color:#047857;background-color:#d1fae5;border-radius:9999px;padding:2px 8px;font-size:11.5px;font-weight:600}.badge-status-neutral{color:#4b5563;background-color:#f3f4f6;border-radius:9999px;padding:2px 8px;font-size:11.5px;font-weight:600}.btn-view-doc{color:#717586;background:0 0;border:1px solid #e5e7eb;border-radius:6px;justify-content:center;align-items:center;padding:4px 7px;transition:all .12s;display:inline-flex}.btn-view-doc:hover{background-color:var(--hostinger-purple-light);color:var(--hostinger-purple);border-color:var(--hostinger-purple)}.table-loading-state,.table-empty-state{color:#6b7280;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 20px;font-size:14px;display:flex}.btn-reset-filter{background:var(--hostinger-purple-light);color:var(--hostinger-purple);border:1px solid #dcd2fc;border-radius:6px;padding:6px 14px;font-size:12.5px;font-weight:600}.mongo-pagination-footer{background-color:#fff;border-top:1px solid #f1f3f7;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.pagination-info{color:#6b7280;font-size:13px}.pagination-info strong{color:#111827}.pagination-buttons{align-items:center;gap:6px;display:flex}.btn-page-nav{color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.btn-page-nav:disabled{opacity:.4;cursor:not-allowed}.btn-page-nav:not(:disabled):hover{border-color:var(--hostinger-purple);color:var(--hostinger-purple);background-color:var(--hostinger-purple-light)}.page-indicator{background-color:var(--hostinger-purple);color:#fff;border-radius:6px;padding:5px 12px;font-size:13px;font-weight:700}.doc-modal-content{background:#0f111a;border:1px solid #232738;border-radius:14px;width:720px;max-width:95%;animation:.2s ease-out fadeIn;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.doc-modal-header{background:#181b29;border-bottom:1px solid #282c40;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.doc-modal-header h3{color:#f3f4f6;font-size:14.5px;font-weight:600;font-family:var(--font-mono)}.btn-copy-doc-json{color:#fff;background:#ffffff14;border:1px solid #ffffff26;border-radius:6px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.btn-copy-doc-json:hover{background:var(--hostinger-purple);border-color:var(--hostinger-purple)}.doc-json-body{max-height:480px;padding:20px;overflow-y:auto}.doc-json-body pre{font-family:var(--font-mono);color:#38bdf8;margin:0;font-size:12.5px;line-height:1.6}.renew-modal-content{background:#fff;border-radius:20px;width:530px;max-width:95%;padding:32px 32px 28px;animation:.2s ease-out fadeIn;box-shadow:0 25px 50px -12px #00000040}.renew-header{margin-bottom:20px}.renew-title{color:#111827;margin-bottom:4px;font-size:22px;font-weight:700}.renew-subtitle{color:#6b7280;font-size:13.5px}.renew-period-box{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:16px;padding:14px 18px}.renew-period-header{margin-bottom:8px}.period-label{color:#111827;font-size:13px;font-weight:600}.period-selection-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.dropdown-trigger-wrapper{flex:1;position:relative}.btn-period-dropdown{border:1.5px solid var(--hostinger-purple);color:#111827;cursor:pointer;background:#fff;border-radius:10px;justify-content:space-between;align-items:center;width:100%;padding:9px 14px;font-size:14px;font-weight:600;transition:all .15s;display:flex}.btn-period-dropdown:hover{box-shadow:0 0 0 3px #673de61f}.period-dropdown-menu{width:320px;box-shadow:var(--shadow-dropdown);z-index:100;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:6px;animation:.15s ease-out fadeIn;position:absolute;top:calc(100% + 6px);left:0}.period-menu-item{cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 12px;transition:background-color .12s;display:flex}.period-menu-item:hover{background-color:#f8f9fa}.period-menu-item.item-selected{background-color:#f5f3ff}.item-left{align-items:center;gap:8px;display:flex}.item-name{color:#111827;font-size:13.5px;font-weight:600}.badge-discount{color:var(--hostinger-purple);background-color:#ede9fe;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:700}.item-right{align-items:baseline;gap:6px;display:flex}.item-strike{color:#9ca3af;font-size:12px;text-decoration:line-through}.item-bold{color:#111827;font-size:13.5px;font-weight:700}.item-sub{color:#6b7280;font-size:11.5px;font-weight:400}.period-price-display{align-items:center;gap:10px;display:flex}.badge-save-pill{color:var(--hostinger-purple);white-space:nowrap;background-color:#ede9fe;border-radius:9999px;padding:3px 8px;font-size:11px;font-weight:700}.price-column{flex-direction:column;align-items:flex-end;display:flex}.strike-top-price{color:#9ca3af;margin-bottom:2px;font-size:12px;line-height:1;text-decoration:line-through}.main-rate-price{color:#111827;font-size:19px;font-weight:800;line-height:1.1}.rate-mo{color:#4b5563;font-size:13px;font-weight:500}.renew-breakdown-card{background-color:#f8f9fa;border-radius:14px;margin-bottom:24px;padding:18px 20px}.breakdown-row{justify-content:space-between;align-items:center;margin-bottom:12px;font-size:13.5px;display:flex}.breakdown-label{color:#4b5563;font-weight:500}.breakdown-val{color:#111827}.breakdown-price-pair{align-items:baseline;gap:8px;display:flex}.strike-small{color:#9ca3af;font-size:12.5px;text-decoration:line-through}.btn-coupon-add{color:var(--hostinger-purple);cursor:pointer;background:0 0;padding:0;font-size:13px;font-weight:600}.btn-coupon-add:hover{text-decoration:underline}.coupon-form{align-items:center;gap:6px;display:flex}.coupon-input{border:1px solid #d1d5db;border-radius:4px;outline:none;width:110px;padding:4px 8px;font-size:12px}.btn-coupon-apply{background:var(--hostinger-purple);color:#fff;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:600}.text-balance{color:#111827;font-weight:500}.breakdown-separator{background-color:#e5e7eb;height:1px;margin:14px 0}.total-row{margin-bottom:14px}.total-label{color:#111827;font-size:18px;font-weight:800}.total-amount{color:#111827;font-size:21px;font-weight:800}.renew-terms-text{color:#6b7280;margin:0;font-size:11.5px;line-height:1.5}.renew-terms-text a{color:#4b5563;text-decoration:underline}.renew-footer-actions{justify-content:flex-end;align-items:center;gap:14px;display:flex}.btn-renew-cancel{color:var(--hostinger-purple);background:0 0;border-radius:8px;padding:10px 18px;font-size:13.5px;font-weight:600;transition:all .15s}.btn-renew-cancel:hover{background-color:var(--hostinger-purple-light)}.btn-renew-checkout{background-color:var(--hostinger-purple);color:#fff;border-radius:10px;padding:11px 22px;font-size:14px;font-weight:600;transition:all .15s;box-shadow:0 4px 12px #673de640}.btn-renew-checkout:hover{background-color:var(--hostinger-purple-hover);transform:translateY(-1px)}.btn-renew-checkout:disabled{opacity:.7;cursor:not-allowed;transform:none}.renew-blocked-banner{background-color:#fef2f2;border:1px solid #fecaca;border-radius:10px;align-items:flex-start;gap:10px;margin-top:14px;padding:12px 14px;animation:.2s ease-out fadeIn;display:flex}.renew-blocked-icon{background:#fee2e2;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-top:1px;display:flex}.renew-blocked-text{color:#991b1b;font-size:12.5px;line-height:1.4}.renew-blocked-text strong{color:#b91c1c;margin-bottom:2px;font-size:13px;display:block}.renew-blocked-text p{color:#7f1d1d;margin:0}.renew-success-box{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:30px 20px;display:flex}.renew-success-icon{background-color:#10b981;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:16px;animation:.3s cubic-bezier(.175,.885,.32,1.275) scaleUp;display:flex;box-shadow:0 4px 12px #10b98159}.renew-success-box h2{color:#111827;margin-bottom:8px;font-size:20px;font-weight:700}.renew-success-box p{color:#4b5563;font-size:14px}@keyframes scaleUp{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.invoice-modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(5px);background:#0f172a8c;justify-content:center;align-items:center;width:100vw;height:100dvh;padding:24px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.invoice-modal-wrapper{background:#fff;border-radius:16px;flex-direction:column;width:760px;max-width:96%;max-height:calc(100dvh - 32px);margin:auto;animation:.2s ease-out fadeIn;display:flex;overflow:hidden;box-shadow:0 25px 60px -15px #00000073}.invoice-modal-toolbar{z-index:10;background:#181b29;border-top-left-radius:16px;border-top-right-radius:16px;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 24px;display:flex;position:sticky;top:0}.toolbar-title{color:#e2e8f0;font-size:13.5px;font-weight:600;font-family:var(--font-mono)}.toolbar-actions{align-items:center;gap:10px;display:flex}.btn-invoice-action{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff29;border-radius:6px;align-items:center;gap:6px;padding:6px 14px;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}.btn-invoice-action:hover{background:#ffffff29}.btn-invoice-primary{background:var(--hostinger-purple);border-color:var(--hostinger-purple)}.btn-invoice-primary:hover{background:var(--hostinger-purple-hover)}.btn-invoice-close{color:#9ca3af;cursor:pointer;background:0 0;border-radius:4px;align-items:center;padding:4px;display:flex}.btn-invoice-close:hover{color:#fff;background:#ffffff1a}.invoice-document-card{color:#1f2937;-webkit-overflow-scrolling:touch;background:#fff;border-bottom-right-radius:16px;border-bottom-left-radius:16px;flex:auto;min-height:0;padding:36px 40px;overflow-y:auto}.inv-header{justify-content:space-between;align-items:flex-start;display:flex}.inv-brand{align-items:center;gap:12px;display:flex}.inv-brand-logo{background-color:var(--hostinger-purple);border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.inv-brand-text{color:#111827;letter-spacing:-.5px;font-size:22px;font-weight:800;line-height:1.1;display:block}.inv-brand-sub{color:#717586;font-size:11.5px;font-weight:500}.inv-meta-right{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.inv-doc-title{letter-spacing:.8px;color:#111827;font-size:16px;font-weight:800}.inv-status-stamp{color:#059669;background-color:#d1fae5;border:1px solid #05966933;border-radius:9999px;align-items:center;gap:5px;padding:3px 10px;font-size:11.5px;font-weight:800;display:inline-flex}.inv-divider{background-color:#e5e7eb;height:1px;margin:24px 0}.inv-meta-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:28px;display:grid}.inv-meta-heading{text-transform:uppercase;letter-spacing:.7px;color:#6b7280;margin-bottom:8px;font-size:11px;font-weight:700;display:block}.inv-meta-text{color:#374151;margin-bottom:2px;font-size:12.5px;line-height:1.5}.text-right{text-align:right}.inv-table-wrapper{margin-bottom:24px}.inv-table{border-collapse:collapse;width:100%}.inv-table th{text-transform:uppercase;letter-spacing:.6px;color:#4b5563;background-color:#f8f9fa;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;padding:10px 14px;font-size:11px;font-weight:700}.inv-table td{border-bottom:1px solid #f1f3f7;padding:14px;font-size:13px}.inv-item-title{color:#111827;font-weight:600}.inv-item-desc{color:#717586;margin-top:3px;font-size:11.5px}.inv-totals-section{justify-content:flex-end;margin-bottom:28px;display:flex}.inv-totals-box{flex-direction:column;gap:8px;width:290px;display:flex}.inv-total-line{color:#4b5563;justify-content:space-between;font-size:13px;display:flex}.total-grand{color:#111827;border-top:2px solid #111827;margin-top:4px;padding-top:10px;font-size:15px;font-weight:800}.total-grand-amount{color:var(--hostinger-purple);font-size:17px;font-weight:800}.inv-footer{background-color:#fafbfc;border:1px solid #f1f3f7;border-radius:10px;padding:14px 18px}.inv-footer-seal{color:#059669;align-items:center;gap:6px;margin-bottom:4px;font-size:12px;font-weight:700;display:flex}.inv-footer-text{color:#6b7280;margin:0;font-size:11px;line-height:1.5}@media print{@page{size:A4 portrait;margin:10mm 15mm}html,body{color:#111827!important;background:#fff!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;font-size:11pt!important;overflow:visible!important}body>*{visibility:hidden}.hostinger-navbar,.bg-pattern,.bg-glow,.auth-page-root,.no-print,.invoice-modal-toolbar,.section-header-row,.invoices-card,.header-row,.vps-table-container,.overview-container,header,nav{display:none!important}.page-container{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}.billing-page{width:100%!important;margin:0!important;padding:0!important}.modal-overlay,.invoice-modal-overlay{width:100%!important;height:auto!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;background:0 0!important;margin:0!important;padding:0!important;display:block!important;position:static!important;inset:auto!important;overflow:visible!important}.invoice-modal-wrapper{width:100%!important;max-width:100%!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;margin:0!important;padding:0!important;display:block!important;position:static!important}#printable-invoice,.invoice-document-card{visibility:visible!important;width:100%!important;max-width:100%!important;box-shadow:none!important;color:#111827!important;page-break-inside:avoid!important;break-inside:avoid!important;background:#fff!important;border:none!important;border-radius:0!important;margin:0!important;padding:0!important;display:block!important;position:static!important}#printable-invoice *{visibility:visible!important}.inv-meta-grid{gap:12px!important;margin-bottom:18px!important}.inv-divider{margin:16px 0!important}.inv-table-wrapper{margin-bottom:16px!important}.inv-table th,.inv-table td{padding:8px 10px!important}.inv-summary-row{padding:4px 0!important}.inv-summary-card{margin-bottom:18px!important}.inv-footer{padding:10px 14px!important}}.auth-page-root{min-height:100vh;font-family:var(--font-sans);background-color:#0d0b1f;background-image:radial-gradient(at 50% 0,#673de626 0%,#0000 70%),radial-gradient(circle at 100% 100%,#673de614 0%,#0000 50%);flex-direction:column;display:flex;position:relative;overflow-x:hidden}.auth-header{width:100%;padding:24px 40px}.auth-header-container{max-width:1200px;margin:0 auto}.auth-logo-row{-webkit-user-select:none;user-select:none;align-items:center;gap:12px;display:inline-flex}.auth-logo-icon-box{background:#fff;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;padding:4px;display:flex;box-shadow:0 2px 8px #0003}.auth-custom-logo-img{object-fit:contain;width:100%;height:100%}.auth-logo-text{color:#fff;letter-spacing:.5px;font-size:19px;font-weight:800}.auth-main-container{flex:1;justify-content:center;align-items:center;padding:20px 20px 60px;display:flex}.auth-card{background:#fff;border-radius:18px;width:440px;max-width:100%;padding:44px 38px 36px;animation:.25s ease-out fadeIn;box-shadow:0 25px 60px -15px #00000080}.auth-title{color:#1d1e2c;text-align:center;letter-spacing:-.5px;margin:0 0 28px;font-size:32px;font-weight:600}.auth-error-banner{color:#dc2626;background:#fef2f2;border:1px solid #fee2e2;border-radius:8px;align-items:center;gap:8px;margin-bottom:20px;padding:10px 14px;font-size:13px;font-weight:500;display:flex}.auth-form{flex-direction:column;gap:20px;display:flex}.auth-field-group{flex-direction:column;gap:6px;display:flex}.auth-label{color:#374151;font-size:13.5px;font-weight:600}.auth-input-wrapper{align-items:center;width:100%;display:flex;position:relative}.auth-input{color:#111827;background:#fff;border:1.5px solid #d1d5db;border-radius:8px;outline:none;width:100%;height:48px;padding:0 16px;font-size:14.5px;transition:all .15s}.auth-input:focus{border-color:var(--hostinger-purple);box-shadow:0 0 0 3px #673de62e}.auth-password-input{padding-right:46px}.auth-pw-toggle-btn{cursor:pointer;color:#6b7280;background:0 0;border:none;justify-content:center;align-items:center;padding:6px;transition:color .15s;display:flex;position:absolute;right:12px}.auth-pw-toggle-btn:hover{color:var(--hostinger-purple)}.auth-forgot-row{justify-content:flex-start;margin-top:-6px;display:flex}.auth-forgot-link{color:#1f2937;cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:600;transition:color .15s}.auth-forgot-link:hover{color:var(--hostinger-purple);text-decoration:underline}.btn-auth-submit{background-color:var(--hostinger-purple);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:100%;height:48px;font-size:15px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 14px #673de659}.btn-auth-submit:hover:not(:disabled){background-color:#552cd4;transform:translateY(-1px);box-shadow:0 6px 18px #673de673}.btn-auth-submit:active:not(:disabled){transform:translateY(0)}.btn-auth-submit:disabled{opacity:.75;cursor:not-allowed}.auth-spinner-row{align-items:center;gap:10px;display:flex}.auth-btn-spinner{border:2.5px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}.auth-footer-help{text-align:center;margin-top:8px}.auth-access-link{color:#1f2937;cursor:pointer;background:0 0;border:none;padding:4px;font-size:13px;font-weight:600;transition:color .15s}.auth-access-link:hover{color:var(--hostinger-purple);text-decoration:underline}.auth-forgot-modal{background:#fff;border-radius:16px;width:440px;max-width:95%;animation:.2s ease-out fadeIn;overflow:hidden;box-shadow:0 25px 50px -12px #0006}.auth-forgot-modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.auth-forgot-modal-header h3{color:#111827;margin:0;font-size:16px;font-weight:700}.auth-forgot-modal-body{padding:24px}.forgot-desc{color:#6b7280;margin:0 0 16px;font-size:13.5px;line-height:1.5}.forgot-modal-actions{justify-content:flex-end;align-items:center;gap:10px;margin-top:20px;display:flex}.forgot-success-box{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:16px 0;display:flex}.forgot-success-box h4{color:#111827;margin:0;font-size:16px;font-weight:700}.forgot-success-box p{color:#6b7280;margin:0;font-size:13.5px}.nav-profile-wrapper{position:relative}.nav-user-profile{cursor:pointer;color:#fff;background:#ffffff14;border:1px solid #ffffff1f;border-radius:20px;outline:none;align-items:center;gap:8px;padding:5px 12px 5px 6px;transition:all .15s;display:flex}.nav-user-profile:hover,.nav-user-profile.is-open{background:#673de659;border-color:#673de699;box-shadow:0 0 12px #673de64d}.profile-chevron{color:#a5b4fc;transition:transform .2s}.profile-chevron.chevron-rotated{transform:rotate(180deg)}.account-dropdown-card{z-index:999;background:#171433;border:1px solid #302b5e;border-radius:14px;flex-direction:column;width:max-content;min-width:320px;max-width:380px;padding:18px 20px;animation:.18s ease-out fadeIn;display:flex;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 20px 45px #0009,0 0 0 1px #ffffff0f}.account-dropdown-header{align-items:center;gap:12px;display:flex}.dropdown-user-avatar{background:linear-gradient(135deg,#673de6,#9333ea);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex;box-shadow:0 4px 10px #673de666}.dropdown-user-details{flex-direction:column;gap:2px;min-width:0;display:flex;overflow:hidden}.dropdown-user-name{color:#fff;margin-bottom:2px;font-size:15px;font-weight:700;line-height:1.2}.dropdown-user-email{color:#94a3b8;white-space:nowrap;align-items:center;gap:6px;font-size:12px;display:flex}.dropdown-user-email .user-email-text,.dropdown-user-email span{white-space:nowrap;text-overflow:ellipsis;max-width:250px;display:inline-block;overflow:hidden}.dropdown-badge-row{margin-top:10px}.dropdown-role-badge{color:#34d399;background:#10b98126;border:1px solid #10b9814d;border-radius:12px;align-items:center;gap:5px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.account-dropdown-divider{background:#2a2552;height:1px;margin:14px 0 10px}.dropdown-logout-btn{cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:12px;width:100%;padding:10px 12px;transition:all .15s;display:flex}.dropdown-logout-btn:hover{background:#ef44441f;border-color:#ef444440}.logout-icon-circle{background:#ef444426;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.logout-text-col{flex-direction:column;display:flex}.logout-title{color:#f87171;font-size:13.5px;font-weight:700}.logout-sub{color:#94a3b8;font-size:11px}.admin-db-root{color:#f1f5f9;min-height:100vh;font-family:var(--font-sans);background-color:#0c0a1a;background-image:radial-gradient(circle at 10% 20%,#673de626 0%,#0000 40%),radial-gradient(circle at 90% 80%,#10b98114 0%,#0000 40%);flex-direction:column;display:flex}.admin-auth-card{text-align:center;background:#141128;border:1px solid #2d2657;border-radius:18px;width:440px;max-width:90%;margin:auto;padding:38px 32px;animation:.25s ease-out fadeIn;box-shadow:0 25px 50px -12px #0009}.admin-lock-icon-box{background:linear-gradient(135deg,#673de6,#4f46e5);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 20px;display:flex;box-shadow:0 8px 24px #673de666}.admin-auth-title{color:#fff;margin:0 0 8px;font-size:22px;font-weight:700}.admin-auth-sub{color:#94a3b8;margin:0 0 22px;font-size:13.5px}.admin-auth-sub code{color:#c084fc;font-family:var(--font-mono);background:#673de633;border-radius:4px;padding:2px 6px}.admin-error-box{color:#fca5a5;text-align:left;background:#ef444426;border:1px solid #ef44444d;border-radius:8px;align-items:center;gap:8px;margin-bottom:18px;padding:10px 14px;font-size:13px;display:flex}.admin-auth-form{flex-direction:column;gap:16px;display:flex}.admin-field-group{text-align:left;flex-direction:column;gap:6px;display:flex}.admin-field-group label{color:#cbd5e1;font-size:13px;font-weight:600}.admin-input-wrapper{align-items:center;display:flex;position:relative}.admin-input{color:#fff;background:#1c1838;border:1px solid #3d3472;border-radius:8px;outline:none;width:100%;height:46px;padding:0 44px 0 14px;font-size:14.5px;transition:all .15s}.admin-input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf640}.btn-pw-eye{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:4px;position:absolute;right:12px}.btn-pw-eye:hover{color:#fff}.admin-hint-text{color:#64748b;margin-top:4px;font-size:11.5px}.admin-hint-text code{color:#a78bfa}.btn-admin-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#673de6,#582be8);border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;height:46px;font-size:14.5px;font-weight:700;transition:all .15s;display:flex;box-shadow:0 4px 14px #673de659}.btn-admin-submit:hover{background:linear-gradient(135deg,#7c4dff,#673de6);transform:translateY(-1px)}.btn-admin-return{color:#94a3b8;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;gap:6px;margin-top:6px;font-size:13px;transition:color .15s;display:inline-flex}.btn-admin-return:hover{color:#fff}.admin-db-header{background:#13102b;border-bottom:1px solid #282154;justify-content:space-between;align-items:center;padding:20px 36px;display:flex}.admin-db-badge{color:#c4b5fd;font-size:12px;font-weight:700;font-family:var(--font-mono);background:#673de640;border:1px solid #673de680;border-radius:6px;align-items:center;gap:6px;margin-bottom:6px;padding:3px 10px;display:inline-flex}.admin-panel-heading{color:#fff;margin:0;font-size:20px;font-weight:700}.btn-exit-admin{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:13.5px;font-weight:600;transition:all .15s;display:flex}.btn-exit-admin:hover{background:#ffffff26;border-color:#fff}.admin-db-container{width:100%;max-width:1100px;margin:32px auto;padding:0 24px}.admin-toast-success{color:#34d399;background:#10b9812e;border:1px solid #10b98166;border-radius:10px;align-items:center;gap:10px;margin-bottom:24px;padding:12px 18px;font-size:14.5px;font-weight:600;animation:.2s ease-out fadeIn;display:flex}.admin-grid{grid-template-columns:1fr 1.3fr;gap:24px;display:grid}@media (width<=900px){.admin-grid{grid-template-columns:1fr}}.admin-card{background:#14112d;border:1px solid #292257;border-radius:14px;padding:24px;box-shadow:0 10px 30px #00000059}.admin-card-title{color:#fff;border-bottom:1px solid #261f52;align-items:center;gap:8px;margin:0 0 18px;padding-bottom:12px;font-size:16px;font-weight:700;display:flex}.admin-server-select-box{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.admin-server-option{cursor:pointer;background:#1b173c;border:1.5px solid #2e2663;border-radius:10px;align-items:center;gap:12px;padding:12px 14px;transition:all .15s;display:flex}.admin-server-option:hover{border-color:var(--hostinger-purple);background:#231e4e}.admin-server-option.is-selected{background:#673de633;border-color:#8b5cf6}.admin-server-dot{background:#10b981;border-radius:50%;width:10px;height:10px}.admin-server-info{flex-direction:column;flex:1;display:flex}.admin-vps-name{color:#fff;font-size:13.5px;font-weight:600}.admin-vps-sub{color:#94a3b8;font-size:12px}.admin-vps-expiry-badge{font-size:12px;font-family:var(--font-mono);color:#f59e0b;background:#ffffff14;border-radius:6px;padding:3px 8px}.admin-current-info-card{background:#191538;border:1px solid #2b235c;border-radius:10px;margin-bottom:20px;padding:14px}.admin-info-row{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:6px 0;font-size:13px;display:flex}.admin-info-row:last-child{border-bottom:none}.info-label{color:#94a3b8}.info-val{color:#fff;font-weight:600}.info-val-badge{color:#fbbf24;font-size:12.5px;font-weight:700;font-family:var(--font-mono);background:#f59e0b33;border:1px solid #f59e0b66;border-radius:6px;align-items:center;gap:5px;padding:3px 8px;display:inline-flex}.admin-adjust-form{flex-direction:column;gap:20px;display:flex}.admin-label{color:#cbd5e1;margin-bottom:6px;font-size:13.5px;font-weight:600;display:block}.date-input-row{gap:10px;display:flex}.admin-date-picker{color:#fff;font-size:14px;font-family:var(--font-mono);background:#1c183a;border:1px solid #3d3472;border-radius:8px;outline:none;flex:1;padding:8px 12px}.admin-text-date{color:#38bdf8;font-size:14px;font-family:var(--font-mono);background:#1c183a;border:1px solid #3d3472;border-radius:8px;outline:none;width:140px;padding:8px 14px;font-weight:600}.tenure-section{flex-direction:column;gap:8px;display:flex}.tenure-buttons-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.tenure-col{background:#1a163a;border:1px solid #2b235e;border-radius:10px;padding:12px}.tenure-col-header{text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:5px;margin-bottom:10px;font-size:12px;font-weight:700;display:flex}.text-red{color:#f87171}.text-green{color:#34d399}.btn-group-tenure{grid-template-columns:1fr 1fr;gap:8px;display:grid}.btn-tenure-btn{cursor:pointer;border:1px solid #0000;border-radius:6px;padding:8px 6px;font-size:12px;font-weight:700;transition:all .15s}.btn-minus{color:#fca5a5;background:#ef44441f;border-color:#ef444440}.btn-minus:hover{color:#fff;background:#ef4444}.btn-plus{color:#6ee7b7;background:#10b9811f;border-color:#10b98140}.btn-plus:hover{color:#fff;background:#10b981}.preview-date-box{background:#1b173e;border:1.5px solid #673de6;border-radius:10px;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.preview-label{color:#cbd5e1;font-size:13.5px;font-weight:600}.preview-date-val{color:#a78bfa;font-size:18px;font-weight:800;font-family:var(--font-mono)}.admin-form-actions{align-items:center;gap:12px;margin-top:6px;display:flex}.btn-admin-save{color:#fff;cursor:pointer;background:linear-gradient(135deg,#673de6,#4f46e5);border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;height:46px;font-size:14.5px;font-weight:700;transition:all .15s;display:flex;box-shadow:0 4px 14px #673de659}.btn-admin-save:hover{background:linear-gradient(135deg,#7c4dff,#673de6);transform:translateY(-1px)}.btn-admin-cancel{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #3d3472;border-radius:8px;height:46px;padding:0 18px;font-size:13.5px;font-weight:600;transition:all .15s}.btn-admin-cancel:hover{color:#fff;border-color:#64748b}.help-page-root{animation:.25s ease-out fadeIn}.help-header-row{margin-bottom:28px}.help-title-badge-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.help-live-badge{color:#059669;background-color:#ecfdf5;border:1px solid #a7f3d0;border-radius:9999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.live-dot{background-color:#10b981;border-radius:50%;width:7px;height:7px;animation:2s infinite blink;box-shadow:0 0 0 2px #10b98140}.help-header-sub{color:#717586;margin-top:6px;font-size:14px}.btn-open-live-chat{color:#fff;cursor:pointer;background:linear-gradient(135deg,#673de6,#5329e4);border:none;border-radius:9999px;align-items:center;gap:8px;padding:10px 22px;font-size:13.5px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #673de64d}.btn-open-live-chat:hover{background:linear-gradient(135deg,#5329e4,#431ec9);transform:translateY(-1px);box-shadow:0 6px 18px #673de666}.help-cards-grid{grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:32px;display:grid}.help-contact-card{background:#fff;border:1px solid #ebeef5;border-radius:16px;flex-direction:column;padding:24px;transition:all .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 6px #00000008,0 10px 25px -5px #00000005}.help-contact-card:hover{border-color:#dcd2fc;transform:translateY(-2px);box-shadow:0 12px 30px -10px #673de61f}.help-contact-card:before{content:"";background:0 0;height:3px;transition:background .2s;position:absolute;top:0;left:0;right:0}.help-card-phone:hover:before{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.help-card-email:hover:before{background:linear-gradient(90deg,#673de6,#8b5cf6)}.help-card-engineer:hover:before{background:linear-gradient(90deg,#10b981,#34d399)}.help-card-top{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.help-icon-box{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.icon-phone{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #2563eb40}.icon-email{background:linear-gradient(135deg,#673de6,#5329e4);box-shadow:0 4px 12px #673de640}.icon-engineer{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #05966940}.help-badge-country{color:#4b5563;background:#f3f4f6;border-radius:6px;padding:3px 9px;font-size:11.5px;font-weight:600}.badge-engineer{color:#059669;background:#ecfdf5;font-weight:700}.help-card-title{color:#111827;margin-bottom:6px;font-size:17px;font-weight:700}.help-card-desc{color:#6b7280;margin-bottom:18px;font-size:13px;line-height:1.5}.contact-details-box{background:#f9fafb;border:1px solid #f1f3f7;border-radius:10px;flex-direction:column;gap:10px;margin-top:auto;padding:12px 14px;display:flex}.contact-item{flex-direction:column;gap:2px;display:flex}.contact-label{text-transform:uppercase;letter-spacing:.4px;color:#9ca3af;font-size:11px;font-weight:600}.contact-val-row{justify-content:space-between;align-items:center;display:flex}.contact-link{color:#1f2937;font-size:13.5px;font-weight:700;transition:color .15s}.contact-link:hover{color:var(--hostinger-purple)}.btn-copy-contact{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:4px;transition:all .15s;display:flex}.btn-copy-contact:hover{color:#111827;background:#0000000d}.help-card-footer{border-top:1px solid #f3f4f6;justify-content:flex-end;align-items:center;gap:10px;margin-top:18px;padding-top:16px;display:flex}.sla-pill{color:#4b5563;align-items:center;gap:5px;font-size:11.5px;font-weight:600;display:inline-flex}.btn-card-action{color:#673de6;cursor:pointer;background:#f4f0ff;border:1px solid #dcd2fc;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:12.5px;font-weight:700;transition:all .15s;display:inline-flex}.btn-card-action:hover{color:#fff;background:#673de6;border-color:#673de6}.engineer-profile-strip{background:#f9fafb;border:1px solid #f1f3f7;border-radius:10px;align-items:center;gap:12px;padding:10px 12px;display:flex}.engineer-avatar{color:#fff;background:linear-gradient(135deg,#673de6,#059669);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:13px;font-weight:700;display:flex}.engineer-info{flex-direction:column;min-width:0;display:flex}.engineer-name{color:#111827;font-size:13.5px;font-weight:700}.engineer-role{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.engineer-location{color:#9ca3af;font-size:11px}.help-lower-grid{grid-template-columns:1.15fr .85fr;gap:24px;display:grid}.help-ticket-card,.help-faq-card{background:#fff;border:1px solid #ebeef5;border-radius:16px;padding:24px 28px;box-shadow:0 2px 6px #00000008}.ticket-form{flex-direction:column;gap:16px;margin-top:18px;display:flex}.ticket-form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.ticket-field{flex-direction:column;gap:6px;display:flex}.ticket-label{color:#374151;font-size:12.5px;font-weight:600}.ticket-input,.ticket-select,.ticket-textarea{color:#111827;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;outline:none;padding:10px 14px;font-family:inherit;font-size:13.5px;transition:all .15s}.ticket-input:focus,.ticket-select:focus,.ticket-textarea:focus{border-color:#673de6;box-shadow:0 0 0 3px #673de61f}.ticket-form-footer{justify-content:space-between;align-items:center;gap:12px;padding-top:8px;display:flex}.ticket-meta-note{color:#6b7280;font-size:12px}.btn-ticket-submit{color:#fff;cursor:pointer;background:#673de6;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:700;transition:all .15s;display:inline-flex}.btn-ticket-submit:hover:not(:disabled){background:#5329e4;transform:translateY(-1px)}.ticket-success-alert{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;align-items:center;gap:10px;margin-top:14px;padding:12px 16px;font-size:13px;font-weight:600;display:flex}.faq-list{flex-direction:column;gap:10px;margin-top:18px;display:flex}.faq-item{border:1px solid #f1f3f7;border-radius:10px;transition:all .15s;overflow:hidden}.faq-item.is-open{background:#faf8ff;border-color:#dcd2fc}.faq-question-btn{text-align:left;color:#1f2937;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:14px 16px;font-size:13.5px;font-weight:600;display:flex}.faq-answer-body{color:#4b5563;padding:0 16px 14px;font-size:13px;line-height:1.6}.live-chat-modal-backdrop{-webkit-backdrop-filter:blur(4px);z-index:3000;background:#0f172a80;justify-content:flex-end;align-items:flex-end;padding:24px;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}.live-chat-window{background:#fff;border-radius:16px;flex-direction:column;width:380px;max-width:100%;height:520px;animation:.2s ease-out slideUp;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000059}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.live-chat-header{color:#fff;background:#110e28;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.chat-header-user{align-items:center;gap:10px;display:flex}.chat-avatar-status{position:relative}.chat-avatar{color:#fff;background:linear-gradient(135deg,#673de6,#059669);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:12px;font-weight:700;display:flex}.avatar-dot-online{background:#10b981;border:2px solid #110e28;border-radius:50%;width:10px;height:10px;position:absolute;bottom:0;right:0}.chat-header-text{flex-direction:column;display:flex}.chat-agent-name{font-size:13.5px;font-weight:700}.chat-agent-sub{color:#a78bfa;font-size:11px}.btn-chat-close{color:#9ca3af;cursor:pointer;background:0 0;border:none;padding:4px;font-size:16px}.btn-chat-close:hover{color:#fff}.live-chat-messages{background:#f8f9fc;flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.chat-bubble-row{display:flex}.msg-agent{justify-content:flex-start}.msg-user{justify-content:flex-end}.chat-bubble{border-radius:12px;flex-direction:column;gap:3px;max-width:82%;padding:10px 14px;display:flex}.msg-agent .chat-bubble{color:#1f2937;background:#fff;border:1px solid #e5e7eb;border-bottom-left-radius:3px}.msg-user .chat-bubble{color:#fff;background:#673de6;border-bottom-right-radius:3px}.chat-sender-label{color:#6b7280;font-size:10.5px;font-weight:700}.msg-user .chat-sender-label{color:#ddd6fe}.chat-bubble-text{font-size:13px;line-height:1.45}.chat-timestamp{color:#9ca3af;align-self:flex-end;font-size:10px}.msg-user .chat-timestamp{color:#c4b5fd}.live-chat-input-bar{background:#fff;border-top:1px solid #e5e7eb;align-items:center;gap:8px;padding:12px 14px;display:flex}.chat-text-input{border:1px solid #d1d5db;border-radius:9999px;outline:none;flex:1;padding:8px 14px;font-family:inherit;font-size:13px}.chat-text-input:focus{border-color:#673de6}.btn-chat-send{color:#fff;cursor:pointer;background:#673de6;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:all .15s;display:flex}.btn-chat-send:hover{background:#5329e4;transform:scale(1.05)}@media screen{.bg-glow{max-width:100%}.page-container,.navbar-container{width:100%}.vps-info,.card-server-meta,.drawer-card,.metric-box,.admin-card,.admin-server-info,.mongo-search-form{min-width:0}.vps-name,.overview-title,.breadcrumb-current,.conn-val,.admin-vps-name,.info-val,.dropdown-user-email,.ssh-box code{overflow-wrap:anywhere}.vps-table-row>div{min-width:0}.vps-table-row,.vps-table-header{gap:12px}.os-icon-wrapper,.btn-copy-ssh,.btn-modal-close{flex-shrink:0}.modal-overlay{overscroll-behavior:contain;padding:16px;overflow-y:auto}.modal-content,.renew-modal-content,.doc-modal-content,.console-modal-content,.auth-forgot-modal{max-width:100%;max-height:calc(100dvh - 32px);overflow-y:auto}.invoice-modal-wrapper{max-width:100%;max-height:calc(100dvh - 32px);overflow:hidden}.modal-header,.doc-modal-header{gap:12px}.modal-header h3{overflow-wrap:anywhere;min-width:0}.breadcrumbs,.card-top-actions,.os-status-line{flex-wrap:wrap}.navbar-brand{background:0 0}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #a78bfa}.account-dropdown-card{max-width:calc(100vw - 32px)}.dropdown-user-details{min-width:0}.mongo-table-wrapper,.inv-table-wrapper,.terminal-body{overflow-x:auto}}@media screen and (width<=1100px){.navbar-container{flex-wrap:wrap;gap:8px;height:auto;min-height:62px;padding-top:10px;padding-bottom:10px}.navbar-nav{order:3;justify-content:space-between;width:100%}.nav-tab-btn{flex:1;justify-content:center;min-height:44px}.nav-active-pill{bottom:0}.vps-table-container{overflow:visible}.vps-table-header{display:none}.vps-table-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;min-width:0;padding:20px;display:grid;position:relative}.vps-table-row>div{overflow-wrap:anywhere;width:auto;min-width:0}.vps-table-row>[data-label]{flex-direction:column;align-items:flex-start;gap:5px;display:flex}.vps-table-row>[data-label]:before{content:attr(data-label);color:#717586;font-size:12px;font-weight:500}.vps-table-row .col-details{grid-column:1/-1;padding-right:36px}.vps-table-row .col-chevron{position:absolute;top:16px;right:12px}.vps-table-row .col-actions{flex-wrap:wrap;justify-content:flex-start;align-self:end}.vps-table-row .col-actions:empty,.vps-table-row .col-expiration:empty{display:none}.billing-page .vps-table-row{border-bottom:1px solid var(--border-card)}.billing-page .vps-table-row>:nth-child(3){grid-column:1/-1}.drawer-grid,.help-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.help-lower-grid{grid-template-columns:minmax(0,1fr)}}@media screen and (width<=640px){.page-container{padding:24px 16px 40px}.header-title,.overview-title{font-size:24px}.navbar-container{padding-inline:16px}.navbar-nav{align-items:stretch;gap:4px}.nav-tab-btn{flex-direction:column;gap:4px;padding:8px 3px;font-size:11px;line-height:1.3}.nav-tab-btn span{display:inline}.nav-tab-btn .nav-active-pill{display:none}.nav-tab-btn svg{flex-shrink:0}.user-name{text-overflow:ellipsis;white-space:nowrap;max-width:80px;overflow:hidden}.banner-alert{flex-direction:column;align-items:flex-start;gap:16px;padding:16px}.banner-alert-actions{align-self:flex-end}.vps-table-row{gap:16px 12px;padding:16px}.vps-table-row .col-actions{grid-column:1/-1}.col-actions button{flex:1}.drawer-grid{grid-template-columns:minmax(0,1fr)}.vps-expanded-drawer,.card-top-header,.connection-details-strip{padding:16px}.card-top-actions{gap:10px;width:100%}.conn-item{flex-wrap:wrap;min-width:0}.metrics-grid{grid-template-columns:minmax(0,1fr);padding:16px}.bottom-nav-grid{grid-template-columns:minmax(0,1fr)}.metric-box{gap:12px}.mongo-table-toolbar,.mongo-pagination-footer{padding:16px}.mongo-search-form{flex-basis:100%;max-width:none}.mongo-search-input{min-width:0}.mongo-toolbar-right{flex-wrap:wrap;gap:12px}.pagination-buttons{flex-wrap:wrap}.collection-tabs-scroll{max-width:100%}.modal-content,.renew-modal-content{border-radius:14px;padding:20px}.period-selection-row{flex-direction:column;align-items:stretch}.period-price-display{justify-content:space-between}.period-menu-item,.item-left,.breakdown-row,.breakdown-price-pair{flex-wrap:wrap;gap:8px}.renew-period-box,.renew-breakdown-card{padding:12px}.renew-footer-actions,.modal-footer{flex-wrap:wrap}.renew-footer-actions>button,.modal-footer>button{flex:1}.invoice-modal-overlay{align-items:flex-start!important;padding:8px 6px!important}.invoice-modal-wrapper{border-radius:12px!important;width:100%!important;max-width:100%!important;height:calc(100dvh - 16px)!important;max-height:calc(100dvh - 16px)!important;margin:0!important}.invoice-modal-toolbar{flex-wrap:wrap;gap:8px!important;padding:10px 12px!important}.doc-modal-header{flex-wrap:wrap;gap:12px;padding:12px}.invoice-modal-toolbar .toolbar-left{flex-basis:100%;min-width:0}.invoice-modal-toolbar .toolbar-title{overflow-wrap:anywhere;font-size:12.5px;display:block}.invoice-modal-toolbar .toolbar-actions{gap:8px;width:100%;min-width:0}.invoice-modal-toolbar .btn-invoice-action{flex:1;justify-content:center}.invoice-modal-toolbar .btn-invoice-close{flex:0 0 44px;justify-content:center;min-height:44px}.invoice-modal-toolbar .btn-invoice-action{gap:4px!important;padding:6px 10px!important;font-size:11.5px!important}.invoice-document-card{flex:auto!important;min-height:0!important;padding:18px 14px!important;overflow-y:auto!important}.inv-header{flex-wrap:wrap;gap:14px}.inv-brand-text{font-size:20px!important}.inv-doc-title{font-size:14px!important}.inv-meta-grid{grid-template-columns:minmax(0,1fr);gap:14px}.inv-meta-grid .text-right,.inv-meta-right{text-align:left}.inv-table-wrapper{-webkit-overflow-scrolling:touch;margin-block:12px;overflow-x:auto}.inv-table{table-layout:fixed;min-width:0}.inv-table th,.inv-table td{overflow-wrap:anywhere;padding:10px 4px}.inv-table th{letter-spacing:0;font-size:10px}.inv-table td{font-size:12px}.inv-meta-text,.inv-item-title,.inv-footer-text{overflow-wrap:anywhere}.inv-meta-right{align-items:flex-start}.inv-total-line{gap:12px}.inv-total-line>:last-child,.inv-footer-seal svg{flex-shrink:0}.inv-totals-box{width:100%}.auth-header{padding:20px}.auth-main-container{padding:16px 16px 32px}.auth-card,.admin-auth-card{padding:24px 20px}.admin-db-header{flex-wrap:wrap;gap:16px;padding:20px 16px}.admin-db-container{margin-block:24px;padding:0 16px}.admin-card{padding:16px}.admin-server-option,.admin-info-row,.preview-date-box,.admin-form-actions{flex-wrap:wrap;gap:10px}.date-input-row{flex-direction:column}.admin-date-picker,.admin-text-date{width:100%;min-width:0}.tenure-buttons-grid{grid-template-columns:minmax(0,1fr)}input,select,textarea,.form-input,.auth-input,.mongo-search-input,.admin-input,.admin-date-picker,.admin-text-date,.coupon-input{font-size:16px}button{min-height:44px}.btn-chevron,.btn-copy-ip,.btn-inline-copy,.btn-modal-close,.btn-page-nav{min-width:44px}.help-cards-grid{grid-template-columns:minmax(0,1fr)}.help-header-row{flex-direction:column;align-items:flex-start;gap:14px}.help-header-actions{width:100%}.btn-open-live-chat{justify-content:center;width:100%}.ticket-form-row{grid-template-columns:minmax(0,1fr)}.live-chat-modal-backdrop{justify-content:center;padding:8px}.live-chat-window{width:100%;height:calc(100dvh - 32px);max-height:600px}.contact-val-row{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}@media screen and (width>=641px) and (width<=1100px){.nav-tab-btn span{display:inline}}@media screen and (width<=640px){.vps-table-row .col-ip{grid-column:1/-1}.ip-box{flex-wrap:wrap}}@media screen and (width<=360px){.inv-table th{font-size:9px}}