.vpsus247-glass{--glass-edge:color-mix(in srgb, var(--border) 80%, var(--card));--glass-surface:color-mix(in srgb, var(--card) 80%, transparent);--glass-sidebar:color-mix(in srgb, var(--card) 56%, transparent);background:radial-gradient(ellipse at 8% 95%, #67a1a661, transparent 55%), radial-gradient(ellipse at 95% 0%, #7ea0e259, transparent 60%), color-mix(in srgb, var(--background) 82%, #8ab9db);min-height:100dvh;padding:12px 20px 112px}.dark .vpsus247-glass{background:radial-gradient(ellipse at 8% 95%, #265c6459, transparent 55%), radial-gradient(ellipse at 95% 0%, #29467e66, transparent 60%), var(--background)}.vpsus247-glass .glass-desktop-bar{max-width:1680px;color:var(--foreground);align-items:center;gap:16px;margin:0 auto 12px;padding-inline:8px;font-size:11px;display:flex}.vpsus247-glass .glass-desktop-brand{overflow-wrap:anywhere;letter-spacing:.06em;min-width:0;font-weight:600}.vpsus247-glass .glass-desktop-bar>:last-child{flex-shrink:0;min-width:0}.vpsus247-glass .glass-window{border:1px solid color-mix(in srgb, var(--card) 80%, var(--border));background:var(--glass-surface);border-radius:24px;max-width:1680px;min-height:calc(100dvh - 164px);margin-inline:auto;display:flex;overflow:clip;box-shadow:0 16px 52px #19395e1f}.vpsus247-glass .glass-sidebar{border-right:1px solid var(--glass-edge);background:var(--glass-sidebar);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-shrink:0;width:240px;display:none}.vpsus247-glass .glass-sidebar-inner{flex-direction:column;height:calc(100dvh - 84px);max-height:1100px;padding-top:20px;display:flex;position:sticky;top:12px}.vpsus247-glass .glass-sidebar-inner>:last-child{min-height:0}.vpsus247-glass .glass-window-controls{flex-shrink:0;gap:7px;padding:0 22px 12px;display:flex}.vpsus247-glass .glass-window-controls span{background:#f47a7b;border:1px solid #00000014;border-radius:50%;width:10px;height:10px}.vpsus247-glass .glass-window-controls span:nth-child(2){background:#eac15a}.vpsus247-glass .glass-window-controls span:nth-child(3){background:#62b98b}.vpsus247-glass [data-sidebar-brand]{border-bottom:0;height:auto;min-height:68px;padding-bottom:16px}.vpsus247-glass [data-admin-region=sidebar-navigation]{padding:8px 12px 20px}.vpsus247-glass .glass-workspace{background:color-mix(in srgb, var(--background) 85%, transparent);flex-direction:column;flex:1;min-width:0;display:flex}.vpsus247-glass [data-admin-region=topbar]{border-color:var(--glass-edge);background:var(--glass-surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.vpsus247-glass .glass-main{flex:1;width:100%;min-width:0;padding:24px;scroll-margin-top:80px}.vpsus247-glass .glass-main [data-ui=card]{border-color:var(--glass-edge);border-radius:16px;box-shadow:0 2px 4px #19395e08}.vpsus247-glass [data-customer-page-header]{flex-wrap:wrap}.vpsus247-glass [data-customer-page-header]>:last-child:not(:first-child){flex-shrink:1;max-width:100%}@media (min-width:640px){.vpsus247-glass [data-customer-page-header]>:first-child{flex:240px}}.vpsus247-glass .glass-footer{color:var(--muted-foreground);overflow-wrap:anywhere;flex-wrap:wrap;gap:8px 16px;padding:12px 24px 20px;font-size:11px;display:flex}.vpsus247-glass .glass-dock{border:1px solid color-mix(in srgb, var(--card) 85%, var(--border));background:var(--glass-sidebar);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:22px;gap:8px;width:fit-content;max-width:100%;margin:16px auto 0;padding:8px;display:flex;box-shadow:0 8px 30px #19395e1a}.vpsus247-glass .glass-dock-item{width:76px;min-width:0;color:var(--foreground);text-align:center;touch-action:manipulation;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:2px;display:flex}.vpsus247-glass .glass-dock-icon{border:1px solid var(--glass-edge);background:var(--glass-surface);border-radius:12px;place-items:center;width:38px;height:38px;transition:background-color .15s,transform .15s;display:grid}.vpsus247-glass .glass-dock-item[aria-current=page] .glass-dock-icon{background:var(--primary);color:var(--primary-foreground);border-color:#0000}.vpsus247-glass .glass-dock-item:hover .glass-dock-icon{transform:translateY(-2px)}.vpsus247-glass .glass-dock-label{overflow-wrap:anywhere;font-size:11px;line-height:1.35}.vpsus247-glass .glass-skip-link{z-index:100;background:var(--card);border-radius:8px;padding:8px 12px;position:fixed;top:8px;left:8px;transform:translateY(-200%)}.vpsus247-glass .glass-skip-link:focus-visible{transform:none}@media (min-width:1024px){.vpsus247-glass .glass-sidebar{display:block}}@media (min-width:768px){.vpsus247-glass .glass-window{height:calc(100dvh - 164px);min-height:0}.vpsus247-glass .glass-sidebar-inner{height:100%;max-height:none;position:static}.vpsus247-glass .glass-workspace,.vpsus247-glass .glass-main{min-height:0}.vpsus247-glass .glass-main{overscroll-behavior-y:contain;scrollbar-gutter:stable;overflow-y:auto}.vpsus247-glass [data-admin-region=topbar],.vpsus247-glass .glass-footer{flex-shrink:0}.vpsus247-glass .glass-dock{bottom:max(16px, env(safe-area-inset-bottom));z-index:30;margin:0;position:fixed;left:50%;transform:translate(-50%)}}@media (min-width:1280px){.vpsus247-glass [data-customer-dashboard]{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:24px;display:grid}.vpsus247-glass [data-customer-dashboard]>*{grid-column:1/-1;min-width:0;margin-block:0}.vpsus247-glass [data-dashboard-region=services]{grid-area:3/1}.vpsus247-glass [data-dashboard-region=attention]{grid-area:3/2}.vpsus247-glass [data-dashboard-region=services]>[data-ui=card]{height:100%}}@media (max-width:639px){.vpsus247-glass{padding:10px 8px max(12px, env(safe-area-inset-bottom))}.vpsus247-glass .glass-window{border-radius:18px}.vpsus247-glass .glass-main{padding:18px 12px}.vpsus247-glass .glass-footer{padding-inline:12px}.vpsus247-glass .glass-dock{gap:2px;padding:6px}.vpsus247-glass .glass-dock-item{width:56px}.vpsus247-glass .glass-dock-label{font-size:10px}}@media (prefers-reduced-motion:reduce){.vpsus247-glass .glass-dock-icon{transition:none}.vpsus247-glass .glass-dock-item:hover .glass-dock-icon{transform:none}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.vpsus247-glass .glass-sidebar,.vpsus247-glass .glass-dock,.vpsus247-glass [data-admin-region=topbar]{background:var(--card)}}