:root{--app-primary: #eb4921;--app-primary-light: #fff5f0;--app-sidebar-width: 300px;--app-header-height: 70px;--app-bg-main: #f8f9fa;--app-bg-card: #ffffff;--app-border: rgba(0, 0, 0, .05);--app-text-main: #1a1d23;--app-text-muted: #6b7280;--app-radius: 15px;--app-radius-sm: 8px;--app-shadow-card: 0px 2px 12px rgba(0, 0, 0, .06)}[data-theme=dark]{--app-primary: #eb4921;--app-primary-light: #2d1f1a;--app-bg-main: #171717;--app-bg-card: #262626;--app-border: rgba(255, 255, 255, .06);--app-text-main: #f0f0f0;--app-text-muted: #888888;--app-shadow-card: 0px 2px 12px rgba(0, 0, 0, .06)}[data-theme=dark] .app-sidebar-back .ub-nav-item:hover,[data-theme=dark] .app-sidebar-menu .ub-nav-item:hover{background-color:#2a2a2a;color:var(--app-text-main)}[data-theme=dark] .app-sidebar-menu .ub-nav-coming-soon,[data-theme=dark] .ub-detail-meta{background:#2a2a2a}[data-theme=dark] .ub-detail-meta:hover{background:#333}[data-theme=dark] .ub-detail-grid-item,[data-theme=dark] .base-ssh-col{background:#1a1a1a}[data-theme=dark] .meta-pill{background:#2a2a2a}[data-theme=dark] .meta-pill.is-copyable:hover,[data-theme=dark] .stat-cell-bar-track{background:#333}[data-theme=dark] .stat-cell-label,[data-theme=dark] .info-item-label,[data-theme=dark] .app-sidebar-menu .nav-section-title,[data-theme=dark] .app-sidebar-back .ub-nav-icon,[data-theme=dark] .app-sidebar-menu .ub-nav-icon{color:#888}[data-theme=dark] .ub-detail-grid-item:hover{background:#2a2a2a}[data-theme=dark] .app-layout-sidebar-overlay{background:#0009}.search-shortcut{background-color:#f1f1f1;padding:2px 6px;border-radius:4px;font-size:11px;color:#888;font-weight:500}[data-theme=dark] .search-shortcut{background-color:#333;color:#aaa}html[data-theme=dark] .v-tab{color:var(--app-text-main)!important}html[data-theme=dark] .v-tab--active{background-color:var(--app-primary-light)!important}.password-text{color:#000}[data-theme=dark] .password-text{color:var(--app-text-main)}html[data-theme=dark] .server-info-container{background-color:#1c1c1e!important}html[data-theme=dark] .server-info-container .info-title{color:#888!important}html[data-theme=dark] .server-info-container .info-title span{color:var(--app-text-main)!important}html[data-theme=dark] .cf-card-container{background-color:#1c1c1e!important}html[data-theme=dark] .step-circle--inactive{border-color:#ffffff26!important;color:var(--app-text-muted)!important}html[data-theme=dark] .step-line{background:#ffffff1f!important}html[data-theme=dark] .action-card-2{background-color:#1c1c1e!important;box-shadow:#0000004d 0 1px 3px,#0003 0 1px 2px!important}html[data-theme=dark] .action-card-2 h5>span{color:#aaa!important}html[data-theme=dark] .action-active-light{box-shadow:0 0 0 4px rgba(var(--v-theme-primary),.15)!important}html[data-theme=dark] .action-active-footer{background-color:#ffffff0d!important}html[data-theme=dark] .metric-card:hover{box-shadow:0 4px 12px #0000004d!important}html[data-theme=dark] .bg-warning-lighten-5{background-color:#ffb74d14!important}html[data-theme=dark] .db-card-full{background:#1c1c1e!important;box-shadow:0 1px 3px #0000004d,0 1px 2px #0003!important}html[data-theme=dark] .db-card-full__meta-item{color:#888!important}html[data-theme=dark] .panel-card{background-color:#1c1c1e!important;box-shadow:#0000004d 0 1px 4px!important}html[data-theme=dark] .source-card{background-color:#1c1c1e!important;box-shadow:#0003 0 6px 24px,#00000026 0 0 0 1px!important}html[data-theme=dark] .source-card .s-title,html[data-theme=dark] .source-card .s-title-mini{color:#f0f0f0!important}html[data-theme=dark] .source-card .source-card-logo{border-color:#444!important}.v-theme--DARK_THEME .v-card,.v-theme--DARK_THEME .v-sheet,.v-theme--DARK_THEME .v-list,.v-theme--DARK_THEME .v-navigation-drawer,.v-theme--DARK_THEME .v-menu__content,.v-theme--DARK_THEME .v-dialog>.v-overlay__content>.v-card,.v-theme--DARK_THEME .v-table>.v-table__wrapper>table,.v-theme--DARK_THEME .v-data-table,.v-theme--DARK_THEME .v-stepper,.v-theme--DARK_THEME .v-expansion-panel{background-color:var(--app-bg-card)!important;color:var(--app-text-main)!important}.glass-card .v-table{background-color:transparent!important}.glass-card .v-table>.v-table__wrapper>table{background-color:transparent!important}.v-theme--DARK_THEME .v-field.v-field--variant-outlined .v-field__outline{--v-field-border-opacity: .9}.v-theme--DARK_THEME .v-divider{border-color:var(--app-border)!important}.v-theme--DARK_THEME .v-overlay__scrim{background:#0009!important}.v-theme--DARK_THEME .v-chip{background-color:#2a2a2a!important;color:var(--app-text-main)!important}.v-theme--DARK_THEME .v-chip--variant-outlined{border-color:#444!important}.v-theme--DARK_THEME .v-input.v-field{color:var(--app-text-main)!important}.v-theme--DARK_THEME .v-label{color:#888!important}[data-theme=dark] ::-webkit-scrollbar-track{background:#1a1a1a}[data-theme=dark] ::-webkit-scrollbar-thumb{background-color:#444;border:2px solid #1a1a1a}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background-color:#555}[data-theme=dark] .app-layout-sidebar-inner{background-color:var(--app-bg-card)!important;box-shadow:none!important;border-color:#ffffff0a!important}[data-theme=dark] .app-sidebar-back{background-color:var(--app-bg-main)!important}[data-theme=dark] .app-sidebar-back:after{background:linear-gradient(to bottom,var(--app-bg-main),transparent)!important}[data-theme=dark] .app-header-custom{background-color:var(--app-bg-main)!important;box-shadow:none!important;border-bottom:1px solid rgba(255,255,255,.04)!important}[data-theme=dark] .app-header-search .header-search :deep(.v-field__field){background-color:#1c1c1e!important}[data-theme=dark] .app-card,[data-theme=dark] .server-overview-card,[data-theme=dark] .site-overview-card,[data-theme=dark] .s-detail-back,[data-theme=dark] .s-detail-inner{box-shadow:0 1px 2px #0003!important;border-color:#ffffff0a!important}html,body{overflow:hidden;height:100%}.app-layout-app,.app-layout-app .v-application__wrap{background-color:var(--app-bg-main)!important;height:100vh;max-height:100vh;overflow:hidden;display:flex;flex-direction:column;position:relative}.app-layout-app.v-theme--DARK_THEME{background-color:var(--app-bg-main)!important}.app-gradient{position:absolute;border-radius:50%;pointer-events:none;z-index:0}.app-gradient-1{top:15%;left:180px;width:600px;height:600px;background:radial-gradient(circle,rgba(242,101,34,.08) 0%,transparent 65%)}.app-gradient-2{bottom:60px;right:60px;width:600px;height:600px;background:radial-gradient(circle,rgba(242,101,34,.08) 0%,transparent 65%)}.app-header-custom{flex-shrink:0;height:var(--app-header-height);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 24px;background-color:transparent;border-bottom:none;position:relative;z-index:100;transition:background-color .2s ease,box-shadow .2s ease,border-bottom .2s ease}.app-header-logo{justify-self:start;text-decoration:none;display:flex;align-items:center}.app-header-search{justify-self:center}.app-header-search .header-search{max-width:280px;width:280px}.app-header-actions{justify-self:end;display:flex;align-items:center}.app-header-custom.is-scrolled{background-color:var(--app-bg-card);box-shadow:var(--app-shadow-card)}.app-header-logo img{height:35px;width:auto;display:block}.app-layout-body{flex:1 1 auto;display:flex;overflow:hidden;min-height:0;max-height:calc(100vh - var(--app-header-height));position:relative;z-index:1}.app-layout-sidebar{flex-shrink:0;width:var(--app-sidebar-width);height:100%;padding:16px 8px 16px 16px;overflow:hidden;display:flex;flex-direction:column;min-height:0}.app-layout-sidebar-inner{flex:1;border-radius:var(--app-radius);background-color:var(--app-bg-card);box-shadow:var(--app-shadow-card);border:1px solid var(--app-border);overflow:hidden;display:flex;flex-direction:column;min-height:0}.app-sidebar-back{padding:6px 12px;flex-shrink:0;position:relative;background-color:var(--app-bg-card);z-index:2}.app-sidebar-back:after{content:"";position:absolute;left:0;right:0;bottom:-16px;height:16px;background:linear-gradient(to bottom,var(--app-bg-card),transparent);pointer-events:none;z-index:2}.app-sidebar-back .ub-nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--app-radius-sm);color:var(--app-text-main);text-decoration:none;font-size:14px;font-weight:500;transition:all .15s ease}.app-sidebar-back .ub-nav-item:hover{background-color:#f3f4f6;color:var(--app-text-main)}.app-sidebar-back .ub-nav-icon{display:flex;align-items:center;justify-content:center;color:var(--app-text-main)}.app-sidebar-menu{flex:1;padding:0 12px 12px;overflow-y:auto;min-height:0}.app-sidebar-menu .nav-section-title{font-size:11px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;padding:16px 12px 8px;margin:0}.app-sidebar-menu .ub-nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--app-radius-sm);color:var(--app-text-main);text-decoration:none;font-size:14px;font-weight:500;transition:all .15s ease;margin-bottom:2px;position:relative;overflow:hidden}.app-sidebar-menu .ub-nav-item:hover{background-color:#f3f4f6;color:var(--app-text-main)}.app-sidebar-menu .ub-nav-item.is-active{background-color:var(--app-primary-light);color:var(--app-primary);border-left:3px solid var(--app-primary);border-right:3px solid var(--app-primary)}.app-sidebar-menu .ub-nav-item.is-active .ub-nav-icon{color:var(--app-primary)}[data-theme=dark] .app-sidebar-menu .ub-nav-icon,[data-theme=dark] .app-sidebar-back .ub-nav-icon{color:#fff}.app-sidebar-menu .ub-nav-icon{display:flex;align-items:center;justify-content:center;width:22px;height:22px;flex-shrink:0;color:var(--app-text-main)}.app-sidebar-menu .ub-nav-icon img,.app-sidebar-back .ub-nav-icon img{width:22px;height:22px;-o-object-fit:contain;object-fit:contain;filter:brightness(0)}[data-theme=dark] .app-sidebar-menu .ub-nav-icon img,[data-theme=dark] .app-sidebar-back .ub-nav-icon img{filter:brightness(0) invert(1)}.app-sidebar-menu .ub-nav-coming-soon{margin-left:auto;font-size:10px;background:#f3f4f6;padding:2px 6px;border-radius:4px;color:#9ca3af}.app-layout-content{flex:1 1 auto;height:100%;overflow:hidden;display:flex;flex-direction:column;min-height:0}.app-page-scroll{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;padding:24px 24px 24px 16px;min-height:0}@media (max-width: 959px){.app-layout-sidebar{position:fixed;top:0;left:0;bottom:0;z-index:300;transform:translate(-100%);transition:transform .3s ease;padding:0;height:100vh;max-height:100vh}.app-layout-sidebar.is-open{transform:translate(0)}.app-layout-sidebar-inner{background:var(--app-bg-card)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-radius:0!important}[data-theme=light] .app-layout-sidebar .glass-card,[data-theme=light] .app-layout-sidebar-inner.glass-card,[data-theme=dark] .app-layout-sidebar .glass-card,[data-theme=dark] .app-layout-sidebar-inner.glass-card{background:var(--app-bg-card)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.app-layout-sidebar-overlay{position:fixed;inset:0;background:#00000080;z-index:250;opacity:0;pointer-events:none;transition:opacity .3s ease}.app-layout-sidebar-overlay.is-visible{opacity:1;pointer-events:auto}.app-header-custom{z-index:200}.app-page-scroll{padding:24px}.app-header-search{display:none}.app-header-custom{grid-template-columns:auto 1fr;padding:0 16px}.app-header-logo{justify-self:start}.app-header-actions{justify-self:end}}@media (min-width: 600px) and (max-width: 959px){.app-layout-sidebar{width:360px}.app-layout-sidebar-inner,[data-theme=light] .app-layout-sidebar .glass-card,[data-theme=light] .app-layout-sidebar-inner.glass-card,[data-theme=dark] .app-layout-sidebar .glass-card,[data-theme=dark] .app-layout-sidebar-inner.glass-card{background:var(--app-bg-card)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}.app-card{background-color:var(--app-bg-card);border-radius:var(--app-radius);box-shadow:var(--app-shadow-card);border:1px solid var(--app-border);padding:24px}.app-card-title{font-size:16px;font-weight:600;color:var(--app-text-main);margin-bottom:16px}.user-page-shell{display:flex;flex-direction:column;gap:16px}.user-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.user-page-header__info{display:flex;flex-direction:column;gap:4px}.user-page-header__actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.user-page-title{margin:0;color:var(--app-text-main)}.user-page-subtitle{margin:0;color:var(--app-text-muted)}.user-page-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.user-page-toolbar__search{width:min(100%,420px)}.user-page-toolbar__actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.user-page-panel{background:var(--app-bg-card);border-radius:var(--app-radius);box-shadow:var(--app-shadow-card);border:1px solid var(--app-border)}.user-page-panel.glass-card{overflow:hidden}.user-page-panel--padded{padding:16px}.user-page-filterbar{display:flex;align-items:center;gap:10px 18px;flex-wrap:wrap}.user-page-tabbar{padding:2px}.user-page-empty{text-align:center;padding:48px 24px}.user-page-empty__title{margin:0 0 8px;color:var(--app-text-main)}.user-page-empty__text{margin:0;color:var(--app-text-muted)}.server-card{background-color:var(--app-bg-card);border-radius:var(--app-radius);box-shadow:var(--app-shadow-card);border:1px solid var(--app-border);overflow:hidden}.group-card,.group-card-active{background-color:var(--app-bg-card);border-radius:var(--app-radius);box-shadow:var(--app-shadow-card);border:1px solid var(--app-border)}.domain-group-card,.child-card,.p-pricing-card{background-color:var(--app-bg-card);border-radius:var(--app-radius);box-shadow:var(--app-shadow-card);border:1px solid var(--app-border);overflow:hidden}.app-user-dashboard-content .v-card.app-card{padding:0!important}.server-c-detail-2{background-color:var(--app-primary-light)!important;border-top:1px solid var(--app-border)}.server-c-detail h3,.server-c-detail p,.server-c-detail-2 p{color:var(--app-text-main)}.group-card :is(h4,h5){color:var(--app-text-main)}.group-card-active :is(h4,h5){color:var(--app-text-main)}.pricing-left-side h4{color:var(--app-text-main)}.p-pricing-card :is(h2,h4){color:var(--app-text-main)}.p-pricing-card p,.feature-widget p{color:var(--app-text-muted)}.border-light{border-color:var(--app-border)!important}.subdomains-wrapper{background:transparent!important;border-top:1px solid var(--app-border)}.apex-row:hover{background-color:#7f7f7f0f}[data-theme=dark] .apex-row:hover{background-color:#ffffff08}@media (max-width: 960px){.user-page-toolbar__search{width:100%}}.s-detail-back{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:20px;background:var(--app-bg-card);border-radius:var(--app-radius);box-shadow:var(--app-shadow-card);border:1px solid var(--app-border);margin-bottom:16px}.s-detail-inner{background:var(--app-bg-card);border-radius:var(--app-radius);box-shadow:var(--app-shadow-card);border:1px solid var(--app-border);padding:24px;margin-bottom:16px}.ub-detail-title,.domain-title{font-size:22px;font-weight:700;color:var(--app-text-main);margin-bottom:12px}.ub-detail-meta-group{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.ub-detail-meta{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#f3f4f6;border-radius:20px;font-size:13px;color:var(--app-text-muted);cursor:pointer;transition:background .15s ease}.ub-detail-meta:hover{background:#e5e7eb}.ub-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin:20px 0}.ub-detail-grid-item{display:flex;align-items:center;gap:12px;padding:16px;background:#f8f9fa;border-radius:var(--app-radius-sm);border:1px solid var(--app-border);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.ub-detail-grid-item:hover{transform:translateY(-2px);box-shadow:var(--app-shadow-card)}.ub-detail-grid-item .v-icon{color:var(--app-primary)}.ub-detail-grid-item p{margin:0;line-height:1.3;color:var(--app-text-main);font-weight:600}.ub-detail-grid-item p span{display:block;font-size:12px;font-weight:400;color:var(--app-text-muted)}.base-ssh-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-top:20px}.base-ssh-col{padding:16px;background:#f8f9fa;border-radius:var(--app-radius-sm);border:1px solid var(--app-border)}.base-ssh-col p{margin:0;line-height:1.4}.ub-stat-label{display:block;font-size:12px;font-weight:500;color:var(--app-text-muted);text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px}.status-widget-t-r{margin-left:auto;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600;border:1px solid currentColor}.server-stack-mobile{display:none}.app-site-detail-content .domain-area{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}.app-site-detail-content .domain-title{font-size:22px;font-weight:700;color:var(--app-text-main);margin:0;cursor:pointer}.app-site-detail-content .domain-title:hover{color:var(--app-primary)}.app-site-detail-content .ssh-sftp-copy-section{display:flex;align-items:center;gap:8px;margin-top:8px}[data-theme=light] .glass-card{background:#ffffff73!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important}[data-theme=dark] .glass-card{background:#0003!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important}.server-overview-card{background-color:var(--app-bg-card);border-radius:var(--app-radius);box-shadow:var(--app-shadow-card);border:1px solid var(--app-border);padding:24px;margin-bottom:16px;position:relative;overflow:hidden}.server-overview-bg{position:relative;overflow:hidden}.server-overview-bg-image{position:absolute;top:-20px;right:-20px;height:360px;width:auto;opacity:.14;pointer-events:none;z-index:0}.server-overview-bg-image img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.server-overview-bg-content{position:relative;z-index:1}@media (max-width: 600px){.server-overview-bg-image{display:none}}.overview-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:16px}.overview-toolbar-left{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.overview-toolbar-right{display:flex;align-items:center}.status-badge{padding:4px 12px;border-radius:20px;border:1px solid currentColor;font-size:14px}.overview-breadcrumb{display:flex;align-items:center;gap:6px;color:var(--app-text-muted);margin-bottom:14px}.overview-breadcrumb a{color:var(--app-text-muted);text-decoration:none;transition:color .15s ease}.overview-breadcrumb a:hover{color:var(--app-primary)}.overview-breadcrumb span{color:var(--app-text-main)}.overview-title{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}.server-name{color:var(--app-text-main);margin:0;line-height:1.2}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.overview-meta-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.meta-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;background:#f3f4f6;border-radius:20px;color:var(--app-text-muted);cursor:default;transition:background .15s ease;position:relative}.meta-pill.is-copyable{cursor:pointer}.meta-pill.is-copyable:hover{background:#e5e7eb}.copy-toast{position:absolute;top:-22px;left:50%;transform:translate(-50%);background:var(--app-primary);color:#fff;padding:3px 10px;border-radius:6px;font-size:11px;font-weight:600;white-space:nowrap;animation:copyToastIn .2s ease forwards;pointer-events:none;z-index:10}.copy-toast:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid var(--app-primary)}@keyframes copyToastIn{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.overview-info-row{display:flex;flex-wrap:wrap;gap:32px;padding-bottom:20px}.info-item{display:flex;align-items:center;gap:10px}.info-item-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;flex-shrink:0}.info-item-icon.orange{background:var(--app-primary)}.info-item-body{display:flex;flex-direction:column;gap:1px}.info-item-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.5px}.info-item-value{color:var(--app-text-main)}.overview-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--app-border);padding-top:16px}.stat-cell{display:flex;flex-direction:column;gap:8px;padding:0 16px;border-right:1px solid var(--app-border)}.stat-cell:first-child{padding-left:0}.stat-cell:last-child{border-right:none;padding-right:0}.stat-cell-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.4px}.stat-cell-body{display:flex;align-items:center;gap:12px}.stat-cell-value{color:var(--app-text-main);min-width:60px}.stat-cell-bar-track{flex:1;height:5px;background:#e5e7eb;border-radius:3px;overflow:hidden}.stat-cell-bar-fill{height:100%;border-radius:3px;transition:width .5s ease}.stat-cell-bar-fill.orange{background:linear-gradient(90deg,#f26522,#ff8a50)}.stat-cell-bar-fill.purple{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.stat-cell-bar-fill.blue{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.stat-cell-pct{color:var(--app-text-main);min-width:36px;text-align:right}.stat-cell-alert{color:#ef4444;display:flex;align-items:center;gap:4px}@media (max-width: 959px){.overview-stats-grid{grid-template-columns:repeat(3,1fr);gap:16px 0}.stat-cell{border-right:none;padding:0}}@media (max-width: 599px){.overview-stats-grid{grid-template-columns:1fr}.stat-cell{border-bottom:1px solid var(--app-border);padding-bottom:16px}.stat-cell:last-child{border-bottom:none;padding-bottom:0}}.desk-nav{display:none}.site-overview-card{background-color:var(--app-bg-card);border-radius:var(--app-radius);box-shadow:var(--app-shadow-card);border:1px solid var(--app-border);padding:24px;margin-bottom:16px;position:relative;overflow:hidden}.site-overview-bg{position:relative;overflow:hidden}.site-overview-bg-image{position:absolute;top:-20px;right:-20px;height:360px;width:auto;opacity:.14;pointer-events:none;z-index:0}.site-overview-bg-image img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.site-overview-bg-content{position:relative;z-index:1}@media (max-width: 600px){.site-overview-bg-image{display:none}}.site-title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px}.site-name{color:var(--app-text-main);margin:0;line-height:1.2;cursor:pointer}.domain-lock{cursor:pointer}.stat-cell-actions{display:flex;align-items:center;gap:4px;margin-top:4px}@media (min-width: 960px){.desk-nav{display:block}}.app-account-settings-page{max-width:100%;width:100%}.account-card{background:var(--app-bg-card);border-radius:var(--app-radius);box-shadow:var(--app-shadow-card);border:1px solid var(--app-border);padding:24px;margin-bottom:20px}[data-theme=light] .account-card.glass-card{background:#ffffff73!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important}[data-theme=dark] .account-card.glass-card{background:#0003!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important}.account-header{display:flex;align-items:center;gap:14px;margin-bottom:16px}.account-header h3,.account-header h4{margin:0;color:var(--app-text-main)}.fields-label{font-size:14px;font-weight:500;color:var(--app-text-main);margin-bottom:8px}.input-errors{margin-top:4px}.error-msg{color:#ef4444;font-size:13px}.command-css{background:var(--app-bg-main);border:1px solid var(--app-border);border-radius:var(--app-radius-sm);padding:12px;overflow-x:auto}.command-css code{font-family:Courier New,monospace;font-size:13px;color:var(--app-text-main);word-break:break-all}.cancel-btn{color:var(--app-primary);cursor:pointer;text-decoration:underline;font-weight:500}.cancel-btn:hover{color:#d43f1a}.ub-nav-no-results{padding:20px;text-align:center;color:var(--app-text-muted)}.div-space{margin-left:55px;margin-bottom:20px}[data-theme=dark] .account-card{background:var(--app-bg-card)}[data-theme=dark] .command-css{background:#1a1a1a}[data-theme=dark] .fields-label{color:var(--app-text-main)}.pg-dashboard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.pg-dashboard-header__info{display:flex;align-items:center;gap:14px}.pg-dashboard-header__icon{width:40px;height:40px;-o-object-fit:contain;object-fit:contain;border-radius:10px}.pg-dashboard-header__title{color:var(--app-text-main);margin:0}.pg-dashboard-header__sub{color:var(--app-text-muted);margin:2px 0 0}.pg-section-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:20px}.pg-status-banner{border-radius:var(--app-radius);box-shadow:var(--app-shadow-card);border:1px solid var(--app-border);padding:16px 20px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:20px}.pg-status-banner--running{background:#4caf5012;border-color:#4caf5040}.pg-status-banner--stopped{background:#f4433612;border-color:#f4433640}.pg-status-banner--loading{background:var(--app-bg-card)}.pg-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}@media (max-width: 900px){.pg-metrics-grid{grid-template-columns:repeat(2,1fr)}}.pg-metric-card{background:var(--app-bg-card);border-radius:var(--app-radius);box-shadow:var(--app-shadow-card);border:1px solid var(--app-border);padding:18px 16px;text-align:center;transition:transform .15s ease,box-shadow .15s ease}.pg-metric-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px #00000014!important}.pg-metric-card__icon-wrap{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 10px}.pg-metric-card__icon-wrap--blue{background:#4285f41a}.pg-metric-card__icon-wrap--indigo{background:#5c6bc01a}.pg-metric-card__icon-wrap--orange{background:#f57c001a}.pg-metric-card__icon-wrap--teal{background:#00897b1a}.pg-metric-card__value{color:var(--app-text-main);line-height:1.2;margin-bottom:4px}.pg-metric-card__label{color:var(--app-text-muted);text-transform:uppercase;letter-spacing:.06em}.pg-metric-card--blue{border-left:3px solid #4285f4}.pg-metric-card--indigo{border-left:3px solid #5c6bc0}.pg-metric-card--orange{border-left:3px solid #f57c00}.pg-metric-card--teal{border-left:3px solid #00897b}.pg-health-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}@media (max-width: 900px){.pg-health-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.pg-health-grid{grid-template-columns:1fr}}.pg-health-card{background:var(--app-bg-card);border-radius:var(--app-radius);box-shadow:var(--app-shadow-card);border:1px solid var(--app-border);padding:16px 18px}.pg-health-card__header{display:flex;align-items:center;margin-bottom:12px}.pg-health-card__title{color:var(--app-text-main)}.pg-health-card__empty{text-align:center;padding:20px 0;color:var(--app-text-muted)}.pg-ext-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}@media (max-width: 1100px){.pg-ext-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.pg-ext-grid{grid-template-columns:1fr}}.pg-ext-card{background:var(--app-bg-card);border-radius:var(--app-radius);box-shadow:var(--app-shadow-card);border:1px solid var(--app-border);display:flex;flex-direction:column;transition:box-shadow .15s}.pg-ext-card--installed{border-color:#4caf504d}.pg-ext-card:hover{box-shadow:0 6px 18px #00000014!important}.pg-ext-card__head{display:flex;align-items:flex-start;gap:12px;padding:14px 16px 12px;border-bottom:1px solid var(--app-border)}.pg-ext-card__body{padding:12px 16px;flex-grow:1}.pg-ext-card__footer{padding:10px 12px;display:flex;align-items:center;border-top:1px solid var(--app-border)}.pg-empty-state{background:var(--app-bg-card);border-radius:var(--app-radius);box-shadow:var(--app-shadow-card);border:1px solid var(--app-border);padding:48px 24px;text-align:center}.pg-empty-state__title{color:var(--app-text-main);margin:12px 0 8px}.pg-empty-state__sub{color:var(--app-text-muted);margin-bottom:20px}.pg-perf-header{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:20px}[data-theme=dark] .pg-metric-card:hover,[data-theme=dark] .pg-ext-card:hover,[data-theme=dark] .pg-health-card:hover{box-shadow:0 6px 18px #00000059!important}[data-theme=dark] .pg-status-banner--running{background:#4caf501a;border-color:#4caf5033}[data-theme=dark] .pg-status-banner--stopped{background:#f443361a;border-color:#f4433633}[data-theme=dark] .pg-ext-card--installed{border-color:#4caf5033}.app-account-settings-page{max-width:900px}
