html{background:#f4f7f9}.adminShell{background:radial-gradient(circle at 100% 0,#15999b0d,#0000 25%),#f4f7fb;grid-template-columns:260px 1fr;min-height:100vh;display:grid}.adminSidebar{color:#fff;background:linear-gradient(#041a2a 0%,#062338 100%);border-right:1px solid #ffffff0d;flex-direction:column;min-height:100vh;padding:26px 18px;display:flex;position:sticky;top:0}.sidebarBrand{border-bottom:1px solid #ffffff14;align-items:center;gap:12px;margin-bottom:16px;padding:4px 8px 20px;display:flex}.brandMark{color:#fff;background:linear-gradient(135deg,#13a3a6 0%,#0d6f88 100%);border-radius:12px;place-items:center;width:42px;height:42px;font-size:22px;font-weight:800;display:grid;box-shadow:0 10px 22px #13a3a640}.brandText strong,.brandText span{display:block}.brandText strong{letter-spacing:.3px;font-size:18px}.brandText span{color:#90aabd;margin-top:2px;font-size:12px}.sidebarSectionLabel{color:#6f8ca3;letter-spacing:1.8px;margin-bottom:12px;padding:0 10px;font-size:11px;font-weight:800}.sidebarNav{flex-direction:column;gap:8px;display:flex}.sidebarLink{color:#d4e0e8;border-radius:14px;align-items:center;gap:12px;padding:13px 14px;font-size:14px;font-weight:600;transition:transform .18s,background .18s,color .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden;text-decoration:none!important}.sidebarLink:before{content:"";opacity:0;background:linear-gradient(90deg,#1294961f,#0000);transition:opacity .18s;position:absolute;inset:0}.sidebarLink:hover{color:#fff;background:#ffffff0a;transform:translate(4px)}.sidebarLink:hover:before{opacity:1}.sidebarLink.active{color:#fff;background:linear-gradient(90deg,#118f9233,#118f9214);box-shadow:inset 0 0 0 1px #1dbfc22e,0 10px 24px #0000001f}.sidebarLink.active:after{content:"";background:linear-gradient(#1ad0d3 0%,#0f9ca0 100%);border-radius:0 8px 8px 0;width:4px;position:absolute;top:12px;bottom:12px;left:0}.sidebarBottom{margin-top:auto;padding-top:18px}.sidebarInfrastructureCard{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(#ffffff0f,#ffffff08);border:1px solid #ffffff14;border-radius:16px;padding:15px}.infraTop{align-items:center;gap:10px;display:flex}.infraIcon{color:#48d0d2;background:#14a6aa1f;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.sidebarInfrastructureCard strong,.sidebarInfrastructureCard span{display:block}.sidebarInfrastructureCard strong{font-size:13px}.sidebarInfrastructureCard span{color:#88a2b2;margin-top:2px;font-size:11px}.infraStatus{color:#b9c8d3;align-items:center;gap:8px;margin-top:12px;font-size:12px;display:inline-flex}.statusDot{background:#17c964;border-radius:50%;width:8px;height:8px;box-shadow:0 0 12px #17c964b3}.adminContent{padding:26px}@media (width<=1100px){.adminShell{grid-template-columns:1fr}.adminSidebar{min-height:auto;position:static}}.adminShell{min-height:100vh;display:block}.adminSidebar{box-sizing:border-box;z-index:100;width:260px;height:100vh;min-height:100vh;position:fixed;top:0;bottom:0;left:0;overflow:hidden auto}.adminContent{box-sizing:border-box;min-width:0;min-height:100vh;margin-left:260px}.brandLogoWrap{justify-content:center;align-items:center;width:64px;min-width:64px;height:64px;display:flex;overflow:visible}.brandLogoImage{object-fit:contain;width:100%;height:100%;display:block}.sidebarBrand{gap:14px;padding-top:2px;padding-bottom:22px}.brandText strong{font-size:19px;font-weight:800}.brandText span{font-size:12px}.sidebarBottom{flex-direction:column;gap:12px;margin-top:auto;padding-top:18px;display:flex}.sidebarLogoutButton{color:#d8e3ea;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff17;border-radius:14px;outline:none;justify-content:flex-start;align-items:center;gap:12px;width:100%;padding:13px 14px;font-size:14px;font-weight:700;transition:background .18s,color .18s,transform .18s,border-color .18s;display:flex}.sidebarLogoutButton:hover:not(:disabled){color:#fff;background:#ef44441a;border-color:#ef444440;transform:translateY(-1px)}.sidebarLogoutButton:disabled{opacity:.6;cursor:not-allowed}.adminSidebar::-webkit-scrollbar{width:5px}.adminSidebar::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:20px}@media (width<=1100px){.adminSidebar{width:100%;height:auto;min-height:auto;position:static;overflow:visible}.adminContent{margin-left:0}.brandLogoWrap{width:60px;min-width:60px;height:60px}}:root{--portal-topbar:#100b2d;--portal-sidebar:#eeeef1;--portal-main:#f7f7f8;--portal-surface:#fff;--portal-border:#e2e3e8;--portal-text:#25262b;--portal-muted:#74777f;--portal-teal:#089a9e;--portal-teal-soft:#e9f7f7;--portal-purple:#673de6}.customerShell{background:var(--portal-topbar);min-height:100vh;color:var(--portal-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-family:Segoe UI Variable,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Roboto,Helvetica,Arial,sans-serif}.customerTopbar{z-index:300;box-sizing:border-box;background:#100b2d;border-bottom:1px solid #ffffff0e;justify-content:space-between;align-items:center;height:58px;padding:0 20px;display:flex;position:fixed;top:0;left:0;right:0}.customerTopbarBrand{align-items:center;gap:10px;display:flex}.customerTopbarBrand strong{color:#fff;letter-spacing:-.1px;font-size:14px;font-weight:750;line-height:1.1;display:block}.customerTopbarBrand span{color:#ffffff8c;margin-top:3px;font-size:10px;display:block}.customerTopbarActions{align-items:center;gap:9px;display:flex}.customerTopbarIcon{color:#ffffffe0;background:#ffffff06;border:1px solid #ffffff24;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:relative}.notificationIcon i{background:#de3769;border:2px solid #100b2d;border-radius:50%;width:7px;height:7px;position:absolute;top:2px;right:2px}.customerTopbarUser{color:#fff;background:#ffffff06;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:8px;min-height:34px;padding:0 12px;font-size:12px;font-weight:600;display:flex}.customerWorkspace{box-sizing:border-box;min-height:100vh;padding-top:58px}.customerSidebar{box-sizing:border-box;color:#303238;z-index:200;scrollbar-width:none;background:#ededf0;border-right:1px solid #dfdfe4;flex-direction:column;width:242px;padding:17px 12px 16px;display:flex;position:fixed;top:58px;bottom:0;left:0;overflow-y:auto}.customerSidebar::-webkit-scrollbar{display:none}.customerSidebarLabel{color:#7c7e85;letter-spacing:.95px;text-transform:uppercase;padding:8px 11px 12px;font-size:10px;font-weight:650;line-height:1}.customerSidebarNav{flex-direction:column;gap:3px;display:flex}.customerNavLink{color:#42454c;border:1px solid #0000;border-radius:10px;align-items:center;gap:12px;min-height:43px;padding:0 12px;font-size:13.5px;font-weight:500;line-height:1;text-decoration:none;transition:background .15s,color .15s,border-color .15s;display:flex}.customerNavLink svg{color:#555963;flex-shrink:0}.customerNavLink:hover{color:#1f2024;background:#ffffff8c}.customerNavLink.active{color:#1c1d21;background:#fff;border-color:#e4e4e8;font-weight:650;box-shadow:0 1px 2px #00000006}.customerNavLink.active svg{color:#222329}.customerNavLink.active:before{display:none}.customerSidebarBottom{flex-direction:column;gap:9px;margin-top:auto;padding-top:18px;display:flex}.customerRegionCard{background:#ffffff8c;border:1px solid #e0e0e4;border-radius:11px;grid-template-columns:30px 1fr;align-items:center;gap:9px;padding:12px;display:grid}.customerRegionIcon{width:30px;height:30px;color:var(--portal-teal);background:var(--portal-teal-soft);border-radius:9px;place-items:center;display:grid}.customerRegionCard strong{color:#32343a;font-size:10.5px;font-weight:650;line-height:1.25;display:block}.customerRegionCard span{color:#8a8d95;margin-top:3px;font-size:9.5px;display:block}.customerRegionStatus{color:#70737a;grid-column:1/-1;align-items:center;gap:7px;margin-top:2px;font-size:9.5px;display:flex}.customerRegionStatus i{background:#18b866;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #18b86617}.customerLogoutButton{color:#4c4f57;cursor:pointer;background:#ffffff73;border:1px solid #dcdde2;border-radius:10px;align-items:center;gap:10px;width:100%;min-height:41px;padding:0 12px;font-size:12px;font-weight:550;transition:background .15s,border-color .15s,color .15s;display:flex}.customerLogoutButton:hover{color:#b42339;background:#fff;border-color:#d5d6dc}.customerLogoutButton:disabled{opacity:.55;cursor:not-allowed}.customerMainContent{box-sizing:border-box;background:#f7f7f8;border-radius:22px 0 0;min-height:calc(100vh - 58px);margin-left:242px;padding:24px 28px 42px}@media (width<=850px){.customerTopbarUser span{display:none}.customerSidebar{border-bottom:1px solid #dfdfe4;border-right:none;width:100%;height:auto;position:static}.customerWorkspace{display:block}.customerMainContent{border-radius:0;min-height:auto;margin-left:0;padding:18px}.customerSidebarBottom{margin-top:20px}}.customerTopbar{height:64px!important;box-shadow:none!important;background:#100b2d!important;border-bottom:none!important;padding:0 20px!important}.customerTopbarBrand{height:64px;align-items:center!important;gap:12px!important;display:flex!important}.customerTopbarBrand>div{flex-direction:column;justify-content:center;display:flex}.customerTopbarBrand strong{color:#fff!important;font-size:14px!important;font-weight:700!important;line-height:1.05!important}.customerTopbarBrand span{color:#ffffffa1!important;margin-top:4px!important;font-size:10px!important}.customerTopbarActions{height:64px;align-items:center!important;gap:8px!important;display:flex!important}.customerTopbarIcon{color:#fff!important;background:#ffffff05!important;border:1px solid #ffffff26!important;border-radius:50%!important;width:36px!important;height:36px!important}.customerTopbarIcon:hover{background:#ffffff12!important}.customerTopbarUser{color:#fff!important;background:#ffffff05!important;border:1px solid #ffffff26!important;border-radius:999px!important;height:36px!important;padding:0 13px!important}.customerWorkspace{position:relative;background:#100b2d!important;min-height:calc(100vh - 64px)!important;padding-top:64px!important}.customerSidebar{background:#ededf0!important;border-right:1px solid #dfdfe4!important;border-radius:20px 0 0!important;width:242px!important;padding:15px 12px 18px!important;top:64px!important;bottom:0!important;left:8px!important;overflow:hidden auto!important}.customerSidebarLabel{color:#7a7d85!important;letter-spacing:.9px!important;margin:0!important;padding:17px 12px 15px!important;font-size:10px!important;font-weight:650!important}.customerSidebarNav{gap:4px!important}.customerNavLink{color:#383b42!important;border-radius:10px!important;min-height:44px!important;padding:0 13px!important;font-size:13.5px!important;font-weight:500!important}.customerNavLink.active{color:#191a1e!important;background:#fff!important;border:1px solid #e2e2e6!important;font-weight:650!important;box-shadow:0 1px 3px #00000009!important}.customerMainContent{background:#f7f7f8!important;border-top:1px solid #00000006!important;border-radius:0 20px 0 0!important;min-height:calc(100vh - 64px)!important;margin-left:250px!important;padding:24px 28px 44px!important}.cpDashboard{max-width:1380px!important;margin:0 auto!important}.cpHero{box-shadow:none!important;border:1px solid #e1e2e6!important;border-radius:18px!important}@media (width<=850px){.customerWorkspace{padding-top:64px!important}.customerSidebar{border-radius:18px 18px 0 0!important;width:calc(100% - 16px)!important;margin:0 8px!important;position:relative!important;top:auto!important;left:auto!important}.customerMainContent{border-radius:0 0 18px 18px!important;margin:0 8px!important;padding:18px!important}}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden!important}.customerShell{width:100%;height:100dvh;background:#100b2d!important;overflow:hidden!important}.customerTopbar{z-index:500!important;background:#100b2d!important;height:64px!important;position:fixed!important;top:0!important;left:0!important;right:0!important}.customerWorkspace{background:#f7f7f8!important;border-radius:20px!important;min-height:0!important;padding:0!important;display:block!important;position:fixed!important;inset:64px 8px 8px!important;overflow:hidden!important;box-shadow:0 1px #ffffff0a!important}.customerSidebar{overscroll-behavior:contain;scrollbar-width:thin;box-sizing:border-box!important;background:#ededf0!important;border-radius:20px 0 0 20px!important;width:242px!important;height:auto!important;margin:0!important;position:absolute!important;top:0!important;bottom:0!important;left:0!important;overflow:hidden auto!important}.customerMainContent{overscroll-behavior:contain;scrollbar-gutter:stable;box-sizing:border-box!important;background:#f7f7f8!important;border-radius:0 20px 20px 0!important;width:auto!important;height:auto!important;min-height:0!important;margin:0!important;padding:24px 28px 42px!important;position:absolute!important;inset:0 0 0 242px!important;overflow:hidden auto!important}.customerMainContent::-webkit-scrollbar{width:8px}.customerMainContent::-webkit-scrollbar-track{background:0 0}.customerMainContent::-webkit-scrollbar-thumb{background:#d5d6db;border:2px solid #f7f7f8;border-radius:999px}.customerMainContent::-webkit-scrollbar-thumb:hover{background:#bfc1c8}.customerMainContent{scrollbar-width:thin;scrollbar-color:#d5d6db transparent}.cpDashboard{width:100%!important;max-width:1380px!important;margin:0 auto!important;padding-bottom:10px!important}@media (width<=850px){html,body,#root{overflow:auto!important}.customerShell{height:auto;min-height:100vh;overflow:visible!important}.customerWorkspace{border-radius:0!important;margin-top:64px!important;position:relative!important;inset:auto!important;overflow:visible!important}.customerSidebar{border-radius:0!important;width:100%!important;position:relative!important;top:auto!important;bottom:auto!important;left:auto!important}.customerMainContent{border-radius:0!important;padding:18px!important;position:relative!important;inset:auto!important;overflow:visible!important}}.customerTopbarBrand{align-items:center!important;height:64px!important;display:flex!important}.customerTopbarBrand img{object-fit:contain!important;object-fit:contain!important;width:74px!important;height:74px!important}.customerShell,.customerShell button,.customerShell input,.customerShell textarea,.customerShell select{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;text-rendering:optimizelegibility!important;font-family:DM Sans,Noto Sans Arabic,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important}.customerNavLink{letter-spacing:-.05px!important;font-size:14px!important;font-weight:500!important}.customerNavLink.active{font-weight:600!important}.customerRegionCard strong{font-size:12px!important;font-weight:600!important}.customerRegionCard span,.customerRegionStatus{font-size:11px!important}.customerLogoutButton{font-size:13px!important;font-weight:600!important}.customerTopbarUser{font-size:13px!important;font-weight:500!important}.customerWorkspace{min-width:0;display:flex}.customerSidebar{flex-shrink:0;transition:width .18s,min-width .18s,padding .18s}.customerSidebarCollapsed{width:76px!important;min-width:76px!important;max-width:76px!important;padding-left:10px!important;padding-right:10px!important}.customerSidebarCollapsed .customerSidebarNav{width:100%}.customerSidebarCollapsed .customerNavLink{border-radius:10px;justify-content:center;gap:0;width:52px;height:48px;margin-left:auto;margin-right:auto;padding:0}.customerSidebarCollapsed .customerNavLink span{display:none}.customerSidebarCollapsed .customerNavLink svg{flex-shrink:0}.customerSidebarCollapsed .customerSidebarBottom{align-items:center}.customerSidebarCollapsed .customerRegionCard{display:none}.customerSidebarCollapsed .customerLogoutButton{justify-content:center;width:52px;min-width:52px;height:48px;margin-left:auto;margin-right:auto;padding:0}.customerSidebarCollapsed .customerLogoutButton span{display:none}.customerVpsSubSidebar{background:#f7f7f9;border-right:1px solid #e1e3e8;flex-direction:column;flex:0 0 258px;width:258px;min-width:258px;min-height:0;display:flex;position:relative;box-shadow:1px 0 #11182704}.customerVpsSubHeader{border-bottom:1px solid #e8e9ed;padding:18px 14px 14px}.customerVpsSubProduct{background:#fff;border:1px solid #e6e7eb;border-radius:11px;align-items:center;gap:11px;min-height:56px;padding:8px 10px;display:flex}.customerVpsSubProduct strong{color:#171b24;font-size:14px;font-weight:720;line-height:1.25;display:block}.customerVpsSubProduct span{color:#858b98;margin-top:3px;font-size:11px;line-height:1.2;display:block}.customerVpsSubNav{flex-direction:column;gap:3px;padding:12px 11px;display:flex;overflow-y:auto}.customerVpsSubNavLink{color:#333946;border:1px solid #0000;border-radius:9px;align-items:center;gap:11px;min-height:43px;padding:0 12px;font-size:13px;font-weight:540;text-decoration:none;transition:background .13s,border-color .13s,color .13s;display:flex}.customerVpsSubNavLink svg{color:#656c79;flex-shrink:0}.customerVpsSubDivider{background:#e1e3e8;height:1px;margin:8px}.customerVpsSubFooter{background:#ffffff73;border-top:1px solid #e1e3e8;align-items:center;gap:9px;min-height:68px;margin-top:auto;padding:13px 18px;display:flex}.customerVpsRegionDot{background:#19a463;border-radius:50%;flex:0 0 8px;width:8px;height:8px;box-shadow:0 0 0 3px #19a4631a}.customerVpsSubFooter strong{color:#343a46;font-size:11px;font-weight:650;display:block}.customerVpsSubFooter span{color:#8a909c;margin-top:2px;font-size:10px;display:block}.customerMainContent{flex:auto;min-width:0}.customerMainContentVps{background:#f5f7fa}@media (width<=1050px){.customerVpsSubSidebar{flex-basis:224px;width:224px;min-width:224px}}@media (width<=760px){.customerSidebarCollapsed{width:64px!important;min-width:64px!important;max-width:64px!important;padding-left:6px!important;padding-right:6px!important}.customerSidebarCollapsed .customerNavLink,.customerSidebarCollapsed .customerLogoutButton{width:48px}.customerVpsSubSidebar{flex-basis:200px;width:200px;min-width:200px}.customerVpsSubHeader{padding:12px 9px}.customerVpsSubNav{padding:10px 8px}}.customerWorkspace.customerWorkspaceVps{grid-template-rows:minmax(0,1fr)!important;grid-template-columns:82px 260px minmax(0,1fr)!important;align-items:stretch!important;width:100%!important;min-width:0!important;margin:0!important;padding:0!important;display:grid!important;position:relative!important;overflow:hidden!important}.customerWorkspaceVps .customerSidebarCollapsed{inset:auto!important;z-index:20!important;width:82px!important;min-width:82px!important;max-width:82px!important;height:100%!important;box-shadow:none!important;background:#f0f1f4!important;border-right:1px solid #dfe1e6!important;grid-area:1/1!important;margin:0!important;padding:14px 10px!important;position:relative!important;inset:auto!important;overflow:hidden!important;transform:none!important}.customerWorkspaceVps .customerSidebarCollapsed .customerSidebarNav{flex-direction:column!important;align-items:center!important;gap:8px!important;width:100%!important;margin:0!important;padding:0!important;display:flex!important}.customerWorkspaceVps .customerSidebarCollapsed .customerNavLink{color:#525966!important;background:0 0!important;border:1px solid #0000!important;border-radius:12px!important;justify-content:center!important;align-items:center!important;gap:0!important;width:56px!important;min-width:56px!important;max-width:56px!important;height:52px!important;min-height:52px!important;margin:0!important;padding:0!important;display:flex!important;overflow:visible!important}.customerWorkspaceVps .customerSidebarCollapsed .customerNavLink span{display:none!important}.customerWorkspaceVps .customerSidebarCollapsed .customerNavLink svg{visibility:visible!important;opacity:1!important;stroke-width:1.8px!important;flex:0 0 21px!important;width:21px!important;min-width:21px!important;height:21px!important;display:block!important}.customerWorkspaceVps .customerSidebarCollapsed .customerNavLink:hover{color:#252a34!important;background:#e5e6ea!important}.customerWorkspaceVps .customerSidebarCollapsed .customerNavLink.active{color:#111827!important;background:#fff!important;border-color:#191d26!important;box-shadow:0 1px 3px #11182714!important}.customerWorkspaceVps .customerSidebarCollapsed .customerSidebarBottom{flex-direction:column!important;align-items:center!important;width:100%!important;margin-top:auto!important;display:flex!important}.customerWorkspaceVps .customerSidebarCollapsed .customerRegionCard{display:none!important}.customerWorkspaceVps .customerSidebarCollapsed .customerLogoutButton{border-radius:11px!important;justify-content:center!important;align-items:center!important;width:56px!important;min-width:56px!important;height:52px!important;padding:0!important;display:flex!important}.customerWorkspaceVps .customerSidebarCollapsed .customerLogoutButton span{display:none!important}.customerWorkspaceVps .customerSidebarCollapsed .customerLogoutButton svg{visibility:visible!important;opacity:1!important;width:20px!important;height:20px!important;display:block!important}.customerWorkspaceVps .customerVpsSubSidebar{inset:auto!important;z-index:10!important;width:260px!important;min-width:260px!important;max-width:260px!important;height:100%!important;box-shadow:none!important;background:#f6f6f8!important;border-right:1px solid #dfe1e6!important;flex-direction:column!important;grid-area:1/2!important;margin:0!important;padding:0!important;display:flex!important;position:relative!important;inset:auto!important;overflow:hidden!important;transform:none!important}.customerVpsSubHeader{border-bottom:1px solid #e3e4e8!important;flex:none!important;width:100%!important;padding:18px 14px 14px!important}.customerVpsSubProduct{background:#fff!important;border:1px solid #e0e2e7!important;border-radius:11px!important;grid-template-columns:38px minmax(0,1fr)!important;align-items:center!important;column-gap:11px!important;width:100%!important;min-height:58px!important;padding:9px 11px!important;display:grid!important;overflow:hidden!important}.customerVpsSubIcon{color:#673de6!important;background:#f0ebff!important;border-radius:9px!important;flex:0 0 38px!important;justify-content:center!important;align-items:center!important;width:38px!important;height:38px!important;display:flex!important}.customerVpsSubIcon svg{visibility:visible!important;opacity:1!important;width:20px!important;height:20px!important;display:block!important}.customerVpsSubProduct strong{color:#181c25!important;white-space:nowrap!important;font-size:14px!important;font-weight:700!important;display:block!important}.customerVpsSubProduct span{color:#858c99!important;white-space:nowrap!important;margin-top:3px!important;font-size:11px!important;display:block!important}.customerVpsSubNav{flex-direction:column!important;gap:4px!important;width:100%!important;margin:0!important;padding:12px 11px!important;display:flex!important;overflow:hidden auto!important}.customerVpsSubNavLink{color:#363c48!important;background:0 0!important;border:1px solid #0000!important;border-radius:9px!important;grid-template-columns:24px minmax(0,1fr)!important;align-items:center!important;column-gap:11px!important;width:100%!important;min-height:44px!important;margin:0!important;padding:0 12px!important;font-size:13px!important;font-weight:520!important;line-height:1!important;text-decoration:none!important;display:grid!important;overflow:visible!important}.customerVpsSubNavLink svg{visibility:visible!important;opacity:1!important;color:#606774!important;stroke:currentColor!important;stroke-width:1.8px!important;flex:0 0 19px!important;width:19px!important;min-width:19px!important;max-width:19px!important;height:19px!important;display:block!important;position:static!important;transform:none!important}.customerVpsSubNavLink span{text-overflow:ellipsis!important;white-space:nowrap!important;min-width:0!important;display:block!important;overflow:hidden!important}.customerVpsSubNavLink:hover{color:#171b24!important;background:#ececf0!important}.customerVpsSubNavLink.active{color:#151922!important;background:#fff!important;border-color:#dbdde3!important;font-weight:650!important;box-shadow:0 1px 2px #0f172a0a!important}.customerVpsSubNavLink.active svg{color:#673de6!important}.customerVpsSubDivider{background:#dfe1e6!important;flex:0 0 1px!important;width:calc(100% - 16px)!important;height:1px!important;margin:8px auto!important}.customerVpsSubFooter{background:#fafafb!important;border-top:1px solid #e1e3e8!important;flex:none!important;grid-template-columns:12px minmax(0,1fr)!important;align-items:center!important;column-gap:9px!important;width:100%!important;min-height:70px!important;margin-top:auto!important;padding:13px 17px!important;display:grid!important;overflow:hidden!important}.customerVpsRegionDot{background:#16a05d!important;border-radius:50%!important;width:8px!important;height:8px!important;box-shadow:0 0 0 3px #16a05d1f!important}.customerVpsSubFooter strong{color:#343945!important;white-space:nowrap!important;font-size:11px!important;display:block!important}.customerVpsSubFooter span{color:#9096a2!important;white-space:nowrap!important;margin-top:2px!important;font-size:10px!important;display:block!important}.customerWorkspaceVps .customerMainContentVps{z-index:1!important;background:#f5f7fa!important;grid-area:1/3!important;width:auto!important;min-width:0!important;margin:0!important;padding-left:0!important;position:relative!important;left:auto!important;right:auto!important;overflow:auto!important}@media (width<=1000px){.customerWorkspace.customerWorkspaceVps{grid-template-columns:72px 230px minmax(0,1fr)!important}.customerWorkspaceVps .customerSidebarCollapsed{width:72px!important;min-width:72px!important;max-width:72px!important}.customerWorkspaceVps .customerVpsSubSidebar{width:230px!important;min-width:230px!important;max-width:230px!important}}@media (width<=720px){.customerWorkspace.customerWorkspaceVps{grid-template-columns:64px minmax(0,1fr)!important}.customerWorkspaceVps .customerSidebarCollapsed{width:64px!important;min-width:64px!important;max-width:64px!important}.customerWorkspaceVps .customerVpsSubSidebar{grid-column:2!important;width:100%!important;min-width:0!important;max-width:none!important}.customerWorkspaceVps .customerMainContentVps{grid-column:1/-1!important;display:none!important}}.customerShell{flex-direction:column!important;min-height:100vh!important;display:flex!important;overflow:hidden!important}.customerTopbar{flex:0 0 58px!important}.customerWorkspace,.customerWorkspace.customerWorkspaceVps{background:#f5f7fa!important;flex:auto!important;align-items:stretch!important;height:calc(100vh - 58px)!important;min-height:calc(100vh - 58px)!important;overflow:hidden!important}.customerWorkspaceVps,.customerWorkspaceVps .customerSidebarCollapsed,.customerWorkspaceVps .customerVpsSubSidebar,.customerWorkspaceVps .customerMainContentVps{height:100%!important;min-height:100%!important}.customerMainContent,.customerMainContentVps{background:#f5f7fa!important;min-width:0!important;height:100%!important;min-height:100%!important}.customerMainContentVps{overflow:auto!important}.customerWorkspaceVps .customerSidebarCollapsed .customerNavLink{border-radius:14px!important;width:56px!important;min-width:56px!important;max-width:56px!important;height:56px!important;min-height:56px!important}.customerWorkspaceVps .customerSidebarCollapsed .customerNavLink.active{box-shadow:none!important;background:#fff!important;border:none!important;outline:none!important}.customerWorkspaceVps .customerSidebarCollapsed .customerNavLink:hover,.customerWorkspaceVps .customerSidebarCollapsed .customerNavLink:focus,.customerWorkspaceVps .customerSidebarCollapsed .customerNavLink:active{box-shadow:none!important;outline:none!important}.customerWorkspaceVps .customerSidebarCollapsed .customerNavLink.active svg{color:#673de6!important}.customerVpsSubProduct{min-height:64px!important}.customerVpsSubNav{gap:4px!important}.customerVpsSubNavLink{border-radius:10px!important;align-items:center!important;height:48px!important;min-height:48px!important}.customerVpsSubFooter{min-height:76px!important}.customerVpsPage,.customerVpsLayout,.customerVpsPanel,.customerVpsContent{min-height:100%!important}.dashboardPage{flex-direction:column;gap:22px;display:flex}.dashboardHero{background:radial-gradient(circle at 100% 0,#15999b2e,#0000 22%),linear-gradient(135deg,#fff 0%,#f7fbfc 100%);border:1px solid #e7eff3;border-radius:24px;justify-content:space-between;align-items:flex-start;gap:18px;padding:28px 30px;display:flex;box-shadow:0 16px 40px #0a22350f}.heroBadge{color:#118f92;letter-spacing:1.2px;background:#118f9214;border-radius:999px;margin-bottom:10px;padding:7px 12px;font-size:11px;font-weight:800;display:inline-block}.dashboardHero h1{letter-spacing:-1.5px;color:#0b2332;margin:0 0 10px;font-size:40px;line-height:1}.dashboardHero p{color:#738893;max-width:640px;margin:0;font-size:15px;line-height:1.7}.heroStatus{flex-direction:column;align-items:flex-end;gap:12px;display:flex}.heroStatusChip{color:#163445;background:#fff;border:1px solid #e5eef2;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;font-size:12px;font-weight:700;display:inline-flex;box-shadow:0 10px 20px #0a22350d}.onlineDot{background:#18c964;border-radius:50%;width:8px;height:8px;box-shadow:0 0 12px #18c964a6}.heroStatusMeta{text-align:right}.heroStatusMeta strong,.heroStatusMeta span{display:block}.heroStatusMeta strong{color:#102d3d;font-size:12px}.heroStatusMeta span{color:#78909d;margin-top:2px;font-size:12px}.statsGrid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.statCard{background:#fff;border:1px solid #e8eef2;border-radius:20px;align-items:center;gap:16px;padding:22px;display:flex;box-shadow:0 14px 34px #0824350d}.statIconWrap{color:#138f92;background:linear-gradient(135deg,#118f921f,#118f920a);border-radius:16px;place-items:center;width:54px;height:54px;display:grid}.statCard span,.statCard strong,.statCard small{display:block}.statCard span{color:#7a8d98;font-size:13px}.statCard strong{color:#0f2736;margin-top:6px;font-size:31px;line-height:1}.statCard small{color:#93a2ab;margin-top:8px;font-size:12px}.dashboardMainGrid{grid-template-columns:1.4fr .8fr;gap:18px;display:grid}.panel{background:#fff;border:1px solid #e8eef2;border-radius:22px;padding:22px;box-shadow:0 14px 34px #0824350d}.panelLarge{min-height:380px}.panelHead{justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;display:flex}.panelEyebrow{color:#118f92;letter-spacing:1.2px;text-transform:uppercase;font-size:11px;font-weight:800;display:inline-block}.panel h3{color:#102b3b;margin:5px 0 0;font-size:22px}.panelLegend{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.legendItem{color:#718792;align-items:center;gap:7px;font-size:12px;font-weight:600;display:inline-flex}.legendDot{border-radius:50%;width:10px;height:10px}.legendDotPrimary{background:#16a7aa}.legendDotSoft{background:#8bbfc0}.chartWrap{width:100%}.tallChart{height:290px}.mediumChart{height:250px}.capacityMeta{grid-template-columns:repeat(2,1fr);gap:14px;margin-top:8px;display:grid}.capacityMeta div{background:#f7fafc;border:1px solid #edf3f6;border-radius:14px;padding:14px}.capacityMeta strong,.capacityMeta span{display:block}.capacityMeta strong{color:#0f2c3b;font-size:24px}.capacityMeta span{color:#7f939f;margin-top:4px;font-size:12px}.infrastructurePanel{margin-top:2px}.panelPill{color:#118f92;background:#f4fbfb;border:1px solid #dff0f0;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;font-size:12px;font-weight:700;display:inline-flex}.tableWrap{overflow-x:auto}.dashboardTable{border-collapse:collapse;width:100%}.dashboardTable th{text-align:left;color:#7c909b;border-bottom:1px solid #edf2f5;padding:14px 12px;font-size:12px;font-weight:700}.dashboardTable td{color:#102c3c;border-bottom:1px solid #f2f5f7;padding:16px 12px;font-size:14px}.statusBadge{color:#149a56;background:#eefbf3;border-radius:999px;justify-content:center;align-items:center;min-width:80px;padding:8px 12px;font-size:12px;font-weight:800;display:inline-flex}@media (width<=1300px){.statsGrid{grid-template-columns:repeat(2,1fr)}.dashboardMainGrid{grid-template-columns:1fr}}@media (width<=760px){.adminContent{padding:16px}.dashboardHero{flex-direction:column;padding:22px}.dashboardHero h1{font-size:30px}.statsGrid{grid-template-columns:1fr}}.customerModalOverlay{z-index:1000;-webkit-backdrop-filter:blur(7px);background:#020c1694;justify-content:center;align-items:center;padding:24px;animation:.18s customerModalFade;display:flex;position:fixed;inset:0}.customerFormCard{scrollbar-width:none;-ms-overflow-style:none;background:#fff;border:1px solid #0a304617;border-radius:24px;width:min(860px,100%);max-height:88vh;padding:30px;animation:.2s customerModalOpen;overflow:hidden auto;box-shadow:0 30px 80px #00000047,0 6px 24px #0000001f}.customerFormCard::-webkit-scrollbar{width:0;height:0;display:none}.customerFormCard h2{color:#071d2d;margin:0;font-size:25px;font-weight:800}.customerFormCard>div>p{color:#718292;margin:7px 0 24px;font-size:14px}.customerFormCard .formGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.customerFormCard label{color:#243746;flex-direction:column;gap:8px;font-size:13px;font-weight:700;display:flex}.customerFormCard input,.customerFormCard select{box-sizing:border-box;color:#102431;background:#f9fbfc;border:1px solid #d9e2e9;border-radius:12px;outline:none;width:100%;height:48px;padding:0 14px;font-size:14px;transition:border-color .18s,box-shadow .18s,background .18s}.customerFormCard input:focus,.customerFormCard select:focus{background:#fff;border-color:#149da0;box-shadow:0 0 0 4px #149da01a}.inputWithUnit{position:relative}.inputWithUnit input{padding-right:55px}.inputWithUnit span{color:#718391;font-size:12px;font-weight:800;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.customerFormCard .formActions{background:#fff;border-top:1px solid #edf1f4;justify-content:flex-end;align-items:center;gap:12px;margin-top:28px;padding-top:20px;padding-bottom:2px;display:flex;position:sticky;bottom:-30px}.customerFormCard .formActions button{color:#334956;cursor:pointer;background:#fff;border:1px solid #dce4e9;border-radius:12px;min-height:44px;padding:0 20px;font-size:14px;font-weight:700}.customerFormCard .formActions .primaryButton{color:#fff;background:linear-gradient(135deg,#139b9e 0%,#087583 100%);border:none;min-width:220px;box-shadow:0 10px 25px #0d848b33}.customerFormCard button:disabled{opacity:.6;cursor:not-allowed}@keyframes customerModalFade{0%{opacity:0}to{opacity:1}}@keyframes customerModalOpen{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=720px){.customerModalOverlay{align-items:flex-end;padding:12px}.customerFormCard{border-radius:22px 22px 0 0;width:100%;max-height:94vh;padding:22px}.customerFormCard .formGrid{grid-template-columns:1fr}.customerFormCard .formActions{flex-direction:column-reverse}.customerFormCard .formActions button{width:100%}}.saudiPhoneField{background:#f9fbfc;border:1px solid #d9e2e9;border-radius:12px;align-items:stretch;width:100%;height:48px;transition:border-color .18s,box-shadow .18s,background .18s;display:flex;overflow:hidden}.saudiPhoneField:focus-within{background:#fff;border-color:#149da0;box-shadow:0 0 0 4px #149da01a}.saudiPhonePrefix{-webkit-user-select:none;user-select:none;background:#f0f5f7;border-right:1px solid #d9e2e9;justify-content:center;align-items:center;gap:8px;min-width:105px;padding:0 13px;display:flex}.saudiFlag{font-size:20px;line-height:1}.saudiCode{color:#122b3a;direction:ltr;font-size:14px;font-weight:800}.customerFormCard .saudiPhoneField input{letter-spacing:.4px;direction:ltr;flex:1;width:100%;height:46px;padding:0 14px;font-size:15px;font-weight:600;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important}.customerFormCard .saudiPhoneField input:focus{outline:none;box-shadow:none!important}.phoneHint{color:#8797a3;margin-top:1px;font-size:11px;font-weight:500}.customerActionButtons{white-space:nowrap;align-items:center;gap:7px;display:flex}.customerActionButtons button{cursor:pointer;border-radius:9px;height:34px;padding:0 11px;font-size:12px;font-weight:700;transition:transform .15s,background .15s,border-color .15s}.customerActionButtons button:hover:not(:disabled){transform:translateY(-1px)}.customerEditButton{color:#183747;background:#f6f9fb;border:1px solid #dce5ea}.customerSuspendButton{color:#9a6500;background:#fff9ed;border:1px solid #f2d7a2}.customerActivateButton{color:#087a46;background:#edfdf5;border:1px solid #b5ecd0}.customerDeleteButton{color:#bc3030;background:#fff2f2;border:1px solid #f1c5c5}.customerActionButtons button:disabled{opacity:.5;cursor:not-allowed}.customerActionError{color:#c53939;max-width:220px;margin-top:7px;font-size:11px}.customerStatus-active{color:#087748!important;background:#e9fbf2!important}.customerStatus-suspended{color:#986500!important;background:#fff5dc!important}.customerStatus-closed{color:#ad3030!important;background:#ffecec!important}.customerEditModal{width:min(780px,100%)}.customerModalTitle{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.customerModalTitle h2{margin:0}.customerModalTitle p{color:#80909b;margin:6px 0 0}.modalCloseButton{color:#324956;cursor:pointer;background:#f2f5f7;border:none;border-radius:10px;width:38px;height:38px;font-size:24px;line-height:1}.customerConfirmModal{text-align:center;background:#fff;border-radius:22px;width:min(440px,100% - 32px);padding:30px;box-shadow:0 30px 80px #00000047}.confirmIcon{border-radius:50%;place-items:center;width:52px;height:52px;margin:0 auto 16px;font-size:23px;font-weight:900;display:grid}.confirmIcon.warning{color:#a76c00;background:#fff2cf}.confirmIcon.danger{color:#bd3030;background:#ffe7e7}.customerConfirmModal h3{color:#102a39;margin:0 0 10px;font-size:21px}.customerConfirmModal p{color:#6e808c;margin:0;font-size:14px;line-height:1.6}.confirmActions{gap:10px;margin-top:26px;display:flex}.confirmActions button{cursor:pointer;border:1px solid #dce4e9;border-radius:11px;flex:1;height:44px;font-weight:700}.confirmPrimary{color:#fff;background:#0e8f92;border:none!important}.confirmDanger{color:#fff;background:#c93838;border:none!important}@media (width<=900px){.customerActionButtons{flex-direction:column;align-items:stretch}.customerActionButtons button{width:100%}}.storageActions{align-items:center;gap:10px;display:flex}.storageActions button{cursor:pointer;background:#fff;border:1px solid #dbe5e8;border-radius:10px;align-items:center;gap:7px;padding:10px 15px;display:flex}.storageActions .primaryButton{color:#fff;background:#118f92;border-color:#118f92}.storageActions button:disabled{opacity:.55;cursor:not-allowed}.storageToolbar{gap:9px;margin-bottom:16px;display:flex}.storageToolbar select{background:#fff;border:1px solid #dbe5e8;border-radius:10px;min-width:330px;padding:11px 13px}.storageToolbar button{cursor:pointer;background:#fff;border:1px solid #dbe5e8;border-radius:10px;place-items:center;width:42px;display:grid}.storageUsage{background:#fff;border-radius:16px;margin-bottom:17px;padding:18px;box-shadow:0 6px 24px #1428320d}.storageUsageNumbers{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.storageUsageNumbers span{color:#84939b;font-size:11px;display:block}.storageUsageNumbers strong{margin-top:5px;font-size:15px;display:block}.usageBar{background:#edf2f3;border-radius:20px;height:8px;margin-top:17px;overflow:hidden}.usageBar div{background:#15999b;border-radius:20px;height:100%;transition:width .3s}.fileManager{padding:0;overflow:hidden}.fileManagerHeader{border-bottom:1px solid #edf1f3;align-items:center;gap:12px;padding:15px 18px;display:flex}.fileManagerHeader button{cursor:pointer;background:#edf5f5;border:0;border-radius:9px;place-items:center;width:35px;height:35px;display:grid}.fileManagerHeader button:disabled{opacity:.4;cursor:default}.fileManagerHeader span,.fileManagerHeader strong{display:block}.fileManagerHeader span{color:#86959c;font-size:10px}.fileManagerHeader strong{margin-top:2px;font-size:12px}.fileRow{border-bottom:1px solid #edf1f3;grid-template-columns:minmax(250px,1fr) 130px 110px;align-items:center;min-height:64px;padding:10px 18px;display:grid}.fileRow:last-child{border-bottom:0}.fileName{align-items:center;gap:11px;min-width:0;display:flex}.fileName svg,.folderRow svg{color:#148f92;flex-shrink:0}.fileName strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;display:block;overflow:hidden}.fileName small{color:#8b989f;margin-top:4px;font-size:10px;display:block}.fileRow>span{color:#7d8e96;font-size:12px}.folderRow{cursor:pointer}.openButton{cursor:pointer;background:#fff;border:1px solid #dce5e8;border-radius:8px;justify-self:end;padding:7px 12px}.fileButtons{justify-content:flex-end;gap:7px;display:flex}.fileButtons a,.fileButtons button{cursor:pointer;color:#29414c;background:#fff;border:1px solid #dce5e8;border-radius:8px;place-items:center;width:34px;height:34px;text-decoration:none;display:grid}.fileButtons .dangerButton{color:#c34444}.emptyStorage,.storageLoading{justify-content:center;align-items:center;min-height:240px;display:flex}.emptyStorage{color:#89979e;flex-direction:column}.emptyStorage svg{color:#96a9b1}.emptyStorage strong{color:#324750;margin-top:13px}.emptyStorage span{margin-top:5px;font-size:12px}.storageLoading{color:#758890;font-size:13px}.storageError{margin-bottom:15px}.storageSpin{animation:1s linear infinite storage-spin}@keyframes storage-spin{to{transform:rotate(360deg)}}@media (width<=800px){.storageUsageNumbers{grid-template-columns:repeat(2,1fr)}.fileRow{grid-template-columns:minmax(160px,1fr) 80px 90px}.storageToolbar select{flex:1;min-width:0}}.nnxAuth{background:#fff;grid-template-columns:50% 50%;width:100%;min-height:100vh;display:grid}.nnxAuthVisual{color:#fff;background:radial-gradient(circle at 75% 22%,#14a6aa38,#0000 32%),radial-gradient(circle at 10% 90%,#15999b1f,#0000 30%),#061b2a;flex-direction:column;min-height:100vh;padding:42px 55px;display:flex;position:relative;overflow:hidden}.nnxAuthVisual:after{content:"";border:1px solid #ffffff0f;border-radius:50%;width:420px;height:420px;position:absolute;bottom:-170px;right:-210px}.visualTop{z-index:1;align-items:center;gap:13px;display:flex;position:relative}.visualLogo{background:#159b9e;border-radius:13px;place-items:center;width:47px;height:47px;font-size:25px;font-weight:800;display:grid}.visualBrand strong,.visualBrand span{display:block}.visualBrand strong{letter-spacing:1.4px;font-size:17px}.visualBrand span{color:#78a9b4;letter-spacing:3px;margin-top:2px;font-size:9px}.visualContent{z-index:1;max-width:540px;margin:auto 0;position:relative}.visualBadge{color:#52c9ca;letter-spacing:2px;margin-bottom:22px;font-size:10px;font-weight:700;display:inline-block}.visualContent h1{letter-spacing:-3px;color:#fff;margin:0;font-size:clamp(42px,5vw,72px);line-height:.98}.visualContent>p{color:#8fa8b3;max-width:430px;margin:26px 0 0;font-size:14px;line-height:1.8}.visualFeatures{flex-direction:column;gap:12px;margin-top:35px;display:flex}.visualFeatures>div{color:#b9cbd2;align-items:center;gap:10px;font-size:12px;display:flex}.visualFeatures svg{color:#37b9bb}.visualFooter{z-index:1;color:#597886;justify-content:space-between;font-size:10px;display:flex;position:relative}.nnxAuthFormSide{background:#fff;align-items:center;min-height:100vh;padding:60px clamp(45px,8vw,135px);display:flex}.nnxAuthForm{width:100%;max-width:460px}.mobileBrand{display:none}.formHeading{margin-bottom:39px}.formHeading>span{color:#148f92;letter-spacing:2px;font-size:10px;font-weight:800}.formHeading h2{color:#0b2130;letter-spacing:-1.5px;margin:8px 0;font-size:36px}.formHeading p{color:#85939a;max-width:370px;margin:0;font-size:13px;line-height:1.6}.nnxAuthForm form{flex-direction:column;gap:26px;display:flex}.cleanField{flex-direction:column;gap:9px;display:flex}.cleanField label{color:#304650;font-size:11px;font-weight:700}.cleanField input{color:#0b2130;background:0 0;border:0;border-bottom:1px solid #d6e0e3;border-radius:0;outline:none;width:100%;padding:11px 0 12px;font-size:14px;transition:border-color .2s}.cleanField input::placeholder{color:#aab6bb}.cleanField input:focus{border-bottom-color:#12979a}.passwordInput{border-bottom:1px solid #d6e0e3;align-items:center;gap:9px;transition:border-color .2s;display:flex}.passwordInput:focus-within{border-bottom-color:#12979a}.passwordInput svg{color:#97a7ae}.passwordInput input{border:0}.fieldTitle{justify-content:space-between;display:flex}.nnxLoginButton{color:#fff;cursor:pointer;background:#0b2735;border:0;border-radius:9px;justify-content:space-between;align-items:center;width:100%;margin-top:10px;padding:14px 17px;font-size:13px;font-weight:700;transition:transform .15s,background .15s;display:flex}.nnxLoginButton:hover{background:#103746;transform:translateY(-1px)}.nnxLoginButton:disabled{opacity:.6;cursor:wait}.createAccountText{color:#87969d;gap:6px;margin-top:30px;font-size:12px;display:flex}.createAccountText a{color:#128f92;font-weight:700;text-decoration:none}.createAccountText a:hover{text-decoration:underline}.authSecurity{color:#9aa7ad;border-top:1px solid #edf1f2;align-items:center;gap:7px;margin-top:40px;padding-top:20px;font-size:10px;display:flex}.authSecurity svg{color:#13989a}.authError{color:#a13c3c;background:#fff5f5;border-left:3px solid #cf5050;margin-bottom:22px;padding:11px 13px;font-size:11px}.registerForm form{gap:19px}@media (width<=850px){.nnxAuth{grid-template-columns:1fr}.nnxAuthVisual{display:none}.nnxAuthFormSide{align-items:center;min-height:100vh;padding:40px 27px}.nnxAuthForm{max-width:100%}.mobileBrand{color:#128f92;letter-spacing:2px;margin-bottom:40px;font-size:13px;font-weight:800;display:block}.formHeading h2{font-size:30px}}.otpIcon{color:#128f92;background:#edf9f9;border-radius:14px;place-items:center;width:52px;height:52px;margin-bottom:25px;display:grid}.otpEmail{color:#102b39;word-break:break-all;margin-top:12px;font-size:13px;font-weight:700;display:inline-block}.otpField input{text-align:center;letter-spacing:18px;color:#092535;padding-left:18px;font-size:32px;font-weight:800}.authSuccess{color:#147057;background:#eefaf6;border-left:3px solid #149a78;margin-bottom:22px;padding:11px 13px;font-size:11px}.otpResend{color:#87969d;align-items:center;gap:7px;margin-top:25px;font-size:12px;display:flex}.otpResend button{color:#128f92;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700}.otpResend button:disabled{opacity:.5;cursor:wait}.otpBack{color:#71858e;align-items:center;gap:6px;margin-top:28px;font-size:11px;text-decoration:none;display:inline-flex}.otpBack:hover{color:#128f92}.visualLogoImage{object-fit:contain;flex-shrink:0;width:58px;height:58px;display:block}.mobileBrandWithLogo img{object-fit:contain;width:38px;height:38px;display:block}@media (width<=900px){.visualLogoImage{width:50px;height:50px}}.visualLogoImage{object-fit:contain;min-width:82px;display:block;width:82px!important;height:82px!important}.visualTop{align-items:center;gap:16px}.visualBrand strong{font-size:21px}.visualBrand span{letter-spacing:.16em;font-size:12px}.mobileBrandWithLogo{align-items:center;gap:12px;display:flex}.mobileBrandWithLogo img{object-fit:contain;display:block;width:58px!important;height:58px!important}.mobileBrandWithLogo span{letter-spacing:.08em;font-weight:800}@media (width<=900px){.visualLogoImage{min-width:68px;width:68px!important;height:68px!important}.mobileBrandWithLogo img{width:54px!important;height:54px!important}}.cpDashboard{--surface:#fff;--surface-soft:#f6f6f7;--border:#e2e3e7;--text:#222327;--soft:#62656d;--muted:#92959d;--teal:#0c999d;--teal-soft:#eaf7f7;width:100%;max-width:1380px;color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;flex-direction:column;gap:18px;margin:0 auto;font-family:Segoe UI Variable,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Roboto,Helvetica,Arial,sans-serif;font-size:14px;display:flex}.cpHero{box-sizing:border-box;border:1px solid var(--border);min-height:142px;box-shadow:none;background:#fff;border-radius:18px;justify-content:space-between;align-items:flex-start;gap:24px;padding:26px 28px;display:flex}.cpEyebrow{background:var(--teal-soft);color:#087a7e;letter-spacing:1px;text-transform:uppercase;border-radius:7px;align-items:center;min-height:28px;padding:0 10px;font-size:10px;font-weight:700;display:inline-flex}.cpHero h1{color:var(--text);letter-spacing:-.65px;margin:14px 0 0;font-size:28px;font-weight:700;line-height:1.15}.cpHero p{max-width:700px;color:var(--soft);margin:9px 0 0;font-size:13.5px;font-weight:400;line-height:1.6}.cpHeroStatus{text-align:right;min-width:140px}.cpOnline{border:1px solid var(--border);color:#303238;background:#fff;border-radius:999px;align-items:center;gap:8px;width:fit-content;min-height:32px;margin-left:auto;padding:0 12px;font-size:10.5px;font-weight:650;display:inline-flex}.cpOnline i{background:#18b968;border-radius:50%;width:7px;height:7px}.cpHeroStatus>strong{color:#44474f;margin-top:14px;font-size:10.5px;font-weight:600;display:block}.cpHeroStatus>span{color:#93969e;margin-top:3px;font-size:10px;display:block}.cpStats article{box-sizing:border-box;border:1px solid var(--border);min-height:98px;box-shadow:none;background:#fff;border-radius:14px;align-items:center;gap:13px;padding:17px;transition:border-color .15s,transform .15s;display:flex}.cpStats article:hover{border-color:#d2d3d8;transform:translateY(-1px)}.cpStatIcon{width:40px;height:40px;color:var(--teal);background:var(--teal-soft);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.cpStats span{color:#858890;font-size:10.5px;font-weight:450;display:block}.cpStats strong{color:#222327;letter-spacing:-.25px;margin-top:5px;font-size:18px;font-weight:700;line-height:1.15;display:block}.cpStats small{color:#9b9ea5;margin-top:5px;font-size:9.5px;font-weight:400;display:block}.cpAnalytics{grid-template-columns:minmax(0,1.7fr) minmax(300px,.72fr);gap:14px;display:grid}.cpUsageCard,.cpAllocationCard,.cpAccountCard{border:1px solid var(--border);box-shadow:none;background:#fff;border-radius:16px;padding:20px}.cpSectionHeader{justify-content:space-between;margin-bottom:18px;display:flex}.cpSectionHeader span{color:#087e82;letter-spacing:1.1px;text-transform:uppercase;margin-bottom:7px;font-size:9.5px;font-weight:700;display:block}.cpSectionHeader h2{color:#28292d;letter-spacing:-.25px;margin:0;font-size:18px;font-weight:650;line-height:1.25}.cpCapacityNumbers{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:18px;display:grid}.cpCapacityNumbers>div{background:#f6f6f7;border:1px solid #ebebee;border-radius:11px;padding:13px 14px}.cpCapacityNumbers span{color:#878a91;font-size:10px}.cpCapacityNumbers strong{color:#25262a;margin-top:6px;font-size:15px;font-weight:650;display:block}.cpStorageChart{grid-template-columns:38px 1fr;gap:9px;height:210px;display:grid}.cpChartScale{color:#a0a3aa;flex-direction:column;justify-content:space-between;align-items:flex-end;height:176px;font-size:9px;display:flex}.cpChartBody{border-bottom:1px solid #e4e5e9;border-left:1px solid #e4e5e9;height:176px;position:relative}.cpChartGrid{flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0}.cpChartGrid i{border-top:1px dashed #ededf0;width:100%}.cpBars{justify-content:center;align-items:flex-end;gap:66px;padding:0 44px;display:flex;position:absolute;inset:0}.cpBarColumn{flex-direction:column;justify-content:flex-end;align-items:center;width:75px;height:100%;display:flex}.cpBarArea{align-items:flex-end;width:39px;height:145px;display:flex}.cpBar{border-radius:7px 7px 2px 2px;width:100%;min-height:3px;transition:height .25s}.cpBarColumn>span{color:#797c84;margin-top:8px;font-size:9.5px}.cpDonutWrap{justify-content:center;padding:8px 0 22px;display:flex}.cpDonut{border-radius:50%;place-items:center;width:150px;height:150px;display:grid}.cpDonutInner{background:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:106px;height:106px;display:flex}.cpDonutInner span{color:#91949c;margin-top:4px;font-size:9px}.cpAllocationValues{grid-template-columns:1fr 1fr;gap:10px;display:grid}.cpAllocationValues>div{background:#f6f6f7;border:1px solid #ebebee;border-radius:11px;padding:13px}.cpAllocationValues span{color:#90939b;margin-top:4px;font-size:9.5px;display:block}.cpAccountGrid>div{background:#f6f6f7;border:1px solid #ebebee;border-radius:11px;padding:13px 14px}.cpAccountGrid span{color:#8a8d95;font-size:9.5px;display:block}.cpAccountGrid strong{color:#303238;overflow-wrap:anywhere;margin-top:6px;font-size:11.5px;font-weight:600;line-height:1.45;display:block}.cpState{border:1px solid var(--border);background:#fff;border-radius:14px;flex-direction:column;gap:8px;max-width:500px;padding:22px;display:flex}.cpState button{background:var(--teal);color:#fff;cursor:pointer;border:0;border-radius:8px;width:fit-content;margin-top:6px;padding:8px 13px}@media (width<=1250px){.cpStats{grid-template-columns:repeat(2,minmax(0,1fr))}.cpAnalytics{grid-template-columns:1fr}.cpAccountGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=650px){.cpHero{flex-direction:column}.cpHeroStatus{text-align:left}.cpOnline{margin-left:0}.cpStats,.cpCapacityNumbers,.cpAccountGrid,.cpAllocationValues{grid-template-columns:1fr}}.cpDashboard,.cpDashboard button,.cpDashboard input,.cpDashboard textarea,.cpDashboard select{font-size:14px;-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;text-rendering:optimizelegibility!important;font-family:DM Sans,Noto Sans Arabic,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important}.cpHero h1{letter-spacing:-.65px!important;font-size:29px!important;font-weight:600!important;line-height:1.2!important}.cpHero p{font-size:14px!important;font-weight:400!important;line-height:1.65!important}.cpEyebrow{letter-spacing:.9px!important;font-size:11px!important;font-weight:600!important}.cpOnline,.cpHeroStatus>strong{font-size:12px!important;font-weight:600!important}.cpHeroStatus>span{font-size:11.5px!important}.cpStats span{font-size:12px!important;font-weight:500!important}.cpStats strong{letter-spacing:-.25px!important;font-size:19px!important;font-weight:600!important}.cpStats small{font-size:11px!important;line-height:1.4!important}.cpSectionHeader span{letter-spacing:1px!important;font-size:10.5px!important;font-weight:600!important}.cpSectionHeader h2{letter-spacing:-.3px!important;font-size:19px!important;font-weight:600!important;line-height:1.3!important}.cpCapacityNumbers span{font-size:11.5px!important;font-weight:500!important}.cpCapacityNumbers strong{font-size:16px!important;font-weight:600!important}.cpChartScale{font-size:10.5px!important}.cpBarColumn>span{font-size:11px!important;font-weight:500!important}.cpDonutInner strong{letter-spacing:-.4px!important;font-size:24px!important;font-weight:600!important}.cpDonutInner span{font-size:11px!important;font-weight:500!important}.cpAllocationValues strong{font-size:18px!important;font-weight:600!important}.cpAllocationValues span,.cpAccountGrid span{font-size:11.5px!important;font-weight:500!important}.cpAccountGrid strong{font-size:13px!important;font-weight:600!important;line-height:1.5!important}.cpStats strong,.cpCapacityNumbers strong,.cpAllocationValues strong,.cpDonutInner strong{font-variant-numeric:tabular-nums}.cpDashboard{flex-direction:column!important;gap:20px!important;padding:22px!important;display:flex!important}.cpHero{background:linear-gradient(90deg,#fff 0%,#f5fcfc 100%)!important;border:1px solid #d9e7ea!important;border-radius:22px!important;justify-content:space-between!important;align-items:flex-start!important;gap:24px!important;padding:26px 28px!important;display:flex!important;box-shadow:0 1px #0f172a05!important}.cpHero>div:first-child{flex:1!important}.cpHeroStatus{flex-direction:column!important;justify-content:flex-start!important;align-items:flex-end!important;gap:10px!important;min-width:160px!important;display:flex!important}.cpEyebrow{color:#008aa0!important;letter-spacing:1px!important;text-transform:uppercase!important;background:#eaf6f6!important;border-radius:999px!important;align-items:center!important;min-height:30px!important;padding:0 12px!important;font-size:12px!important;font-weight:700!important;display:inline-flex!important}.cpHero h1{color:#122033!important;margin:14px 0 8px!important;font-size:28px!important;font-weight:700!important;line-height:1.15!important}.cpHero p{color:#607085!important;max-width:760px!important;margin:0!important;font-size:15px!important;line-height:1.7!important}.cpOnline{color:#132238!important;background:#fff!important;border:1px solid #d6dee6!important;border-radius:999px!important;align-items:center!important;gap:8px!important;padding:8px 14px!important;font-size:13px!important;font-weight:700!important;display:inline-flex!important}.cpOnline i{background:#18b663!important;border-radius:999px!important;width:8px!important;height:8px!important;box-shadow:0 0 0 4px #18b6631f!important}.cpHeroStatus>strong{color:#1b2a3e!important;font-size:13px!important;font-weight:700!important}.cpHeroStatus>span{color:#6b7b8d!important;font-size:13px!important}.cpStats{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;display:grid!important}.cpStats article{background:#fff!important;border:1px solid #d9e0e7!important;border-radius:18px!important;align-items:center!important;gap:14px!important;min-height:96px!important;padding:18px!important;display:flex!important;box-shadow:0 1px #0f172a05!important}.cpStatIcon{color:#0aa0b0!important;background:#eef7f8!important;border-radius:14px!important;justify-content:center!important;align-items:center!important;width:44px!important;min-width:44px!important;height:44px!important;display:flex!important}.cpStats span{color:#7a8797!important;margin-bottom:4px!important;font-size:13px!important;font-weight:600!important;display:block!important}.cpStats strong{color:#1b2533!important;font-size:16px!important;font-weight:800!important;line-height:1.25!important;display:block!important}.cpStats small{color:#97a4b2!important;margin-top:4px!important;font-size:12px!important;line-height:1.5!important;display:block!important}.cpAnalytics{grid-template-columns:minmax(0,2.05fr) minmax(320px,.95fr)!important;align-items:stretch!important;gap:16px!important;display:grid!important}.cpUsageCard,.cpAllocationCard,.cpAccountCard{background:#fff!important;border:1px solid #d9e0e7!important;border-radius:22px!important;box-shadow:0 1px #0f172a05!important}.cpUsageCard{min-height:400px!important;padding:18px 20px 20px!important}.cpAllocationCard{min-height:400px!important;padding:18px!important}.cpAccountCard{padding:18px 20px!important}.cpSectionHeader{flex-direction:column!important;gap:6px!important;margin-bottom:18px!important;display:flex!important}.cpSectionHeader span{text-transform:uppercase!important;letter-spacing:1.2px!important;color:#0095a8!important;font-size:12px!important;font-weight:700!important}.cpSectionHeader h2{color:#1d2939!important;margin:0!important;font-size:18px!important;font-weight:800!important;line-height:1.3!important}.cpCapacity{flex-direction:column!important;gap:18px!important;display:flex!important}.cpCapacityNumbers{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;display:grid!important}.cpCapacityNumbers>div{background:#f8fafb!important;border:1px solid #e4ebf0!important;border-radius:14px!important;min-height:72px!important;padding:14px 16px!important}.cpCapacityNumbers span{color:#7b8794!important;margin-bottom:6px!important;font-size:12px!important;font-weight:600!important;display:block!important}.cpCapacityNumbers strong{color:#26313d!important;font-size:15px!important;font-weight:800!important}.cpStorageChart{min-height:250px!important;padding:8px 10px 0!important}.cpChartScale{color:#92a0ad!important;font-size:12px!important}.cpChartBody{min-height:190px!important}.cpChartGrid i{border-top:1px dashed #dbe3e9!important}.cpBars{align-items:end!important;gap:48px!important}.cpBarColumn{width:90px!important}.cpBarArea{justify-content:center!important;align-items:flex-end!important;height:170px!important;display:flex!important}.cpBar{border-radius:10px 10px 0 0!important;width:40px!important}.cpBar.used{background:#10a7b8!important}.cpBar.available{background:#aed8de!important}.cpBarColumn>span{text-align:center!important;color:#7b8896!important;margin-top:8px!important;font-size:12px!important;font-weight:600!important;display:block!important}.cpDonutWrap{justify-content:center!important;align-items:center!important;padding:10px 0 18px!important;display:flex!important}.cpDonut{width:150px!important;height:150px!important}.cpDonutInner strong{color:#1f2a37!important;font-size:24px!important;font-weight:800!important}.cpDonutInner span{color:#8a97a5!important;margin-top:4px!important;font-size:12px!important;font-weight:600!important}.cpAllocationValues{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;margin-top:8px!important;display:grid!important}.cpAllocationValues>div{background:#f8fafb!important;border:1px solid #e4ebf0!important;border-radius:14px!important;min-height:72px!important;padding:14px 16px!important}.cpAllocationValues strong{color:#202938!important;font-size:16px!important;font-weight:800!important;display:block!important}.cpAllocationValues span{color:#8a96a5!important;margin-top:6px!important;font-size:12px!important;font-weight:600!important;display:block!important}.cpAccountCard{grid-column:1/-1!important}.cpAccountGrid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;display:grid!important}.cpAccountGrid>div{background:#f8fafb!important;border:1px solid #e4ebf0!important;border-radius:14px!important;min-height:72px!important;padding:14px 16px!important}.cpAccountGrid span{color:#8b97a3!important;margin-bottom:6px!important;font-size:12px!important;font-weight:600!important;display:block!important}.cpAccountGrid strong{color:#1f2a36!important;font-size:14px!important;font-weight:800!important;line-height:1.5!important;display:block!important}@media (width<=1400px){.cpStats{grid-template-columns:repeat(2,minmax(0,1fr))!important}.cpAnalytics{grid-template-columns:1fr!important}.cpAccountGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (width<=900px){.cpHero{flex-direction:column!important;align-items:flex-start!important}.cpHeroStatus{align-items:flex-start!important}.cpStats,.cpCapacityNumbers,.cpAllocationValues,.cpAccountGrid{grid-template-columns:1fr!important}}.cpMetricsGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;display:grid!important}.cpMetricCard{box-sizing:border-box!important;min-height:105px!important;box-shadow:none!important;background:#fff!important;border:1px solid #e1e2e6!important;border-radius:17px!important;justify-content:space-between!important;align-items:center!important;gap:18px!important;padding:16px 18px!important;transition:border-color .15s,transform .15s!important;display:flex!important;overflow:hidden!important}.cpMetricCard:hover{border-color:#d2d3d8!important;transform:translateY(-1px)!important}.cpMetricMain{flex:1;min-width:0}.cpMetricTitle{color:#35363b;align-items:center;gap:7px;font-size:14px;font-weight:500;line-height:1.3;display:flex}.cpMetricTitle>span{color:#7f838b;font-size:20px;font-weight:400;line-height:13px;transform:translateY(-1px)}.cpMetricValue{color:#242529;letter-spacing:-.4px;margin-top:11px;font-size:23px;font-weight:650;line-height:1}.cpMetricValueRow{align-items:baseline;gap:6px;margin-top:11px;display:flex}.cpMetricValueRow strong{color:#242529;letter-spacing:-.4px;font-size:22px;font-weight:650;line-height:1}.cpMetricValueRow span{color:#74777f;font-size:12px;font-weight:400}.cpMetricSub{color:#92959c;margin-top:7px;font-size:11px;font-weight:400;line-height:1.3}.cpMetricMiniGraph{box-sizing:border-box;background:linear-gradient(#673de600,#673de60f);border-radius:8px;flex-shrink:0;align-items:flex-end;gap:4px;width:138px;height:58px;padding:8px 6px 4px;display:flex;position:relative}.cpMetricMiniGraph:after{content:"";opacity:.9;background:#6842e8;border-radius:999px;height:2px;position:absolute;bottom:14px;left:6px;right:6px}.cpMetricMiniGraph span{opacity:.35;background:#6842e8;border-radius:3px;flex:1;min-height:3px;max-height:44px}.cpMetricCapacityLine{flex-shrink:0;align-items:center;width:145px;height:44px;display:flex;position:relative}.cpMetricCapacityLine:before{content:"";background:#eeeef1;border-radius:999px;height:4px;position:absolute;left:0;right:0}.cpMetricCapacityLine>div{z-index:1;background:#6842e8;border-radius:999px;height:4px;position:relative}.cpMetricRing{border-radius:50%;flex-shrink:0;place-items:center;width:58px;min-width:58px;height:58px;display:grid}.cpMetricRing>div{background:#fff;border-radius:50%;width:45px;height:45px}.cpMetricRamVisual{flex-shrink:0;justify-content:center;align-items:center;gap:5px;width:135px;height:54px;display:flex}.cpMetricRamVisual i{background:#673de60d;border:2px solid #6842e8;border-radius:5px;width:21px;height:35px}.cpMetricRamVisual i:nth-child(2){opacity:.8}.cpMetricRamVisual i:nth-child(3){opacity:.6}.cpMetricRamVisual i:nth-child(4){opacity:.35}.cpMetricCpuVisual{flex-shrink:0;justify-content:center;align-items:flex-end;gap:7px;width:130px;height:54px;display:flex}.cpMetricCpuVisual i{background:#6842e8;border-radius:999px;width:7px}.cpMetricCpuVisual i:first-child{opacity:.45;height:24px}.cpMetricCpuVisual i:nth-child(2){opacity:.9;height:40px}.cpMetricCpuVisual i:nth-child(3){opacity:.65;height:31px}.cpMetricService{color:#242529;margin-top:11px;font-size:20px;font-weight:650;line-height:1}.cpMetricStatusDot{box-sizing:border-box;background:#f3f3f5;border:6px solid #e6e7ea;border-radius:50%;place-items:center;width:58px;min-width:58px;height:58px;display:grid}.cpMetricStatusDot>span{background:#f0a535;border-radius:50%;width:12px;height:12px}.cpMetricStatusDot.active{border-color:#dff5e9}.cpMetricStatusDot.active>span{background:#18b968}@media (width<=1250px){.cpMetricsGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (width<=720px){.cpMetricsGrid{grid-template-columns:1fr!important}.cpMetricCard{min-height:100px!important}.cpMetricMiniGraph,.cpMetricCapacityLine,.cpMetricRamVisual,.cpMetricCpuVisual{width:110px}}.cpRealUsageChart{flex-shrink:0;align-items:center;width:170px;height:72px;display:flex;position:relative;overflow:hidden}.cpRealUsageChart svg{width:100%;height:62px;overflow:visible}.cpUsageBaseline{stroke:#ebe9f1;stroke-width:1px}.cpUsageRealLine{fill:none;stroke:#6747df;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.cpUsageRealPoint{fill:#6747df;stroke:#fff;stroke-width:2px;vector-effect:non-scaling-stroke}.cpUsageRealHalo{fill:#6747df1f}.cpRealUsageLabel{color:#8d8999;letter-spacing:.55px;font-size:9px;font-weight:650;line-height:1;position:absolute;bottom:0;right:3px}.cpRealUsageEmpty{box-sizing:border-box;color:#9995a2;text-align:center;background:#f7f6fa;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:150px;min-height:52px;padding:0 10px;font-size:10.5px;display:flex}@media (width<=720px){.cpRealUsageChart{width:125px}.cpRealUsageEmpty{width:120px}}.cpProfessionalChart{flex-shrink:0;width:165px;height:76px;position:relative;overflow:visible}.cpProfessionalChart .recharts-wrapper{outline:none!important}.cpProfessionalChart .recharts-surface{overflow:visible}.cpProfessionalChart path{transition:opacity .15s}.cpUsageTooltip{box-sizing:border-box;background:#fffffffa;border:1px solid #6747e8;border-radius:9px;min-width:150px;padding:11px 13px;font-family:DM Sans,Segoe UI,sans-serif;box-shadow:0 8px 24px #251c4b26}.cpUsageTooltipDate{color:#47444f;white-space:nowrap;border-bottom:1px solid #ece9f4;margin-bottom:8px;padding-bottom:8px;font-size:12px;font-weight:500;line-height:1.3}.cpUsageTooltipValue{color:#77727f;align-items:center;gap:5px;font-size:12px;display:flex}.cpUsageTooltipValue strong{color:#393541;font-size:12.5px;font-weight:700}.cpUsageTooltipObjects{color:#9a95a1;margin-top:5px;font-size:10px}.cpChartPeriod{color:#aaa5b1;letter-spacing:.55px;pointer-events:none;font-size:8.5px;font-weight:650;line-height:1;position:absolute;bottom:-2px;right:3px}.cpChartInactive{color:#9995a2;background:#f7f6fa;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:150px;height:60px;font-size:11px;font-weight:500;display:flex}.cpChartLoading{background:#faf9fc;border-radius:9px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:8px;width:150px;height:60px;display:flex}.cpChartLoading div{border:2px solid #e4e0ef;border-top-color:#6747e8;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite cpChartSpin}.cpChartLoading span{color:#97929f;font-size:10px}@keyframes cpChartSpin{to{transform:rotate(360deg)}}@media (width<=720px){.cpProfessionalChart{width:135px;height:68px}.cpChartInactive,.cpChartLoading{width:125px}}.cpHostingerChart{flex-shrink:0;width:180px;height:72px;position:relative}.cpHostingerChartCanvas{width:100%;height:100%;position:absolute;inset:0}.cpHostingerChart .recharts-wrapper,.cpHostingerChart .recharts-surface{overflow:visible!important}.cpHostingerChartEmpty{pointer-events:none;color:#9a96a3;background:linear-gradient(90deg,#0000,#f8f7fbb3,#0000);justify-content:center;align-items:center;font-size:11px;font-weight:500;display:flex;position:absolute;inset:0}.cpHostingerTooltip{background:#fff;border:1px solid #6747e8;border-radius:8px;min-width:160px;padding:10px 12px;font-family:DM Sans,Segoe UI,sans-serif;box-shadow:0 8px 24px #241a4829}.cpHostingerTooltip strong{color:#3d3945;white-space:nowrap;border-bottom:1px solid #ece9f5;margin-bottom:7px;padding-bottom:7px;font-size:12px;font-weight:500;display:block}.cpHostingerTooltip span{color:#585361;font-size:12px;font-weight:500;display:block}.cpHostingerTooltip small{color:#98939e;margin-top:5px;font-size:10px;display:block}.cpFixedAvailableChart{flex:0 0 175px!important;width:175px!important;min-width:175px!important;height:64px!important;min-height:64px!important;display:block!important;overflow:visible!important}.cpFixedDonut{flex:0 0 72px!important;width:72px!important;min-width:72px!important;height:72px!important;min-height:72px!important;display:block!important;overflow:visible!important}.cpFixedResourceChart{flex:0 0 140px!important;width:140px!important;min-width:140px!important;height:64px!important;min-height:64px!important;display:block!important;overflow:visible!important}.cpFixedStatusChart{flex:0 0 72px!important;width:72px!important;min-width:72px!important;height:72px!important;min-height:72px!important;display:block!important;position:relative!important;overflow:visible!important}.cpFixedStatusChart>i{pointer-events:none;border-radius:50%;width:11px;height:11px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 5px #f5a52414}.cpFixedStatusChart>i.active{box-shadow:0 0 0 5px #18b66a17}.cpMetricCard .recharts-wrapper,.cpMetricCard .recharts-surface{display:block!important;overflow:visible!important}.cpMetricCard{overflow:visible!important}.cpLibraryTooltip{color:#45414b;z-index:9999;background:#fff;border:1px solid #673de6;border-radius:8px;flex-direction:column;gap:5px;min-width:155px;padding:10px 12px;font-family:DM Sans,Segoe UI,sans-serif;display:flex;box-shadow:0 10px 28px #291e5229}.cpLibraryTooltip strong{color:#312e37;border-bottom:1px solid #eeeaf7;margin-bottom:2px;padding-bottom:6px;font-size:12px;font-weight:600}.cpLibraryTooltip span{color:#696470;white-space:nowrap;font-size:11px}.csPage{color:#26272b;flex-direction:column;gap:18px;padding:4px 0 28px;font-family:DM Sans,Segoe UI,system-ui,sans-serif;display:flex}.csHeader{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.csHeader h1{letter-spacing:-.5px;margin:0;font-size:27px;font-weight:650;line-height:1.2}.csHeader p{color:#777c87;margin:7px 0 0;font-size:13px}.csRefresh,.csPrimaryButton,.csSecondaryButton{cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:39px;padding:0 14px;font-family:inherit;font-size:12.5px;font-weight:600;display:inline-flex}.csRefresh,.csSecondaryButton{color:#41444b;background:#fff;border:1px solid #dcdee4}.csPrimaryButton{color:#fff;background:#673de6;border:1px solid #673de6}.csUsage{background:#fff;border:1px solid #e1e3e7;border-radius:15px;align-items:center;gap:16px;padding:18px;display:flex}.csUsageIcon{color:#673de6;background:#f1edff;border-radius:11px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.csUsageBody{flex:1;min-width:0}.csUsageTitle{justify-content:space-between;gap:20px;display:flex}.csUsageTitle span{color:#777b85;font-size:11px;display:block}.csUsageTitle strong{color:#24252a;margin-top:4px;font-size:17px;display:block}.csUsageTitle strong small{color:#81858e;font-size:12px;font-weight:500}.csAvailable{color:#747984;font-size:12px}.csUsageTrack{background:#ededf1;border-radius:999px;height:7px;margin-top:13px;overflow:hidden}.csUsageTrack div{border-radius:inherit;background:#673de6;height:100%}.csToolbar{justify-content:space-between;gap:15px;display:flex}.csActions{gap:8px;display:flex}.csSearch{box-sizing:border-box;color:#858a94;background:#fff;border:1px solid #dcdee4;border-radius:9px;align-items:center;gap:8px;width:min(320px,100%);min-height:39px;padding:0 12px;display:flex}.csSearch input{width:100%;font:inherit;color:#313238;background:0 0;border:0;outline:0;font-size:12.5px}.csBrowser{background:#fff;border:1px solid #dfe1e6;border-radius:15px;overflow:hidden}.csBreadcrumbs{border-bottom:1px solid #e8e9ed;align-items:center;gap:4px;min-height:50px;padding:0 17px;display:flex}.csBreadcrumbs span{color:#90949d;align-items:center;gap:4px;display:inline-flex}.csBreadcrumbs button{color:#4a4d55;font:inherit;cursor:pointer;background:0 0;border:0;padding:5px 4px;font-size:12px}.csTableHeader,.csRow{grid-template-columns:minmax(260px,1fr) 130px 210px 44px;align-items:center;gap:12px;display:grid}.csTableHeader{color:#969aa3;background:#fafafb;border-bottom:1px solid #eceef1;min-height:40px;padding:0 17px;font-size:10.5px;font-weight:600}.csRow{box-sizing:border-box;color:#727680;width:100%;min-height:58px;font:inherit;text-align:left;background:#fff;border:0;border-bottom:1px solid #f0f1f3;padding:0 17px;font-size:11.5px}.csFolderRow{cursor:pointer}.csRow:hover{background:#fafafb}.csRows>:last-child{border-bottom:0}.csFileName{align-items:center;gap:11px;min-width:0;display:flex}.csFileName i{color:#7773a7;background:#f4f3f8;border-radius:9px;flex-shrink:0;place-items:center;width:34px;height:34px;display:grid}.csFileName i.folder{color:#673de6;background:#f1edff}.csFileName strong{color:#303239;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:600;overflow:hidden}.csRowActions{justify-content:flex-end;display:flex}.csRowActions button{color:#717680;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.csRowActions button:hover{color:#673de6;background:#f3f1fb}.csEmpty{color:#90949d;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:240px;font-size:12px;display:flex}.csEmpty strong{color:#41444b;font-size:14px}.csUploading{background:#faf9ff;border:1px solid #e3dfff;border-radius:11px;padding:13px 15px}.csUploading>div:first-child{justify-content:space-between;font-size:11px;display:flex}.csUploading>div:last-child{background:#ebe8f7;border-radius:999px;height:5px;margin-top:9px;overflow:hidden}.csUploading i{background:#673de6;height:100%;display:block}.csError{color:#a3273d;background:#fff5f6;border:1px solid #f2d6db;border-radius:10px;padding:12px 14px;font-size:12px}.csInactive{text-align:center;background:#fff;border:1px solid #e1e3e7;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:350px;padding:30px;display:flex}.csInactiveIcon{color:#673de6;background:#f1edff;border-radius:16px;place-items:center;width:58px;height:58px;margin-bottom:13px;display:grid}.csInactive h2{margin:0;font-size:20px}.csInactive p{color:#7d818a;max-width:500px;margin:9px auto 0;font-size:12.5px;line-height:1.7}@media (width<=900px){.csToolbar,.csUsageTitle{flex-direction:column}.csSearch{width:100%}.csTableHeader{display:none}.csRow{grid-template-columns:1fr 44px;padding:10px 14px}.csRow>span:nth-child(2),.csRow>span:nth-child(3){display:none}}.caPage{color:#27282d;flex-direction:column;gap:20px;padding:4px 0 32px;font-family:DM Sans,Segoe UI,system-ui,sans-serif;display:flex}.caHeader{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.caHeader h1{letter-spacing:-.5px;margin:0;font-size:27px;font-weight:650;line-height:1.2}.caHeader p{color:#7d828d;margin:7px 0 0;font-size:13px}.caRefresh,.caCopyButton{color:#50535a;min-height:38px;font:inherit;cursor:pointer;background:#fff;border:1px solid #dcdee4;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:0 13px;font-size:13.5px;font-weight:600;display:inline-flex}.caEndpointCard{background:#fff;border:1px solid #e0e2e6;border-radius:15px;align-items:center;gap:15px;padding:18px;display:flex}.caEndpointIcon{color:#673de6;background:#f1edff;border-radius:11px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.caEndpointBody{flex:1;min-width:0}.caEndpointBody>span{color:#858995;font-size:13px;display:block}.caEndpointBody>strong{color:#292a2f;margin-top:4px;font-size:15px;font-weight:650;display:block}.caEndpointMeta{color:#8b8f99;gap:20px;margin-top:8px;font-size:12.5px;display:flex}.caEndpointMeta b{color:#5d616a;font-weight:600}.caKeysSection,.caQuickStart{background:#fff;border:1px solid #e0e2e6;border-radius:15px;padding:20px}.caSectionHeading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.caSectionHeading>div>span{color:#008ca1;letter-spacing:1.1px;font-size:11.5px;font-weight:700}.caSectionHeading h2{margin:5px 0 0;font-size:19px;font-weight:650}.caSectionHeading p{color:#878b95;margin:5px 0 0;font-size:13.5px}.caCreateButton,.caSubmitButton,.caDoneButton{color:#fff;font:inherit;cursor:pointer;background:#673de6;border:0;border-radius:9px;font-weight:600}.caCreateButton{align-items:center;gap:7px;min-height:39px;padding:0 14px;font-size:13.5px;display:inline-flex}.caCreateButton:disabled,.caSubmitButton:disabled{opacity:.45;cursor:not-allowed}.caNotice{color:#7d6820;background:#fffcf0;border:1px solid #ece5c6;border-radius:9px;align-items:center;gap:8px;margin-top:16px;padding:11px 13px;font-size:13px;display:flex}.caKeyList{flex-direction:column;gap:10px;margin-top:18px;display:flex}.caKeyCard{background:#fff;border:1px solid #e3e4e8;border-radius:12px;align-items:flex-start;gap:13px;padding:15px;transition:border-color .15s;display:flex}.caKeyCard:hover{border-color:#d3d0df}.caKeyIcon{color:#673de6;background:#f3efff;border-radius:9px;flex-shrink:0;place-items:center;width:37px;height:37px;display:grid}.caKeyMain{flex:1;min-width:0}.caKeyTop{justify-content:space-between;gap:15px;display:flex}.caKeyTop h3{margin:0;font-size:13px;font-weight:650}.caKeyTop code{color:#7d818b;margin-top:5px;font-family:Consolas,monospace;font-size:12.5px;display:block}.caStatus{color:#656972;background:#f5f6f7;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;height:25px;padding:0 9px;font-size:11.5px;font-weight:700;display:inline-flex}.caStatus i{background:#969ba4;border-radius:50%;width:6px;height:6px}.caStatus.active{color:#167944;background:#effaf4}.caStatus.active i{background:#18b66a}.caStatus.revoked{color:#a4434e;background:#fff1f2}.caStatus.revoked i{background:#db5969}.caStatus.expired{color:#8b651f;background:#fff8e7}.caStatus.expired i{background:#e7a429}.caScopes{flex-wrap:wrap;gap:5px;margin-top:12px;display:flex}.caScopes span{color:#686272;background:#f5f3fa;border-radius:6px;padding:4px 7px;font-size:11.5px;font-weight:600}.caKeyMeta{color:#92969e;flex-wrap:wrap;gap:18px;margin-top:12px;font-size:11.5px;display:flex}.caKeyMeta strong{color:#686c75;font-weight:550}.caRevokeButton{color:#9a9da5;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.caRevokeButton:hover{color:#c74758;background:#fff3f4;border-color:#f1d5d9}.caEmpty{color:#8d9199;place-items:center;min-height:130px;font-size:13px;display:grid}.caEmptyKeys{text-align:center;flex-direction:column;gap:7px;padding:26px;display:flex}.caEmptyKeys svg{color:#9d8ae9}.caEmptyKeys strong{color:#42444a;font-size:13px}.caEmptyKeys span{color:#9498a1;font-size:13px}.caQuickStart{flex-direction:column;gap:16px;display:flex}.caCodeCard{color:#fff;background:#12101f;border-radius:11px;overflow:hidden}.caCodeHeader{color:#aaa6bd;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;min-height:39px;padding:0 13px;font-size:12px;display:flex}.caCodeHeader button{color:#c9c5dc;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;font-size:12px;display:inline-flex}.caCodeCard pre{margin:0;padding:17px;overflow:auto}.caCodeCard code{color:#e6e1ff;font-family:Consolas,monospace;font-size:13px;line-height:1.7}.caApiExamples{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;display:grid}.caApiExamples>div{background:#fafafb;border:1px solid #e5e6ea;border-radius:10px;min-width:0;padding:12px}.caApiExamples strong,.caApiExamples code,.caApiExamples span{display:block}.caApiExamples strong{color:#41434a;font-size:12.5px}.caApiExamples code{color:#616570;text-overflow:ellipsis;white-space:nowrap;margin-top:7px;font-size:11.5px;overflow:hidden}.caApiExamples span{color:#673de6;margin-top:8px;font-size:11px;font-weight:600}.caError{color:#b24050;background:#fff4f5;border:1px solid #f1d1d6;border-radius:9px;padding:11px 13px;font-size:13px}.caModalBackdrop{z-index:5000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#110d2275;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.caModal{background:#fff;border:1px solid #dedce8;border-radius:17px;width:min(560px,100%);max-height:calc(100vh - 40px);overflow:auto;box-shadow:0 22px 70px #1b13373b}.caModalHeader{border-bottom:1px solid #ececf0;justify-content:space-between;align-items:flex-start;padding:19px 20px;display:flex}.caModalHeader span{color:#008ca1;letter-spacing:1px;font-size:11px;font-weight:700}.caModalHeader h2{margin:5px 0 0;font-size:19px}.caModalHeader button{color:#737781;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.caForm,.caCreated{padding:20px}.caForm>label>span,.caFormLabel,.caCreated>label{color:#555961;margin-bottom:7px;font-size:12.5px;font-weight:650;display:block}.caForm input{box-sizing:border-box;width:100%;height:41px;font:inherit;border:1px solid #d9dbe1;border-radius:9px;outline:0;padding:0 12px;font-size:13.5px}.caForm input:focus{border-color:#8064e9;box-shadow:0 0 0 3px #673de614}.caFormGroup{margin-top:19px}.caScopeOptions{flex-direction:column;gap:7px;display:flex}.caScopeOptions button{text-align:left;font:inherit;cursor:pointer;background:#fff;border:1px solid #e1e2e6;border-radius:9px;align-items:center;gap:10px;padding:10px;display:flex}.caScopeOptions button.selected{background:#faf8ff;border-color:#d5cbf8}.caScopeOptions button>i{color:#fff;border:1px solid #d1d3d8;border-radius:5px;flex-shrink:0;place-items:center;width:18px;height:18px;display:grid}.caScopeOptions button.selected>i{background:#673de6;border-color:#673de6}.caScopeOptions strong,.caScopeOptions span{display:block}.caScopeOptions strong{color:#41434a;font-size:13px}.caScopeOptions span{color:#92969e;margin-top:3px;font-size:11.5px}.caExpiration{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.caExpiration button{color:#62666f;min-height:42px;font:inherit;cursor:pointer;background:#fff;border:1px solid #e0e2e6;border-radius:9px;justify-content:center;align-items:center;gap:6px;font-size:12.5px;display:flex}.caExpiration button.selected{color:#673de6;background:#f7f4ff;border-color:#cabdf5}.caSubmitButton,.caDoneButton{justify-content:center;align-items:center;gap:7px;width:100%;min-height:42px;margin-top:20px;font-size:13.5px;display:flex}.caWarning{color:#71601e;background:#fffbea;border:1px solid #e8dfb9;border-radius:10px;gap:10px;padding:12px;display:flex}.caWarning strong,.caWarning span{display:block}.caWarning strong{font-size:13px}.caWarning span{margin-top:3px;font-size:11.5px}.caCreated>label{margin-top:18px}.caSecret{background:#f8f7fb;border:1px solid #dedbe9;border-radius:9px;align-items:center;gap:8px;padding:11px;display:flex}.caSecret code{overflow-wrap:anywhere;color:#403a53;flex:1;min-width:0;font-family:Consolas,monospace;font-size:12.5px}.caSecret button{color:#673de6;cursor:pointer;background:#fff;border:1px solid #d9d6e4;border-radius:7px;flex-shrink:0;place-items:center;width:32px;height:32px;display:grid}@media (width<=950px){.caApiExamples{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.caEndpointCard{flex-wrap:wrap;align-items:flex-start}.caEndpointMeta,.caKeyMeta{flex-direction:column;gap:5px}.caSectionHeading{flex-direction:column}.caApiExamples,.caExpiration{grid-template-columns:1fr}}.aiGuide{background:#fff;border:1px solid #dfe1e6;border-radius:15px;flex-direction:column;gap:18px;padding:21px;display:flex}.aiGuideHeader{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.aiEyebrow{color:#008ca1;letter-spacing:1.15px;font-size:11.5px;font-weight:750}.aiGuideHeader h2{color:#292a2f;letter-spacing:-.25px;margin:5px 0 0;font-size:20px;font-weight:650}.aiGuideHeader p{color:#858a94;max-width:590px;margin:6px 0 0;font-size:13.5px;line-height:1.55}.aiSecure{color:#167944;background:#effaf4;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;min-height:30px;padding:0 10px;font-size:9.5px;font-weight:700;display:inline-flex}.aiBuilder{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;display:grid}.aiSelector{background:#fafafb;border:1px solid #e3e4e8;border-radius:12px;padding:14px}.aiSelector>label{color:#62666f;margin-bottom:7px;font-size:10px;font-weight:650;display:block}.aiSelector>select{box-sizing:border-box;color:#33353b;cursor:pointer;background:#fff;border:1px solid #d7d9df;border-radius:9px;outline:none;width:100%;height:41px;padding:0 34px 0 11px;font-family:inherit;font-size:12px;font-weight:550}.aiSelector>select:focus{border-color:#8064e9;box-shadow:0 0 0 3px #673de612}.aiConnector{color:#747882;align-items:center;gap:8px;min-height:38px;margin-top:9px;display:flex}.aiConnector>svg{color:#673de6}.aiConnector>div{flex:1;min-width:0}.aiConnector span,.aiConnector strong{display:block}.aiConnector span{color:#9a9ea7;font-size:8.5px}.aiConnector strong{color:#52555d;margin-top:2px;font-size:10px;font-weight:650}.aiConnector>b{color:#665a89;letter-spacing:.35px;background:#f0edfb;border-radius:5px;padding:4px 6px;font-size:7.5px;font-weight:750}.aiOperationInfo{background:#fff;border:1px solid #e4e5e9;border-radius:10px;align-items:center;gap:10px;min-height:52px;padding:0 13px;display:flex}.aiOperationInfo>svg{color:#673de6}.aiOperationInfo>div{flex:1;min-width:0}.aiOperationInfo strong,.aiOperationInfo span{display:block}.aiOperationInfo strong{color:#3d4047;font-size:11px}.aiOperationInfo span{color:#92969f;margin-top:3px;font-size:9.5px}.aiOperationInfo>code{color:#665f72;background:#f5f3fa;border-radius:6px;padding:5px 7px;font-family:Consolas,SFMono-Regular,monospace;font-size:9px}.aiInstall{background:#faf9fc;border:1px solid #e5e2ee;border-radius:9px;align-items:center;gap:8px;min-height:42px;padding:0 12px;display:flex}.aiInstall svg{color:#673de6}.aiInstall span{color:#8e929b;font-size:9px;font-weight:650}.aiInstall code{color:#4f4b59;text-overflow:ellipsis;white-space:nowrap;font-family:Consolas,monospace;font-size:9.5px;overflow:hidden}.aiSecurityWarning{color:#79671f;background:#fffbea;border:1px solid #eadfb8;border-radius:10px;align-items:flex-start;gap:9px;padding:11px 12px;display:flex}.aiSecurityWarning svg{flex-shrink:0;margin-top:1px}.aiSecurityWarning strong,.aiSecurityWarning span{display:block}.aiSecurityWarning strong{font-size:10.5px}.aiSecurityWarning span{margin-top:3px;font-size:9.5px;line-height:1.55}.aiCode{color:#fff;background:#12101f;border-radius:12px;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0a}.aiCodeTop{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;min-height:42px;padding:0 13px;display:flex}.aiCodeTop>div{align-items:center;gap:8px;display:flex}.aiCodeTop span{color:#ddd9ef;font-size:10.5px;font-weight:650}.aiCodeTop b{color:#aa96ff;background:#7a59e829;border-radius:5px;padding:3px 6px;font-size:8px}.aiCodeTop button{color:#c9c5dc;min-height:28px;font:inherit;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:7px;align-items:center;gap:6px;padding:0 8px;font-size:9.5px;display:inline-flex}.aiCodeTop button:hover{color:#fff;background:#ffffff14}.aiCode pre{max-height:520px;margin:0;padding:18px;overflow:auto}.aiCode code{color:#e5e0fb;white-space:pre;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:10.5px;line-height:1.7}.aiFlow{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.aiFlow>div{background:#fafafb;border:1px solid #e4e5e9;border-radius:10px;padding:12px}.aiFlow>div>span{color:#673de6;background:#eee9ff;border-radius:7px;place-items:center;width:26px;height:26px;font-size:8.5px;font-weight:750;display:grid}.aiFlow strong{color:#45474e;margin-top:9px;font-size:10.5px;display:block}.aiFlow p{color:#92969f;margin:4px 0 0;font-size:9px;line-height:1.5}.aiAuth{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.aiAuth>div{background:#fff;border:1px solid #e3e4e8;border-radius:10px;align-items:center;gap:10px;min-height:58px;padding:0 12px;display:flex}.aiAuth svg{color:#673de6;flex-shrink:0}.aiAuth span,.aiAuth code,.aiAuth strong{display:block}.aiAuth span{color:#999da5;font-size:8.5px}.aiAuth code,.aiAuth strong{color:#50535b;margin-top:4px;font-size:9.5px;font-weight:600}.aiAuth code{font-family:Consolas,monospace}@media (width<=950px){.aiFlow{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.aiGuideHeader,.aiOperationInfo{flex-direction:column;align-items:flex-start}.aiBuilder,.aiFlow,.aiAuth{grid-template-columns:1fr}.aiOperationInfo{padding:12px}.aiOperationInfo>code{max-width:100%;overflow:auto}}.caHeader h1{font-size:30px}.caHeader p{font-size:14px}.caSectionHeading h2{font-size:20px}.caSectionHeading p{font-size:12.5px}.caKeyTop h3{font-size:14px}.caKeyTop code{font-size:11.5px}.caScopes span,.caKeyMeta{font-size:10.5px}.aiGuideHeader h2{font-size:21px}.aiGuideHeader p{font-size:13px}.aiSelector>label{font-size:11.5px}.aiSelector>select{font-size:13px}.aiConnector strong{font-size:11.5px}.aiOperationInfo strong{font-size:12.5px}.aiOperationInfo span{font-size:11px}.aiCode code{font-size:11.5px}*{box-sizing:border-box}body{color:#11212d;background:#f4f7f9;min-width:320px;min-height:100vh;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}.app{grid-template-columns:260px 1fr;min-height:100vh;display:grid}.sidebar{color:#fff;background:#071c2c;flex-direction:column;min-height:100vh;padding:26px 18px;display:flex}.brand{border-bottom:1px solid #ffffff14;align-items:center;gap:12px;padding:0 8px 28px;display:flex}.brandMark{background:#18a3a5;border-radius:12px;place-items:center;width:42px;height:42px;font-size:24px;font-weight:800;display:grid}.brand strong,.brand span{display:block}.brand strong{letter-spacing:.8px;font-size:17px}.brand span{color:#8da1ae;margin-top:3px;font-size:12px}nav{flex-direction:column;gap:7px;margin-top:24px;display:flex}nav a{color:#afbfca;cursor:pointer;border-radius:10px;align-items:center;gap:11px;padding:11px 12px;font-size:14px;display:flex}nav a:hover,nav a.active{color:#fff;background:#18a3a526}nav a.active{border-left:3px solid #18a3a5}.sidebarFooter{color:#718995;margin-top:auto;padding:16px 10px 0;font-size:12px}.sidebarFooter strong{color:#bccbd3;margin-top:4px;display:block}main{padding:30px;overflow:hidden}header{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}h1{letter-spacing:-.5px;margin:0;font-size:28px}header p{color:#71808b;margin:5px 0 0;font-size:14px}.status{background:#fff;border-radius:999px;align-items:center;gap:8px;padding:9px 14px;font-size:12px;font-weight:700;display:flex;box-shadow:0 5px 20px #0000000d}.status span{background:#999;border-radius:50%;width:8px;height:8px}.status.online span,.nodeStatus:before,.clusterStatus:before{background:#1dbd84}.cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.cards article{background:#fff;border-radius:16px;align-items:center;gap:15px;padding:20px;display:flex;box-shadow:0 6px 24px #1428320d}.cardIcon{color:#128a8d;background:#edf8f8;border-radius:13px;place-items:center;width:46px;height:46px;display:grid}.cards article span{color:#788892;font-size:12px;display:block}.cards article strong{margin-top:4px;font-size:21px;display:block}.grid{grid-template-columns:1.35fr .9fr;gap:20px;margin-top:20px;display:grid}.panel{background:#fff;border-radius:16px;padding:21px;box-shadow:0 6px 24px #1428320d}.panelHeader{justify-content:space-between;align-items:center;margin-bottom:19px;display:flex}.panelHeader h2{margin:0;font-size:16px}.panelHeader p{color:#89969e;margin:4px 0 0;font-size:12px}.panelHeader>span{background:#f1f6f7;border-radius:8px;padding:7px 10px;font-size:11px}.node,.cluster{border:1px solid #e7edef;border-radius:13px;padding:16px}.node+.node,.cluster+.cluster{margin-top:12px}.nodeTop,.clusterTitle{justify-content:space-between;align-items:center;display:flex}.nodeTop>div{align-items:center;gap:10px;display:flex}.nodeTop svg{color:#178f92}.nodeTop strong,.clusterTitle strong{font-size:14px;display:block}.nodeTop small,.clusterTitle span{color:#87949c;margin-top:3px;font-size:11px;display:block}.nodeStatus,.clusterStatus{align-items:center;gap:6px;font-weight:700;color:#168563!important;font-size:11px!important;display:flex!important}.nodeStatus:before,.clusterStatus:before{content:"";border-radius:50%;width:7px;height:7px}.nodeStats{border-top:1px solid #edf0f2;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px;padding-top:14px;display:grid}.nodeStats span{color:#8b979e;font-size:10px;display:block}.nodeStats strong{margin-top:4px;font-size:12px;display:block}.clusterDetails{color:#839099;background:#f7f9fa;border-radius:10px;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:17px;padding:12px;font-size:10px;display:grid}.clusterDetails strong{color:#263944;margin-top:4px;font-size:11px;display:block}.error,.message{background:#fff;border-radius:14px;padding:20px}.error{color:#a53434}.error button{margin-left:15px}@media (width<=1000px){.cards{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}}@media (width<=700px){.app{grid-template-columns:1fr}.sidebar{display:none}main{padding:18px}.cards{grid-template-columns:1fr}}.pageTitle{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.pageTitle h1{margin:0}.pageTitle p{color:#71808b;margin:5px 0 0;font-size:14px}.primaryButton{color:#fff;cursor:pointer;background:#118f92;border:0;border-radius:9px;padding:10px 17px;font-weight:700}.primaryButton:disabled{opacity:.6;cursor:wait}.customerFormCard{background:#fff;border-radius:16px;margin-bottom:20px;padding:22px;box-shadow:0 6px 24px #1428320d}.customerFormCard h2{margin-top:0}.formGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.formGrid label{flex-direction:column;gap:7px;font-size:12px;font-weight:600;display:flex}.formGrid input,.formGrid select{background:#fff;border:1px solid #dce4e8;border-radius:9px;outline:none;padding:11px 12px}.formGrid input:focus,.formGrid select:focus{border-color:#118f92}.formActions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.formActions button:not(.primaryButton){cursor:pointer;background:#fff;border:1px solid #dce4e8;border-radius:9px;padding:10px 17px}.customersTable{background:#fff;border-radius:16px;overflow:auto;box-shadow:0 6px 24px #1428320d}.customersTable table{border-collapse:collapse;width:100%}.customersTable th{text-align:left;color:#7a8992;background:#f8fafb;padding:14px 16px;font-size:11px}.customersTable td{border-top:1px solid #edf1f3;padding:16px;font-size:13px}.customersTable td strong,.customersTable td small{display:block}.customersTable td small{color:#8a989f;margin-top:4px}.activeBadge{color:#14805f;background:#e9f8f3;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:800;display:inline-block}@media (width<=700px){.formGrid{grid-template-columns:1fr}}.dbPage{color:#292a2f;flex-direction:column;gap:18px;padding:4px 0 32px;display:flex}.dbPageHeader{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.dbEyebrow{color:#008ca1;letter-spacing:1.2px;font-size:11px;font-weight:750}.dbPageHeader h1{letter-spacing:-.5px;margin:5px 0 0;font-size:27px;font-weight:650;line-height:1.2}.dbPageHeader p{color:#888c95;margin:6px 0 0;font-size:13.5px}.dbHeaderActions{gap:8px;display:flex}.dbHeaderActions button,.dbRefresh{min-height:39px;font:inherit;cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:0 13px;font-size:13px;font-weight:650;display:inline-flex}.dbImportButton,.dbRefresh{color:#595d65;background:#fff;border:1px solid #dbdde2}.dbCreateButton{color:#fff;background:#673de6;border:1px solid #673de6}.dbError{color:#b64353;background:#fff4f5;border:1px solid #f0d2d7;border-radius:9px;padding:11px 13px;font-size:12.5px}.dbRegionBar{background:#fff;border:1px solid #e0e2e6;border-radius:13px;align-items:center;gap:14px;min-height:64px;padding:0 16px;display:flex}.dbRegionBar>div:first-child{flex:1;align-items:center;gap:10px;display:flex}.dbRegionBar svg{color:#673de6}.dbRegionBar span,.dbRegionBar strong{display:block}.dbRegionBar span{color:#979ba4;font-size:10.5px}.dbRegionBar strong{margin-top:3px;font-size:13px}.dbRegionBar code{color:#625c6c;background:#f5f3fa;border-radius:6px;padding:5px 8px;font-size:11.5px}.dbRegionSecure{color:#167944;background:#effaf4;border-radius:999px;align-items:center;gap:5px;min-height:27px;padding:0 8px;font-size:10.5px;font-weight:700;display:inline-flex}.dbRegionSecure svg{color:#167944}.dbStats{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;display:grid}.dbStats>div{background:#fff;border:1px solid #e1e2e6;border-radius:12px;align-items:center;gap:11px;min-height:78px;padding:0 14px;display:flex}.dbStats svg{color:#673de6}.dbStats span,.dbStats strong{display:block}.dbStats span{color:#9498a1;font-size:11px}.dbStats strong{color:#34363c;margin-top:4px;font-size:16px;font-weight:650}.dbSection{background:#fff;border:1px solid #e0e2e6;border-radius:14px;padding:19px}.dbSectionHeader{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.dbSectionHeader h2{margin:0;font-size:18px;font-weight:650}.dbSectionHeader p{color:#8e929c;margin:5px 0 0;font-size:12.5px}.dbLoading{text-align:center;color:#8c9099;padding:50px;font-size:13px}.dbEmpty{text-align:center;flex-direction:column;align-items:center;padding:50px 20px;display:flex}.dbEmptyIcon{color:#673de6;background:#f1edff;border-radius:14px;place-items:center;width:55px;height:55px;display:grid}.dbEmpty strong{margin-top:13px;font-size:13px}.dbEmpty span{color:#92969e;margin-top:5px;font-size:12.5px}.dbEmpty button{color:#fff;min-height:37px;font:inherit;cursor:pointer;background:#673de6;border:0;border-radius:8px;align-items:center;gap:6px;margin-top:14px;padding:0 12px;font-size:12.5px;font-weight:650;display:inline-flex}.dbGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:17px;display:grid}.dbCard{background:#fff;border:1px solid #e1e3e7;border-radius:13px;padding:15px}.dbCardTop{align-items:flex-start;gap:10px;display:flex}.dbEngineIcon{color:#673de6;background:#f1edff;border-radius:9px;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.dbCardIdentity{flex:1;min-width:0}.dbCardIdentity>div{align-items:center;gap:7px;display:flex}.dbCardIdentity h3{margin:0;font-size:14px;font-weight:650}.dbCardIdentity p{color:#9498a1;margin:4px 0 0;font-size:11.5px}.dbStatus{color:#70747c;background:#f5f6f7;border-radius:999px;align-items:center;gap:5px;min-height:21px;padding:0 7px;font-size:10px;font-weight:700;display:inline-flex}.dbStatus i{background:currentColor;border-radius:50%;width:5px;height:5px}.dbStatus.active{color:#17804a;background:#effaf4}.dbStatus.requested,.dbStatus.provisioning{color:#9a7020;background:#fff8e7}.dbStatus.failed,.dbStatus.degraded{color:#b44354;background:#fff0f2}.dbMore{color:#979ba3;cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;width:30px;height:30px;display:grid}.dbResources{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:14px;display:grid}.dbResources>div{background:#fafafb;border:1px solid #e8e9ec;border-radius:8px;padding:9px}.dbResources svg{color:#7563ad}.dbResources span,.dbResources strong{display:block}.dbResources span{color:#989ca4;margin-top:5px;font-size:10px}.dbResources strong{margin-top:3px;font-size:12px}.dbFeatures{flex-wrap:wrap;gap:5px;margin-top:10px;display:flex}.dbFeatures span{color:#6e6877;background:#f5f3fa;border-radius:6px;padding:4px 6px;font-size:10px}.dbEndpoint{background:#fafafb;border:1px solid #e6e7ea;border-radius:8px;margin-top:12px;padding:9px 10px}.dbEndpoint span,.dbEndpoint code{display:block}.dbEndpoint span{color:#999da5;font-size:9.5px}.dbEndpoint code{color:#555961;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:11px;overflow:hidden}.dbCardFooter{border-top:1px solid #ececef;justify-content:space-between;align-items:center;margin-top:12px;padding-top:11px;display:flex}.dbCardFooter>span{color:#a0a3aa;font-size:9.5px}.dbConnectButton{color:#673de6;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:0;font-size:11.5px;font-weight:700;display:inline-flex}.dbModalBackdrop{z-index:5000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#120e2378;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.dbModal,.dbConnectModal{background:#fff;border:1px solid #dedce8;border-radius:16px;width:min(720px,100%);max-height:calc(100vh - 40px);overflow:auto;box-shadow:0 22px 70px #1b133738}.dbConnectModal{width:min(610px,100%)}.dbModalHeader{border-bottom:1px solid #ececf0;justify-content:space-between;gap:15px;padding:18px 19px;display:flex}.dbModalHeader>div>span{color:#008ca1;letter-spacing:1px;font-size:10px;font-weight:750}.dbModalHeader h2{margin:5px 0 0;font-size:19px}.dbModalHeader p{color:#91959e;margin:5px 0 0;font-size:11.5px}.dbModalHeader>button{color:#747881;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:31px;height:31px;display:grid}.dbModalBody{padding:19px}.dbField>span,.dbFormLabel{color:#575b63;margin-bottom:7px;font-size:11.5px;font-weight:650;display:block}.dbField input,.dbField select{box-sizing:border-box;width:100%;height:40px;font:inherit;background:#fff;border:1px solid #d9dbe1;border-radius:8px;outline:none;padding:0 11px;font-size:13px}.dbField small{color:#9a9ea6;margin-top:5px;font-size:10px;display:block}.dbFormLabel{margin-top:18px}.dbEngineGrid{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;display:grid}.dbEngineGrid button{text-align:left;min-height:118px;font:inherit;cursor:pointer;background:#fff;border:1px solid #e1e2e6;border-radius:10px;padding:10px;position:relative}.dbEngineGrid button.selected{background:#faf8ff;border-color:#bfaef5;box-shadow:0 0 0 2px #673de60d}.dbEngineGrid button>div{color:#673de6;background:#f1edff;border-radius:7px;place-items:center;width:28px;height:28px;display:grid}.dbEngineGrid strong,.dbEngineGrid span{display:block}.dbEngineGrid strong{margin-top:8px;font-size:11.5px}.dbEngineGrid span{color:#969aa2;margin-top:4px;font-size:7.7px;line-height:1.4}.dbEngineGrid b{color:#8a8393;font-size:9px;position:absolute;top:9px;right:8px}.dbTwoColumns{grid-template-columns:repeat(2,1fr);gap:9px;margin-top:15px;display:grid}.dbResourceInputs{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.dbResourceInputs label{background:#fafafb;border:1px solid #e1e2e6;border-radius:9px;padding:10px}.dbResourceInputs svg{color:#673de6}.dbResourceInputs span{color:#777b84;margin:5px 0 6px;font-size:10px;display:block}.dbResourceInputs select{width:100%;height:33px;font:inherit;background:#fff;border:1px solid #d9dbe0;border-radius:7px;font-size:11px}.dbOptions{flex-direction:column;gap:6px;margin-top:15px;display:flex}.dbOptions button{text-align:left;font:inherit;cursor:pointer;background:#fff;border:1px solid #e2e3e7;border-radius:9px;align-items:flex-start;gap:9px;padding:10px;display:flex}.dbOptions button>svg{color:#0000;border:1px solid #d3d5da;border-radius:4px;padding:2px}.dbOptions button.active{background:#faf8ff;border-color:#d4c9f8}.dbOptions button.active>svg{color:#fff;background:#673de6;border-color:#673de6}.dbOptions strong,.dbOptions span{display:block}.dbOptions strong{font-size:11.5px}.dbOptions span{color:#969aa2;margin-top:2px;font-size:10px}.dbCreateSummary{background:#faf9fc;border:1px solid #e2e0ea;border-radius:9px;align-items:center;gap:9px;margin-top:15px;padding:11px;display:flex}.dbCreateSummary svg{color:#673de6}.dbCreateSummary span,.dbCreateSummary strong,.dbCreateSummary small{display:block}.dbCreateSummary span{color:#9a9da5;font-size:9.5px}.dbCreateSummary strong{margin-top:3px;font-size:11.5px}.dbCreateSummary small{color:#8d919a;margin-top:3px;font-size:10px}.dbSubmit{color:#fff;width:100%;min-height:41px;font:inherit;cursor:pointer;background:#673de6;border:0;border-radius:9px;justify-content:center;align-items:center;gap:7px;margin-top:15px;font-size:12.5px;font-weight:650;display:flex}.dbSubmit:disabled{opacity:.45;cursor:not-allowed}.dbPendingConnection{text-align:center;flex-direction:column;align-items:center;padding:45px 30px;display:flex}.dbPendingConnection>div{color:#a77718;background:#fff7df;border-radius:14px;place-items:center;width:55px;height:55px;display:grid}.dbPendingConnection strong{margin-top:13px;font-size:13px}.dbPendingConnection p{color:#8e929b;max-width:420px;margin:6px 0;font-size:12px;line-height:1.55}.dbPendingConnection>span{color:#686c74;background:#f5f6f7;border-radius:999px;margin-top:6px;padding:5px 8px;font-size:10.5px}.dbConnectionBody{padding:19px}.dbConnectionGrid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.dbConnectionGrid>div{background:#fafafb;border:1px solid #e4e5e8;border-radius:9px;padding:10px}.dbConnectionGrid span,.dbConnectionGrid code{display:block}.dbConnectionGrid span{color:#969aa2;font-size:10px}.dbConnectionGrid code{color:#4e5159;margin-top:4px;font-size:11.5px}.dbConnectionString{margin-top:12px}.dbConnectionString>div:first-child{color:#61656d;align-items:center;gap:6px;font-size:11px;font-weight:650;display:flex}.dbConnectionString>div:last-child{background:#f8f7fb;border:1px solid #dedbe8;border-radius:9px;align-items:center;gap:8px;margin-top:7px;padding:9px;display:flex}.dbConnectionString code{overflow-wrap:anywhere;color:#514a61;flex:1;min-width:0;font-size:11px}.dbConnectionString button{color:#673de6;cursor:pointer;background:#fff;border:1px solid #dad7e4;border-radius:7px;flex-shrink:0;place-items:center;width:31px;height:31px;display:grid}.dbSecurityNote{color:#247247;background:#effaf4;border-radius:8px;align-items:center;gap:8px;margin-top:12px;padding:10px;font-size:10.5px;display:flex}@media (width<=1050px){.dbEngineGrid{grid-template-columns:repeat(3,1fr)}}@media (width<=850px){.dbStats,.dbGrid{grid-template-columns:repeat(2,1fr)}}@media (width<=650px){.dbPageHeader{flex-direction:column}.dbHeaderActions{width:100%}.dbHeaderActions button{flex:1}.dbStats,.dbGrid,.dbTwoColumns,.dbResourceInputs,.dbConnectionGrid{grid-template-columns:1fr}.dbEngineGrid{grid-template-columns:repeat(2,1fr)}.dbRegionBar{flex-direction:column;align-items:flex-start;padding:12px}}.dbPageHeader h1{font-size:30px}.dbPageHeader p{font-size:14px}.dbSectionHeader h2{font-size:20px}.dbSectionHeader p{font-size:12.5px}.dbCardIdentity h3{font-size:14px}.dbCardIdentity p{font-size:11px}.dbStatus,.dbResources span{font-size:10px}.dbResources strong{font-size:12px}.dbFeatures span{font-size:10px}.dbEndpoint span{font-size:9.5px}.dbEndpoint code{font-size:11px}.dbConnectButton{font-size:11.5px}.dbStatus.approved{color:#356ca9;background:#eef5ff}.dbStatus.rejected{color:#b54354;background:#fff0f2}.dbcPage{color:#292a2f;width:100%;max-width:1240px;margin:0 auto;padding:2px 0 34px;font-family:DM Sans,Segoe UI,system-ui,sans-serif}.dbcTop{justify-content:space-between;align-items:center;min-height:36px;display:flex}.dbcBack{color:#646871;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:13px;font-weight:600;display:inline-flex}.dbcBack:hover{color:#673de6}.dbcTopRegion{color:#62666f;background:#fff;border:1px solid #e2e3e7;border-radius:8px;align-items:center;gap:7px;min-height:30px;padding:0 9px;font-size:11px;font-weight:600;display:flex}.dbcTopRegion svg{color:#673de6}.dbcTopRegion span{color:#91959e;border-left:1px solid #e1e2e6;padding-left:7px;font-family:Consolas,monospace;font-size:10px}.dbcHeader{margin-top:14px}.dbcEyebrow{color:#008ca1;letter-spacing:1.15px;font-size:11px;font-weight:750}.dbcHeader h1{color:#292a2f;letter-spacing:-.55px;margin:6px 0 0;font-size:28px;font-weight:660;line-height:1.2}.dbcHeader p{color:#858a94;margin:7px 0 0;font-size:13.5px;line-height:1.55}.dbcError{color:#b34050;background:#fff4f5;border:1px solid #f1d1d6;border-radius:9px;margin-top:16px;padding:11px 13px;font-size:12.5px}.dbcLayout{grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:15px;margin-top:20px;display:grid}.dbcMain{flex-direction:column;gap:13px;min-width:0;display:flex}.dbcCard{background:#fff;border:1px solid #dfe1e6;border-radius:14px;padding:21px}.dbcSectionHeading{align-items:flex-start;gap:11px;display:flex}.dbcSectionIcon{color:#673de6;background:#f1edff;border-radius:9px;flex-shrink:0;place-items:center;width:35px;height:35px;display:grid}.dbcSectionHeading h2{color:#37393f;margin:0;font-size:14px;font-weight:650}.dbcSectionHeading p{color:#92969f;margin:4px 0 0;font-size:11.5px;line-height:1.5}.dbcFields{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:19px;display:grid}.dbcFull{grid-column:1/-1}.dbcField>span{color:#545860;margin-bottom:7px;font-size:11.5px;font-weight:650;display:block}.dbcField input,.dbcField select{box-sizing:border-box;color:#36383e;width:100%;height:43px;font:inherit;background:#fff;border:1px solid #d8dae0;border-radius:9px;outline:none;padding:0 12px;font-size:13px;transition:border-color .15s,box-shadow .15s}.dbcField input:focus,.dbcField select:focus,.dbcResource select:focus{border-color:#8064e9;box-shadow:0 0 0 3px #673de612}.dbcField small{color:#9a9ea6;margin-top:6px;font-size:10.5px;line-height:1.5;display:block}.dbcEngineInfo{background:#faf9fc;border:1px solid #e4e2eb;border-radius:10px;grid-column:1/-1;align-items:center;gap:10px;min-height:65px;padding:0 13px;display:flex}.dbcEngineInfo>div:first-child{color:#673de6;background:#eee9ff;border-radius:8px;flex-shrink:0;place-items:center;width:32px;height:32px;display:grid}.dbcEngineInfo>div:nth-child(2){flex:1;min-width:0}.dbcEngineInfo strong,.dbcEngineInfo span{display:block}.dbcEngineInfo strong{color:#44474e;font-size:12.5px}.dbcEngineInfo span{color:#8d9199;max-width:640px;margin-top:3px;font-size:11px;line-height:1.5}.dbcEngineInfo b{color:#685c8c;background:#f0edfb;border-radius:6px;padding:5px 7px;font-size:10.5px}.dbcResources{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:18px;display:grid}.dbcResource{background:#fafafb;border:1px solid #e2e3e7;border-radius:10px;padding:12px}.dbcResource>div{align-items:center;gap:7px;display:flex}.dbcResource svg{color:#673de6}.dbcResource span{color:#595d65;font-size:11px;font-weight:650}.dbcResource select{color:#44474e;width:100%;height:36px;font:inherit;background:#fff;border:1px solid #d9dbe0;border-radius:8px;outline:none;margin-top:10px;padding:0 9px;font-size:11.5px}.dbcOptions{flex-direction:column;gap:7px;margin-top:18px;display:flex}.dbcOptions button{text-align:left;font:inherit;cursor:pointer;background:#fff;border:1px solid #e2e3e7;border-radius:10px;align-items:flex-start;gap:10px;padding:11px 12px;transition:border-color .15s,background .15s;display:flex}.dbcOptions button:hover{border-color:#ccc5e4}.dbcOptions button.active{background:#faf8ff;border-color:#d1c5fa}.dbcCheck{color:#fff;background:#fff;border:1px solid #cfd2d8;border-radius:5px;flex-shrink:0;place-items:center;width:17px;height:17px;display:grid}.dbcOptions button.active .dbcCheck{background:#673de6;border-color:#673de6}.dbcOptions strong,.dbcOptions span{display:block}.dbcOptions strong{color:#42454c;font-size:12px}.dbcOptions span{color:#9498a1;margin-top:3px;font-size:8.7px;line-height:1.45}.dbcAside{position:sticky;top:18px}.dbcSummary{background:#fff;border:1px solid #dedfe4;border-radius:14px;padding:18px}.dbcSummaryHeader{border-bottom:1px solid #ececef;padding-bottom:14px}.dbcSummaryHeader span{color:#008ca1;letter-spacing:1px;font-size:10px;font-weight:750}.dbcSummaryHeader h2{margin:5px 0 0;font-size:14px;font-weight:650}.dbcSummaryEngine{border-bottom:1px solid #ececef;align-items:center;gap:9px;padding:14px 0;display:flex}.dbcSummaryEngine>div:first-child{color:#673de6;background:#f1edff;border-radius:9px;place-items:center;width:35px;height:35px;display:grid}.dbcSummaryEngine strong,.dbcSummaryEngine span{display:block}.dbcSummaryEngine strong{color:#3f4248;font-size:12.5px}.dbcSummaryEngine span{color:#9599a1;margin-top:3px;font-size:10.5px}.dbcSummaryRows{border-bottom:1px solid #ececef;padding:8px 0}.dbcSummaryRows>div{justify-content:space-between;align-items:center;gap:12px;min-height:34px;display:flex}.dbcSummaryRows span{color:#91959d;font-size:10.5px}.dbcSummaryRows strong{color:#4b4e55;text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:11px;font-weight:650;overflow:hidden}.dbcSummaryFeatures{border-bottom:1px solid #ececef;flex-direction:column;gap:6px;padding:12px 0;display:flex}.dbcSummaryFeatures>div{color:#a0a3aa;align-items:center;gap:6px;font-size:10.5px;display:flex}.dbcSummaryFeatures>div svg{color:#0000;border:1px solid #d5d7dc;border-radius:50%;padding:1px}.dbcSummaryFeatures>div.enabled{color:#3d7656}.dbcSummaryFeatures>div.enabled svg{color:#25834d;background:#effaf4;border-color:#58a474}.dbcSecurity{color:#655d77;background:#f7f5fc;border-radius:9px;align-items:flex-start;gap:8px;margin-top:12px;padding:10px;display:flex}.dbcSecurity svg{color:#673de6;flex-shrink:0}.dbcSecurity strong,.dbcSecurity span{display:block}.dbcSecurity span{margin-top:3px;font-size:10px;line-height:1.45}.dbcSummaryRegion{border:1px solid #e5e6e9;border-radius:9px;align-items:center;gap:8px;margin-top:10px;padding:9px 10px;display:flex}.dbcSummaryRegion svg{color:#673de6}.dbcSummaryRegion span,.dbcSummaryRegion strong{display:block}.dbcSummaryRegion span{color:#979ba3;font-size:9.5px}.dbcSummaryRegion strong{color:#555860;margin-top:2px;font-family:Consolas,monospace;font-size:10.5px}.dbcFooter{border-top:1px solid #e3e4e7;justify-content:flex-end;align-items:center;gap:8px;margin-top:15px;padding:14px 0 0;display:flex}.dbcCancel,.dbcCreate{min-height:41px;font:inherit;cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:0 15px;font-size:12.5px;font-weight:650;display:inline-flex}.dbcCancel{color:#5d6169;background:#fff;border:1px solid #d9dbe0}.dbcCreate{color:#fff;background:#673de6;border:1px solid #673de6;min-width:155px}.dbcCreate:hover{background:#5931d2}.dbcCreate:disabled{opacity:.46;cursor:not-allowed}@media (width<=1000px){.dbcLayout{grid-template-columns:1fr}.dbcAside{position:static}}@media (width<=700px){.dbcTop{flex-direction:column;align-items:flex-start;gap:10px}.dbcFields,.dbcResources{grid-template-columns:1fr}.dbcFull{grid-column:auto}.dbcCard{padding:16px}.dbcFooter{grid-template-columns:1fr 1fr;display:grid}.dbcCancel,.dbcCreate{width:100%}}.dbcHeader h1{font-size:30px}.dbcHeader p{font-size:14px;line-height:1.65}.dbcSectionHeading h2{font-size:16px}.dbcSectionHeading p{font-size:12px;line-height:1.6}.dbcField>span{font-size:12px}.dbcField input,.dbcField select{font-size:13px}.dbcField small{font-size:10.5px}.dbcEngineInfo strong{font-size:13px}.dbcEngineInfo span{font-size:11px;line-height:1.6}.dbcResource span{font-size:11px}.dbcResource select{font-size:12px}.dbcOptions strong{font-size:12.5px}.dbcOptions span{font-size:11px;line-height:1.55}.dbcSummaryHeader h2{font-size:16px}.dbcSummaryEngine strong{font-size:12.5px}.dbcSummaryEngine span,.dbcSummaryRows span{font-size:10.5px}.dbcSummaryRows strong{font-size:11.5px}.dbcSummaryFeatures>div{font-size:10.5px}.dbcSecurity strong{font-size:11.5px}.dbcSecurity span{font-size:10.5px}.dbcCancel,.dbcCreate{font-size:12.5px}.dbrPage{color:#2f3137;padding:4px 0 35px}.dbrHeader{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.dbrHeader>div>span{color:#008ca1;letter-spacing:1.1px;font-size:10px;font-weight:750}.dbrHeader h1{letter-spacing:-.5px;margin:5px 0 0;font-size:30px;font-weight:660}.dbrHeader p{color:#858a94;margin:7px 0 0;font-size:14px}.dbrHeader>button{color:#555960;min-height:39px;font:inherit;cursor:pointer;background:#fff;border:1px solid #dbdde2;border-radius:9px;align-items:center;gap:7px;padding:0 13px;font-size:12px;font-weight:650;display:flex}.dbrError{color:#b64051;background:#fff4f5;border:1px solid #efd0d6;border-radius:9px;margin-top:15px;padding:11px 13px;font-size:12px}.dbrStats{grid-template-columns:repeat(4,1fr);gap:9px;margin-top:18px;display:grid}.dbrStats>div{background:#fff;border:1px solid #e1e2e6;border-radius:11px;align-items:center;gap:10px;min-height:75px;padding:0 14px;display:flex}.dbrStats svg{color:#673de6}.dbrStats span{color:#90949d;font-size:11px}.dbrStats strong{margin-left:auto;font-size:20px}.dbrPanel{background:#fff;border:1px solid #e0e2e6;border-radius:13px;margin-top:14px;padding:18px}.dbrPanelTop{justify-content:space-between;align-items:center;display:flex}.dbrPanelTop h2{margin:0;font-size:19px}.dbrPanelTop p{color:#92969e;margin:4px 0 0;font-size:12px}.dbrPanelTop select{min-width:190px;height:38px;font:inherit;background:#fff;border:1px solid #d9dbe0;border-radius:8px;padding:0 10px;font-size:12px}.dbrList{flex-direction:column;gap:8px;margin-top:15px;display:flex}.dbrRow{background:#fff;border:1px solid #e3e4e7;border-radius:11px;grid-template-columns:minmax(250px,1.5fr) minmax(280px,1.2fr) minmax(150px,.75fr) 145px;align-items:center;gap:14px;min-height:100px;padding:12px 14px;display:grid}.dbrIdentity{align-items:center;gap:10px;min-width:0;display:flex}.dbrIcon{color:#673de6;background:#f1edff;border-radius:9px;flex-shrink:0;place-items:center;width:41px;height:41px;display:grid}.dbrName{align-items:center;gap:7px;display:flex}.dbrName strong{font-size:14px}.dbrName span{background:#f5f6f7;border-radius:999px;padding:4px 7px;font-size:9px;font-weight:700}.dbrName span.requested{color:#996c14;background:#fff7e2}.dbrName span.approved{color:#3267a8;background:#eef5ff}.dbrName span.rejected{color:#b34252;background:#fff0f2}.dbrName span.active{color:#24774a;background:#edf9f2}.dbrIdentity p{color:#686c74;margin:4px 0 0;font-size:11px}.dbrIdentity small{color:#9a9da5;margin-top:3px;font-size:10px;display:block}.dbrResources{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.dbrResources>div{background:#fafafb;border:1px solid #e8e9ec;border-radius:8px;padding:8px}.dbrResources svg{color:#673de6}.dbrResources span,.dbrResources strong{display:block}.dbrResources span{color:#969aa2;margin-top:4px;font-size:9px}.dbrResources strong{margin-top:2px;font-size:11px}.dbrMeta{flex-direction:column;gap:5px;display:flex}.dbrMeta span{color:#676170;background:#f5f3fa;border-radius:6px;width:fit-content;padding:4px 6px;font-size:9px}.dbrAction{border-left:1px solid #ececef;flex-direction:column;align-items:flex-end;gap:7px;padding-left:13px;display:flex}.dbrAction small{color:#989ca4;font-size:9px}.dbrAction button{color:#673de6;min-height:34px;font:inherit;cursor:pointer;background:#f7f4ff;border:1px solid #d0c4f5;border-radius:8px;padding:0 12px;font-size:11px;font-weight:700}.dbrEmpty{color:#9498a0;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:220px;display:flex}.dbrEmpty svg{color:#7966b5}.dbrEmpty strong{color:#50535a;margin-top:10px;font-size:14px}.dbrEmpty span{margin-top:5px;font-size:11px}.dbrBackdrop{z-index:6000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#120e237a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.dbrModal{background:#fff;border-radius:15px;width:min(650px,100%);max-height:calc(100vh - 40px);overflow:auto;box-shadow:0 24px 70px #1b133740}.dbrModalHeader{border-bottom:1px solid #ececf0;justify-content:space-between;padding:18px 19px;display:flex}.dbrModalHeader span{color:#008ca1;letter-spacing:1px;font-size:9px;font-weight:750}.dbrModalHeader h2{margin:5px 0 0;font-size:21px}.dbrModalHeader p{color:#8e929b;margin:4px 0 0;font-size:11px}.dbrModalHeader>button{cursor:pointer;background:0 0;border:0;place-items:center;width:32px;height:32px;display:grid}.dbrModalBody{padding:19px}.dbrEngine{background:#faf9fc;border:1px solid #e3e1eb;border-radius:10px;align-items:center;gap:10px;padding:12px;display:flex}.dbrEngine>svg{color:#673de6}.dbrEngine strong,.dbrEngine span{display:block}.dbrEngine strong{font-size:13px}.dbrEngine span{color:#90949d;margin-top:3px;font-size:10px}.dbrReviewGrid{grid-template-columns:repeat(2,1fr);gap:7px;margin-top:12px;display:grid}.dbrReviewGrid>div{border:1px solid #e6e7ea;border-radius:8px;padding:10px}.dbrReviewGrid span,.dbrReviewGrid strong{display:block}.dbrReviewGrid span{color:#999da5;font-size:9px}.dbrReviewGrid strong{color:#50535b;margin-top:4px;font-size:11px}.dbrSecurity{color:#42617e;background:#eef7ff;border-radius:8px;gap:8px;margin-top:12px;padding:10px;font-size:10px;line-height:1.5;display:flex}.dbrReason,.dbrReasonView{margin-top:12px}.dbrReason span,.dbrReasonView strong{margin-bottom:6px;font-size:11px;font-weight:650;display:block}.dbrReason textarea{box-sizing:border-box;resize:vertical;width:100%;font:inherit;border:1px solid #d8dae0;border-radius:8px;outline:none;padding:10px;font-size:12px}.dbrReasonView{background:#fff6f7;border:1px solid #f0d5da;border-radius:8px;padding:10px}.dbrReasonView p{color:#8b4d57;margin:0;font-size:11px}.dbrModalFooter{border-top:1px solid #ececf0;justify-content:flex-end;gap:8px;padding:14px 19px;display:flex}.dbrModalFooter button{min-height:38px;font:inherit;cursor:pointer;border-radius:8px;padding:0 13px;font-size:11px;font-weight:700}.dbrModalFooter .approve{color:#fff;background:#673de6;border:1px solid #673de6}.dbrModalFooter .danger,.dbrModalFooter .dangerGhost{color:#b33c4e;background:#fff3f5;border:1px solid #dba8b1}.dbrModalFooter .secondary{color:#5d6169;background:#fff;border:1px solid #dadce1}@media (width<=1000px){.dbrRow{grid-template-columns:1fr}.dbrAction{border-top:1px solid #ececef;border-left:0;flex-direction:row;justify-content:space-between;padding:10px 0 0}}@media (width<=700px){.dbrStats,.dbrReviewGrid{grid-template-columns:1fr 1fr}.dbrPanelTop{flex-direction:column;align-items:flex-start;gap:10px}.dbrPanelTop select{width:100%}}.vps-page{color:#1f2937;max-width:1500px;margin:0 auto;padding:28px}.vps-page *{box-sizing:border-box}.vps-page-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.vps-page-title{color:#111827;margin:0;font-size:28px;font-weight:750}.vps-page-subtitle{color:#6b7280;margin:7px 0 0;font-size:14px;line-height:1.6}.vps-primary-button,.vps-secondary-button,.vps-danger-button{cursor:pointer;border-radius:8px;min-height:40px;padding:0 16px;font-size:13px;font-weight:650;transition:all .15s}.vps-primary-button{color:#fff;background:#673de6;border:1px solid #673de6}.vps-primary-button:hover{background:#5831c7}.vps-secondary-button{color:#303645;background:#fff;border:1px solid #d8dce5}.vps-danger-button{color:#dc2626;background:#fff;border:1px solid #ef4444}.vps-primary-button:disabled,.vps-secondary-button:disabled,.vps-danger-button:disabled{cursor:not-allowed;opacity:.55}.vps-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.vps-card{background:#fff;border:1px solid #e1e4eb;border-radius:11px;padding:20px}.vps-card-featured{border-color:#673de6;box-shadow:0 0 0 1px #673de60f}.vps-plan-name{margin-bottom:5px;font-size:17px;font-weight:720}.vps-plan-code{color:#8b93a3;font-size:11px}.vps-price{color:#111827;margin:18px 0 3px;font-size:25px;font-weight:760}.vps-price-unit{color:#737b8c;font-size:12px}.vps-specs{gap:9px;margin-top:18px;display:grid}.vps-spec-row{justify-content:space-between;gap:15px;font-size:13px;display:flex}.vps-spec-label{color:#7a8293}.vps-spec-value{color:#252b37;font-weight:600}.vps-empty{text-align:center;background:#fafbfc;border:1px dashed #d8dce5;border-radius:11px;padding:48px 25px}.vps-empty h3{margin:0 0 8px;font-size:17px}.vps-empty p{color:#737b8c;margin:0;font-size:13px}.vps-table-wrap{background:#fff;border:1px solid #e1e4eb;border-radius:10px;overflow:hidden}.vps-table{border-collapse:collapse;width:100%;font-size:13px}.vps-table th{text-align:left;color:#626b7c;text-transform:uppercase;background:#f8f9fb;border-bottom:1px solid #e1e4eb;padding:12px 15px;font-size:11px;font-weight:700}.vps-table td{vertical-align:middle;border-bottom:1px solid #eef0f4;padding:14px 15px}.vps-table tr:last-child td{border-bottom:0}.vps-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.vps-status{color:#596174;background:#f1f3f7;border-radius:999px;align-items:center;padding:5px 9px;font-size:11px;font-weight:700;display:inline-flex}.vps-status-active{color:#167443;background:#e9f9ef}.vps-status-requested,.vps-status-approved,.vps-status-provisioning{color:#673de6;background:#f1ecff}.vps-status-rejected,.vps-status-failed{color:#c93737;background:#fff0f0}.vps-form{gap:18px;max-width:850px;display:grid}.vps-form-section{background:#fff;border:1px solid #e1e4eb;border-radius:11px;padding:21px}.vps-form-section h3{margin:0 0 17px;font-size:16px}.vps-field{gap:7px;margin-bottom:15px;display:grid}.vps-field:last-child{margin-bottom:0}.vps-field label{color:#454d5e;font-size:12px;font-weight:650}.vps-field input,.vps-field select{color:#202633;background:#fff;border:1px solid #d8dce5;border-radius:8px;outline:none;width:100%;min-height:42px;padding:0 12px;font-size:13px}.vps-field input:focus,.vps-field select:focus{border-color:#673de6;box-shadow:0 0 0 3px #673de614}.vps-alert{border-radius:9px;padding:12px 14px;font-size:13px}.vps-alert-info{color:#5331ba;background:#f4f1ff;border:1px solid #e0d7ff}.vps-alert-error{color:#b82f2f;background:#fff3f3;border:1px solid #ffd5d5}.vps-summary{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:22px;display:grid}.vps-summary-card{background:#fff;border:1px solid #e1e4eb;border-radius:9px;padding:15px}.vps-summary-label{color:#7a8293;font-size:11px}.vps-summary-value{margin-top:6px;font-size:22px;font-weight:740}.vps-actions{flex-wrap:wrap;gap:8px;display:flex}.vps-admin-input{border:1px solid #d8dce5;border-radius:7px;width:100%;min-width:90px;height:36px;padding:0 9px}@media (width<=850px){.vps-page{padding:18px}.vps-page-header{flex-direction:column}.vps-summary{grid-template-columns:repeat(2,1fr)}.vps-table-wrap{overflow-x:auto}.vps-table{min-width:820px}}