.sites-shell{max-width:1180px;margin:0 auto;padding:42px 22px 80px}
.sites-hero{display:grid;grid-template-columns:1fr 300px;gap:26px;align-items:end;margin-bottom:24px}
.sites-hero h1{font-size:clamp(42px,7vw,76px);margin:8px 0 10px}
.sites-hero p{max-width:720px;color:var(--muted);font-size:18px;line-height:1.55}
.wallet-card{border:1px solid var(--line);border-radius:24px;padding:22px;background:#0a1c16;display:grid;gap:4px}
.wallet-card span,.wallet-card small{color:var(--muted)}
.wallet-card strong{font-size:34px;color:var(--green)}
.sites-panel{padding:22px}
.panel-title-row{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px}
.panel-title-row h2,.billing-note h2{margin:5px 0 0}
.sites-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}
.site-card{border:1px solid var(--line);border-radius:22px;padding:18px;background:#081812;display:grid;gap:14px}
.site-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.site-card-head h3{margin:0 0 4px;font-size:22px}
.site-card-head small{color:var(--muted)}
.site-status{display:inline-flex;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;background:#133228;color:#5ce5ae;white-space:nowrap}
.site-status.past_due,.site-status.suspended{background:#3a2117;color:#ffbc8b}
.site-status.cancelled{background:#262626;color:#c6c6c6}
.site-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.site-meta>div{border:1px solid var(--line);border-radius:15px;padding:10px}
.site-meta span{display:block;font-size:11px;color:var(--muted);margin-bottom:3px}
.site-meta b{font-size:14px}
.site-card-actions{display:flex;gap:8px;flex-wrap:wrap}
.site-card-actions .btn,.site-card-actions .btn2{flex:1;min-width:115px;text-align:center;text-decoration:none}
.billing-note p{color:var(--muted);line-height:1.55;max-width:850px}
.site-modal{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:20px}
.site-modal.hidden{display:none}
.site-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(5px)}
.site-modal-card{position:relative;z-index:1;width:min(860px,100%);max-height:92vh;overflow:auto;border:1px solid var(--line);border-radius:28px;background:#071710;padding:26px;box-shadow:0 30px 90px rgba(0,0,0,.45)}
.site-modal-close{position:absolute;right:16px;top:16px;border:1px solid var(--line);background:#0e2119;color:#fff;width:42px;height:42px;border-radius:50%;font-size:25px;cursor:pointer}
.plan-choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:20px 0}
.plan-choice{text-align:left;border:1px solid var(--line);border-radius:22px;padding:18px;background:#091a14;color:#fff;cursor:pointer;display:grid;gap:7px}
.plan-choice.active{border-color:var(--green);box-shadow:0 0 0 2px rgba(48,221,156,.14)}
.plan-choice p{color:var(--muted);line-height:1.45;margin:0}
.plan-choice b{font-size:23px;color:var(--green)}
.plan-choice small{color:var(--muted)}
.plan-badge{font-size:11px;font-weight:950;letter-spacing:.12em;color:var(--green)}
.create-site-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.create-site-form label{display:grid;gap:7px;font-weight:800}
.create-site-form input{width:100%;border:1px solid var(--line);border-radius:14px;background:#04110d;color:#fff;padding:13px;font:inherit}
.slug-field{display:flex;align-items:center;border:1px solid var(--line);border-radius:14px;background:#04110d;overflow:hidden}
.slug-field span{padding-left:13px;color:var(--muted);font-size:13px;white-space:nowrap}
.slug-field input{border:0}
.purchase-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:16px 0}
.purchase-summary>div{border:1px solid var(--line);border-radius:15px;padding:11px}
.purchase-summary span{display:block;color:var(--muted);font-size:11px;margin-bottom:3px}
.confirm-check{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line);border-radius:16px;padding:13px;color:#dfece7}
.confirm-check input{margin-top:4px}
.create-site-status{min-height:22px;margin:12px 0;color:var(--muted)}
.create-site-status.error{color:#ff9e9e}
.create-site-status.success{color:#5ce5ae}
.site-modal-actions{display:flex;justify-content:flex-end;gap:10px}
@media(max-width:760px){
 .sites-shell{padding:28px 14px 70px}.sites-hero{grid-template-columns:1fr}.sites-grid{grid-template-columns:1fr}
 .panel-title-row{align-items:flex-start;flex-direction:column}.panel-title-row .btn{width:100%}
 .plan-choice-grid,.create-site-form,.purchase-summary{grid-template-columns:1fr}.site-meta{grid-template-columns:1fr 1fr}
 .site-modal{padding:10px}.site-modal-card{padding:20px 16px;border-radius:22px}.site-modal-actions>*{flex:1}
}