:root{--ink:#0b1220;--panel:#111c2f;--panel2:#17243a;--line:#283955;--blue:#5b8cff;--cyan:#41dcc0;--text:#f4f7fc;--muted:#9badc6;--danger:#ff6b7a}*{box-sizing:border-box}body{margin:0;max-width:100%;overflow-x:hidden;background:var(--ink);color:var(--text);font:15px system-ui,-apple-system,Segoe UI,sans-serif}button,input,select{font:inherit}button{border:0;border-radius:10px;background:var(--blue);color:white;padding:11px 16px;font-weight:700;cursor:pointer}button:hover{filter:brightness(1.08)}button.secondary{background:transparent;border:1px solid var(--line)}header{position:fixed;inset:0 0 auto 0;height:72px;display:flex;align-items:center;padding:0 28px;background:#0d1728;border-bottom:1px solid var(--line);z-index:10}.brand{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:800}.star{color:var(--blue);font-size:27px}.account-chip{margin-left:auto;display:flex;align-items:center;gap:10px}.account-chip>span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#24395e;color:#aecdff}.account-chip div{display:flex;flex-direction:column}.account-chip small{color:var(--muted)}aside{position:fixed;left:0;top:72px;bottom:0;width:230px;padding:22px 14px;background:#0d1728;border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:9;transition:transform .2s ease}nav{display:grid;gap:6px}.sidebar-collapse{margin:0 0 14px;padding:9px 11px;border:1px solid var(--line);background:#14223a;color:#bcd0ed;text-align:center}.sidebar-reveal{display:none;position:fixed;left:10px;top:84px;z-index:12;padding:9px 12px;border:1px solid #39577f;background:#172a47;box-shadow:0 8px 24px #0008}.nav-collapsed .sidebar-reveal{display:block}.nav-link,.logout{background:transparent;color:var(--muted);text-align:left;display:flex;gap:13px}.nav-link:hover,.nav-link.active{background:#192842;color:white}.logout{margin-top:auto}.content{margin:72px 0 0 230px;padding:34px;width:auto;max-width:none;min-width:0;transition:margin-left .2s ease}.nav-collapsed aside{transform:translateX(-100%)}.nav-collapsed .content{margin-left:0}.topline,.section-head,.panel-head,.dialog-head,.file-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.eyebrow{color:#82a8e8;font-size:11px;letter-spacing:.17em;font-weight:800}.topline h1{margin:3px 0 28px;font-size:34px}.toast{position:fixed;right:25px;top:88px;background:#1d304e;border:1px solid #36547f;border-radius:10px;padding:12px 18px;opacity:0;transform:translateY(-8px);transition:.2s;z-index:30}.toast.show{opacity:1;transform:none}.toast.error{border-color:#934452}.view{display:none}.view.active{display:block}.hero{min-height:230px;background:radial-gradient(circle at 80% 10%,#244a7b 0,transparent 42%),linear-gradient(135deg,#172945,#111c2f);border:1px solid #2a4264;border-radius:20px;padding:38px;display:flex;justify-content:space-between;align-items:center}.hero h2{font-size:36px;margin:8px 0}.hero p{color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:18px 0 34px}.stats article,.panel,.site-card,.account-details,.db-card{background:var(--panel);border:1px solid var(--line);border-radius:16px}.stats article{padding:20px;display:grid;grid-template-columns:auto 1fr;gap:1px 14px}.stats span{grid-row:1/3;width:42px;height:42px;display:grid;place-items:center;background:#1b3151;border-radius:12px;color:var(--cyan)}.stats strong{font-size:24px}.stats small,.muted,.hint{color:var(--muted)}.section-head{margin:22px 0 16px}.section-head h2,.panel h3{margin:0 0 4px}.section-head p{margin:0;color:var(--muted)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:15px}.site-card{padding:20px}.site-card .domain{font-size:18px;font-weight:800}.site-card .meta{display:flex;gap:7px;flex-wrap:wrap;margin:18px 0}.badge{border:1px solid var(--line);border-radius:999px;padding:5px 9px;color:var(--muted);font-size:12px}.badge.live{color:var(--cyan);border-color:#265e59}.site-actions{display:flex;gap:8px}.panel{padding:18px}.table-wrap{max-width:100%;min-width:0;overflow-x:hidden}table{width:100%;min-width:100%;table-layout:fixed;border-collapse:collapse;font-size:12px}th,td{text-align:left;padding:9px 7px;overflow-wrap:anywhere;word-break:break-word;border-bottom:1px solid var(--line)}#dataRows th:last-child,#dataRows .row-actions{position:sticky;right:0;z-index:2;width:144px;min-width:144px;white-space:nowrap;background:var(--panel);box-shadow:-8px 0 12px #07101b99}#dataRows th:last-child{z-index:3}#dataRows .row-actions button{margin-right:3px;padding:7px 7px;font-size:10px}#dataRows .row-actions button:last-child{margin-right:0}th{font-size:12px;color:var(--muted)}td code{color:#bcd0ed}.database-layout{display:grid;grid-template-columns:minmax(220px,290px) minmax(0,1fr);gap:16px;min-width:0}.stack{display:grid;gap:10px;align-content:start}.db-card{padding:16px;cursor:pointer}.db-card.active{border-color:var(--blue);background:#172a47}.data-panel{min-width:0;min-height:400px}.empty-state{display:grid;place-items:center;color:var(--muted);height:290px}.file-panel{padding:0;overflow:hidden}.file-toolbar{padding:14px 18px;border-bottom:1px solid var(--line)}.dropzone{margin:18px;border:1px dashed #49658e;border-radius:14px;min-height:130px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);gap:6px;cursor:pointer;background:#0d1829}.dropzone.drag{border-color:var(--cyan);background:#102a2c}.dropzone strong{color:white;font-size:18px}.dropzone input{display:none}.file-list{padding:0 18px 18px}.file-row{display:grid;grid-template-columns:32px minmax(100px,1fr) 90px auto;align-items:center;gap:8px;padding:12px;border-bottom:1px solid var(--line)}.file-name{cursor:pointer;overflow-wrap:anywhere}.file-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:7px}.file-actions button{width:auto;margin:0;padding:8px 11px;white-space:nowrap}.file-move-hint{margin:0 0 10px;color:var(--muted);font-size:12px}.account-details{padding:24px;display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.detail small{display:block;color:var(--muted);margin-bottom:5px}dialog{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:18px;width:min(560px,calc(100% - 28px));padding:0}dialog::backdrop{background:#020711cc}dialog form{padding:24px}.close{background:transparent;font-size:24px;padding:4px 9px}label{display:grid;gap:7px;color:#dce7f7;font-weight:600;margin:14px 0}input,select{width:100%;background:#0b1525;color:white;border:1px solid var(--line);border-radius:9px;padding:11px}select{width:auto;min-width:170px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.wide{grid-column:1/-1}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.icon-button{display:block;margin-left:8px;background:transparent;font-size:22px}.message{min-height:20px;color:var(--danger)}.login-body{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 70% 20%,#17325a,transparent 40%),#09111f;padding:20px}.login-card{width:min(430px,100%);padding:38px;background:#101c30;border:1px solid var(--line);border-radius:22px;box-shadow:0 30px 80px #0006}.login-card h1{font-size:40px;line-height:1.08;margin:12px 0}.login-card button{width:100%;margin-top:8px}.admin-link{display:block;color:#8db5f6;margin-top:22px;text-align:center;text-decoration:none}@media(max-width:820px){.sidebar-collapse,.sidebar-reveal,.nav-collapsed .sidebar-reveal{display:none}header{padding:0 16px}.account-chip div{display:none}.icon-button{display:block;margin-left:auto;margin-right:12px;background:transparent;font-size:22px}aside,.nav-collapsed aside{transform:translateX(-100%);width:230px}aside.open{transform:none}.content{margin-left:0;padding:22px 16px}.hero{padding:24px;align-items:flex-start;gap:20px}.hero h2{font-size:29px}.stats{grid-template-columns:1fr}.database-layout{grid-template-columns:1fr}.account-details{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}.table-wrap{overflow-x:auto}#dataRows table{min-width:900px;table-layout:auto}}@media(max-width:520px){.brand{font-size:18px}.hero{display:block}.hero button{margin-top:15px}.section-head{align-items:flex-start;flex-direction:column}.section-head select{width:100%}.topline h1{font-size:27px}.file-row{grid-template-columns:28px minmax(0,1fr) auto}.file-actions{grid-column:2/-1;justify-content:flex-start}.file-size{display:none}}
.db-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.db-delete{padding:7px 10px;background:#3a1d28;color:#ff9caa;border:1px solid #713040;font-size:12px}.db-delete:hover{background:#522230}

.client-csv-import{display:grid;grid-template-columns:1fr minmax(190px,1fr) auto;gap:12px;align-items:center;margin:16px 0;padding:14px;border:1px dashed #49658e;border-radius:12px;background:#0d1829}.client-csv-import strong,.client-csv-import small{display:block}.client-csv-import small{color:var(--muted);margin-top:4px}.client-csv-import input{min-width:0}.client-csv-import button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:700px){.client-csv-import{grid-template-columns:1fr}.client-csv-import button{width:100%}}
.client-data-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.client-data-actions button:disabled,.row-actions button:disabled{opacity:.45;cursor:not-allowed}.row-actions{white-space:nowrap}.row-actions button{padding:7px 10px;margin-right:5px}.client-row-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.client-row-fields small{color:var(--muted)}@media(max-width:620px){.client-data-actions{width:100%}.client-data-actions select,.client-data-actions button{flex:1}.client-row-fields{grid-template-columns:1fr}}
.mail-domain-grid,.mailbox-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin:16px 0}.mail-domain-card,.mailbox-card{border:1px solid var(--line);border-radius:15px;background:var(--panel);padding:17px}.mail-domain-head{display:flex;align-items:center;gap:11px}.mail-domain-head>span,.mailbox-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:#18375b;color:#9dc4ff;font-size:19px}.mail-domain-head div{display:grid}.mail-domain-head small,.mailbox-card small{color:var(--muted)}.mail-marker-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:15px}.mail-marker-grid span{display:grid;gap:3px;padding:9px;border-radius:9px;background:#261c27;color:#db9dab;font-size:11px}.mail-marker-grid span.ready{background:#14312e;color:#83e1ca}.mail-marker-grid b{font-size:10px;letter-spacing:.08em}.mail-domain-card details{margin-top:12px}.mail-domain-card code{display:block;max-height:100px;margin-top:8px;padding:9px;overflow:auto;background:#081321;color:#bdd0ed;font-size:10px}.mailbox-card{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:11px}.mailbox-card>div:nth-child(2){display:grid;min-width:0}.mailbox-card strong{overflow:hidden;text-overflow:ellipsis}.mailbox-actions{display:flex;gap:6px}.mailbox-actions button{padding:8px 9px;font-size:11px}@media(max-width:620px){.mail-marker-grid{grid-template-columns:1fr}.mailbox-card{grid-template-columns:40px 1fr}.mailbox-actions{grid-column:1/-1}.mailbox-actions button{flex:1}}.mail-dns-record{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:7px;margin-top:7px}.mail-dns-record code{margin:0;max-height:70px}.mail-dns-record button{padding:7px 9px;font-size:10px}@media(max-width:620px){.mail-dns-record{grid-template-columns:1fr}.mail-dns-record button{width:100%}}
.upload-choices{display:flex;gap:9px;margin-top:8px}.upload-choices button{min-width:130px}.dropzone #uploadStatus{min-height:18px;max-width:min(680px,100%);color:var(--cyan);text-align:center;overflow-wrap:anywhere}@media(max-width:520px){.upload-choices{width:100%;flex-direction:column}.upload-choices button{width:100%}}
.file-move-hint{margin:0 0 8px;padding:10px 12px;border:1px solid #294568;border-radius:10px;background:#0c1a2d;color:#91a8c7;font-size:12px}.file-row[draggable="true"]{cursor:grab;border-radius:9px;transition:opacity .15s,background .15s,border-color .15s,transform .15s}.file-row[draggable="true"]:active{cursor:grabbing}.file-row.dragging{opacity:.38}.file-row.file-drop-target,#fileUp.file-drop-target{border-color:var(--cyan);background:#123339;box-shadow:inset 0 0 0 1px #43d6c5;transform:translateY(-1px)}#fileUp.file-up-root{opacity:.55}.file-drop-folder{position:relative}.file-drop-folder::after{content:"Drop here";display:none;position:absolute;right:64px;top:50%;transform:translateY(-50%);color:var(--cyan);font-size:11px;font-weight:700}.file-drop-folder.file-drop-target::after{display:block}@media(max-width:620px){.file-move-hint{font-size:11px}.file-drop-folder::after{right:48px}}
.vm-request-intro{display:flex;gap:12px;align-items:center;padding:16px 18px;border:1px solid #2a4770;border-radius:14px;background:linear-gradient(135deg,#12243e,#0e1b2f)}.vm-request-intro span{color:var(--muted)}.vm-provision-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:end}.vm-provision-form .wide{grid-column:1/-1}.vm-provision-form label{display:grid;gap:7px;color:#a8bbd4;font-size:12px}.vm-provision-form textarea{resize:vertical}.vm-provision-form>button{min-height:44px}.vm-provision-history{display:grid;gap:10px}.vm-provision-history article{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid #263d5d;border-radius:12px;background:#0d1a2d}.vm-provision-history article>div{display:grid;gap:4px;flex:1}.vm-provision-history small{color:var(--muted)}@media(max-width:720px){.vm-provision-form{grid-template-columns:1fr}.vm-provision-form .wide{grid-column:auto}.vm-provision-history article,.vm-request-intro{align-items:flex-start;flex-direction:column}}
.site-preview-layout{display:grid;grid-template-columns:minmax(280px,380px) minmax(0,1fr);gap:16px;align-items:stretch}.overview-site-list{grid-template-columns:1fr;align-content:start}.overview-site-card{cursor:pointer;transition:border-color .18s ease,transform .18s ease}.overview-site-card:hover,.overview-site-card:focus-visible,.overview-site-card.preview-selected{border-color:var(--blue);outline:none;transform:translateY(-1px)}.site-preview{min-height:430px;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.site-preview:empty{display:block}.site-preview-head{height:58px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-bottom:1px solid var(--line);background:#0d1829}.site-preview-head div{display:grid;min-width:0}.site-preview-head strong,.site-preview-head small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-preview-head small{color:var(--muted)}.site-preview-head a{color:#9dc4ff;text-decoration:none;white-space:nowrap}.site-preview iframe{display:block;width:100%;height:372px;border:0;background:white}@media(max-width:900px){.site-preview-layout{grid-template-columns:1fr}.site-preview{min-height:360px}.site-preview iframe{height:302px}}
.site-ip-badge{border-color:#5c3f91!important;background:#251d43;color:#c8a9ff!important}.direct-ip-link{display:inline-flex;align-items:center;justify-content:center;padding:10px 13px;border:1px solid var(--line);border-radius:10px;color:white;text-decoration:none;font-weight:700}.site-card label select.site-ip{width:100%}
.hosting-ip-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px 0;padding:11px;border:1px solid #355279;border-radius:11px;background:#0d192b}.hosting-ip-row span{display:grid;min-width:0}.hosting-ip-row small{color:var(--muted);font-size:10px}.hosting-ip-row strong{margin-top:3px;color:#a8c8ff;overflow-wrap:anywhere}.hosting-ip-row button{flex:0 0 auto;padding:8px 10px;font-size:11px}.dns-hosting-target{margin-bottom:14px}.dns-hosting-target:empty{display:none}.dns-target-card{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px;border:1px solid #36577e;border-radius:15px;background:linear-gradient(135deg,#142a47,#101d31)}.dns-target-card.ready{border-color:#2d7368}.dns-target-card.pending{border-color:#604e2c}.dns-target-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#183b5f;color:#9bc5ff;font-size:22px}.dns-target-card.ready .dns-target-icon{background:#143c37;color:#7de2cd}.dns-target-card div:nth-child(2){display:grid;gap:3px}.dns-target-card small,.dns-target-card p{color:var(--muted)}.dns-target-card strong{font-size:20px;color:#b9d3ff}.dns-target-card p{margin:2px 0 0;font-size:12px}.dns-target-actions{display:flex;gap:8px}.dns-target-actions button{white-space:nowrap}@media(max-width:650px){.dns-target-card{grid-template-columns:44px 1fr}.dns-target-actions{grid-column:1/-1}.dns-target-actions button{flex:1}.hosting-ip-row{align-items:flex-start;flex-direction:column}.hosting-ip-row button{width:100%}}

.assistant-config:empty{display:none}.assistant-warning{display:flex;gap:10px;align-items:center;margin-bottom:14px;padding:13px 15px;border:1px solid #725a2f;border-radius:12px;background:#2a2418;color:#e8c987}.assistant-warning span{color:#cbb991}.assistant-request-form{display:grid;gap:3px}.assistant-request-form textarea{width:100%;resize:vertical;background:#0b1525;color:white;border:1px solid var(--line);border-radius:10px;padding:12px;font:inherit}.assistant-submit-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:8px}.assistant-submit-row small{color:var(--muted)}.assistant-request-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.assistant-request-card{display:grid;gap:12px;padding:17px;border:1px solid var(--line);border-radius:15px;background:var(--panel)}.assistant-request-card.preview{border-color:#5678ae}.assistant-request-card.applied{border-color:#2e6e64}.assistant-request-card.failed{border-color:#7e3e4a}.assistant-request-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.assistant-request-head>div{display:grid;gap:5px;min-width:0}.assistant-request-head small{color:#8eb6ed}.assistant-request-head strong{line-height:1.35}.assistant-request-card p{margin:0;color:var(--muted);font-size:13px}.assistant-request-card .assistant-error{color:#ff9aa5}.assistant-status{padding:5px 8px;border-radius:999px;background:#27364c;color:#bdcbe0;font-size:10px;font-weight:800;text-transform:uppercase}.assistant-status.preview{background:#233b66;color:#aecdff}.assistant-status.applied{background:#153c36;color:#7ee2cd}.assistant-status.rejected,.assistant-status.failed{background:#43232c;color:#ff9aaa}.assistant-request-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:11px}.assistant-request-meta button{padding:8px 10px;font-size:11px}.assistant-preview-dialog{width:min(1100px,calc(100% - 24px));height:min(850px,calc(100vh - 24px));overflow:hidden}.assistant-preview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:18px;border-bottom:1px solid var(--line)}.assistant-preview-head h2,.assistant-preview-head p{margin:3px 0}.assistant-preview-head>div{min-width:0}.assistant-preview-head #assistantPreviewSummary{color:var(--muted);font-size:13px}.assistant-preview-dialog iframe{display:block;width:100%;height:calc(100% - 190px);border:0;background:white}.assistant-preview-actions{display:flex;justify-content:flex-end;gap:10px;padding:14px 18px 6px}.assistant-preview-dialog .message{padding:0 18px 14px;color:var(--muted)}@media(max-width:620px){.assistant-submit-row,.assistant-request-meta{align-items:stretch;flex-direction:column}.assistant-submit-row button,.assistant-request-meta button{width:100%}.assistant-request-grid{grid-template-columns:1fr}.assistant-preview-dialog{width:100%;height:100%;max-height:none;border-radius:0}.assistant-preview-dialog iframe{height:calc(100% - 245px)}.assistant-preview-actions{display:grid}.assistant-preview-actions button{width:100%}}
.temporary-hosting-empty{display:flex!important;flex-direction:column;gap:10px;text-align:center}.temporary-hosting-empty span{max-width:440px;color:var(--muted)}.assistant-voice-input{position:relative}.assistant-voice-input textarea{padding-right:150px}.voice-request-button{position:absolute;right:9px;bottom:9px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 11px;border-color:#456999;background:#142845;white-space:nowrap}.voice-request-button span{color:#fb7185;font-size:13px}.voice-request-button.listening{border-color:#fb7185;background:#3a202a}.voice-request-button.listening span{animation:voice-pulse .9s infinite}.voice-request-status{display:block;margin-top:6px;color:var(--muted);font-size:11px}@keyframes voice-pulse{50%{opacity:.35;transform:scale(.72)}}@media(max-width:560px){.assistant-voice-input textarea{padding-right:12px;padding-bottom:58px}.voice-request-button{left:9px;right:9px;width:calc(100% - 18px)}}

/* Responsive database selector and customer service catalog */
.database-layout{grid-template-columns:minmax(320px,380px) minmax(0,1fr)}.db-card{min-width:0}.db-card-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start}.db-card-head strong,.db-card .muted{overflow-wrap:anywhere;word-break:break-word}.db-delete{white-space:nowrap}.service-catalog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.service-catalog-card{display:grid;gap:10px;padding:17px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,#111f35,#0c1728)}.service-catalog-card h3,.service-catalog-card p{margin:0}.service-catalog-card p{min-height:42px;color:var(--muted);font-size:12px}.service-catalog-card button{margin-top:auto;text-align:center}.service-catalog-card.owned{border-color:#28675d}.service-request-list{display:grid;gap:9px}.client-service-request{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:13px 15px;border:1px solid var(--line);border-radius:12px;background:#101c30}.client-service-request>div{display:grid;gap:3px}.client-service-request small{color:var(--muted)}.client-service-request .badge{white-space:nowrap;text-transform:capitalize}@media(max-width:1100px){.database-layout{grid-template-columns:1fr}.stack{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.data-panel{min-height:360px}}@media(max-width:620px){.stack{grid-template-columns:1fr}.client-service-request{grid-template-columns:1fr auto}.client-service-request>button{grid-column:1/-1;width:100%}}
/* Customer VM inventory */
.client-vm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px}.client-vm-card{padding:18px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#111f35,#0c1728)}.client-vm-head{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:11px}.client-vm-head>span{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#1b3760;color:#9bc2ff;font-size:20px}.client-vm-head>div{display:grid;min-width:0}.client-vm-head strong,.client-vm-head small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-vm-head small,.client-vm-card p{color:var(--muted)}.client-vm-resources{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}.client-vm-resources span{display:grid;gap:4px;padding:12px;border:1px solid #2c4569;border-radius:11px;background:#0d192b}.client-vm-resources strong{font-size:17px;color:#c6dcff}.client-vm-resources small{color:var(--muted)}.client-vm-card p{margin:0;font-size:11px}@media(max-width:520px){.client-vm-grid{grid-template-columns:1fr}.client-vm-resources{grid-template-columns:1fr}.client-vm-head{grid-template-columns:42px 1fr}.client-vm-head .badge{grid-column:1/-1;justify-self:start}}
.client-vm-meters{display:grid;gap:10px;margin:16px 0}.vm-meter{padding:12px;border:1px solid #2c4569;border-radius:12px;background:#0d192b}.vm-meter>div{display:flex;justify-content:space-between;gap:10px;margin-bottom:8px}.vm-meter small{color:var(--muted)}.vm-meter>span{display:block;height:8px;border-radius:99px;background:#182b46;overflow:hidden}.vm-meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4f86ff,#36d6b1)}.client-vm-live{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:12px;border:1px solid #2c4569;border-radius:12px;color:var(--muted)}.client-vm-live span{display:grid;gap:3px}.client-vm-live b{color:#d8e7ff}.client-vm-actions{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.vm-upgrade{border-top:1px solid var(--line);padding-top:12px}.vm-upgrade summary{cursor:pointer;font-weight:700;color:#9fc2ff}.vm-upgrade form{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.vm-upgrade form .wide,.vm-upgrade form button{grid-column:1/-1}.vm-request-state{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:12px;padding:12px;border-radius:11px;background:#122744}.vm-request-state b{text-transform:uppercase;color:#55e0bd}@media(max-width:650px){.client-vm-live{grid-template-columns:1fr 1fr}.vm-upgrade form{grid-template-columns:1fr}.vm-upgrade form .wide,.vm-upgrade form button{grid-column:auto}}

/* Customer VM lifecycle, networking, and browser console */
.client-vm-head .badge.stopped{color:#b8c5d8;border-color:#43536c}.client-vm-head .badge.transition{color:#ffd17a;border-color:#80632b;background:#3b301c;animation:client-vm-pulse 1.2s ease-in-out infinite}.client-vm-head .badge.failed{color:#ff98a7;border-color:#824150;background:#40222b}@keyframes client-vm-pulse{50%{filter:brightness(1.4)}}
.client-vm-network{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;padding:11px;border:1px solid #2c4569;border-radius:12px;background:#0a1626}.client-vm-network span{display:grid;gap:3px}.client-vm-network b{color:#69e0c4}.client-vm-network small{color:var(--muted)}
.client-vm-console{display:grid;gap:10px;margin:12px 0;padding:12px;border:1px solid #34547c;border-radius:12px;background:#07111e}.client-vm-console[hidden]{display:none}.client-vm-console>div{display:grid;gap:3px}.client-vm-console small{color:var(--muted)}.client-vm-console pre{min-height:170px;max-height:340px;margin:0;padding:12px;overflow:auto;border:1px solid #213650;border-radius:9px;background:#02070d;color:#b9f4d8;white-space:pre-wrap;word-break:break-word;font:12px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace}.client-vm-console form{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px}.client-vm-console form span{color:#53e3bd;font:bold 16px monospace}.client-vm-console form input{margin:0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}button:disabled{cursor:wait;opacity:.58}@media(max-width:560px){.client-vm-console form{grid-template-columns:1fr}.client-vm-live{grid-template-columns:1fr}}

.client-vm-diagnostic{grid-column:1/-1;padding:11px;border:1px solid #8a6230;border-radius:10px;background:#302617}.client-vm-diagnostic b{color:#ffd486}.client-vm-diagnostic small{display:block;margin-top:5px;max-height:120px;overflow:auto;white-space:pre-wrap;color:#e1cda3}
.app-install-dialog{width:min(760px,calc(100vw - 28px));padding:24px;border:1px solid #31517b;border-radius:20px;background:#0f1d31;color:var(--text);box-shadow:0 30px 80px #020712cc}.app-install-dialog::backdrop{background:#020712c9;backdrop-filter:blur(4px)}.app-install-dialog .dialog-head{align-items:flex-start}.app-install-dialog .dialog-head p{margin:5px 0 0;color:var(--muted)}.app-install-close{min-width:42px}.app-platform-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:22px 0}.app-platform-grid button{display:grid;justify-items:center;gap:6px;min-height:126px;padding:14px 8px;border:1px solid #294568;background:#101f35;color:var(--text)}.app-platform-grid button span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#18355b;color:#69a5ff;font-size:20px}.app-platform-grid button small{color:var(--muted);font-size:11px}.app-platform-grid button:hover,.app-platform-grid button.recommended{border-color:#5a8fff;background:#18355b;box-shadow:inset 0 0 0 1px #5a8fff}.app-install-instructions{display:grid;gap:7px;min-height:92px;padding:16px;border:1px solid #2c4569;border-radius:13px;background:#091626}.app-install-instructions span{color:#a9bdd8;line-height:1.55}.app-install-instructions b{color:#ffd486;font-size:12px}@media(max-width:720px){.app-platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-platform-grid button:last-child{grid-column:1/-1}}@media(max-width:420px){.app-install-dialog{padding:16px}.app-platform-grid{grid-template-columns:1fr}.app-platform-grid button:last-child{grid-column:auto}.app-platform-grid button{grid-template-columns:auto 1fr;justify-items:start;align-items:center;min-height:auto;text-align:left}.app-platform-grid button span{grid-row:1/3}}

.game-file-panel{padding:16px}.game-file-panel .file-toolbar{flex-wrap:wrap}.game-file-panel .file-toolbar code{margin-right:auto;color:#b6d0f3}.game-file-list{display:grid;gap:7px;margin-top:14px}.game-file-row{display:grid;grid-template-columns:28px minmax(120px,1fr) auto repeat(3,auto);align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:#0b1728}.game-file-icon{font-size:18px}.game-file-name{min-width:0;overflow:hidden;text-overflow:ellipsis;text-align:left;white-space:nowrap;background:transparent;color:#dceaff;padding:8px}.game-file-row small{color:var(--muted)}.game-file-row .danger{background:transparent;border:1px solid #714050;color:#ff9eae;padding:8px 11px}.client-version-controls{margin-top:12px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#0b1728}.client-version-controls summary{cursor:pointer;font-weight:700;color:#a8c8ff}.client-version-row{display:flex;flex-wrap:wrap;gap:8px}.client-version-row select{flex:1 1 220px;min-width:160px}.client-version-controls>[data-version-status]{display:block;margin-top:8px;color:var(--muted)}.game-file-editor{width:min(900px,calc(100vw - 28px));padding:20px;border:1px solid #31517b;border-radius:16px;background:#0f1d31;color:var(--text)}.game-file-editor::backdrop{background:#020712c9;backdrop-filter:blur(3px)}.game-file-editor textarea{width:100%;min-height:min(60vh,600px);font:13px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre;tab-size:4}.game-file-editor .dialog-actions{display:flex;justify-content:flex-end}@media(max-width:700px){.game-file-row{grid-template-columns:24px minmax(0,1fr) auto auto}.game-file-row>[data-game-file-action="move"]{grid-column:3}.game-file-row>[data-game-file-action="delete"]{grid-column:4}.game-file-row small{grid-column:2}.game-file-panel .file-toolbar>div{display:flex;flex-wrap:wrap;gap:6px}.client-version-row{display:grid;grid-template-columns:1fr 1fr}.client-version-row select{grid-column:1/-1}}
.game-overview-card{display:grid;gap:8px;padding:16px;border:1px solid var(--line);border-radius:12px;background:#0d192b}.game-overview-card small{color:var(--muted)}.game-overview-card>div{display:flex;flex-wrap:wrap;gap:7px}.game-overview-card button{padding:8px 11px}
#clientGameNav[hidden],#clientGameFilesNav[hidden],#nav .nav-link[hidden]{display:none!important}.site-actions>a.secondary{display:inline-flex;align-items:center;justify-content:center;padding:10px 13px;border:1px solid var(--line);border-radius:10px;color:white;text-decoration:none;font-weight:700}
#game-files .game-file-panel{padding:16px}#game-files .game-file-panel .file-toolbar{flex-wrap:wrap}#game-files .game-file-panel .file-toolbar code{margin-right:auto;color:#b6d0f3}#game-files .game-file-list{display:grid;gap:8px;margin-top:14px}#game-files .game-file-row{display:grid;grid-template-columns:30px minmax(160px,1fr) minmax(70px,auto) auto;align-items:center;gap:10px;min-width:0;padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:#0b1728}#game-files .game-file-icon{font-size:18px}#game-files .game-file-name{display:block;width:100%;min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis;text-align:left;white-space:nowrap;background:#0b1728;color:#dceaff;padding:9px 11px}#game-files .game-file-name:hover{background:#152640}#game-files .game-file-row>small{color:var(--muted);white-space:nowrap}#game-files .game-file-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:6px}#game-files .game-file-actions button{width:auto;margin:0;padding:8px 11px;white-space:nowrap}#game-files .game-file-actions .danger{background:transparent;border:1px solid #714050;color:#ff9eae}#game-files .game-file-actions .danger:hover{background:#321b27}@media(max-width:900px){#game-files .game-file-row{grid-template-columns:26px minmax(0,1fr) auto}#game-files .game-file-row>small{grid-column:2}#game-files .game-file-actions{grid-column:2/-1;justify-content:flex-start}}@media(max-width:700px){#game-files .game-file-panel .file-toolbar>div{display:flex;flex-wrap:wrap;gap:6px}}
#nav .nav-link[hidden]{display:none!important}
.client-password-panel{margin:16px 0}.client-password-panel>p{color:var(--muted)}.client-password-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:end}.client-password-form label{margin:0}.client-password-form button{min-height:44px}@media(max-width:820px){.client-password-form{grid-template-columns:1fr}}

.domain-registration-view{display:grid;gap:16px}.domain-reg-notice{display:grid;gap:5px;padding:15px 17px;border:1px solid #8a6230;border-radius:13px;background:#302617;color:#e8d5b5}.domain-reg-notice strong{color:#ffd486}.domain-reg-notice span{font-size:13px;line-height:1.5}.domain-search-form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px}.domain-search-form label,.domain-order-form label{display:grid;gap:6px;margin:0}.domain-search-form button{min-height:44px}.domain-search-result:empty{display:none}.domain-availability{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px;border:1px solid var(--line);border-radius:12px;background:#0c192a}.domain-availability>div,.domain-availability{min-width:0}.domain-availability strong,.domain-availability span,.domain-availability small{display:block}.domain-availability strong{font-size:16px}.domain-availability span,.domain-availability small{margin-top:4px;color:var(--muted);font-size:13px}.domain-availability.available{border-color:#24634f;background:#10271f}.domain-availability.unavailable{border-color:#713d4a;background:#2a1720}.domain-order-form[hidden]{display:none}.domain-order-form{display:grid;gap:16px}.domain-order-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.domain-order-head h3{margin:3px 0}.domain-order-head p:not(.eyebrow){margin:5px 0;color:var(--muted);font-size:13px}.domain-order-price{font-weight:800;color:#75e5c0;white-space:nowrap}.domain-order-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.domain-order-fields label.wide{grid-column:span 2}.domain-nameserver-info{display:grid;gap:4px;padding:12px;border:1px solid var(--line);border-radius:11px;background:#0b1728}.domain-nameserver-info span{color:var(--muted);font-size:13px;overflow-wrap:anywhere}.domain-reg-check{display:flex!important;grid-template-columns:auto 1fr;align-items:start;gap:9px!important;line-height:1.5;font-size:13px}.domain-reg-check input{width:17px;height:17px;margin:2px 0 0}.domain-charge-consent{padding:12px;border:1px solid #8a6230;border-radius:10px;background:#302617}.domain-order-actions{display:flex;justify-content:flex-end}.domain-order-status{min-height:1.4em;color:var(--muted);font-size:13px;line-height:1.5}.domain-list-head{margin-top:6px}.registered-domain-list{display:grid;gap:9px}.registered-domain-card{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:13px;border:1px solid var(--line);border-radius:12px;background:#0d192b}.registered-domain-card>div{display:grid;gap:4px}.registered-domain-card small{color:var(--muted)}.domain-order-state{padding:6px 9px;border-radius:99px;background:#302617;color:#ffd486;font-size:11px;font-weight:800;text-transform:uppercase}.domain-order-state.ready{background:#10271f;color:#75e5c0}.domain-order-state.failed{background:#2a1720;color:#ff9eae}.registered-domain-card .domain-uncertain{grid-column:1/-1;margin:0;padding:10px;border:1px solid #8a6230;border-radius:9px;color:#ffd486;font-size:12px}@media(max-width:760px){.domain-order-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.registered-domain-card{grid-template-columns:1fr auto}.registered-domain-card>small{grid-column:1}.registered-domain-card>button{grid-column:2;grid-row:2}.domain-order-fields label.wide{grid-column:1/-1}}@media(max-width:520px){.domain-search-form,.domain-order-fields{grid-template-columns:1fr}.domain-order-fields label.wide{grid-column:auto}.domain-search-form button{width:100%}.domain-availability{align-items:stretch;flex-direction:column}.domain-availability button{width:100%}.domain-order-head{flex-direction:column}.registered-domain-card{grid-template-columns:1fr}.registered-domain-card>button,.registered-domain-card>small{grid-column:auto;grid-row:auto}.domain-order-actions button{width:100%}}