.hosted-shell{position:fixed;inset:0;z-index:1100;display:none;align-items:center;justify-content:center;background:rgba(6,6,6,.9);backdrop-filter:blur(10px);padding:24px}
.hosted-shell.open{display:flex}
.hosted-shell-card{width:min(460px,92vw);background:#191919;border:1px solid rgba(255,255,255,.09);border-radius:20px;padding:26px 26px 22px;box-shadow:0 40px 100px rgba(0,0,0,.6)}
.hosted-shell-brand-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}
.hosted-shell-brand{display:flex;align-items:center;min-width:0}
.hosted-shell-brand-logo{display:block;width:auto;height:26px;max-width:min(176px,100%)}
.hosted-shell-badge{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--t3);padding:6px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03)}
.hosted-shell-kicker{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--acc);margin-bottom:8px}
.hosted-shell-title{font-size:28px;font-weight:700;letter-spacing:-.04em;color:#fff;line-height:1.05}
.hosted-shell-copy{font-size:13px;line-height:1.6;color:var(--t2);margin:10px 0 16px}
.hosted-shell-alert{display:none;padding:10px 12px;border-radius:10px;font-size:12px;line-height:1.5;margin-bottom:14px;background:rgba(255,255,255,.04);color:var(--t2);border:1px solid rgba(255,255,255,.06)}
.hosted-shell-alert.visible{display:block}
.hosted-shell-alert.success{background:rgba(77,184,112,.12);border-color:rgba(77,184,112,.2);color:#bfe4ca}
.hosted-shell-alert.error{background:rgba(192,64,64,.12);border-color:rgba(192,64,64,.2);color:#e3b2b2}
.hosted-form{display:grid;gap:12px}
.hosted-form[hidden]{display:none}
.hosted-field{display:grid;gap:7px}
.hosted-field span{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--t3)}
.hosted-field input{width:100%;background:#121212;border:1px solid rgba(255,255,255,.09);border-radius:12px;padding:12px 13px;color:var(--t1);font:inherit}
.hosted-field input:focus{outline:none;border-color:rgba(102,144,242,.35);box-shadow:0 0 0 3px rgba(102,144,242,.12)}
.hosted-primary{width:100%;margin-top:4px;border:none;border-radius:12px;background:linear-gradient(180deg,#6e90f7,#5075df);color:#fff;padding:12px 14px;font:600 13px var(--font);cursor:pointer}
.hosted-form-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:4px}
.hosted-primary-inline{width:auto;min-width:128px;margin-top:0;justify-self:end}
.hosted-inline-link{
  background:none;border:none;color:var(--t3);font:500 12px var(--font);cursor:pointer;padding:0;
  transition:color .12s;
}
.hosted-back-link{margin-top:2px;justify-self:start}
.hosted-shell.is-loading .hosted-primary{opacity:.7}

.settings-hosted-block{margin-top:10px}
.hosted-settings-actions{display:flex;gap:8px;flex-wrap:wrap}

#page-admin{padding:28px 34px 44px;overflow:auto}
.admin-wrap{display:grid;gap:18px;max-width:1100px}
.admin-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.admin-kicker{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--acc);margin-bottom:7px}
.admin-title{font-size:30px;font-weight:700;letter-spacing:-.04em;color:#fff}
.admin-copy{font-size:13px;line-height:1.7;color:var(--t2);margin-top:8px;max-width:620px}
.admin-grid{display:grid;grid-template-columns:minmax(300px,380px) minmax(340px,1fr);gap:18px}
.admin-card{background:var(--card);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:18px}
.admin-card-title{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--t3);margin-bottom:14px}
.admin-form{display:grid;gap:12px}
.admin-output{margin-top:14px;padding:12px 13px;border-radius:12px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.05);font-size:12px;line-height:1.6;color:var(--t2);word-break:break-all}
.admin-list{display:grid;gap:10px}
.admin-empty{font-size:12px;color:var(--t3);padding:8px 2px}
.admin-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 13px;border-radius:12px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05)}
.admin-row-meta{min-width:0}
.admin-row-email{font-size:13px;font-weight:600;color:var(--t1);overflow:hidden;text-overflow:ellipsis}
.admin-row-sub{font-size:11px;color:var(--t3);margin-top:3px}
.admin-row-actions{display:flex;gap:8px;flex-wrap:wrap}
.admin-row-btn{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);color:var(--t2);border-radius:10px;padding:8px 11px;font:500 12px var(--font);cursor:pointer}
.admin-row-btn.danger{color:#d9a6a6}

@media(hover:hover){
  .hosted-primary:hover{filter:brightness(1.05)}
  .hosted-inline-link:hover{color:var(--t2)}
  .admin-row-btn:hover{background:rgba(255,255,255,.08);color:var(--t1)}
  .admin-row-btn.danger:hover{background:rgba(192,64,64,.1);border-color:rgba(192,64,64,.2);color:#e0b0b0}
}

@media(max-width:900px){
  .admin-grid{grid-template-columns:1fr}
  #page-admin{padding:20px 18px 32px}
}

@media(max-width:540px){
  .hosted-form-actions{flex-direction:column;align-items:stretch}
  .hosted-primary-inline{width:100%;min-width:0}
  .hosted-inline-link,.hosted-back-link{justify-self:start}
}