@font-face{font-family:Manrope;font-style:normal;font-weight:400 800;font-display:swap;src:url('/fonts/manrope-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Manrope;font-style:normal;font-weight:400 800;font-display:swap;src:url('/fonts/manrope-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{font-family:Manrope,'Segoe UI',sans-serif;font-size:14px;line-height:1.5;color:#2a3237;background:#f7f8f9;--sidebar:246px;--line:#eaeced}
button,input,select,textarea{font-family:inherit}::selection{background:#e8ebed}
.ui-icon{width:20px;height:20px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}.button .ui-icon{width:17px;height:17px}
.sidebar{width:var(--sidebar);background:#1e2327;color:#b4bbbf;padding:30px 20px 24px;border-right:1px solid #2c3337}
.brand{gap:12px;font-size:25px;font-weight:800;letter-spacing:-1.1px;padding:0 8px}.brand small{font-size:10px;font-weight:500;letter-spacing:.5px;color:#a2a9ae;margin-top:1px}.brand-mark{background:linear-gradient(145deg,#98a6af,#748794);border:1px solid #a8b4bc70;border-radius:13px;width:44px;height:44px;flex-shrink:0;box-shadow:0 5px 18px #0002}.brand-mark .ui-icon{width:27px;height:27px;stroke-width:1.7}
.workspace-label{display:flex;align-items:center;gap:11px;border:1px solid #3b4145;border-radius:11px;padding:12px;margin:34px 4px 0;font-size:12px;color:#eaecee;background:#ffffff04}.workspace-label>.ui-icon{color:#b9c3c9}.workspace-label small{display:block;color:#939ba0;font-size:10px;margin-bottom:2px}
.nav-label{font-size:10px;font-weight:650;letter-spacing:1.5px;color:#848c92;margin:30px 14px 13px}.nav-item{gap:12px;padding:13px 14px;border-radius:10px;font-size:13px;font-weight:550;color:#aeb5b9;transition:background .15s,color .15s}.nav-item:hover{background:#2d3439;color:#fff}.nav-item.selected{background:linear-gradient(100deg,#708491,#687a86);box-shadow:0 5px 16px #11131525}.nav-item>.ui-icon{width:20px;height:20px}.nav-item .nav-end{width:14px;height:14px;margin-left:auto;opacity:.5}
.sidebar-bottom{display:flex;align-items:center;gap:10px;padding:20px 8px 0;border-color:#393f43;font-size:11px;color:#d9dde0;line-height:1.7}.sidebar-bottom>.ui-icon{color:#84c6b4;width:21px;height:21px}.sidebar-bottom small{color:#949ca1;font-size:10px;margin-top:2px}
main{margin-left:var(--sidebar);padding:0 38px 28px;max-width:none;min-width:0}.topbar{height:80px;border-color:var(--line);color:#8f9599;font-size:12px;gap:18px}.breadcrumb{display:flex;gap:11px;align-items:center}.breadcrumb>.ui-icon:first-child{color:#6f7a82}.breadcrumb .ui-icon{width:17px;height:17px}.breadcrumb strong{font-weight:600;color:#646c71}.customer-account{gap:12px}.admin-badge{display:inline-flex;align-items:center;gap:8px;color:#4a5359;font-size:12px;font-weight:650;border-color:var(--line);padding:8px 12px;border-radius:10px}.admin-badge::before{content:'';display:block;width:7px;height:7px;background:#45b995;border:3px solid #d7f3e9;border-radius:50%;box-sizing:content-box}
.page-heading{gap:28px;align-items:center;margin:28px 0 24px;padding:30px 32px;background:linear-gradient(105deg,#232a2e,#374148);border-radius:18px;color:#fff;position:relative;overflow:hidden;min-height:171px;isolation:isolate;box-shadow:0 8px 25px #282f330a}.page-heading::before{content:'';position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 85% 30%,#8f9ea822,transparent 55%),linear-gradient(90deg,transparent 49.7%,#dee2e506 50%,transparent 50.3%);background-size:auto,52px 52px}.page-heading>div:not(.hero-art){position:relative;z-index:1}.eyebrow{font-size:10px;font-weight:750;letter-spacing:1.7px;color:#8e969c;margin:0 0 9px}.page-heading .eyebrow{color:#c4ccd2;font-size:10px}.page-heading h1{font-size:32px;letter-spacing:-1.25px;margin:0 0 10px;font-weight:750;line-height:1.25}.page-heading>div>p:last-child{font-size:13px;color:#bdc4c8;margin:0;max-width:540px;line-height:1.7}h1{font-size:30px;font-weight:750}h2{font-size:17px;letter-spacing:-.5px;font-weight:750}h3{font-size:14px;font-weight:750;letter-spacing:-.25px}.heading-actions{gap:10px}
.hero-art{position:absolute;right:25%;top:0;bottom:0;width:185px;display:grid;place-items:center;pointer-events:none;opacity:.85;z-index:0}.hero-server{width:86px;height:86px;display:grid;place-items:center;border:1px solid #b8c2c961;border-radius:23px;background:linear-gradient(140deg,#9aa8b130,#72859212);transform:rotate(-9deg);box-shadow:0 0 0 16px #c6ced305,0 0 0 38px #c6ced304}.hero-server .ui-icon{width:49px;height:49px;stroke-width:1.2;color:#ced5da}.hero-node{position:absolute;display:grid;place-items:center;width:33px;height:33px;border-radius:10px;background:#414d55;border:1px solid #97a5af5c;color:#c3cbd1;left:1px;top:32px}.hero-node:last-child{left:auto;right:0;top:auto;bottom:27px}.hero-node .ui-icon{width:17px;height:17px}
.button{gap:8px;border-radius:9px;padding:11px 16px;font-size:12px;font-weight:700;line-height:1.5;min-height:42px;transition:background .15s,border-color .15s,box-shadow .15s,transform .15s}.button:active:not(:disabled){transform:translateY(1px)}.button:disabled{cursor:not-allowed;opacity:.45}.button.primary{background:#8596a1;box-shadow:0 4px 9px #8596a122;border-color:#7c8e9a}.button.primary:hover:not(:disabled){background:#718592;box-shadow:0 5px 14px #8596a136}.button.secondary{border-color:#e5e8ea;color:#626a6f;box-shadow:0 1px 2px #272e3303}.button.secondary:hover:not(:disabled){background:#fafbfb;border-color:#ced4d8;color:#728592}.page-heading .button.secondary{background:#ffffff09;color:#d5dade;border-color:#ffffff30;box-shadow:none}.page-heading .button.secondary:hover{background:#ffffff16;color:#fff}.page-heading .button.primary{background:#fff;color:#687b87;border-color:#fff;box-shadow:0 4px 10px #0001}.page-heading .button.primary:hover{background:#f3f5f6}.button.tiny{padding:7px 11px;min-height:34px;font-size:11px;gap:6px}.button.tiny .ui-icon{width:15px;height:15px}.button.manage-button{background:#f5f6f7;color:#738693;border-color:#ebeef0}.button.text-danger{color:#c44d60;box-shadow:none}.button.text-danger:hover{color:#aa2840}
.capacity-grid{gap:20px;margin-bottom:26px}.capacity-card{border-color:var(--line);border-radius:16px;padding:23px 25px 20px;box-shadow:0 3px 6px #2a313603;position:relative;overflow:hidden}.card-label{align-items:center;gap:10px;font-size:13px;font-weight:650;color:#687075;padding-right:42px;min-height:34px}.card-label>span:not(.metric-icon){display:none}.card-label .metric-icon{position:absolute;right:22px;top:22px;display:grid;place-items:center;width:38px;height:38px;background:#f5f6f7;color:#8b9ba5;border-radius:11px;padding:0}.metric-icon .ui-icon{width:21px;height:21px}.capacity-card:nth-child(2){--meter:#9eabb4}.capacity-card:nth-child(3){--meter:#29a991}.capacity-card:nth-child(2) .metric-icon{background:#f4f5f6;color:#9ba9b2}.capacity-card:nth-child(3) .metric-icon{background:#e8f7f2;color:#39a58c}.capacity-number{gap:9px;margin:11px 0 17px;font-variant-numeric:tabular-nums}.capacity-number strong{font-size:39px;line-height:1.15;letter-spacing:-1.6px;font-weight:750;color:#323b41}.capacity-number span{font-size:12px;color:#9ea3a7;font-weight:500}progress,progress::-webkit-progress-bar{height:6px;background:#f1f3f4}progress::-webkit-progress-value{background:var(--meter,#99a7b1)}progress::-moz-progress-bar{background:var(--meter,#99a7b1)}.capacity-card p{font-size:11px;color:#8c9397;margin:12px 0 0}
.panel{border-color:var(--line);border-radius:16px;box-shadow:0 3px 6px #2a313603;margin-bottom:24px}.section-heading{padding:23px 26px;gap:18px}.section-heading p{font-size:12px;color:#90969a;margin:6px 0 0}.section-heading h2{display:flex;align-items:center;gap:9px}.section-heading h2>.ui-icon{color:#929ba1;width:19px;height:19px}.count{margin-left:2px;padding:2px 7px;min-width:22px;border:1px solid #edeff1;border-radius:7px;font-size:11px;background:#f6f7f8;color:#858f95;font-variant-numeric:tabular-nums}.search-label{position:relative}.search-label>.ui-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:17px;height:17px;color:#a6acb0;pointer-events:none}.search-label input{border-color:#e6e8ea;border-radius:9px;background:#fbfcfc;padding:10px 12px 10px 37px;width:220px;font-size:12px;color:#4d555b;min-height:40px}.search-label input::placeholder{color:#a0a5a8}.client-list{border:0}.client-columns{display:grid;grid-template-columns:1.25fr 1fr 1fr auto;gap:20px;padding:11px 26px;background:#fbfcfc;border-top:1px solid #f1f2f3;border-bottom:1px solid #f1f2f3;color:#999fa3;font-size:10px;font-weight:650;letter-spacing:.6px;text-transform:uppercase}.client-columns span:last-child{width:198px;text-align:right}.client-row{grid-template-columns:1.25fr 1fr 1fr auto;gap:20px;padding:22px 26px;border-color:#f1f2f3;transition:background .15s}.client-row:hover{background:#fdfdfd}.client-identity{gap:13px}.client-icon{height:43px;width:43px;flex-basis:43px;color:#8d9da8;background:#f5f7f8;border:1px solid #eff1f3;border-radius:12px}.client-icon .ui-icon{width:22px;height:22px;stroke-width:1.6}.client-title{font-size:13px;font-weight:750;max-width:240px;letter-spacing:-.15px}.client-title:hover{color:#8596a1}.client-subtitle{font-size:10px;color:#a2a7ab;margin-top:5px}.resource-line{font-size:11px;color:#727a7f;font-variant-numeric:tabular-nums}.resource-line+.resource-line{font-size:10px;color:#a2a7ab;margin-top:6px}.connection-line{font-size:11px;color:#878e93;font-variant-numeric:tabular-nums}.pill{gap:6px;padding:5px 9px;border:1px solid #d9f0e6;border-radius:6px;font-size:10px;font-weight:650;background:#eefaf4;color:#369876;margin-bottom:6px}.pill:not(.neutral)::before{content:'';width:5px;height:5px;background:currentColor;border-radius:50%}.pill.off{background:#f6f7f7;border-color:#eaeced;color:#8f9599}.pill.pending{background:#fff8e9;border-color:#f7e7bb;color:#b58a30}.pill.neutral{background:#f5f7f8;border-color:#eef0f2;color:#869198;font-size:9px;letter-spacing:.7px;font-weight:700}.row-actions{gap:8px}.panel-footnote{display:flex;gap:8px;align-items:flex-start;border-color:#f1f2f3;color:#999fa3;font-size:10px;line-height:1.7;padding:13px 26px}.panel-footnote>.ui-icon{width:14px;height:14px;margin-top:2px}.empty{padding:40px;color:#999fa3}.empty h3{font-size:16px;color:#5a6369;margin:15px 0 6px}.empty p{margin-bottom:20px}.empty-icon{display:inline-grid;place-items:center;width:60px;height:60px;border-radius:17px;background:#f6f7f8;color:#a1aeb6}.empty-icon .ui-icon{width:30px;height:30px}.muted{color:#8f969a;font-size:12px}.small{font-size:11px}
.activity-panel .section-heading{padding-bottom:19px}.jobs{padding:0 26px 8px}.job{grid-template-columns:30px minmax(0,1fr) auto;gap:12px;border-color:#f2f3f4;padding:16px 0}.job-dot{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;color:#8b98a0;background:#f6f7f8;margin-top:2px}.job-dot .ui-icon{width:15px;height:15px}.job.completed .job-dot{color:#50a589;background:#eef8f4}.job.failed .job-dot,.job.interrupted .job-dot{color:#d16c7c;background:#fff0f2}.job.running .job-dot,.job.queued .job-dot{color:#93a2ac;background:#f5f7f8;animation:none}.job.running .job-dot .ui-icon{animation:ui-rotate 2s linear infinite}.job strong{font-size:11px;font-weight:650;color:#6d757a}.job p{font-size:11px;color:#9ea4a7}.job time{font-size:10px;color:#a8adb1;margin-top:4px;font-variant-numeric:tabular-nums}.notice{padding:14px 17px;border-radius:10px;font-size:12px;margin-bottom:20px}footer{font-size:10px;color:#abb0b4;padding:6px}
.modal{border-color:#e7eaec;border-radius:20px;padding:30px;width:min(590px,calc(100vw - 32px));max-height:90dvh;color:#363d42;box-shadow:0 28px 100px #171c1f30;scrollbar-width:thin}.modal::backdrop{background:#1c212466;backdrop-filter:blur(6px)}.modal.wide{width:min(860px,calc(100vw - 32px))}.modal.small-modal{width:min(470px,calc(100vw - 32px))}.modal-heading{margin-bottom:17px}.modal-heading h2{font-size:24px;letter-spacing:-.8px;line-height:1.3}.modal-intro{font-size:13px;color:#8e9498;margin:0 0 26px}.icon-button{display:inline-grid;place-items:center;flex-shrink:0;border:1px solid #f1f2f3;background:#fafbfb;color:#999ea2;width:34px;height:34px;border-radius:10px}.icon-button .ui-icon{width:18px;height:18px}.icon-button:hover{color:#5f6a72;background:#f3f5f6}.field{font-size:12px;font-weight:650;color:#6b7379;margin-bottom:20px}.field input,.field select{margin-top:8px;border-color:#e3e6e8;border-radius:9px;padding:12px 14px;min-height:46px;color:#49535a;font-weight:500;transition:border-color .15s,box-shadow .15s}.field input::placeholder{font-weight:400;color:#a7acb0}.field input:hover,.field select:hover{border-color:#ced4d8}.field input:focus,.field select:focus{border-color:#b4bfc6;box-shadow:0 0 0 3px #f5f6f7}.field input:read-only{background:#f7f8f9;color:#9ca3a7}.field small{font-size:10px;color:#a2a9ad;margin-top:7px;line-height:1.6}.unit{font-weight:500;color:#abb0b4;font-size:10px}.os-choice{gap:13px;border-color:#eaecee;border-radius:12px;background:#fcfdfd;padding:16px;margin-bottom:24px}.os-icon{display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;border-radius:10px;background:#fff0e7;color:#db834c}.os-icon .ui-icon{width:23px;height:23px}.os-choice>div{min-width:0}.os-choice strong{font-size:12px}.os-choice small{color:#a2a7ab;font-size:10px;margin-top:4px}.resource-fields{gap:15px}.resource-fields .field input{font-size:20px;font-weight:700;font-variant-numeric:tabular-nums;padding:13px}.resource-fields .field{padding:14px 12px;background:#fafbfc;border:1px solid #eef0f1;border-radius:12px}.resource-fields .field>.ui-icon{width:15px;height:15px;margin-right:5px;color:#979fa5}.info-box{font-size:11px;color:#859097;padding:14px 16px;border:1px solid #edeff1;border-radius:10px;background:#f8f9fa;line-height:1.8;margin:0 0 23px}.modal-footer{gap:10px;padding-top:22px;border-color:#f1f2f3}.form-error{font-size:12px;padding:13px;border-radius:9px}.summary-strip{gap:16px;font-size:12px;margin:20px 0}.manage-grid{gap:16px}.manage-card{border-color:#eaecee;border-radius:13px;padding:20px}.manage-card h3{display:flex;gap:9px;align-items:center;font-size:14px}.manage-card h3>.ui-icon{width:18px;height:18px;color:#96a0a7}.manage-card p{font-size:11px;line-height:1.8}.manage-card .button.full{margin-top:9px}.ssh-line{gap:8px}.ssh-line code{font:11px/1.6 Consolas,monospace;background:#f7f8f9;border:1px solid #eff1f2;border-radius:8px;padding:12px;color:#80898f}.text-link{display:inline-flex;align-items:center;gap:6px;font-size:11px;margin-top:16px}.text-link .ui-icon{width:14px;height:14px}.power-actions{gap:7px;margin:18px 0}.power-actions .button{font-size:11px;padding:9px;gap:6px}.power-actions .button .ui-icon{width:14px;height:14px}.ports-card{margin-top:18px}.compact{padding:0 0 14px}.port-form{gap:11px}.port-form .field{font-size:10px}.port-form .field input,.port-form .field select{padding:10px;min-height:42px}.port-form .button{font-size:11px}.port-row{background:#fafbfb;padding:11px 13px;font-size:11px;border-radius:9px;margin-bottom:8px}.port-row code{overflow-wrap:anywhere;min-width:0}.manage-bottom{margin-top:23px}.toast{padding:15px 22px;border:1px solid #ffffff20;border-radius:12px;font-size:13px}.password-control input{font-weight:500}.password-toggle{color:#959da2;border-radius:9px}.password-toggle svg{stroke-width:1.7}
@keyframes ui-rotate{to{transform:rotate(360deg)}}

.customer-login{min-height:100dvh}.login-story{position:relative;isolation:isolate;overflow:hidden;background:#1f2529;padding:42px 55px;gap:50px}.login-story::before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 25% 70%,#48555d5e,transparent 60%),linear-gradient(110deg,#1f2529,#2a3237)}.login-story::after{content:'';position:absolute;right:-160px;bottom:80px;width:500px;height:500px;z-index:-1;border:1px solid #98a6b012;border-radius:50%;box-shadow:0 0 0 70px #98a6b007,0 0 0 140px #98a6b004}.login-story .brand{padding:0}.login-story>div{max-width:500px}.login-story h1{font-size:46px;line-height:1.18;letter-spacing:-1.9px;font-weight:750}.login-story .eyebrow{color:#bac3c9;margin-bottom:24px;display:inline-flex;align-items:center;gap:9px;font-size:10px}.login-story .eyebrow::before{content:'';width:21px;height:1px;background:#b0bbc2}.login-story>div>p:last-of-type{color:#acb4ba;margin-top:24px;max-width:390px;line-height:1.9}.login-story>small{color:#879096;letter-spacing:.3px}.login-features{gap:20px;font-size:10px;color:#bac3c9}.login-features span{display:flex;align-items:center;gap:6px}.login-features .ui-icon{width:14px;height:14px;color:#6bc9b2;stroke-width:2.3}.login-side{padding:40px;background:radial-gradient(ellipse at 50% 50%,#fff,#f8f9f9)}.login-card{width:min(100%,420px);border-color:#eaecee;border-radius:20px;padding:36px;box-shadow:0 20px 70px #3b454c09,0 3px 9px #38404503}.login-card h2{font-size:26px;letter-spacing:-1px;margin:25px 0 13px;font-weight:800}.login-card>p{font-size:12px;color:#939a9e;margin-bottom:28px}.login-card .field{font-size:12px;margin-bottom:23px}.login-card .field input{padding:14px;min-height:48px;font-size:12px;border-radius:10px}.login-card .field .password-control input{padding-right:49px}.login-card>.button{min-height:47px;font-size:12px;border-radius:10px}.login-card .login-help{margin:24px 0 0;font-size:10px;color:#a1a7ab;line-height:1.9}.login-security{display:flex;align-items:center;gap:6px;color:#a4abb0}.login-security .ui-icon{width:13px;height:13px;color:#a9b0b5}.customer-power{margin:0;flex-wrap:wrap}.customer-progress{margin:0 26px 22px;padding:14px 16px;border:1px solid #eff1f2;border-radius:9px;font-size:12px}.connection-content,.terminal-content{padding:0 26px 26px}.connection-content>.field{margin-bottom:21px}.connection-content .ssh-line code{font-size:13px;padding:17px}.connection-details{gap:48px;padding-bottom:10px;color:#a0a7ab;font-size:11px}.connection-details strong{color:#778187;font-weight:650}.terminal-content textarea,#admin-command{border-color:#e5e8ea;border-radius:10px;padding:15px;font:13px/1.7 Consolas,monospace;margin-top:9px;background:#fcfdfd;color:#6a747a;min-height:82px}.terminal-output{background:#20262a;color:#cad1d6;border:1px solid #384045;border-radius:12px;min-height:160px;max-height:420px;padding:21px;font:12px/1.9 Consolas,monospace;margin-top:22px}.customer-body .page-heading>.pill{position:relative;font-size:12px;padding:8px 12px;border-color:#76c4af30;color:#8cddc5;background:#366b5c33}.customer-body .capacity-number{margin-bottom:9px}.customer-body .capacity-card p{border-top:1px solid #f2f3f4;padding-top:12px}.customer-body .section-heading>.button{flex-shrink:0}.customer-body .terminal-toolbar>.muted{max-width:540px}.customer-body .page-heading h1{overflow-wrap:anywhere}#admin-command-form>.button{margin-top:4px}
@media(min-width:1650px){main{padding-left:44px;padding-right:44px}.capacity-card{padding:25px 28px 23px}.client-row{padding-top:24px;padding-bottom:24px}.page-heading{min-height:186px;padding:33px 36px}.page-heading h1{font-size:36px}.login-story{padding:50px 75px}.login-story h1{font-size:56px}.login-story>div{max-width:560px}.login-story>div>p:last-of-type{font-size:15px;max-width:440px}.login-features{font-size:11px;gap:22px}.login-card{width:440px;padding:40px}.login-card h2{font-size:28px}}
@media(max-width:1450px){.hero-art{display:none}.client-columns,.client-row{gap:15px}.client-columns span:last-child{width:178px}.button.tiny{padding:7px 9px;font-size:10px}.row-actions{gap:6px}.connection-line{font-size:10px}.client-title{max-width:180px}}
@media(max-width:1180px){:root{--sidebar:218px}.sidebar{padding:27px 15px}.brand{font-size:23px}.brand-mark{width:40px;height:40px}main{padding:0 25px 24px}.page-heading{flex-wrap:wrap;gap:21px;padding:25px 28px}.page-heading h1{font-size:30px}.capacity-grid{gap:14px}.capacity-card{padding:19px}.card-label .metric-icon{right:18px;top:18px}.capacity-number strong{font-size:34px}.card-label{font-size:12px}.client-row,.client-columns{grid-template-columns:1.3fr 1fr auto}.client-connection,.client-columns span:nth-child(3){display:none}.search-label input{width:185px}.client-columns span:last-child{width:178px}.section-heading,.client-row{padding-left:22px;padding-right:22px}.login-story{padding:35px}.login-story h1{font-size:39px}.login-side{padding:28px}.login-card{padding:30px}.login-card h2{font-size:24px}.connection-details{gap:30px}}
@media(max-width:800px){:root{--sidebar:0px}.sidebar{position:static;width:100%;padding:18px 20px;flex-direction:row;align-items:center;gap:14px}.brand{font-size:23px;padding:0}.brand small{display:block;font-size:9px}.brand-mark{height:38px;width:38px;border-radius:11px}.brand-mark .ui-icon{width:24px;height:24px}.nav-label,.workspace-label,.sidebar-bottom,.sidebar .nav-item.selected{display:none}.sidebar .nav-item{margin:0 0 0 auto;font-size:11px;padding:10px 12px;background:#2c3439;gap:8px}.sidebar .nav-item>.ui-icon{width:16px;height:16px}.sidebar .nav-end{display:none}main{margin:0;padding:0 20px 24px}.topbar{height:67px;font-size:11px}.breadcrumb{gap:7px}.breadcrumb strong{font-size:11px}.topbar .button.tiny{font-size:10px;min-height:34px}.customer-account{gap:7px}.admin-badge{font-size:11px;padding:7px 9px}.page-heading{margin:21px 0;padding:25px;min-height:0;gap:24px;border-radius:15px}.page-heading h1{font-size:29px;letter-spacing:-1px}.page-heading>div>p:last-child{font-size:12px}.heading-actions{width:100%;gap:9px;margin-left:0}.heading-actions .button.primary{margin-left:auto}.capacity-grid{gap:10px;margin-bottom:21px}.capacity-card{padding:17px 14px;border-radius:12px}.card-label{font-size:11px;padding-right:0;min-height:26px;display:block;padding-top:37px}.card-label .metric-icon{left:14px;right:auto;top:15px;width:28px;height:28px;border-radius:8px}.card-label .metric-icon .ui-icon{width:17px;height:17px}.capacity-number{gap:5px;flex-wrap:wrap;margin:10px 0 13px}.capacity-number strong{font-size:30px}.capacity-number span{font-size:10px}.capacity-card p{font-size:10px;margin-top:11px;line-height:1.6}.section-heading{padding:21px;flex-wrap:wrap;gap:17px}.section-heading h2{font-size:16px}.section-heading p{font-size:11px}.search-label{width:100%}.search-label input{width:100%}.client-columns{display:none}.client-row{grid-template-columns:1fr auto;padding:20px;gap:13px}.client-identity{gap:11px}.client-title{max-width:230px}.client-resources{grid-column:1;grid-row:2;margin-left:54px}.client-subtitle{font-size:10px}.client-resources .resource-line+.resource-line{display:none}.row-actions{grid-column:2;grid-row:1/3;flex-direction:column;align-items:stretch;gap:7px}.row-actions .button{min-height:33px;font-size:10px;padding:6px 9px}.panel-footnote{padding:13px 20px;font-size:10px}.jobs{padding:0 20px 8px}.job{grid-template-columns:26px minmax(0,1fr) auto;gap:9px}.job-dot{width:25px;height:25px}.job p{font-size:10px}.job time{font-size:9px}.modal{padding:24px;border-radius:16px}.modal-heading h2{font-size:22px}.manage-grid{grid-template-columns:1fr}.port-form{grid-template-columns:1fr 1fr}.manage-bottom{align-items:flex-start;gap:12px}.summary-strip{gap:11px;flex-wrap:wrap}.resource-fields{gap:9px}.resource-fields .field{padding:11px 9px;font-size:11px}.resource-fields .field input{padding:10px;font-size:18px}.resource-fields .field>.ui-icon{display:none}.modal-footer .button{font-size:11px;padding:10px 12px}.resource-fields .unit{font-size:9px}.topbar>.breadcrumb{min-width:0}.topbar .breadcrumb>span{display:none}.modal-intro{font-size:12px}.port-row{flex-wrap:wrap}
.customer-login{grid-template-columns:1fr;background:#f7f8f9;min-height:100dvh}.login-story{padding:24px 25px;gap:0;min-height:auto}.login-story>div,.login-story>small{display:none}.login-story::after{display:none}.login-side{padding:35px 20px 45px;justify-content:flex-start}.login-card{max-width:430px;padding:30px}.login-card h2{font-size:25px}.customer-body .sidebar{flex-wrap:wrap;gap:9px;padding:17px 20px}.customer-body .sidebar .brand{width:100%;margin-bottom:6px}.customer-body .sidebar .nav-item{margin:0;font-size:10px;padding:9px 10px;gap:7px;flex:1;justify-content:center;white-space:nowrap}.customer-body .sidebar .nav-item.selected{display:flex;background:#6f8390}.customer-body .sidebar .nav-button{display:flex;width:auto}.customer-body .sidebar .nav-item>.ui-icon{width:15px;height:15px}.customer-body .sidebar .brand small{display:block}.customer-account .admin-badge{font-size:10px;max-width:132px;overflow:hidden;text-overflow:ellipsis}.customer-account .button{font-size:10px;padding:8px}.connection-content,.terminal-content{padding:0 21px 22px}.connection-content .ssh-line code{font-size:11px;padding:13px}.connection-details{gap:22px;font-size:10px}.connection-details strong{font-size:12px}.terminal-toolbar{align-items:flex-end;gap:14px}.terminal-toolbar>span{font-size:10px;max-width:60%}.terminal-output{font-size:11px}.customer-progress{margin:0 21px 21px}.customer-power{margin-top:5px;width:100%}.customer-body .page-heading{flex-wrap:nowrap;gap:15px}.customer-body .page-heading>div>p:last-child{max-width:290px}.customer-body .capacity-number span{font-size:10px}.customer-body .capacity-card p{font-size:10px}}
@media(max-width:420px){main{padding-left:15px;padding-right:15px}.sidebar{padding:16px}.brand small{display:none}.sidebar .nav-item{padding:9px;font-size:10px}.sidebar .nav-item>.ui-icon{width:15px}.page-heading{padding:23px 21px}.page-heading h1{font-size:26px}.heading-actions .button{padding:10px 12px;font-size:11px}.capacity-grid{gap:8px}.capacity-card{padding:15px 11px}.card-label .metric-icon{left:11px}.capacity-number strong{font-size:28px}.capacity-number span{font-size:9px}.card-label{font-size:10px}.capacity-card p{font-size:9px}.client-row{padding:17px 15px;gap:9px}.client-title{font-size:12px;max-width:150px}.client-subtitle{font-size:9px}.resource-line{font-size:10px}.client-icon{width:36px;height:36px;flex-basis:36px}.client-resources{margin-left:47px}.row-actions .button{font-size:9px;padding:6px 8px}.row-actions .ui-icon{width:13px;height:13px}.jobs{padding-left:17px;padding-right:17px}.job{grid-template-columns:24px minmax(0,1fr);gap:9px}.job time{grid-column:2;margin-top:-8px}.panel-footnote{font-size:9px}.modal{padding:22px 18px}.modal-footer{flex-wrap:wrap}.modal-footer .button{flex:1}.port-form{gap:9px}.field{font-size:11px}.summary-strip{font-size:11px}.os-choice{gap:10px;padding:13px}.os-choice small{font-size:9px}.power-actions .button{padding:9px 8px;font-size:10px}.manage-card{padding:16px}.login-side{padding:28px 16px 35px}.login-card{padding:28px 24px;border-radius:17px}.customer-body .sidebar{padding:16px 14px;gap:5px}.customer-body .sidebar .nav-item{padding:8px 6px;font-size:9px;gap:5px}.customer-body .sidebar .nav-item>.ui-icon{width:13px;height:13px}.customer-body .page-heading h1{font-size:24px}.customer-body .page-heading>.pill{font-size:9px;padding:6px 8px}.customer-body .capacity-number span{font-size:9px}.connection-content,.terminal-content{padding:0 18px 20px}.terminal-toolbar{flex-wrap:wrap}.terminal-toolbar>.muted{max-width:100%;font-size:10px}.terminal-toolbar>.button{margin-left:auto}.customer-body .section-heading>.button{width:100%}.connection-details{gap:19px}.customer-body .capacity-card p{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

:root{color:#20282f;background:#f5f6f6}.sidebar{background:#20282f;border-color:#33404a}.brand{flex-direction:column;align-items:flex-start;gap:6px;padding:0 12px}.brand-logo{display:block;width:166px;height:85px;flex-shrink:0;overflow:hidden}.brand-caption{color:#a2aeb5;font-size:10px;font-weight:500;letter-spacing:.5px;padding-left:2px}.nav-item.selected{background:#fcfcfc;color:#20282f;box-shadow:0 5px 14px #00000012}.nav-item:hover{background:#34414a}.nav-item.selected:hover{background:#e9eeef;color:#20282f}.workspace-label{background:#ffffff04;border-color:#ffffff20}.page-heading{background:linear-gradient(110deg,#20282f,#3b484f)}.page-heading .button.primary{color:#20282f}.page-heading .button.primary:hover{background:#e8eeee}.button.primary{background:#20282f;border-color:#20282f;box-shadow:0 4px 10px #20282f16}.button.primary:hover:not(:disabled){background:#39464e;border-color:#39464e;box-shadow:0 5px 14px #20282f24}.button.secondary:hover:not(:disabled){color:#20282f;border-color:#b6c3ca;background:#f3f6f7}.button.manage-button{background:#edf1f2;border-color:#dde5e8;color:#42525d}.hero-server .ui-icon{color:#d7e2e9}.hero-node{color:#d0dce4;background:#42525c;border-color:#ffffff26}.page-heading .eyebrow{color:#adbec7}.page-heading>div>p:last-child{color:#aebfc8}.hero-server{border-color:#ffffff38;background:linear-gradient(140deg,#ffffff15,#ffffff05)}.capacity-card:nth-child(2){--meter:#6c7f8a}.capacity-card:nth-child(3){--meter:#8d9ca4}progress::-webkit-progress-value{background:var(--meter,#465e6d)}progress::-moz-progress-bar{background:var(--meter,#465e6d)}.card-label .metric-icon{background:#edf1f3;color:#536a79}.capacity-card:nth-child(2) .metric-icon{background:#eff2f3;color:#6f808a}.capacity-card:nth-child(3) .metric-icon{background:#f1f3f4;color:#788b96}.client-icon{background:#f0f3f4;border-color:#e3e9ec;color:#607986}.client-title:hover{color:#4d6879}.login-story{background:#20282f}.login-story::before{background:radial-gradient(ellipse at 25% 70%,#718a9b22,transparent 60%),linear-gradient(110deg,#20282f,#2e3c44)}.login-story .brand{padding:0}.login-story .brand-logo{width:200px;height:103px}.login-story .eyebrow{color:#adc0cc}.login-story .eyebrow::before{background:#a0b7c4}.login-story>div>p:last-of-type{color:#a1b2bd}.login-story h1{color:#fcfcfc}.login-side{background:radial-gradient(ellipse at 50% 50%,#fcfcfc,#f1f4f5)}.login-features{color:#afbdc6}.terminal-output{background:#20282f;border-color:#3b4a54;color:#c9d6df}.customer-body .sidebar .nav-item.selected{background:#fcfcfc;color:#20282f}
@media(max-width:800px){.brand{padding:0;gap:3px}.sidebar .brand-logo{width:120px;height:62px}.brand-caption{font-size:8px}.login-story .brand-logo{width:142px;height:73px}.login-story{padding:20px 25px}.login-story .brand-caption{display:none}.customer-body .sidebar .brand{flex-direction:row;align-items:center;gap:15px}.customer-body .sidebar .brand-caption{font-size:10px}.sidebar .nav-item.selected{background:#fcfcfc;color:#20282f}}

.breadcrumb-logo{display:block;width:78px;height:40px;flex-shrink:0}.section-heading p,.client-subtitle,.capacity-card p,.job p,.panel-footnote,.field small{color:#7b8d98}.client-columns{color:#7a8b96}.client-identity>div{min-width:0}.sidebar-bottom{color:#d4dde2}@media(max-width:800px){.breadcrumb-logo{display:none}.breadcrumb>.ui-icon{display:none}}