:root{--bg:#030713;--bg2:#071225;--panel:#0a1428;--panel2:#0d1a33;--panel3:#122342;--line:rgba(148,180,255,.11);--line2:rgba(148,180,255,.19);--text:#f4f8ff;--muted:#8da2c7;--green:#00a6ff;--green2:#0d47ff;--blue:#00e5ff;--yellow:#f9c86a;--red:#ff647c;--shadow:0 28px 80px rgba(0,4,20,.48);--radius:22px;--radius2:14px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark}
*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at 15% -20%,rgba(13,71,255,.20),transparent 36%),radial-gradient(circle at 100% 10%,rgba(0,229,255,.10),transparent 28%),var(--bg);color:var(--text);overflow-x:hidden}button,input,select{font:inherit}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:12px;padding:11px 16px;background:linear-gradient(135deg,var(--green),var(--green2));color:#061022;font-weight:800;cursor:pointer;text-decoration:none;transition:.2s transform,.2s filter,.2s opacity}button:hover,.button:hover{filter:brightness(1.06);transform:translateY(-1px)}button:disabled{opacity:.55;cursor:not-allowed;transform:none}.secondary{background:rgba(255,255,255,.055);color:var(--text);border:1px solid var(--line2)}.text-button{background:none;color:var(--green);padding:6px}.danger{color:var(--red)!important}a{color:inherit}.svg-icon{display:inline-flex;align-items:center;justify-content:center}.svg-icon svg{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.spin svg{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.brand{display:flex;align-items:center;gap:11px}.brand-mark{width:36px;height:36px;display:grid;grid-template-columns:repeat(2,1fr);gap:4px;padding:6px;border-radius:12px;background:linear-gradient(145deg,rgba(0,166,255,.22),rgba(81,168,255,.12));border:1px solid rgba(0,166,255,.25);box-shadow:inset 0 0 18px rgba(0,166,255,.08)}.brand-mark span{border-radius:4px;background:var(--green)}.brand-mark span:nth-child(2){background:var(--blue)}.brand-mark span:nth-child(3){grid-column:span 2;background:linear-gradient(90deg,var(--green2),var(--blue))}.brand strong{display:block;font:800 17px Manrope,sans-serif;letter-spacing:-.4px}.brand small{display:block;margin-top:-2px;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:1.6px}.brand.large .brand-mark{width:48px;height:48px}.brand.large strong{font-size:23px}.brand.large small{font-size:11px}
.center-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:28px}.loader{width:28px;height:28px;border:3px solid rgba(255,255,255,.12);border-top-color:var(--green);border-radius:50%;animation:spin .8s linear infinite}.center-screen>p,.muted{color:var(--muted)}
.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1.2fr) minmax(420px,.8fr)}.auth-visual{position:relative;padding:52px;overflow:hidden;border-right:1px solid var(--line);background:linear-gradient(145deg,rgba(10,20,40,.82),rgba(5,11,9,.96))}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,black,transparent 90%)}.hero-orb{position:absolute;border-radius:50%;filter:blur(20px)}.orb-one{width:380px;height:380px;background:rgba(13,71,255,.15);right:-80px;top:10%}.orb-two{width:280px;height:280px;background:rgba(81,168,255,.12);left:14%;bottom:-80px}.auth-message{position:absolute;z-index:2;left:9%;bottom:11%;max-width:640px}.auth-message>span,.eyebrow{display:inline-block;color:var(--green);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1.7px}.auth-message h1{font:800 clamp(42px,5.4vw,78px)/.98 Manrope,sans-serif;letter-spacing:-4px;margin:15px 0 22px;max-width:720px}.auth-message>p{color:#a9b9d5;font-size:18px;line-height:1.65;max-width:590px}.feature-line{display:flex;align-items:center;gap:10px;margin-top:13px;color:#dce8ff;font-weight:600}.feature-line .svg-icon{color:var(--green)}.auth-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px}.auth-card{width:min(100%,440px);padding:32px;background:rgba(10,20,40,.88);border:1px solid var(--line2);border-radius:24px;box-shadow:var(--shadow);backdrop-filter:blur(18px)}.auth-card h2{font:800 27px Manrope,sans-serif;margin:6px 0 10px}.auth-form{display:grid;gap:18px}.tiny{font-size:11px;color:var(--muted);margin-top:20px}
.field{display:grid;gap:8px}.field>span,.toggle-field strong{font-size:13px;font-weight:700}.field small,.toggle-field small{color:var(--muted);font-size:11px;line-height:1.45}.field input,.field select,.catalog-toolbar select{width:100%;height:45px;padding:0 13px;border:1px solid var(--line2);border-radius:11px;background:#071225;color:var(--text);outline:none;transition:.2s border,.2s box-shadow}.field input:focus,.field select:focus,.catalog-toolbar select:focus{border-color:rgba(0,166,255,.7);box-shadow:0 0 0 3px rgba(0,166,255,.1)}.form-error{display:flex;align-items:flex-start;gap:8px;padding:11px 13px;border:1px solid rgba(255,109,122,.24);border-radius:11px;background:rgba(255,109,122,.08);color:#ffacb4;font-size:12px}.full{width:100%}
.panel-shell{min-height:100vh;display:grid;grid-template-columns:250px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:24px 16px 18px;background:rgba(3,7,19,.95);border-right:1px solid var(--line);backdrop-filter:blur(20px);z-index:30}.sidebar-head{padding:0 8px 22px}.sidebar nav{display:flex;flex-direction:column;gap:4px;overflow-y:auto}.nav-button{justify-content:flex-start;background:transparent;color:#91a4c8;padding:10px 12px;border-radius:11px;font-weight:650}.nav-button:hover{background:rgba(255,255,255,.045);color:var(--text);transform:none}.nav-button.active{background:linear-gradient(90deg,rgba(0,166,255,.14),rgba(0,166,255,.04));color:var(--green);box-shadow:inset 2px 0 var(--green)}.nav-button .svg-icon{font-size:18px}.nav-label{padding:19px 12px 6px;color:#526990;font-size:9px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase}.sidebar-foot{margin-top:auto;display:grid;grid-template-columns:38px minmax(0,1fr) 35px;gap:10px;align-items:center;padding:14px 8px 0;border-top:1px solid var(--line)}.sidebar-foot strong,.sidebar-foot small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-foot strong{font-size:12px}.sidebar-foot small{color:var(--muted);font-size:10px;margin-top:2px}.user-avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,rgba(0,166,255,.25),rgba(81,168,255,.18));font-weight:800;color:var(--green)}.icon-button{width:36px;height:36px;padding:0;border-radius:10px;background:rgba(255,255,255,.045);color:var(--muted);border:1px solid var(--line)}.icon-button:hover{color:var(--text);background:rgba(255,255,255,.08)}.main-area{min-width:0}.topbar{position:sticky;top:0;z-index:20;height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;border-bottom:1px solid var(--line);background:rgba(3,7,19,.82);backdrop-filter:blur(18px)}.topbar-title span{display:block;font-weight:800;font-family:Manrope,sans-serif}.topbar-title small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.status-chip{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid rgba(0,166,255,.15);border-radius:999px;background:rgba(0,166,255,.06);color:#bfeeff;font-size:10px;font-weight:700}.status-chip>span,.dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green)}.page-wrap{width:min(1540px,100%);margin:0 auto;padding:34px 34px 60px}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:28px}.page-head h1{font:800 clamp(29px,3.3vw,44px)/1 Manrope,sans-serif;letter-spacing:-1.8px;margin:9px 0 10px}.page-head p{max-width:700px;margin:0;color:var(--muted);line-height:1.65;font-size:14px}.page-action{display:flex;gap:9px}.page-loading{min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);gap:15px}.page-loading.error{min-height:300px}.mobile-only{display:none}
.hero-summary{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 30px;margin-bottom:18px;border:1px solid rgba(0,166,255,.13);border-radius:var(--radius);background:linear-gradient(135deg,rgba(0,166,255,.11),rgba(81,168,255,.04) 65%,rgba(255,255,255,.02));box-shadow:0 20px 60px rgba(0,0,0,.2)}.hero-summary h2{font:800 27px Manrope,sans-serif;margin:8px 0}.hero-summary p{color:var(--muted);margin:0}.health-ring{--value:100;width:94px;height:94px;border-radius:50%;display:grid;place-items:center;position:relative;background:conic-gradient(var(--green) calc(var(--value)*1%),rgba(255,255,255,.07) 0)}.health-ring:before{content:"";position:absolute;inset:8px;border-radius:50%;background:#0a1428}.health-ring strong,.health-ring span{position:relative;z-index:1}.health-ring strong{font:800 25px Manrope,sans-serif}.health-ring span{position:absolute;bottom:23px;color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:1px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px}.metric-card{position:relative;min-height:142px;padding:18px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(13,26,51,.88),rgba(7,18,37,.9));overflow:hidden}.metric-card:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;right:-40px;bottom:-45px;background:rgba(0,166,255,.06)}.metric-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:rgba(0,166,255,.08);color:var(--green);margin-bottom:18px}.metric-card>span,.metric-card>small{display:block;color:var(--muted);font-size:10px}.metric-card>strong{display:block;font:800 24px Manrope,sans-serif;margin:5px 0}.section-block{margin-top:34px}.section-title{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:14px}.section-title h2{font:750 19px Manrope,sans-serif;margin:0 0 4px}.section-title p{margin:0;color:var(--muted);font-size:11px}
.server-grid{display:grid;grid-template-columns:repeat(3,minmax(280px,1fr));gap:14px}.server-grid.large{grid-template-columns:repeat(3,minmax(300px,1fr))}.server-card{padding:19px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,rgba(13,26,51,.9),rgba(7,18,37,.94));transition:.2s transform,.2s border}.server-card.clickable{cursor:pointer}.server-card.clickable:hover{transform:translateY(-2px);border-color:rgba(0,166,255,.3)}.server-card-head{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px}.server-icon,.pool-icon,.website-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg,rgba(0,166,255,.13),rgba(81,168,255,.08));color:var(--green)}.server-card h3,.pool-card h3,.app-card h3,.installed-card h3{margin:0;font:750 15px Manrope,sans-serif}.server-card-head>div:nth-child(2)>span,.pool-card-head>div:nth-child(2)>span{display:block;color:var(--muted);font-size:10px;margin-top:3px;overflow:hidden;text-overflow:ellipsis}.health-pill,.status-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.6px}.health-pill>span{width:6px;height:6px;border-radius:50%;background:var(--muted)}.health-pill.online,.status-badge.running,.status-badge.active,.status-badge.succeeded{color:var(--green);background:rgba(0,166,255,.06);border-color:rgba(0,166,255,.15)}.health-pill.online>span{background:var(--green);box-shadow:0 0 9px var(--green)}.health-pill.offline,.status-badge.failed{color:var(--red);background:rgba(255,109,122,.07);border-color:rgba(255,109,122,.15)}.health-pill.offline>span{background:var(--red)}.status-badge.queued,.status-badge.installing{color:var(--yellow);background:rgba(249,200,106,.07)}.resource-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.resource>div:first-child{display:flex;justify-content:space-between;font-size:9px;color:var(--muted)}.resource strong{color:var(--text)}.progress{height:5px;margin-top:7px;border-radius:999px;background:rgba(255,255,255,.06);overflow:hidden}.progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--green2),var(--green))}.server-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:17px;padding-top:14px;border-top:1px solid var(--line)}.server-facts span{color:var(--muted);font-size:9px}.server-facts strong{display:block;color:var(--text);font-size:11px;margin-bottom:3px}.server-signals{display:flex;gap:6px;flex-wrap:wrap;margin-top:13px}.signal{padding:5px 7px;border-radius:7px;background:rgba(255,255,255,.035);color:var(--muted);font-size:8px}.signal.warn{color:var(--yellow);background:rgba(249,200,106,.07)}
.empty-state{min-height:390px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px;border:1px dashed rgba(255,255,255,.13);border-radius:var(--radius);background:rgba(255,255,255,.018)}.empty-state h2{font:800 24px Manrope,sans-serif;margin:16px 0 8px}.empty-state p{max-width:540px;color:var(--muted);line-height:1.65;margin:0 0 20px}.empty-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;background:rgba(0,166,255,.08);color:var(--green);font-size:27px}.empty-inline{padding:24px;border:1px dashed var(--line2);border-radius:14px;color:var(--muted);text-align:center}.activity-list{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:18px;background:rgba(10,20,40,.72);overflow:hidden}.activity-row{display:grid;grid-template-columns:35px minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line)}.activity-row:last-child{border:0}.activity-marker{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:rgba(0,166,255,.06);color:var(--green)}.activity-row strong,.activity-row span{display:block}.activity-row strong{font-size:11px}.activity-row span{color:var(--muted);font-size:9px;margin-top:3px}.activity-row time{color:var(--muted);font-size:9px}
.catalog-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) 220px;gap:12px;margin-bottom:12px}.search-box{display:flex;align-items:center;gap:10px;height:46px;padding:0 14px;border:1px solid var(--line2);border-radius:12px;background:#071225;color:var(--muted)}.search-box input{flex:1;border:0;background:none;outline:none;color:var(--text)}.catalog-status{display:flex;align-items:center;gap:9px;margin:14px 0;padding:12px 14px;border:1px solid rgba(0,166,255,.12);border-radius:12px;background:rgba(0,166,255,.045);color:#bcd4cc;font-size:11px}.catalog-status strong{margin-left:auto;color:var(--green)}.app-grid{display:grid;grid-template-columns:repeat(4,minmax(230px,1fr));gap:13px}.app-card{display:flex;flex-direction:column;min-height:260px;padding:18px;border:1px solid var(--line);border-radius:19px;background:linear-gradient(145deg,rgba(13,26,51,.9),rgba(7,18,37,.96));transition:.2s transform,.2s border}.app-card:hover{transform:translateY(-2px);border-color:rgba(0,166,255,.27)}.app-card-head{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px}.app-card-head img,.app-fallback{width:44px;height:44px;border-radius:12px;object-fit:cover;background:linear-gradient(145deg,rgba(0,166,255,.2),rgba(81,168,255,.14));display:grid;place-items:center;color:var(--green);font-weight:800}.app-fallback.small{width:38px;height:38px;font-size:11px}.app-card-head span{display:block;color:var(--muted);font-size:9px;margin-top:3px}.verified{color:var(--green)}.app-card>p{color:var(--muted);font-size:11px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:52px}.app-meta{display:flex;justify-content:space-between;color:#647d74;font-size:8px;margin-top:auto;padding:12px 0}.app-card button{width:100%;padding:9px 12px;font-size:11px}
.pool-grid{display:grid;grid-template-columns:repeat(2,minmax(320px,1fr));gap:15px}.pool-card{padding:21px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,rgba(13,26,51,.9),rgba(7,18,37,.96))}.pool-card-head{display:grid;grid-template-columns:44px minmax(0,1fr) 36px;align-items:center;gap:11px}.pool-card>p{color:var(--muted);font-size:11px}.pool-capacity{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:14px 0;border-block:1px solid var(--line)}.pool-capacity span{color:var(--muted);font-size:9px}.pool-capacity strong{display:block;color:var(--text);font-size:12px;margin-bottom:3px}.member-strip{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}.member{display:inline-flex;align-items:center;gap:6px;padding:6px 8px;border-radius:8px;background:rgba(255,255,255,.04);color:var(--muted);font-size:9px}.member i{width:6px;height:6px;border-radius:50%;background:var(--red)}.member.online i{background:var(--green)}.pool-note{display:flex;gap:7px;align-items:center;margin-top:14px;color:#7d94bc;font-size:9px}.pool-note .svg-icon{color:var(--green)}.server-select-list{display:grid;gap:8px;max-height:270px;overflow:auto}.select-card{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.02);cursor:pointer}.select-card input{position:absolute;opacity:0}.select-check{width:25px;height:25px;display:grid;place-items:center;border:1px solid var(--line2);border-radius:8px;color:transparent}.select-card:has(input:checked){border-color:rgba(0,166,255,.35);background:rgba(0,166,255,.06)}.select-card input:checked+.select-check{background:var(--green);color:#061022}.select-card strong,.select-card small{display:block}.select-card strong{font-size:11px}.select-card small{color:var(--muted);font-size:9px;margin-top:3px}
.installed-grid{display:grid;grid-template-columns:repeat(3,minmax(280px,1fr));gap:13px}.installed-card{padding:18px;border:1px solid var(--line);border-radius:18px;background:rgba(10,20,40,.78)}.installed-head{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center}.installed-head span:not(.status-badge){color:var(--muted);font-size:9px}.installed-details{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:15px 0;padding:13px 0;border-block:1px solid var(--line)}.installed-details span{color:var(--muted);font-size:8px}.installed-details strong{display:block;color:var(--text);font-size:9px;margin-top:4px}.public-link{display:flex;align-items:center;gap:7px;color:var(--green);font-size:10px;text-decoration:none;overflow:hidden;text-overflow:ellipsis}.job-error,.website-error{display:flex;gap:7px;margin-top:12px;padding:9px;border-radius:9px;background:rgba(255,109,122,.07);color:#ffabb3;font-size:9px;line-height:1.45}.website-list{display:flex;flex-direction:column;gap:9px}.website-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:15px 17px;border:1px solid var(--line);border-radius:15px;background:rgba(10,20,40,.75)}.website-main a,.website-main span{display:flex;align-items:center;gap:6px}.website-main a{font-weight:750;font-size:12px;text-decoration:none}.website-main span{color:var(--muted);font-size:9px;margin-top:4px}.tls-pill{display:flex;align-items:center;gap:6px;color:var(--green);font-size:9px}.website-error{grid-column:2/-1;margin:0}
.settings-grid,.analytics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.info-card{padding:20px;border:1px solid var(--line);border-radius:18px;background:rgba(10,20,40,.76)}.info-card h3{margin:0 0 14px;font:750 14px Manrope,sans-serif}.info-row{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-top:1px solid var(--line);font-size:10px}.info-row span{color:var(--muted)}.info-row strong{text-align:right;overflow-wrap:anywhere}.notice{display:flex;align-items:flex-start;gap:10px;padding:12px 13px;border:1px solid rgba(81,168,255,.15);border-radius:12px;background:rgba(81,168,255,.055);font-size:10px}.notice strong,.notice span{display:block}.notice span{color:#91a4c8;line-height:1.5;margin-top:3px}.notice.large{margin-top:15px;padding:18px}.risk-box{display:flex;gap:10px;padding:13px;border:1px solid rgba(249,200,106,.2);border-radius:12px;background:rgba(249,200,106,.06);color:var(--yellow)}.risk-box strong,.risk-box span{display:block}.risk-box span{font-size:9px;margin-top:4px}.toggle-field{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:11px}.toggle-field>input{display:none}.toggle-field>span{width:36px;height:20px;border-radius:999px;background:rgba(255,255,255,.1);position:relative}.toggle-field>span:before{content:"";position:absolute;width:14px;height:14px;top:3px;left:3px;border-radius:50%;background:#8fa39c;transition:.2s}.toggle-field>input:checked+span{background:rgba(0,166,255,.3)}.toggle-field>input:checked+span:before{left:19px;background:var(--green)}
.modal-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:22px;background:rgba(0,0,0,.74);backdrop-filter:blur(8px)}.modal{position:relative;width:min(520px,100%);max-height:92vh;overflow:auto;border:1px solid var(--line2);border-radius:24px;background:#081225;box-shadow:0 40px 120px rgba(0,0,0,.65)}.modal.wide{width:min(1120px,100%)}.modal-content{padding:30px}.modal-close{position:sticky;float:right;top:13px;right:13px;z-index:4;background:#112342}.modal h2{font:800 27px Manrope,sans-serif;margin:8px 0 9px;letter-spacing:-.8px}.modal-body,.install-form{display:grid;gap:16px;margin-top:22px}.command-box{display:grid;grid-template-columns:minmax(0,1fr) 38px;gap:8px;align-items:center;margin:18px 0;padding:10px;border:1px solid var(--line2);border-radius:12px;background:#030713}.command-box code{overflow:auto;padding:5px;color:#bfeeff;font:11px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace}.success-banner{display:flex;gap:11px;align-items:center;padding:13px;border:1px solid rgba(0,166,255,.16);border-radius:12px;background:rgba(0,166,255,.07);color:var(--green)}.success-banner strong,.success-banner small{display:block}.success-banner small{color:var(--muted);font-size:9px;margin-top:3px}.modal-title-row{display:flex;justify-content:space-between;align-items:center;gap:15px}.detail-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:22px 0}.mini-metric{padding:14px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.02)}.mini-metric span,.mini-metric small{display:block;color:var(--muted);font-size:9px}.mini-metric strong{display:block;font:800 20px Manrope,sans-serif;margin:5px 0}.chart-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.chart-card{padding:16px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.018)}.chart-card h3{font-size:12px;margin:0}.chart-card p{color:var(--muted);font-size:9px;margin:4px 0 12px}.chart-card canvas{display:block;width:100%;height:180px}.analytics-grid{margin-top:12px;grid-template-columns:repeat(2,1fr)}.app-install-head{display:grid;grid-template-columns:58px minmax(0,1fr);gap:15px;align-items:start}.app-install-head .app-fallback,.app-install-head img{width:58px;height:58px;border-radius:16px}.app-install-head h2{margin:4px 0}.app-install-head p{color:var(--muted);font-size:11px;line-height:1.5}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}
.toast-host{position:fixed;right:18px;bottom:18px;z-index:200;display:flex;flex-direction:column;gap:8px}.toast{display:flex;align-items:center;gap:9px;min-width:270px;max-width:410px;padding:13px 15px;border:1px solid rgba(0,166,255,.2);border-radius:12px;background:#0c1a33;box-shadow:var(--shadow);color:#e7f5ff;font-size:11px}.toast.error{border-color:rgba(255,109,122,.22);color:#ffb8be}.toast .svg-icon{color:var(--green)}.toast.error .svg-icon{color:var(--red)}
@media(max-width:1250px){.metric-grid{grid-template-columns:repeat(3,1fr)}.server-grid,.server-grid.large,.installed-grid{grid-template-columns:repeat(2,1fr)}.app-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:920px){.panel-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:-280px;width:260px;transition:.25s left}.sidebar.open{left:0;box-shadow:40px 0 100px rgba(0,0,0,.5)}.mobile-only{display:inline-flex}.topbar{padding:0 18px}.page-wrap{padding:28px 18px 50px}.auth-shell{grid-template-columns:1fr}.auth-visual{display:none}.auth-panel{min-height:100vh}.app-grid{grid-template-columns:repeat(2,1fr)}.pool-grid{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,1fr)}.detail-metrics{grid-template-columns:repeat(2,1fr)}.chart-grid{grid-template-columns:1fr}}
@media(max-width:640px){.page-head{flex-direction:column}.page-action,.page-action button{width:100%}.metric-grid,.server-grid,.server-grid.large,.installed-grid,.app-grid,.form-grid,.analytics-grid{grid-template-columns:1fr}.metric-card{min-height:125px}.catalog-toolbar{grid-template-columns:1fr}.hero-summary{align-items:flex-start}.health-ring{width:78px;height:78px;flex:0 0 auto}.website-row{grid-template-columns:38px minmax(0,1fr) auto}.tls-pill{display:none}.website-row>.status-badge{grid-column:3}.auth-panel{padding:20px}.auth-card{padding:25px}.modal-backdrop{padding:0}.modal,.modal.wide{width:100%;max-height:100vh;height:100vh;border-radius:0}.modal-content{padding:25px 18px}.resource-row{grid-template-columns:1fr}.pool-capacity{grid-template-columns:1fr}.detail-metrics{grid-template-columns:1fr 1fr}.status-chip{display:none}}

/* LabPanel v0.4 Operations surfaces */
.brand-logo{width:42px;height:34px;display:block;filter:drop-shadow(0 0 16px rgba(0,166,255,.25))}.brand.large .brand-logo{width:58px;height:44px}.brand strong{font-family:Inter,ui-sans-serif,system-ui,sans-serif}.auth-message h1,.auth-card h2,.page-head h1,.hero-summary h2,.health-ring strong,.metric-value,.modal h2{font-family:Inter,ui-sans-serif,system-ui,sans-serif}.brand-mark{display:none}
.card-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px;padding-top:14px;border-top:1px solid var(--line)}.small-action{min-height:34px;padding:8px 10px;border-radius:10px;font-size:10px;line-height:1}.danger-button{background:linear-gradient(135deg,#ff788b,#d92750);color:#fff;border:1px solid rgba(255,100,124,.4)}.danger-button:hover{filter:brightness(1.08)}.installed-card.removed{opacity:.68;border-style:dashed}.installed-card.removed .installed-head{filter:saturate(.35)}
.table-shell{overflow:auto;border:1px solid var(--line);border-radius:18px;background:rgba(10,20,40,.76)}.ops-table{width:100%;border-collapse:collapse;min-width:940px}.ops-table th,.ops-table td{text-align:left;padding:13px 15px;border-bottom:1px solid var(--line);vertical-align:middle;font-size:11px}.ops-table th{position:sticky;top:0;z-index:1;background:#0b1830;color:#8fa6ce;font-size:9px;text-transform:uppercase;letter-spacing:1.1px}.ops-table tr:last-child td{border-bottom:0}.ops-table tbody tr:hover{background:rgba(0,166,255,.035)}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#bbcef0;max-width:270px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-actions{display:flex;align-items:center;gap:6px;white-space:nowrap}.row-actions button{padding:7px 9px;font-size:9px}.container-name{display:flex;align-items:center;gap:9px}.container-name .svg-icon{color:var(--blue);font-size:17px}.container-name strong,.container-name small{display:block}.container-name small{color:var(--muted);font-size:8px;margin-top:3px}
.website-row{grid-template-columns:42px minmax(0,1fr) auto auto 36px}.site-delete{width:34px;height:34px;padding:0;background:rgba(255,100,124,.07);color:var(--red);border:1px solid rgba(255,100,124,.15)}
.backup-list,.job-list{display:grid;gap:10px}.backup-row,.job-row{display:grid;align-items:center;gap:13px;padding:16px 17px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,rgba(13,26,51,.88),rgba(7,18,37,.92))}.backup-row{grid-template-columns:42px minmax(0,1.4fr) minmax(110px,.55fr) minmax(110px,.55fr) auto}.job-row{grid-template-columns:42px minmax(0,1.5fr) minmax(130px,.6fr) minmax(100px,.45fr) auto}.backup-icon,.job-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:rgba(0,166,255,.08);border:1px solid rgba(0,166,255,.14);color:var(--blue);font-size:19px}.backup-main strong,.backup-main small,.job-main strong,.job-main small{display:block}.backup-main small,.job-main small{margin-top:4px;color:var(--muted);font-size:9px;line-height:1.45}.backup-meta span,.job-meta span{display:block;color:var(--muted);font-size:8px}.backup-meta strong,.job-meta strong{display:block;margin-top:4px;font-size:10px}.job-inline-error{grid-column:2/-1;padding:9px 11px;border-radius:10px;background:rgba(255,100,124,.07);color:#ffacb9;font-size:9px;white-space:pre-wrap;overflow-wrap:anywhere}
.status-badge.starting,.status-badge.stopping,.status-badge.restarting,.status-badge.updating,.status-badge.uninstalling,.status-badge.backing_up,.status-badge.restoring,.status-badge.deleting,.status-badge.queued,.status-badge.running{color:#90eaff;background:rgba(0,166,255,.1);border-color:rgba(0,166,255,.2)}.status-badge.stopped,.status-badge.removed,.status-badge.cancelled{color:#a7b6d0;background:rgba(141,162,199,.08);border-color:rgba(141,162,199,.16)}.status-badge.succeeded,.status-badge.active{color:#8cf2df;background:rgba(0,229,255,.08);border-color:rgba(0,229,255,.16)}.status-badge.failed{color:#ffabb8;background:rgba(255,100,124,.08);border-color:rgba(255,100,124,.18)}
@media(max-width:920px){.backup-row,.job-row{grid-template-columns:40px minmax(0,1fr) auto}.backup-meta,.job-meta{display:none}.backup-row>.row-actions,.job-row>.row-actions{grid-column:2/-1}.job-inline-error{grid-column:2/-1}}
@media(max-width:640px){.website-row{grid-template-columns:38px minmax(0,1fr) auto 34px}.website-row>.status-badge{grid-column:auto}.backup-row,.job-row{padding:14px 12px}.card-actions .small-action{flex:1 1 calc(50% - 7px)}.table-shell{margin-inline:-4px}}


/* v0.4.1 guided website publishing */
.website-main small{display:block;margin-top:4px;color:var(--muted);font-size:8px}.website-row.waiting{border-color:rgba(255,188,85,.28);background:rgba(255,188,85,.035)}.selection-summary{display:flex;align-items:center;gap:8px;padding:11px 12px;border:1px solid rgba(53,197,255,.18);border-radius:11px;background:rgba(53,197,255,.055);color:var(--text);font-size:9px}.selection-summary .svg-icon{color:var(--cyan)}#websiteTargetFields{display:grid;gap:12px}.website-row>.small-action{white-space:nowrap}@media(max-width:760px){.website-row{grid-template-columns:38px minmax(0,1fr) auto 34px}.website-row>.tls-pill{display:none}.website-row>.small-action{grid-column:2/4;justify-self:start}.website-error{grid-column:1/-1}}

/* v0.5.2 remote operations, app console, and environment management */
.server-management{margin-top:1rem;padding:1rem;border:1px solid var(--border);border-radius:18px;background:rgba(7,18,38,.58);display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.server-management>div:first-child{display:grid;gap:.25rem}.server-management span{color:var(--muted);font-size:.88rem;max-width:620px}.terminal-toolbar{display:flex;align-items:end;gap:.75rem;flex-wrap:wrap;margin:1rem 0}.terminal-toolbar .field{min-width:150px;flex:1}.terminal-output{margin-top:1rem;min-height:280px;max-height:520px;overflow:auto;white-space:pre-wrap;word-break:break-word;background:#020712;color:#d7f7e8;border:1px solid rgba(81,168,255,.25);border-radius:16px;padding:1rem;font:500 .82rem/1.55 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;box-shadow:inset 0 0 0 1px rgba(94,231,183,.03)}.modal textarea{width:100%;resize:vertical}.installed-card .card-actions{align-items:center}.installed-card .small-action{white-space:nowrap}.server-card .health-pill.offline{box-shadow:0 0 0 1px rgba(255,126,126,.18)}
@media(max-width:720px){.server-management{align-items:stretch}.server-management .row-actions{width:100%}.server-management .row-actions button{flex:1}.terminal-toolbar{align-items:stretch}.terminal-toolbar>button{width:100%}.terminal-output{min-height:220px}}

/* v0.5 static website hosting */
.file-toolbar{display:flex;gap:.55rem;flex-wrap:wrap;margin:1rem 0}.upload-label{display:inline-flex;align-items:center;gap:.45rem;cursor:pointer}.file-list{display:grid;gap:.45rem;margin-top:1rem}.file-row{display:grid;grid-template-columns:minmax(0,1fr) 36px;align-items:center;gap:.5rem;padding:.55rem .65rem;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.018)}.file-open{display:flex;align-items:center;gap:.75rem;text-align:left;background:transparent;border:0;color:var(--text);padding:.25rem;box-shadow:none}.file-open:hover{transform:none;background:rgba(0,166,255,.04)}.file-open .svg-icon{font-size:1.2rem;color:var(--cyan)}.file-open strong,.file-open small{display:block}.file-open small{margin-top:.2rem;color:var(--muted);font-size:.75rem}.code-editor{min-height:430px;width:100%;margin-top:1rem;padding:1rem;border:1px solid rgba(81,168,255,.25);border-radius:16px;background:#020712;color:#d7f7e8;font:500 .82rem/1.55 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;tab-size:2}.ssl-summary{display:grid;gap:.25rem;padding:1rem;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.02)}.ssl-summary span,.ssl-summary small{color:var(--muted)}.website-row{grid-template-columns:42px minmax(0,1fr) auto auto auto auto 36px}@media(max-width:920px){.website-row{grid-template-columns:38px minmax(0,1fr) auto 34px}.website-row>[data-site-files],.website-row>[data-site-ssl]{grid-column:2/3;justify-self:start}.website-row>.status-badge{grid-column:3}.code-editor{min-height:320px}}

/* v0.6 static site workspace and SEO center */
.workspace-title{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.workspace-title h2{margin-bottom:6px}.site-workspace{display:grid;grid-template-columns:210px minmax(0,1fr);min-height:590px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:rgba(3,10,23,.62)}.workspace-sidebar{padding:14px;border-right:1px solid var(--line);background:rgba(4,13,29,.72)}.workspace-sidebar-title{margin:3px 4px 12px;color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.8px}.folder-tree{display:flex;flex-direction:column;gap:3px;max-height:560px;overflow:auto}.tree-node{display:flex;align-items:center;gap:7px;width:100%;padding:7px 8px 7px calc(8px + var(--tree-depth,0)*13px);border:0;border-radius:8px;background:transparent;color:var(--muted);box-shadow:none;text-align:left;font-size:10px}.tree-node:hover,.tree-node.active{background:rgba(0,166,255,.08);color:var(--text);transform:none}.tree-node.active{outline:1px solid rgba(0,166,255,.18)}.tree-node .svg-icon{color:var(--cyan)}.workspace-main{position:relative;min-width:0;padding:15px}.workspace-main:has(.file-drop-zone.active){background:rgba(53,197,255,.025)}.workspace-toolbar{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.workspace-search{display:flex;align-items:center;gap:7px;min-width:230px;margin-left:auto;padding:8px 10px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.025)}.workspace-search input{width:100%;border:0;background:transparent;color:var(--text);outline:none}.file-breadcrumbs{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin:14px 0 7px}.file-breadcrumbs button{padding:3px 5px;border:0;background:transparent;color:var(--cyan);box-shadow:none;font-size:9px}.file-breadcrumbs button:hover{transform:none;text-decoration:underline}.file-breadcrumbs span{color:var(--muted);font-size:9px}.file-drop-zone{margin:12px 0;padding:13px;border:1px dashed rgba(53,197,255,.22);border-radius:12px;color:var(--muted);font-size:9px;text-align:center;transition:.18s}.file-drop-zone.active{border-color:var(--cyan);background:rgba(53,197,255,.07);color:var(--text)}.file-table{display:grid;gap:0;border:1px solid var(--line);border-radius:13px;overflow:hidden}.file-table-head,.file-table-row{display:grid;grid-template-columns:minmax(180px,1fr) 80px 90px 110px 150px;align-items:center;gap:10px;padding:9px 11px}.file-table-head{background:rgba(255,255,255,.035);color:var(--muted);font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.6px}.file-table-row{border-top:1px solid var(--line);font-size:9px}.file-table-row:first-of-type{border-top:0}.file-table-row>span{color:var(--muted)}.file-open{min-width:0}.file-open strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-actions{display:flex;justify-content:flex-end;gap:4px}.file-actions .icon-button{width:29px;height:29px}.code-editor.enhanced{min-height:560px;resize:vertical}.editor-status{margin:0 0 8px;color:var(--muted);font-size:9px}.settings-section{display:grid;gap:11px;padding:15px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.018)}.settings-section h3{margin:0;color:var(--text);font-size:12px}.toggle-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.seo-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.75fr);gap:16px;align-items:start}.seo-preview-panel{position:sticky;top:0;display:grid;gap:12px;padding:16px;border:1px solid var(--line);border-radius:16px;background:rgba(5,15,32,.78)}.seo-preview-panel h3{margin:0;font-size:11px}.search-preview{padding:15px;border-radius:13px;background:#fff;color:#202124}.search-preview span{display:block;color:#247747;font-size:10px}.search-preview strong{display:block;margin:5px 0;color:#1a0dab;font:500 17px Arial,sans-serif}.search-preview p{margin:0;color:#4d5156;font:400 11px/1.45 Arial,sans-serif}.seo-score{display:flex;align-items:flex-end;gap:4px}.seo-score strong{font:800 44px/1 Manrope,sans-serif;color:var(--cyan)}.seo-score span{color:var(--muted);font-size:12px}.seo-audit-facts{display:flex;gap:6px;flex-wrap:wrap}.seo-audit-facts span{padding:5px 7px;border-radius:7px;background:rgba(255,255,255,.04);color:var(--muted);font-size:8px}.seo-issues{display:grid;gap:7px}.seo-issue{display:grid;gap:3px;padding:9px 10px;border-left:3px solid var(--line);border-radius:8px;background:rgba(255,255,255,.025)}.seo-issue strong{font-size:9px}.seo-issue span{color:var(--muted);font-size:8px;line-height:1.45}.seo-issue.error{border-left-color:var(--red)}.seo-issue.warning{border-left-color:var(--yellow)}.seo-issue.info{border-left-color:var(--cyan)}
@media(max-width:1050px){.site-workspace{grid-template-columns:165px minmax(0,1fr)}.file-table-head,.file-table-row{grid-template-columns:minmax(160px,1fr) 65px 80px 120px}.file-table-head span:nth-child(4),.file-table-row>span:nth-child(4){display:none}.seo-layout{grid-template-columns:1fr}.seo-preview-panel{position:static}}
@media(max-width:760px){.workspace-title{flex-direction:column}.site-workspace{display:block;min-height:0}.workspace-sidebar{display:none}.workspace-main{padding:11px}.workspace-search{order:10;width:100%;min-width:0;margin-left:0}.file-table-head{display:none}.file-table-row{grid-template-columns:minmax(0,1fr) auto;padding:10px}.file-table-row>span{display:none}.file-actions{grid-column:2}.toggle-grid{grid-template-columns:1fr}.code-editor.enhanced{min-height:420px}.seo-preview-panel{padding:12px}}

/* Hosting Suite v1 */
.credential-list{display:grid;gap:10px;margin:18px 0}.credential-list>div{display:grid;grid-template-columns:140px 1fr;gap:14px;align-items:center;padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:rgba(8,18,38,.55)}.credential-list span{color:var(--muted);font-size:.86rem}.credential-list code{overflow-wrap:anywhere;color:var(--text)}.website-row .small-action{white-space:nowrap}.settings-grid .info-card{min-height:150px}@media(max-width:900px){.credential-list>div{grid-template-columns:1fr}.website-row{align-items:flex-start}.website-row .small-action{width:auto}}
/* v1 SEO Studio and hosting suite */
.seo-cockpit{display:grid;gap:22px}.seo-cockpit-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;padding:22px;border:1px solid rgba(45,212,255,.22);border-radius:24px;background:linear-gradient(145deg,rgba(13,71,255,.13),rgba(0,229,255,.04))}.seo-cockpit-head h2{margin:.25rem 0}.seo-cockpit-head p{max-width:720px;margin:0;color:var(--muted)}.seo-head-score{display:grid;justify-items:end;gap:4px;min-width:160px}.seo-head-score>strong{font-size:2.2rem}.seo-layout.premium{align-items:start}.seo-form{display:grid;gap:16px}.seo-panel{padding:20px;border:1px solid var(--border);border-radius:20px;background:rgba(9,19,42,.58)}.seo-panel-title{display:flex;gap:12px;align-items:flex-start;margin-bottom:18px}.seo-panel-title>span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:var(--cyan);background:rgba(0,229,255,.09)}.seo-panel-title h3,.seo-panel-title p{margin:0}.seo-panel-title p{color:var(--muted);font-size:.88rem;margin-top:3px}.seo-preview-panel.sticky{position:sticky;top:16px;display:grid;gap:16px}.seo-side-section{padding:18px;border:1px solid var(--border);border-radius:18px;background:rgba(9,19,42,.7)}.seo-side-section h3{margin-top:0}.seo-generated-list{display:grid;gap:9px}.seo-generated-list span{display:flex;align-items:center;gap:8px;color:var(--muted)}.seo-generated-list svg{color:var(--success)}.seo-score.modern{display:flex;align-items:center;gap:14px}.seo-score-ring{--score:0;display:grid;place-items:center;width:82px;height:82px;border-radius:50%;background:conic-gradient(var(--cyan) calc(var(--score)*1%),rgba(255,255,255,.08) 0);position:relative}.seo-score-ring:before{content:"";position:absolute;inset:7px;border-radius:50%;background:var(--panel)}.seo-score-ring strong{z-index:1;font-size:1.4rem}.seo-score.modern span{font-weight:700}.seo-audit-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:15px 0}.seo-audit-facts span{display:grid;padding:10px;border-radius:12px;background:rgba(255,255,255,.035);color:var(--muted);font-size:.78rem}.seo-audit-facts strong{color:var(--text);font-size:.9rem}.seo-issue{display:flex;gap:10px;align-items:flex-start}.seo-issue>span{width:22px;flex:0 0 22px}.seo-issue small{display:block;color:var(--muted);margin-top:3px}.hosting-command-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.hosting-command-grid button{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;text-align:left;align-items:center;column-gap:12px;padding:16px;background:rgba(9,19,42,.7);border:1px solid var(--border);border-radius:16px;color:var(--text)}.hosting-command-grid button>span{grid-row:1/3;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:rgba(13,71,255,.12);color:var(--cyan)}.hosting-command-grid button small{color:var(--muted)}.hosting-account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.hosting-account-card{padding:18px;border:1px solid var(--border);border-radius:18px;background:rgba(9,19,42,.64)}.hosting-account-head{display:flex;justify-content:space-between;gap:12px}.hosting-account-head h3{margin:.2rem 0}.hosting-account-head small{color:var(--muted)}.hosting-quota-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:16px 0}.hosting-quota-grid span{display:grid;padding:10px;border-radius:12px;background:rgba(255,255,255,.035);font-size:.75rem;color:var(--muted)}.hosting-quota-grid strong{font-size:.9rem;color:var(--text)}.hosting-sites{display:flex;flex-wrap:wrap;gap:8px;min-height:34px}.hosting-sites span{display:flex;gap:6px;align-items:center;padding:6px 9px;border-radius:999px;background:rgba(0,229,255,.07);color:var(--muted);font-size:.78rem}.assignment-list{display:grid;gap:8px;max-height:430px;overflow:auto;margin:16px 0}.assignment-list .form-check-label{display:grid}.assignment-list small{color:var(--muted)}
@media(max-width:900px){.seo-cockpit-head{display:grid}.seo-head-score{justify-items:start}.seo-preview-panel.sticky{position:static}.hosting-command-grid,.hosting-account-grid{grid-template-columns:1fr 1fr}.hosting-quota-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.hosting-command-grid,.hosting-account-grid{grid-template-columns:1fr}.seo-cockpit-head{padding:16px}.seo-panel{padding:15px}}
/* v1 SEO Studio enhancements */
.seo-studio-head{padding:18px 20px;border:1px solid rgba(0,229,255,.18);border-radius:20px;background:linear-gradient(145deg,rgba(13,71,255,.12),rgba(0,229,255,.035))}.seo-layout{align-items:start}.seo-layout .install-form{display:grid;gap:14px}.seo-layout .settings-section{border:1px solid var(--border);border-radius:18px;padding:18px;background:rgba(8,18,40,.58)}.seo-layout .settings-section h3{margin-top:0}.seo-feature-panel{box-shadow:inset 3px 0 0 rgba(0,229,255,.55)}.seo-preview-panel{position:sticky;top:16px;border:1px solid var(--border);border-radius:20px;padding:18px;background:rgba(8,18,40,.72)}.search-preview{border:1px solid rgba(0,229,255,.13);background:rgba(255,255,255,.025)}.seo-score{border-radius:16px;background:linear-gradient(135deg,rgba(13,71,255,.18),rgba(0,229,255,.08));padding:14px}.seo-score strong{font-size:2rem}.seo-issue{border-left:3px solid rgba(255,255,255,.12);padding-left:12px}.seo-issue.error{border-color:#fb7185}.seo-issue.warning{border-color:#fbbf24}.seo-issue.info{border-color:#38bdf8}

/* v1.0 hosting suite */
.catalog-status>div{display:flex;flex-direction:column;gap:3px;min-width:0}.catalog-status small{color:var(--muted);line-height:1.45}.trust-pill{display:inline-flex;align-items:center;gap:5px;width:max-content;padding:4px 8px;border-radius:999px;border:1px solid rgba(46,213,115,.22);background:rgba(46,213,115,.08);color:#8be6ad;font-size:8px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.trust-pill.review{border-color:rgba(255,184,77,.25);background:rgba(255,184,77,.08);color:#ffd08a}.trust-pill.ready{border-color:rgba(46,213,115,.22);background:rgba(46,213,115,.08);color:#8be6ad}.app-card.review-required{border-color:rgba(255,184,77,.14)}.app-card.review-required:hover{border-color:rgba(255,184,77,.32)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:14px}.section-heading h2{margin:4px 0 0;font:750 19px Manrope,sans-serif}.section-heading p{margin:4px 0 0;color:var(--muted)}.table-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}.compact{padding:7px 10px!important;font-size:10px!important}.settings-section{padding:18px;border:1px solid var(--line);border-radius:16px;background:rgba(7,18,37,.45);margin:0 0 14px}.settings-section h3{margin:0 0 12px;font:750 15px Manrope,sans-serif}.seo-feature-panel{border-color:rgba(0,166,255,.18);background:linear-gradient(145deg,rgba(0,166,255,.07),rgba(7,18,37,.5))}.hosting-grid{display:grid;grid-template-columns:repeat(3,minmax(250px,1fr));gap:14px}.hosting-card{padding:18px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(13,26,51,.9),rgba(7,18,37,.96))}.hosting-card h3{margin:0 0 6px}.hosting-card p{color:var(--muted);line-height:1.55}.mail-warning{border-color:rgba(255,184,77,.25)!important;background:rgba(255,184,77,.06)!important}.feature-checklist{display:grid;gap:8px;margin:14px 0}.feature-checklist span{display:flex;gap:8px;align-items:flex-start;color:var(--muted)}
@media(max-width:1100px){.hosting-grid{grid-template-columns:repeat(2,minmax(250px,1fr))}}
@media(max-width:700px){.catalog-toolbar,.hosting-grid{grid-template-columns:1fr}.section-heading{align-items:flex-start;flex-direction:column}.table-actions{justify-content:flex-start}}

/* v1.0 RC3 multi-tenant commerce and customer portal */
.package-grid,.service-grid{display:grid;grid-template-columns:repeat(3,minmax(260px,1fr));gap:14px}.package-card,.service-card,.order-card{padding:20px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,rgba(13,26,51,.94),rgba(7,18,37,.97));box-shadow:0 16px 45px rgba(0,0,0,.15)}.package-card-head,.service-card-head,.order-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.package-card h3,.service-card h3,.order-card h3{margin:5px 0;font:800 19px Manrope,sans-serif}.package-card p{min-height:44px;color:var(--muted);line-height:1.55}.package-price{display:flex;align-items:flex-end;gap:5px;margin:17px 0}.package-price strong{font:800 31px Manrope,sans-serif}.package-price span{padding-bottom:4px;color:var(--muted);font-size:12px}.package-features{display:grid;gap:8px;min-height:130px}.package-features span{display:flex;align-items:center;gap:8px;color:#c7d5ed;font-size:12px}.package-features .svg-icon{color:var(--green)}.switch-grid{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:10px}.service-placement{display:flex;align-items:center;gap:8px;margin:16px 0;color:var(--muted);font-size:12px}.usage-pills{display:flex;flex-wrap:wrap;gap:7px;margin:13px 0 18px}.usage-pills span{padding:6px 9px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.035);color:#aebed9;font-size:10px}.order-list{display:grid;gap:14px}.order-card{display:grid;gap:15px}.order-status{display:flex;gap:6px;flex-wrap:wrap}.order-progress{height:7px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.06)}.order-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--green2),var(--blue));transition:width .3s}.provision-steps{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:8px}.provision-step{display:flex;align-items:center;gap:8px;padding:9px 10px;border:1px solid var(--line);border-radius:11px;color:var(--muted);font-size:10px}.provision-step.succeeded{color:#a6f1c2;border-color:rgba(46,213,115,.2);background:rgba(46,213,115,.055)}.provision-step.failed{color:#ffacb4;border-color:rgba(255,100,124,.22);background:rgba(255,100,124,.06)}.customer-shell .sidebar{background:linear-gradient(180deg,rgba(4,9,22,.98),rgba(5,14,29,.98))}.customer-shell .topbar{background:rgba(4,9,22,.87)}.customer-shell .page-wrap{max-width:1400px}.customer-shell .service-card,.customer-shell .package-card{border-color:rgba(0,166,255,.13)}.customer-shell .top-actions button{white-space:nowrap}.button.small-action{padding:8px 11px;font-size:10px}.status-badge.disabled{color:#a4afc1}.status-badge.awaiting_payment,.status-badge.unpaid{color:#ffd08a;background:rgba(255,184,77,.08);border-color:rgba(255,184,77,.2)}.status-badge.paid,.status-badge.manual,.status-badge.active{color:#91efb3;background:rgba(46,213,115,.08);border-color:rgba(46,213,115,.2)}.status-badge.suspended,.status-badge.cancelling{color:#ffcf8a;background:rgba(255,184,77,.08);border-color:rgba(255,184,77,.2)}
@media(max-width:1150px){.package-grid,.service-grid{grid-template-columns:repeat(2,minmax(240px,1fr))}.provision-steps{grid-template-columns:repeat(2,minmax(140px,1fr))}.switch-grid{grid-template-columns:repeat(2,minmax(170px,1fr))}}
@media(max-width:700px){.package-grid,.service-grid,.provision-steps,.switch-grid{grid-template-columns:1fr}.package-features{min-height:0}.order-card-head{display:grid}.customer-shell .top-actions button{padding:9px 10px}.customer-shell .top-actions button .svg-icon{display:none}}

/* v1.0 RC4 commerce, websites, SEO, and integrations polish */
.website-row.polished{grid-template-columns:48px minmax(230px,1fr) auto auto;gap:16px;padding:18px 20px;border-radius:19px;background:linear-gradient(145deg,rgba(13,26,51,.93),rgba(6,16,34,.97));box-shadow:0 14px 36px rgba(0,0,0,.12)}
.website-row.polished:hover{border-color:rgba(0,166,255,.25)}
.website-row.polished .website-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,rgba(13,71,255,.2),rgba(0,229,255,.08));color:var(--green);font-size:19px}
.website-row.polished .website-main{min-width:0}.website-row.polished .website-main a{font:800 14px Manrope,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.website-row.polished .website-main span{font-size:10px;line-height:1.5}.website-row.polished .website-main small{display:block;margin-top:5px;color:#61799f;font-size:9px}
.website-health{display:grid;justify-items:end;gap:7px}.ssl-mini{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:9px;font-weight:750;white-space:nowrap}.ssl-mini.valid{color:#96edb6;border-color:rgba(46,213,115,.22);background:rgba(46,213,115,.07)}.ssl-mini.pending{color:#a9d8ff;border-color:rgba(0,166,255,.24);background:rgba(0,166,255,.07)}.ssl-mini.error{color:#ffacb4;border-color:rgba(255,100,124,.24);background:rgba(255,100,124,.07)}
.website-actions{display:flex;align-items:center;gap:8px;justify-content:flex-end}.site-actions-menu{position:relative}.site-actions-menu summary{list-style:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 11px;border:1px solid var(--line2);border-radius:10px;background:rgba(255,255,255,.05);color:var(--text);font-size:10px;font-weight:800;cursor:pointer;user-select:none}.site-actions-menu summary::-webkit-details-marker{display:none}.site-actions-menu[open] summary{border-color:rgba(0,166,255,.35);background:rgba(0,166,255,.1)}
.site-menu-panel{position:absolute;right:0;top:calc(100% + 8px);z-index:25;width:290px;padding:8px;border:1px solid var(--line2);border-radius:16px;background:#0a172d;box-shadow:0 25px 70px rgba(0,0,0,.48)}.site-menu-panel button{width:100%;display:grid;grid-template-columns:28px minmax(0,1fr);gap:9px;align-items:center;text-align:left;padding:10px;border-radius:11px;background:transparent;border:0;color:var(--text);font-weight:600}.site-menu-panel button:hover{background:rgba(255,255,255,.055);transform:none}.site-menu-panel button>.svg-icon{grid-row:1/3;color:var(--green);font-size:17px}.site-menu-panel button span{min-width:0}.site-menu-panel button strong,.site-menu-panel button small{display:block}.site-menu-panel button strong{font-size:10px}.site-menu-panel button small{margin-top:2px;color:var(--muted);font-size:8px;line-height:1.4}.site-menu-panel .danger-menu{color:#ff9ca7}.site-menu-panel .danger-menu>.svg-icon{color:#ff7b89}.website-row.polished .website-error{grid-column:2/-1}
.provider-grid{display:grid;grid-template-columns:repeat(3,minmax(240px,1fr));gap:14px}.provider-card{display:grid;grid-template-columns:46px minmax(0,1fr) auto;grid-template-rows:auto auto;gap:10px 13px;align-items:start;padding:19px;border:1px solid var(--line);border-radius:19px;background:linear-gradient(145deg,rgba(12,25,50,.92),rgba(6,16,34,.98))}.provider-card.connected{border-color:rgba(46,213,115,.18)}.provider-card .provider-icon{grid-row:1/3;width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:rgba(0,166,255,.1);color:var(--green);font-size:20px}.provider-card h3{margin:4px 0 4px;font:800 17px Manrope,sans-serif}.provider-card p{margin:0;color:var(--muted);font-size:10px;line-height:1.5}.provider-card>.status-badge{justify-self:end}.provider-card>button{grid-column:2/-1;justify-self:start;margin-top:2px}
.billing-package-grid{display:grid;grid-template-columns:repeat(3,minmax(260px,1fr));gap:14px}.billing-package{display:grid;gap:14px;padding:19px;border:1px solid var(--line);border-radius:19px;background:linear-gradient(145deg,rgba(13,26,51,.93),rgba(6,16,34,.98))}.billing-package h3{margin:4px 0 3px;font:800 18px Manrope,sans-serif}.billing-package p{margin:0;color:var(--muted);font-size:10px;line-height:1.5}.billing-package>strong{font:800 26px Manrope,sans-serif}.billing-package>strong small{margin-left:4px;color:var(--muted);font:600 10px Inter,sans-serif}.payment-tags{display:flex;flex-wrap:wrap;gap:6px}.payment-tags span,.provider-strip span{display:inline-flex;align-items:center;padding:6px 9px;border:1px solid rgba(0,166,255,.16);border-radius:999px;background:rgba(0,166,255,.06);color:#bfeeff;font-size:9px;font-weight:700}.billing-package dl{display:grid;gap:7px;margin:0}.billing-package dl div{display:grid;grid-template-columns:70px minmax(0,1fr);gap:10px;padding-top:7px;border-top:1px solid var(--line)}.billing-package dt{color:var(--muted);font-size:9px}.billing-package dd{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:9px ui-monospace,SFMono-Regular,Consolas,monospace}.billing-table td small,.ops-table td small{display:block;margin-top:3px;color:var(--muted);font-size:8px}.danger-text{color:#ff9ca7!important;max-width:270px;white-space:normal!important}
.integration-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.integration-actions .danger{background:rgba(255,100,124,.08);border:1px solid rgba(255,100,124,.25)}.provider-strip{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.integration-hero{display:grid;grid-template-columns:68px minmax(0,1fr);gap:20px;align-items:start;padding:27px;border:1px solid rgba(0,166,255,.2);border-radius:23px;background:radial-gradient(circle at 0 0,rgba(13,71,255,.18),transparent 42%),linear-gradient(145deg,rgba(12,25,50,.94),rgba(5,14,30,.98))}.integration-hero .provider-icon{width:64px;height:64px;display:grid;place-items:center;border-radius:19px;background:linear-gradient(145deg,rgba(13,71,255,.24),rgba(0,229,255,.08));color:var(--green);font-size:28px}.integration-hero h2{margin:5px 0 8px;font:800 26px Manrope,sans-serif}.integration-hero p{margin:0;color:var(--muted);line-height:1.6}.integration-status-card{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:16px;padding:14px 16px;border:1px solid rgba(46,213,115,.18);border-radius:15px;background:rgba(46,213,115,.045)}.integration-status-card>div{display:grid;grid-template-columns:12px auto;column-gap:8px;align-items:center}.integration-status-card small{grid-column:2;display:block;color:var(--muted);margin-top:3px}.integration-status-card>span{font-weight:800;color:#9de9b9}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.online{background:var(--green);box-shadow:0 0 12px var(--green)}
.zone-grid{display:grid;grid-template-columns:repeat(3,minmax(250px,1fr));gap:14px}.zone-card{display:grid;gap:14px;padding:19px;border:1px solid var(--line);border-radius:19px;background:linear-gradient(145deg,rgba(13,26,51,.93),rgba(6,16,34,.98))}.zone-card h3{margin:4px 0;font:800 18px Manrope,sans-serif}.zone-card dl{display:grid;gap:8px;margin:0}.zone-card dl div{display:grid;gap:3px}.zone-card dt{color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.07em}.zone-card dd{margin:0;font-size:10px;overflow-wrap:anywhere}
.seo-cockpit{display:grid;gap:18px}.seo-cockpit-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;padding:23px;border:1px solid rgba(0,166,255,.2);border-radius:21px;background:radial-gradient(circle at 100% 0,rgba(0,229,255,.09),transparent 42%),linear-gradient(145deg,rgba(13,71,255,.12),rgba(7,18,37,.5))}.seo-cockpit-head h2{margin:5px 0 7px}.seo-cockpit-head p{max-width:690px;margin:0;color:var(--muted);line-height:1.55}.seo-head-score{display:grid;grid-template-columns:auto auto;gap:7px 12px;align-items:center;justify-items:end}.seo-head-score small{grid-column:1;color:var(--muted)}.seo-head-score strong{grid-column:2;font:850 34px Manrope,sans-serif;color:#bfeeff}.seo-head-score button{grid-column:1/-1}.seo-layout.premium{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.7fr);gap:18px;align-items:start}.seo-form{display:grid;gap:14px}.seo-panel{padding:20px;border:1px solid var(--line);border-radius:18px;background:rgba(7,18,37,.58)}.seo-panel-title{display:grid;grid-template-columns:38px minmax(0,1fr);gap:11px;margin-bottom:16px}.seo-panel-title>span{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:rgba(0,166,255,.1);color:var(--green)}.seo-panel-title h3{margin:1px 0 3px;font:800 15px Manrope,sans-serif}.seo-panel-title p{margin:0;color:var(--muted);font-size:9px;line-height:1.45}.seo-preview-panel.sticky{position:sticky;top:16px;display:grid;gap:14px}.seo-side-section{padding-bottom:15px;border-bottom:1px solid var(--line)}.seo-side-section:last-child{padding-bottom:0;border:0}.seo-side-section h3{margin:0 0 10px;font:800 12px Manrope,sans-serif}.seo-generated-list{display:grid;gap:7px}.seo-generated-list span{display:flex;align-items:center;gap:7px;color:#bbcae1;font-size:9px}.seo-generated-list .svg-icon{color:var(--green)}
@media(max-width:1150px){.provider-grid,.billing-package-grid,.zone-grid{grid-template-columns:repeat(2,minmax(240px,1fr))}.seo-layout.premium{grid-template-columns:1fr}.seo-preview-panel.sticky{position:static}.website-row.polished{grid-template-columns:44px minmax(0,1fr) auto}.website-actions{grid-column:2/-1;justify-content:flex-start}.website-health{grid-column:3;grid-row:1/3}}
@media(max-width:760px){.provider-grid,.billing-package-grid,.zone-grid{grid-template-columns:1fr}.website-row.polished{grid-template-columns:42px minmax(0,1fr);align-items:start}.website-health{grid-column:2;grid-row:auto;display:flex;justify-items:start;flex-wrap:wrap}.website-actions{grid-column:2}.site-menu-panel{position:fixed;left:14px;right:14px;top:auto;bottom:14px;width:auto;max-height:70vh;overflow:auto}.website-row.polished .website-error{grid-column:1/-1}.seo-cockpit-head{grid-template-columns:1fr}.seo-head-score{justify-items:start}.integration-hero{grid-template-columns:1fr}.integration-status-card{align-items:flex-start;flex-direction:column}.ops-table.billing-table{min-width:920px}}