/* VPSSetu Matrix-inspired workspace refresh. Presentation-only: backend/forms/actions remain unchanged. */
:root{--mx-bg:#f4f6fb;--mx-card:#fff;--mx-line:#e5e9f2;--mx-text:#20263a;--mx-muted:#77819a;--mx-blue:#5368dc;--mx-purple:#7857d8;--mx-green:#159c72;--mx-shadow:0 4px 18px rgba(38,48,86,.045)}
body.site-area{background:var(--mx-bg)!important;color:var(--mx-text)!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
body.site-area .topbar{background:rgba(255,255,255,.96)!important;border-bottom:1px solid var(--mx-line)!important;box-shadow:0 2px 10px rgba(31,43,78,.025);padding:12px max(3%,calc((100vw - 1440px)/2))!important}
body.site-area .brand-logo{max-width:178px;height:auto;max-height:43px;object-fit:contain}
body.site-area .topbar nav a{color:#59637c!important;font-weight:650;font-size:12px!important;border-radius:9px;padding:9px 10px;transition:background .15s,color .15s}
body.site-area .topbar nav a:hover,body.site-area .topbar nav a[aria-current=page]{background:#f0f2ff;color:var(--mx-blue)!important}
body.site-area .topbar .navcta,body.site-area .btn,body.admin-area .btn{background:linear-gradient(135deg,#5368dc,#7656d6)!important;color:#fff!important;border:1px solid transparent!important;border-radius:10px!important;box-shadow:0 3px 8px rgba(83,104,220,.12);font-weight:750;transition:transform .16s,box-shadow .16s}
body.site-area .btn:hover,body.admin-area .btn:hover{transform:translateY(-1px);box-shadow:0 7px 16px rgba(83,104,220,.18)}
body.site-area .btn.secondary,body.admin-area .btn.secondary{background:#fff!important;color:#5363b7!important;border:1px solid #dfe4f2!important;box-shadow:none}
body.site-area a{color:#5368c9}body.site-area .eyebrow{color:#6372d9;letter-spacing:.12em}
body.site-area .site-search-wrap{background:transparent;padding:12px 3% 0}
body.site-area .site-search{max-width:1420px;margin:auto;background:#fff;border:1px solid var(--mx-line);border-radius:12px;padding:4px 6px 4px 13px;box-shadow:none}
body.site-area .site-search input{background:transparent!important;color:var(--mx-text)!important;border:0!important;box-shadow:none!important}
body.site-area .container{width:min(1440px,96%);min-height:65vh}
body.site-area .card,body.site-area .stat,body.site-area .panel,body.site-area .auth-card,body.site-area .premium-service-card,body.site-area .account-sidebar{background:var(--mx-card)!important;color:var(--mx-text)!important;border:1px solid var(--mx-line)!important;border-radius:15px!important;box-shadow:var(--mx-shadow)!important}
body.site-area .card h2,body.site-area .card h3,body.site-area .panel h2,body.site-area .page-head h1,body.site-area .section-head h2{color:#252b40!important;letter-spacing:-.025em}
body.site-area p,body.site-area .muted,body.site-area .small,body.site-area .section-head p,body.site-area .page-head p{color:var(--mx-muted)!important}
body.site-area input,body.site-area select,body.site-area textarea{background:#fff!important;color:#252b40!important;border:1px solid #dfe4ef!important;border-radius:9px!important}
body.site-area input::placeholder,body.site-area textarea::placeholder{color:#9ba4b8}
body.site-area .table-wrap{border:1px solid var(--mx-line)!important;border-radius:13px!important;background:#fff!important;box-shadow:none!important}
body.site-area table{background:#fff!important;color:#30364a!important}
body.site-area th{background:#f7f8fc!important;color:#7b849a!important;border-bottom:1px solid #e9edf5!important}
body.site-area td{color:#454d63!important;border-bottom:1px solid #edf0f6!important}
body.site-area tr:hover td{background:#fafbff!important}
body.site-area .status{border:1px solid #dfe5f0!important;background:#f7f9fd;color:#66718b}
body.site-area .status.active,body.site-area .status.verified{background:#e9f8f1!important;border-color:#c8eedc!important;color:#12845f!important}
body.site-area .status.pending,body.site-area .status.pending_payment{background:#fff7e6!important;border-color:#f4e3b8!important;color:#a36b06!important}
body.site-area .status.rejected,body.site-area .status.cancelled{background:#fff0f1!important;border-color:#f3d0d4!important;color:#bd3c51!important}
body.site-area .notice{background:#eaf8f2!important;border-color:#c9ecdc!important;color:#187d5e!important;border-radius:11px}
body.site-area .notice.error{background:#fff0f1!important;border-color:#f2cbd1!important;color:#b22c45!important}
body.site-area .notice-box{background:#f7f8fc!important;border:1px solid var(--mx-line)!important;color:#59637c!important;border-radius:11px}
body.site-area .specs{border-color:#e8ecf4!important}body.site-area .specs li{color:#788198!important;border-bottom:1px solid #f1f3f8}body.site-area .specs b{color:#333b51!important}
body.site-area .footer{border-color:var(--mx-line)!important;background:#fff;color:#818aa0!important}
/* Customer dashboard */
body.workspace-area .account-layout{grid-template-columns:224px minmax(0,1fr)!important;gap:22px!important;align-items:start!important;padding:22px 0 40px!important}
body.workspace-area .account-sidebar{position:sticky;top:82px;display:flex!important;flex-direction:column!important;gap:5px!important;padding:13px!important;border-radius:14px!important}
body.workspace-area .account-sidebar .sidebar-brand{display:flex;align-items:center;gap:10px;padding:9px 8px 17px;border-bottom:1px solid #edf0f6;margin-bottom:5px;color:#252b40}
body.workspace-area .sidebar-brand-mark{background:linear-gradient(135deg,#5368dc,#7857d8)!important;color:white!important;border-radius:10px!important}
body.workspace-area .account-sidebar .sidebar-title{color:#929bb0!important;font-size:10px!important;letter-spacing:.1em;padding:10px 10px 7px!important}
body.workspace-area .account-sidebar a{display:flex!important;align-items:center;gap:8px;min-height:40px;padding:10px 11px!important;border-radius:9px!important;color:#66718a!important;font-size:12px!important;font-weight:650}
body.workspace-area .account-sidebar a:hover,body.workspace-area .account-sidebar a.active{background:#eff1ff!important;color:#5368ce!important}
body.workspace-area .account-sidebar a.sidebar-new{background:#f2f3ff!important;border:1px solid #e1e4ff!important;color:#5263c9!important;margin-top:7px}
body.workspace-area .account-main .page-head{padding:13px 0 20px!important}
body.workspace-area .account-main .page-head h1{font-size:clamp(27px,3vw,35px)!important;margin:6px 0 7px}
body.workspace-area .dashboard-welcome-panel{border:1px solid #e2e7f5!important;border-radius:18px!important;background:linear-gradient(115deg,#fff 0%,#f0f2ff 100%)!important;box-shadow:var(--mx-shadow)!important;padding:28px!important;min-height:230px}
body.workspace-area .welcome-kicker{color:#6875d9!important}
body.workspace-area .welcome-copy h2{color:#252b40!important;font-size:clamp(25px,3vw,34px)!important;line-height:1.18}
body.workspace-area .welcome-copy h2 em{color:#6572d9!important}
body.workspace-area .welcome-copy p{color:#77819a!important}
body.workspace-area .welcome-visual .server-illustration{background:linear-gradient(145deg,#596bd5,#29365d)!important;border-color:#a6b0ff!important}
body.workspace-area .dashboard-stats{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}
body.workspace-area .dashboard-stats .stat{min-height:110px!important;padding:17px!important;border-radius:14px!important}
body.workspace-area .dashboard-stats .stat b{color:#293149!important;font-size:28px!important}
body.workspace-area .dashboard-stats .stat span{color:#78829a!important}
body.workspace-area .dashboard-stats .stat small{color:#6572d9!important}
body.workspace-area .account-main .section{margin-top:28px!important;padding:0 0 10px!important}
body.workspace-area .account-main .section-head h2{font-size:21px!important;color:#2b3147!important}
body.workspace-area .account-quicklinks>.card,body.workspace-area .server-compact-grid>.card{border-radius:14px!important}
body.workspace-area .premium-service-card{padding:20px!important}
body.workspace-area .service-spec-grid>div{background:#f7f8fd!important;border:1px solid #edf0f7!important;border-radius:10px!important}
body.workspace-area .service-detail-list>div{border-bottom:1px solid #eef1f7!important}
/* VPS control centre */
body.workspace-area .page-head{padding:28px 0 17px}
body.workspace-area .admin-nav a{background:#fff!important;border:1px solid #e1e6f1!important;border-radius:9px!important;color:#626e89!important}
body.workspace-area .admin-nav a:hover{background:#f0f2ff!important;color:#5368ce!important}
body.workspace-area .stats .stat{border-radius:13px!important}
body.workspace-area .grid2{gap:15px}
body.workspace-area .grid2>.card,body.workspace-area .card.section{padding:22px!important}
body.workspace-area .copy-value{border:1px solid #dfe4f1;border-radius:7px;background:#f5f6fc;color:#5368ce;padding:5px 8px;cursor:pointer}
body.workspace-area .credential-value{color:#343b50!important}
/* Admin workspace */
body.admin-area{background:var(--mx-bg)!important;color:var(--mx-text)!important}
body.admin-area .topbar{background:#fff!important;border-bottom-color:var(--mx-line)!important}
body.admin-area .topbar nav a{color:#59637c!important}
body.admin-area .admin-sidebar-global{background:#fff!important;border-right:1px solid var(--mx-line)!important;box-shadow:4px 0 18px rgba(38,48,86,.025)!important}
body.admin-area .admin-sidebar-global a{color:#68728a!important;border-radius:9px!important}
body.admin-area .admin-sidebar-global a:hover,body.admin-area .admin-sidebar-global a.active{background:#eff1ff!important;color:#5368ce!important}
body.admin-area .admin-sidebar-title{color:#969eb1!important}
body.admin-area .admin-hero{background:linear-gradient(115deg,#fff,#f0f2ff)!important;border:1px solid #e1e6f3!important;border-radius:17px!important}
body.admin-area .admin-stat,body.admin-area .sales-card{background:#fff!important;border:1px solid var(--mx-line)!important;border-radius:14px!important;box-shadow:var(--mx-shadow)!important}
body.admin-area .admin-stat span,body.admin-area .sales-card span,body.admin-area .admin-stat small,body.admin-area .sales-card small{color:#78829a!important}
body.admin-area .admin-stat b,body.admin-area .sales-card b{color:#2b3147!important}
body.admin-area .admin-section-head h2{color:#2b3147!important}
body.admin-area .admin-table{border:1px solid var(--mx-line)!important;border-radius:13px!important;background:#fff!important}
body.admin-area .admin-table table{background:#fff!important}
body.admin-area .admin-table th{background:#f7f8fc!important;color:#7b849a!important}
body.admin-area .admin-table td{color:#454d63!important}
body.admin-area .admin-pill{border-radius:20px!important}
/* Public pages retain their content but use the same visual language */
body.site-area .plan.featured{border:1px solid #9ea8f4!important;box-shadow:0 7px 22px rgba(83,104,220,.09)!important}
body.site-area .badge{background:#eff1ff!important;color:#5368ce!important}
body.site-area .hero-home-carousel{border-radius:18px!important}
@media(max-width:1000px){body.workspace-area .account-layout{grid-template-columns:190px minmax(0,1fr)!important;gap:15px!important}body.workspace-area .dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:760px){body.workspace-area .account-layout{grid-template-columns:minmax(0,1fr)!important}body.workspace-area .account-sidebar{position:static!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}body.workspace-area .account-sidebar .sidebar-brand,body.workspace-area .account-sidebar .sidebar-title{grid-column:1/-1}body.workspace-area .dashboard-welcome-panel{padding:20px!important}body.workspace-area .welcome-visual{opacity:.28}body.site-area .topbar nav{gap:4px}body.site-area .topbar nav a{padding:7px 8px!important}}
@media(max-width:480px){body.workspace-area .dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.workspace-area .account-sidebar a{font-size:11px!important;padding:9px!important}body.site-area .brand-logo{max-width:145px}body.site-area .container{width:94%}}


/* VPSSetu Matrix-inspired customer VPS area — compact cards, clear contrast, responsive controls */
:root{--vps-ink:#17233d;--vps-muted:#61708b;--vps-line:#dfe6f2;--vps-purple:#5a36bd;--vps-blue:#3f55bd;--vps-soft:#f4f6fc}
body.site-area{color:var(--vps-ink)}
body.site-area .container{color:var(--vps-ink)}
body.site-area .page-head:not(.account-page-head){max-width:1280px;margin:24px auto 22px;padding:0 20px}
body.site-area .page-head h1{color:#17233d;line-height:1.18;letter-spacing:-.035em}
body.site-area .page-head p,body.site-area .small,body.site-area .muted{color:#60708c}
body.site-area .admin-nav{display:flex;flex-wrap:wrap;gap:9px;max-width:1280px;margin:18px auto 22px;padding:0 20px}
body.site-area .admin-nav a{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border:1px solid #dce4f1;border-radius:12px;background:#fff;color:#344463;text-decoration:none;font-size:13px;font-weight:700;box-shadow:0 2px 5px #1d315308}
body.site-area .admin-nav a:first-child{background:#182641;color:#fff;border-color:#182641}
body.site-area .stats:has(+.grid2){max-width:1280px;margin:0 auto 20px;padding:0 20px;gap:14px}
body.site-area .stats:has(+.grid2) .stat{min-width:0;border:1px solid #dfe6f2;border-radius:17px;background:#fff;box-shadow:0 8px 24px #24385b08;padding:21px 22px}
body.site-area .stats:has(+.grid2) .stat b{color:#273c70;font-size:clamp(21px,2vw,28px);overflow-wrap:anywhere}
body.site-area .grid2:has(.server-power-actions){max-width:1280px;margin:0 auto;padding:0 20px;gap:18px;align-items:stretch}
body.site-area .grid2:has(.server-power-actions)>.card{min-width:0;border:1px solid #dfe6f2;border-radius:18px;background:#fff;padding:24px;box-shadow:0 10px 30px #253a5b0a;color:#17233d}
body.site-area .grid2:has(.server-power-actions) h2{margin:0 0 18px;padding-bottom:15px;border-bottom:1px solid #e3e9f3;color:#17233d;font-size:20px;letter-spacing:-.025em}
body.site-area .grid2:has(.server-power-actions) .specs{margin:0 0 18px}
body.site-area .grid2:has(.server-power-actions) .specs li{display:flex;align-items:flex-start;gap:14px;padding:11px 0;border-bottom:1px solid #e8edf5;color:#17233d}
body.site-area .grid2:has(.server-power-actions) .specs li>span{flex:0 0 35%;color:#65748f;font-weight:500}
body.site-area .grid2:has(.server-power-actions) .specs li>b{min-width:0;max-width:65%;margin-left:auto;text-align:right;color:#1d2b48;font-weight:750;overflow-wrap:anywhere;word-break:break-word}
body.site-area .grid2:has(.server-power-actions) .field label{color:#344563;font-weight:750}
body.site-area .grid2:has(.server-power-actions) input,body.site-area .grid2:has(.server-power-actions) select{color:#17233d;background:#fff;border:1px solid #d7e0ef}
body.site-area .grid2:has(.server-power-actions) input::placeholder{color:#7a879e}
.server-power-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:22px}
.server-power-actions .btn{min-height:42px;padding:10px 20px;border-radius:12px;font-weight:750;box-shadow:0 4px 12px #273a650d}
.server-power-actions .power-stop{background:#fff1f0!important;color:#b42318!important;border:1px solid #ffd1cd!important}
.server-power-actions .power-start{background:linear-gradient(135deg,#4f65dc,#6847d0)!important;color:#fff!important;border:1px solid transparent!important}
.power-state-note{display:block;color:#65748f;font-size:12px;line-height:1.6;padding:10px 0}
body.site-area .grid2:has(.server-power-actions) .copy-value{background:#f5f7fc;color:#465a82;border:1px solid #dce4f1;border-radius:8px;padding:6px 10px;font-size:11px;font-weight:700}
body.site-area .grid2:has(.server-power-actions) .notice-box{color:#7c2d12;background:#fff7ed;border:1px solid #fed7aa;padding:12px;border-radius:12px;line-height:1.6}
body.site-area .grid2:has(.server-power-actions) .small{font-size:12px;line-height:1.65}
body.site-area .grid2:has(.server-power-actions) hr{border:0;border-top:1px solid #e5eaf3;margin:22px 0}
/* My VPS Services: compact two-column supplier cards and one clear Manage action. */
.service-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.premium-service-card{padding:18px 20px;border-color:#dfe6f2;border-radius:18px;background:#fff;box-shadow:0 8px 25px #23365708}
.premium-service-card:hover{transform:translateY(-2px);box-shadow:0 14px 32px #23365710}
.premium-service-top{margin-bottom:10px}
.service-type-icon{width:36px;height:36px;border-radius:12px;background:#edf2ff;color:#4257bf}
.premium-service-card h2{font-size:18px;color:#17233d;margin-bottom:3px}
.service-order-id{margin-bottom:12px;color:#71809b;font-size:11px}
.service-spec-grid{gap:7px;margin:12px 0;padding:11px 0;border-color:#e6ebf4}
.service-spec-grid>div{padding:9px 10px;background:#f3f5fb;border-radius:10px}
.service-spec-grid small{color:#667591;font-size:10px}
.service-spec-grid b{color:#1e2d4b;font-size:13px}
.service-detail-list>div{padding:8px 0;border-color:#e8edf5;font-size:12px;gap:10px}
.service-detail-list>div span{color:#687893;flex-basis:36%}
.service-detail-list>div b{color:#1f2e4b;max-width:64%;font-weight:700;overflow-wrap:anywhere;word-break:break-word}
.premium-service-actions{margin-top:14px;display:grid;grid-template-columns:minmax(0,1fr)}
.premium-service-actions .btn{width:100%;min-height:43px;padding:11px 16px;border-radius:12px;text-align:center;justify-content:center;background:linear-gradient(135deg,#4f65dc,#6847d0)!important;color:#fff!important;border:0!important;box-shadow:0 6px 15px #4f65dc20}
.premium-service-actions .btn.secondary{background:#fff!important;color:#4054ad!important;border:1px solid #d5def4!important}
.server-compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}
.server-compact-grid>.card{min-width:0;padding:18px;border:1px solid #dfe6f2;border-radius:17px;background:#fff;box-shadow:0 8px 24px #24385b08}
.server-compact-grid>.card h3{color:#17233d;font-size:18px;overflow-wrap:anywhere}
.server-compact-grid>.card .specs li{padding:8px 0;border-color:#e8edf5;gap:10px}
.server-compact-grid>.card .specs li span{color:#667591}
.server-compact-grid>.card .specs li b{max-width:62%;text-align:right;overflow-wrap:anywhere;color:#1e2d4b}
.server-compact-grid>.card>.btn{display:flex;justify-content:center;width:100%;margin-top:14px!important}
@media(max-width:900px){body.site-area .grid2:has(.server-power-actions){grid-template-columns:1fr}.service-card-grid,.server-compact-grid{grid-template-columns:1fr!important}}
@media(max-width:600px){body.site-area .page-head:not(.account-page-head){padding:0 12px}body.site-area .admin-nav{padding:0 12px}body.site-area .stats:has(+.grid2){padding:0 12px}body.site-area .grid2:has(.server-power-actions){padding:0 12px}body.site-area .grid2:has(.server-power-actions)>.card{padding:17px}body.site-area .grid2:has(.server-power-actions) .specs li>span{flex-basis:32%}body.site-area .grid2:has(.server-power-actions) .specs li>b{max-width:68%}.service-card-grid,.server-compact-grid{grid-template-columns:1fr!important}.premium-service-card{padding:16px}.server-power-actions .btn{flex:1;justify-content:center}}


/* VPSSetu refinements requested from the latest screenshots. */
body.workspace-area .container{width:min(1500px,97%);min-height:0}
body.workspace-area .page-head{padding:16px 0 10px!important;margin-bottom:8px}
body.workspace-area .page-head h1{font-size:clamp(24px,2.2vw,32px)!important;line-height:1.2;margin:4px 0 6px}
body.workspace-area .admin-nav{margin:10px 0 14px!important;display:flex;gap:8px;flex-wrap:wrap}
body.workspace-area .stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:10px auto 14px;max-width:1500px}
body.workspace-area .stats .stat{min-height:82px;padding:14px 18px!important}
body.workspace-area .stats .stat b{font-size:clamp(20px,2vw,27px);line-height:1.15}
body.site-area .grid2:has(.server-power-actions){max-width:1500px;margin:0 auto;padding:0;gap:16px;align-items:start}
body.site-area .grid2:has(.server-power-actions)>.card{padding:20px!important;min-height:0}
body.site-area .grid2:has(.server-power-actions) .specs li{padding:9px 0;line-height:1.45}
body.site-area .grid2:has(.server-power-actions) .specs{margin-bottom:12px}
body.site-area .grid2:has(.server-power-actions) h2{margin-bottom:12px;padding-bottom:12px}
body.site-area .grid2:has(.server-power-actions) .small{margin:10px 0 0;color:#66738d!important}
body.site-area .grid2:has(.server-power-actions) .field{margin-top:12px}
body.site-area .grid2:has(.server-power-actions) form:not(.server-power-actions){margin-top:10px}
body.site-area .credential-value{display:inline-flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.password-secret{letter-spacing:.08em;white-space:nowrap}
.password-eye{display:inline-flex;align-items:center;justify-content:center;width:34px;height:32px;padding:6px;border:1px solid #dce3f0;border-radius:9px;background:#f8faff;color:#5368ce;cursor:pointer;vertical-align:middle;flex:0 0 auto}
.password-eye svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body.workspace-area .service-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:13px!important}
body.workspace-area .premium-service-card{min-width:0;padding:14px!important;border-radius:14px!important}
body.workspace-area .premium-service-card h2{font-size:16px!important;line-height:1.25;overflow-wrap:anywhere}
body.workspace-area .premium-service-top{margin-bottom:7px}
body.workspace-area .service-type-icon{width:30px;height:30px;border-radius:9px}
body.workspace-area .service-order-id{font-size:10px;overflow-wrap:anywhere;margin-bottom:8px}
body.workspace-area .service-spec-grid{gap:5px;margin:8px 0;padding:8px 0}
body.workspace-area .service-spec-grid>div{padding:7px 6px;border-radius:8px;min-width:0}
body.workspace-area .service-spec-grid small{font-size:9px}
body.workspace-area .service-spec-grid b{font-size:12px;overflow-wrap:anywhere}
body.workspace-area .service-detail-list>div{padding:6px 0;font-size:11px;gap:6px;align-items:flex-start}
body.workspace-area .service-detail-list>div span{flex-basis:34%;font-size:10px}
body.workspace-area .service-detail-list>div b{max-width:66%;font-size:10px;line-height:1.4}
body.workspace-area .premium-service-actions{margin-top:10px}
body.workspace-area .premium-service-actions .btn{min-height:36px;padding:8px 10px;font-size:12px;border-radius:9px}
body.workspace-area .premium-service-actions .btn.secondary{display:none}
body.workspace-area .global-customer-menu{position:fixed;z-index:5;left:max(14px,calc((100vw - 1500px)/2));top:126px;width:210px;padding:14px;background:#fff;border:1px solid #e2e7f1;border-radius:15px;box-shadow:0 8px 28px rgba(32,48,84,.08);display:flex;flex-direction:column;gap:5px;max-height:calc(100vh - 145px);overflow:auto}
.global-menu-brand{display:flex;align-items:center;gap:9px;padding:5px 5px 14px;border-bottom:1px solid #edf0f6;margin-bottom:5px;color:#252b40}
.global-menu-brand .sidebar-brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#5368dc,#7857d8);color:#fff;font-weight:900}
.global-menu-brand b{display:block;font-size:14px}.global-menu-brand small{display:block;font-size:8px;letter-spacing:.13em;color:#929bb0}
.global-customer-menu .sidebar-title{padding:8px 8px 5px;color:#8a94a9;font-size:10px;font-weight:800;letter-spacing:.12em}
.global-customer-menu>a{display:flex;align-items:center;gap:8px;min-height:37px;padding:9px 10px;border-radius:9px;color:#596781!important;font-size:12px;font-weight:650}
.global-customer-menu>a:hover,.global-customer-menu>a.active{background:#eff1ff;color:#5368ce!important}
.global-customer-menu>a.sidebar-new{margin-top:5px;border:1px solid #dfe4f4;color:#5368ce!important;justify-content:flex-start}
body.site-area .container.has-global-customer-menu{width:min(1220px,calc(100vw - max(250px,calc((100vw - 1500px)/2 + 250px)) - 24px));margin-left:max(244px,calc((100vw - 1500px)/2 + 236px));margin-right:18px}
@media(max-width:1400px){body.workspace-area .service-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}body.site-area .container.has-global-customer-menu{width:calc(100vw - 270px);margin-left:250px}}
@media(max-width:1100px){body.workspace-area .service-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.global-customer-menu{width:190px!important;left:10px!important}body.site-area .container.has-global-customer-menu{width:calc(100vw - 225px);margin-left:210px}}
@media(max-width:760px){body.workspace-area .stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}.global-customer-menu{position:static!important;width:auto!important;max-height:none!important;margin:12px 3% 0;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.global-menu-brand,.global-customer-menu .sidebar-title{grid-column:1/-1}body.site-area .container.has-global-customer-menu{width:94%;margin:14px auto}.global-customer-menu>a{font-size:11px}.global-customer-menu>a.sidebar-new{margin-top:0}body.workspace-area .service-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:480px){body.workspace-area .service-card-grid{grid-template-columns:1fr!important}body.site-area .grid2:has(.server-power-actions)>.card{padding:15px!important}.password-eye{width:31px;height:30px}.body.workspace-area .stats{gap:8px}}
@media(min-width:1401px){body.workspace-area .server-compact-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:13px!important}body.workspace-area .server-compact-grid>.card{padding:14px!important;min-width:0}body.workspace-area .server-compact-grid>.card h3{font-size:15px!important;overflow-wrap:anywhere}body.workspace-area .server-compact-grid>.card .specs li{font-size:11px;padding:6px 0}body.workspace-area .server-compact-grid>.card .specs li span{flex:0 0 34%;font-size:10px}body.workspace-area .server-compact-grid>.card .specs li b{max-width:66%;font-size:10px;overflow-wrap:anywhere}body.workspace-area .server-compact-grid>.card>.btn{min-height:36px;margin-top:10px!important;padding:8px;font-size:12px}}
@media(min-width:1101px) and (max-width:1400px){body.workspace-area .server-compact-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(min-width:761px) and (max-width:1100px){body.workspace-area .server-compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}