:root{--ink:#152238;--muted:#65728a;--line:#e1e7f0;--blue:#2563eb;--nav:#12203a;--surface:#f5f7fb;--red:#b72e44}*{box-sizing:border-box}body{margin:0;background:var(--surface);color:var(--ink);font:16px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}a{color:var(--blue);text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,summary{touch-action:manipulation}button,summary{cursor:pointer}button:disabled{opacity:.55;cursor:wait}h1,h2,h3,p{margin:0}h1{font-size:clamp(1.8rem,3vw,2.3rem);line-height:1.2;letter-spacing:-.055em}h2{font-size:1.17rem;letter-spacing:-.02em}h3{font-size:1rem}p{color:var(--muted);margin:10px 0 18px}small{font-size:.875rem;color:var(--muted)}code{font: .9rem/1.5 ui-monospace,SFMono-Regular,Consolas,monospace}hr{border:0;border-top:1px solid var(--line);margin:12px 0}.logo{display:flex;align-items:center;gap:12px;font-size:1.65rem;font-weight:750;letter-spacing:-.06em;color:#fff}.logo.dark{color:var(--ink)}.logo-mark{width:40px;height:42px;border-radius:11px;display:grid;place-items:center;background:var(--blue);color:#fff;font-size:1.55rem;letter-spacing:-.1em;padding-right:3px}.eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.16em;color:#4672b4;display:block;margin-bottom:12px}.button{border:1px solid var(--blue);border-radius:8px;background:var(--blue);color:#fff;font-size:.9rem;font-weight:600;min-height:43px;padding:10px 17px;display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1.3;text-align:center}.button:hover{filter:brightness(.96)}.button.secondary{background:#fff;border-color:#d6deeb;color:#243a5b}.button.small{min-height:34px;padding:7px 11px;font-size:.875rem}.full{width:100%}.button.danger{background:var(--red);border-color:var(--red)}.button.danger-outline{background:#fff7f8;border-color:#e8c5cc;color:var(--red)}.text-danger{border:0;background:none;color:var(--red);padding:8px;font-size:.9rem}.stack{display:flex;flex-direction:column;gap:17px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.action-stack{display:flex;flex-direction:column;gap:10px;margin-top:18px}label{display:flex;flex-direction:column;gap:7px;font-size:.9rem;font-weight:600;color:#33445d}label small{font-weight:400}input,select,textarea{border:1px solid #d5ddeb;background:#fff;border-radius:7px;padding:11px 12px;color:var(--ink);width:100%;min-width:0;min-height:44px}input::placeholder{color:#8a96a9;font-weight:400}textarea{min-height:100px;resize:vertical}input[type=checkbox]{width:17px;min-height:17px;height:17px;accent-color:var(--blue)}input:focus,select:focus,textarea:focus{outline:2px solid #99b8fa;outline-offset:1px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #87abf4;outline-offset:3px}fieldset{border:1px solid var(--line);border-radius:8px;padding:15px}legend{font-size:.9rem;font-weight:650;padding:0 6px}.checks{display:grid;grid-template-columns:1fr 1fr;gap:13px}.checks label,.check{flex-direction:row;align-items:center;font-weight:400}.notice{padding:16px;background:#edf3ff;color:#284c83;border:1px solid #d6e4fd;border-radius:9px;font-size:.9rem;margin:12px 0}.error{padding:12px 14px;border:1px solid #f0c9d0;background:#fff1f3;color:#a42a41;border-radius:8px;font-size:.9rem;margin:10px 0;overflow-wrap:anywhere}.form-message:empty{display:none}.muted{color:var(--muted)}.wrap{overflow-wrap:anywhere}.secret{padding:14px;border:1px solid var(--line);border-radius:7px;background:#f3f6fb;display:block;overflow-wrap:anywhere;user-select:all}.login-shell{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-story{background:var(--nav);padding:48px 8%;display:flex;flex-direction:column;color:#fff}.login-story>.logo{margin-bottom:65px}.story-content{margin:auto 0;max-width:510px}.story-content .eyebrow{color:#8cb5ff}.story-content h1{font-size:clamp(2.8rem,5vw,4.75rem);line-height:1.06;letter-spacing:-.065em}.story-content p{color:#aebed7;font-size:1.08rem;line-height:1.8;margin:24px 0 35px;max-width:390px}.story-features{display:flex;flex-direction:column;border-top:1px solid #ffffff20}.story-features>span{padding:17px 0;border-bottom:1px solid #ffffff18;font-size:.875rem;color:#739cd9;display:flex;gap:27px}.story-features b{font-size:1rem;color:#d8e3f6;font-weight:500}.login-story>small{margin-top:65px;color:#7990b2}.login-form{display:grid;place-items:center;padding:45px;background:#fff}.login-box{width:100%;max-width:390px}.login-box h2{font-size:1.9rem;line-height:1.25;letter-spacing:-.05em}.login-box>p{margin:16px 0 30px}.login-box .button{margin-top:5px}.forgot{margin-top:23px;font-size:.9rem}.forgot summary{color:var(--blue);font-weight:550}.forgot p{line-height:1.7}.login-foot{border-top:1px solid var(--line);padding-top:23px;margin-top:34px;font-size:.875rem;color:var(--muted)}.app-shell{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--nav);padding:30px 20px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;color:#c0cde1}.sidebar>.logo{padding:0 9px}.workspace-label{font-size:.69rem;letter-spacing:.17em;color:#91a5c2;margin:22px 0 34px 10px}.sidebar nav{display:flex;flex-direction:column;gap:7px}.sidebar nav a{color:#aebfd8;padding:12px 15px;font-size:.92rem;border-radius:7px}.sidebar nav a.active{background:#244779;color:#fff;box-shadow:inset 3px 0 #79aafa}.sidebar nav a:hover{background:#1e3658}.sidebar-note{margin:45px 10px 20px;border-top:1px solid #ffffff1b;padding-top:25px;font-size:.9rem}.sidebar-note p{font-size:.875rem;color:#8da2c0;line-height:1.7}.sidebar-profile{display:flex;align-items:center;gap:10px;margin-top:auto;border-top:1px solid #ffffff1b;padding-top:24px}.sidebar-profile b{font-size:.85rem;display:block}.sidebar-profile small{display:block;font-size:.8rem;max-width:110px;overflow-wrap:anywhere;color:#8ca0bd}.avatar{background:#d5e3ff;color:#315686;width:35px;height:35px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.signout{background:none;border:0;color:#b8c9e2;font-size:.85rem;margin-left:auto;padding:4px}.topbar{height:78px;border-bottom:1px solid var(--line);background:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 36px;font-size:.875rem}.workspace{max-width:1500px;padding:37px 36px 20px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:30px}.page-heading p{margin-bottom:0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:27px}.stats article{padding:23px;background:#fff;border:1px solid var(--line);border-radius:11px}.stats span{font-size:.875rem;color:var(--muted)}.stats strong{font-size:2rem;letter-spacing:-.06em;display:block;margin-top:6px}.panel{background:#fff;border:1px solid var(--line);border-radius:11px;box-shadow:0 2px 5px #182f5503;min-width:0}.padded{padding:25px}.panel h2{margin-bottom:16px}.panel h3{margin-top:25px;margin-bottom:10px}.panel-title{padding:22px;display:flex;justify-content:space-between;align-items:center;gap:20px}.panel-title h2{margin:0}.panel-title input{max-width:250px;font-size:.875rem}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}th{font-size:.75rem;text-transform:uppercase;letter-spacing:.07em;background:#f9fbfe;color:#74819a;font-weight:600}th,td{padding:17px 22px;border-bottom:1px solid #edf0f5}td{font-size:.9rem}td b{font-weight:600}td small{display:block;font-size:.8125rem;color:#8190a7}tr:last-child td{border-bottom:0}.badge{font-size:.75rem;font-weight:650;border-radius:30px;display:inline-block;padding:5px 11px;background:#edf1f6;color:#69778e}.badge.active{background:#e8f5ee;color:#277452}.badge.expired,.badge.suspended{background:#fcecef;color:#ad3850}.empty{text-align:center;padding:50px 23px;color:var(--muted);white-space:normal;grid-column:1/-1}.empty h3{color:var(--ink);margin:0}.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:31px 0 19px;gap:20px}.server-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(265px,1fr));gap:20px}.server-card{padding:24px;background:#fff;border:1px solid var(--line);border-radius:11px;min-width:0}.server-card .row{justify-content:space-between;margin-bottom:20px}.server-glyph{font-size:1.8rem;color:var(--blue);background:#edf3ff;width:46px;height:46px;display:grid;place-items:center;border-radius:10px}.tag{font-size:.75rem;background:#f0f4fa;color:#637694;padding:4px 8px;border-radius:5px}.server-card h3{font-size:1.13rem;margin-bottom:8px;overflow-wrap:anywhere}.server-card code{color:#526683;display:block;margin-bottom:22px;overflow-wrap:anywhere}.server-card p{font-size:.875rem}.server-card .button{margin-top:6px}.scope-list{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0}.scope-list code{background:#f0f4fb;border:1px solid #dfe6f1;border-radius:6px;padding:7px 10px}.access-strip{padding:23px 28px;background:#eef4ff;border:1px solid #d4e1fa;border-radius:11px;display:flex;align-items:center;gap:24px}.access-strip>div{flex:1}.access-strip span{color:#5d7599;font-size:.875rem}.access-strip strong{display:block;font-size:1.15rem;color:#264a85}.support-note{margin-top:38px;border-top:1px solid var(--line);padding-top:26px}.support-note p{font-size:.9rem}.footer{display:flex;justify-content:space-between;gap:20px;font-size:.75rem;color:#8a98ae;margin-top:46px;padding-top:19px;border-top:1px solid var(--line)}.back-link{display:inline-block;margin-bottom:23px;font-size:.9rem}.narrow{max-width:600px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.setup-body{padding:45px 20px}.setup-card{max-width:670px;padding:35px;background:#fff;border:1px solid var(--line);border-radius:14px;margin:auto}.setup-card h1{margin:28px 0 16px}.setup-card>p{margin-bottom:25px}.blocked-shell{max-width:800px;margin:0 auto;padding:32px 22px}.blocked-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:42px;margin:60px auto 20px;max-width:580px}.blocked-card h1{margin-bottom:18px}.blocked-icon{height:66px;width:66px;background:#fff0f2;color:var(--red);font-size:2.3rem;display:grid;place-items:center;border-radius:18px;margin-bottom:26px}.blocked-card .eyebrow{color:#91a0b6}dialog{border:1px solid var(--line);border-radius:13px;padding:28px;max-width:520px;width:calc(100% - 32px);max-height:90vh;color:var(--ink);box-shadow:0 24px 80px #05163133}dialog::backdrop{background:#0d1c3c88;backdrop-filter:blur(3px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}.dialog-head h2{font-size:1.25rem}.icon-button{background:#f2f5fa;color:#6e7d94;border:0;width:32px;height:32px;border-radius:6px;font-size:1.4rem}.power-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:19px 0}.server-ip{display:block;color:#6a7e9e;margin-bottom:18px}#server-content>.button{margin:5px 8px 5px 0}#toast{position:fixed;bottom:24px;right:24px;max-width:calc(100% - 48px);background:#153052;color:#fff;padding:15px 22px;border-radius:10px;box-shadow:0 10px 40px #0002;z-index:50;font-size:.9rem}[hidden]{display:none!important}details>summary{font-weight:600;color:#385477}details>form{margin-top:20px}@media(max-width:1100px){.app-shell{grid-template-columns:210px 1fr}.workspace{padding:30px 24px}.sidebar{padding:25px 15px}.stats{gap:12px}.stats article{padding:18px}.split-grid{gap:18px}.topbar{padding:0 24px}}@media(max-width:850px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;padding:18px 22px;display:block}.sidebar>.logo{font-size:1.4rem}.sidebar .logo-mark{height:33px;width:32px;font-size:1.3rem}.workspace-label,.sidebar-note,.sidebar-profile{display:none}.sidebar nav{flex-direction:row;overflow:auto;margin-top:16px;gap:6px}.sidebar nav a{white-space:nowrap;font-size:.875rem;padding:9px 12px}.topbar{height:57px}.split-grid{grid-template-columns:1fr}.page-heading h1{font-size:1.9rem}.login-story{padding:35px}.login-form{padding:30px}.story-content h1{font-size:3rem}}@media(max-width:600px){.login-shell{display:block}.login-story{padding:22px}.login-story>.logo{margin:0;font-size:1.4rem}.story-content,.login-story>small{display:none}.login-form{padding:38px 24px;min-height:calc(100vh - 86px);place-items:start center}.login-box h2{font-size:1.65rem}.page-heading{align-items:flex-start;flex-direction:column;gap:20px}.page-heading>.button{width:100%}.workspace{padding:25px 17px}.topbar{padding:0 18px}.topbar .muted{display:none}.stats{grid-template-columns:1fr 1fr}.stats article{padding:16px}.stats strong{font-size:1.7rem}.panel-title{padding:18px;flex-direction:column;align-items:flex-start}.panel-title input{max-width:none}.padded{padding:20px}.form-grid{grid-template-columns:1fr}.access-strip{padding:20px;gap:15px;flex-wrap:wrap}.access-strip>div{min-width:150px}.footer{flex-direction:column;gap:5px}.blocked-card{padding:27px 22px;margin-top:35px}.setup-card{padding:25px 20px}.checks{grid-template-columns:1fr}.server-grid{grid-template-columns:1fr}dialog{padding:23px}.section-heading{flex-wrap:wrap}}

/* Customer VPS table, matching the supplied reference. */
[hidden]{display:none!important}.customer-shell .workspace{max-width:none}.vps-panel{border-radius:4px;padding:16px 18px;background:#fff}.table-tools,.table-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.table-tools{margin-bottom:14px}.table-tools label{flex-direction:row;align-items:center;font-weight:400;white-space:nowrap;font-size:13px;color:#607595}.entries-control select{width:74px;border-radius:0;padding:7px 12px;min-height:38px}.search-control input{width:220px;border-radius:0;min-height:38px;padding:7px 10px}.vps-table{min-width:1120px;border:1px solid #dbe1e9;border-collapse:collapse;font-size:13px}.vps-table th{padding:0;background:#fff;font-weight:600;color:#172b4d;text-transform:none;letter-spacing:0;border:1px solid #dbe1e9;white-space:nowrap}.vps-table th:last-child{padding:14px}.vps-table th>button{display:flex;align-items:center;justify-content:space-between;gap:20px;border:0;background:transparent;padding:14px;width:100%;color:inherit;font:inherit}.vps-table th>button>span{color:#a4aeba}.vps-table th[aria-sort=ascending]>button>span,.vps-table th[aria-sort=descending]>button>span{color:#2563eb}.vps-table td{padding:15px 14px;border:1px solid #fff;border-bottom:1px solid #dbe1e9;color:#142844;vertical-align:middle}.vps-table tbody tr:nth-child(odd){background:#f1f1f1}.vps-table tbody tr:nth-child(even){background:#fafbfc}.vps-table td small{font-size:10px;color:#778295;display:block;margin-top:3px}.vps-table code{font-size:13px;white-space:nowrap}.vps-table td[data-os]{min-width:150px}.vps-status{display:inline-flex;gap:5px;align-items:center;font-size:11px;font-weight:700;line-height:1.5;border-radius:3px;padding:2px 7px;white-space:nowrap}.vps-status:before{content:'';height:6px;width:6px;background:currentColor;border-radius:50%}.vps-status.running{background:#e1f5e7;color:#138b39}.vps-status.stopped{background:#ffe5e8;color:#c4273c}.vps-status.busy{background:#fff1ce;color:#916000}.vps-status.unknown{background:#e8edf3;color:#677489}.vps-actions{display:flex;align-items:center;gap:7px}.vps-action{border:0;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:34px;min-height:34px;padding:7px 9px;border-radius:3px;color:#fff;font-size:12px;white-space:nowrap}.vps-action.connect{background:#087bff}.vps-action.view{background:#1cb997}.vps-action.manage{background:#15a4b9}.vps-action:disabled{cursor:not-allowed;opacity:.45}.vps-action:hover:not(:disabled){filter:brightness(.93)}.table-bottom{margin-top:12px;font-size:12px;color:#627897}.pagination{display:flex;align-items:center}.pagination button,.pagination span{border:0;border-radius:0;background:#e7e7e7;padding:6px 11px;color:#48688b;font:inherit}.pagination span{background:#d4e5fc;color:#18599f}.pagination button:disabled{cursor:default;opacity:.5}.connect-help{font-size:12px;color:#718097;margin:14px 2px 28px;max-width:860px}.connect-help b{color:#425674}.button.whatsapp{background:#11865c;border-color:#11865c;color:#fff}.support-note{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.support-note p{margin-bottom:0}.server-status-line{display:flex;align-items:center;gap:12px;padding:14px 0}.server-status-line .vps-status{font-size:13px}.power-grid:empty{display:none}.rdp-help{margin:8px 0 16px;color:#697a91;font-size:12px}.button.download{background:#087bff;border-color:#087bff;color:#fff}.customer-shell .topbar{height:65px}.customer-shell .page-heading h1{font-size:1.9rem}@media(max-width:700px){.vps-panel{padding:12px}.search-control input{width:150px}.table-tools{gap:12px}.table-tools>.row{width:100%;justify-content:space-between}.vps-table{min-width:1000px}.table-bottom{font-size:11px}.customer-shell .page-heading{gap:15px}.support-note .button{width:100%}}

.vps-table td .vps-status-detail{max-width:245px;min-width:100px;white-space:normal;overflow-wrap:anywhere;font-size:11px;line-height:1.5;color:#934638;margin-top:6px}.vps-status-detail:empty{display:none!important}.vps-status.blocked{background:#ffe5e8;color:#c4273c}.diagnostic-report{white-space:pre-wrap;overflow-wrap:anywhere;max-height:420px;overflow:auto;border:1px solid var(--line);border-radius:6px;padding:12px;font-size:12px;user-select:all}.server-status-line{flex-wrap:wrap}

/* Power request feedback stays inside the Manage VPS dialog. */
.power-feedback{margin:16px 0;padding:14px 16px;border:1px solid #b7d3ff;border-left:4px solid #2767c7;border-radius:8px;background:#eef5ff;color:#234a82;overflow-wrap:anywhere}
.power-feedback strong{display:block;font-size:14px;line-height:1.5}
.power-feedback p{margin:6px 0 0;font-size:13px;line-height:1.6;color:inherit}
.power-feedback.accepted{background:#fff8e6;border-color:#e7ce8b;border-left-color:#af7900;color:#79560b}
.power-feedback.success{background:#eaf7ef;border-color:#a8d7b8;border-left-color:#22844d;color:#20633c}
.power-feedback.error{background:#fff0f1;border-color:#edb3ba;border-left-color:#c43748;color:#9d2736}
.power-feedback.sending strong::before{content:"";display:inline-block;width:12px;height:12px;margin-right:9px;border:2px solid #b7d3ff;border-top-color:#2767c7;border-radius:50%;vertical-align:-2px;animation:power-spin .8s linear infinite}
.power-confirmation{border:1px solid #cfdaeb;border-radius:8px;background:#f6f8fc;padding:15px;margin:0 0 16px;overflow-wrap:anywhere}
.power-confirmation p{font-size:13px;line-height:1.6;margin:0 0 12px;color:#385477}
.power-confirmation-buttons{display:flex;flex-wrap:wrap;gap:10px}
@keyframes power-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.power-feedback.sending strong::before{animation:none}}