:root{font-family:'DM Sans',sans-serif;color:#20263a;background:#f7f8fc;font-synthesis:none;text-rendering:optimizeLegibility;--ink:#20263a;--muted:#616879;--line:#e9ebf2;--purple:#635bdf;--soft-purple:#f0efff;--green:#17a77a;--red:#d94e62}*{box-sizing:border-box}body{margin:0}.demo-banner{height:34px;display:flex;align-items:center;justify-content:center;gap:9px;background:#fff5d9;color:#815d08;font-size:11px;font-weight:700;letter-spacing:.06em;border-bottom:1px solid #f1e4bb}.demo-banner>span:last-child{font-weight:500;letter-spacing:0;color:#70591c}.dot{width:7px;height:7px;background:#edb843;border-radius:50%;box-shadow:0 0 0 3px #f8e9bc}.shell{display:flex;min-height:calc(100vh - 34px)}.sidebar{position:fixed;inset:34px auto 0 0;width:250px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:24px 16px 12px;z-index:3}.brand{display:flex;align-items:center;gap:11px;padding:0 8px 27px;color:#282c3d;text-decoration:none;font-family:Manrope,sans-serif;font-weight:800;font-size:17px;letter-spacing:-.7px}.brand small{display:block;font:500 10px 'DM Sans',sans-serif;letter-spacing:.25px;color:#626879;margin-top:2px}.brand-mark{display:grid;place-items:center;width:35px;height:35px;color:white;background:linear-gradient(145deg,#8975f6,#524bce);border-radius:11px;font-size:18px;box-shadow:0 5px 12px #6655d33a}.workspace{height:58px;border:1px solid var(--line);border-radius:10px;padding:8px;display:flex;gap:9px;align-items:center;margin-bottom:23px}.workspace-icon{display:grid;place-items:center;width:33px;height:33px;border-radius:8px;background:#f1efff;color:#6c5ce7}.workspace b,.profile b{display:block;font-size:11px;font-weight:700}.workspace small,.profile small{display:block;font-size:10px;color:#606779;margin-top:3px}.chevron{margin-left:auto;color:#999}.nav-label{font-size:9px;font-weight:700;letter-spacing:.12em;color:#626879;padding:0 10px;margin:18px 0 8px}.nav-item{height:39px;margin:2px 0;display:flex;align-items:center;gap:11px;padding:0 10px;border-radius:7px;color:#6d7385;text-decoration:none;font-size:12px;font-weight:500}.nav-item>span:first-child{font-size:16px;width:17px;text-align:center;color:#9298ac}.nav-item:hover{background:#f8f7ff;color:#5247c3}.nav-item.active{background:#efefff;color:#5147c8;font-weight:700}.nav-item.active>span:first-child{color:#6259dc}.nav-count{margin-left:auto;border-radius:6px;background:#fff;padding:2px 7px;color:#7671cf;font-size:10px}.nav-item em{margin-left:auto;font-size:8px;font-style:normal;color:#a5a8b3;letter-spacing:.05em}.unavailable{opacity:1}.unavailable em{color:#626879}.sidebar-bottom{margin-top:auto}.help-card{padding:13px;border:1px solid #eeedf8;background:linear-gradient(135deg,#fbfaff,#f6f5ff);border-radius:9px;font-size:10px}.help-icon{float:right;width:18px;height:18px;display:grid;place-items:center;background:#ebe9ff;color:#655ada;border-radius:50%;font-weight:700}.help-card b{font-size:11px}.help-card p{line-height:1.5;color:#888ea0;margin:6px 0}.help-card a{font-weight:700;color:#5d54ce;text-decoration:none}.profile{display:flex;align-items:center;gap:9px;padding:14px 4px 3px;margin-top:11px;border-top:1px solid var(--line)}.avatar{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#eceaff;color:#6158d1;font-size:12px;font-weight:700}.profile .more{margin-left:auto;color:#999;font-size:12px}.main{margin-left:250px;width:calc(100% - 250px);min-height:calc(100vh - 34px);display:flex;flex-direction:column}.topbar{height:59px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 4.3%;position:sticky;top:34px;z-index:2}.breadcrumbs{color:#626879;font-size:11px}.breadcrumbs span{padding:0 8px;color:#c4c7d0}.breadcrumbs b{color:#4a5062;font-weight:600}.top-actions{display:flex;align-items:center;gap:14px}.status-pill{padding:6px 10px;border:1px solid #e5eee9;background:#f7fcf8;border-radius:20px;font-size:10px;color:#386b54}.status-pill i{display:inline-block;width:6px;height:6px;background:#3eb987;border-radius:50%;margin-right:5px}.icon-button{display:grid;place-items:center;width:25px;height:25px;border:1px solid var(--line);border-radius:50%;text-decoration:none;color:#83899a;font-size:11px}.page{max-width:1180px;width:100%;margin:0 auto;padding:38px 4.3% 20px;flex:1}.welcome,.page-title{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px}.eyebrow{color:#626879;font-size:9px;font-weight:700;letter-spacing:.13em;margin:0 0 7px}.welcome h1,.page-title h1,.coming-card h1{font-family:Manrope,sans-serif;font-size:28px;letter-spacing:-1.1px;line-height:1.2;margin:0;color:#23283b}.accent{color:#6b5ce1}.muted{color:var(--muted);font-size:12px;line-height:1.6;margin:8px 0 0}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:7px;padding:10px 14px;font:600 11px 'DM Sans',sans-serif;text-decoration:none;cursor:pointer;transition:.15s}.button:hover{transform:translateY(-1px);filter:brightness(.98)}.primary{background:#6258d9;color:white;box-shadow:0 4px 10px #6258d92d}.secondary{color:#5751bd;background:#f0efff;border:1px solid #e6e4ff}.notice{display:flex;align-items:flex-start;gap:11px;border:1px solid #e8e5ff;background:#f7f6ff;border-radius:8px;padding:13px 15px;margin:0 0 18px}.notice-symbol{width:17px;height:17px;flex:none;display:grid;place-items:center;border-radius:50%;background:#e6e3ff;color:#6259d5;font:700 10px serif}.notice b{font-size:11px;color:#514aa9}.notice p{margin:4px 0 0;color:#5f6379;font-size:10px;line-height:1.5}.notice-tag{margin-left:auto;font-size:8px;font-weight:700;letter-spacing:.08em;color:#574bb1;background:#eeecff;padding:5px 7px;border-radius:4px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.stat-card{background:white;border:1px solid var(--line);border-radius:9px;padding:14px 15px;min-height:105px}.stat-head{display:flex;justify-content:space-between;align-items:center;color:#656b7a;font-size:10px;font-weight:600}.stat-icon{width:25px;height:25px;border-radius:7px;display:grid;place-items:center;font-size:12px}.purple{color:#7165dd;background:#f0eeff}.blue{color:#4d91da;background:#edf6ff}.teal{color:#31a899;background:#eaf9f7}.green{color:#28a978;background:#e9f8f0}.stat-card>strong{display:block;font:700 22px Manrope,sans-serif;margin:8px 0 1px;color:#282d40}.stat-card>strong .unit{font:500 10px 'DM Sans',sans-serif;color:#646b7d}.stat-card>small{font-size:9px;color:#636979}.stat-card .health-text{font-size:18px;color:#795d0d}.section-heading{display:flex;align-items:end;justify-content:space-between;margin:30px 0 11px}.section-heading h2{font:700 16px Manrope,sans-serif;margin:0;letter-spacing:-.3px}.text-link{font-size:10px;color:#6259d5;text-decoration:none;font-weight:700}.text-link span{margin-left:4px}.site-list{display:grid;gap:9px}.site-row{display:flex;align-items:center;background:white;border:1px solid var(--line);border-radius:8px;padding:12px 14px;gap:12px}.site-icon{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:9px;background:#f1efff;color:#6259d5;font-size:15px}.site-meta{min-width:0;flex:1}.site-meta b{display:block;color:#303549;font-size:11px}.site-meta small{display:block;color:#636979;font-size:9px;margin-top:4px}.site-status{padding:4px 7px;border-radius:12px;background:#eaf8f0;color:#176b48;font-size:9px;font-weight:600}.site-status.suspended{background:#fff3e8;color:#c27b35}.site-status.failed{background:#ffedef;color:#c5485b}.row-action{border:0;background:none;color:#6860cb;cursor:pointer;font:600 10px 'DM Sans',sans-serif}.empty-state{background:#fff;border:1px dashed #dfe1ea;text-align:center;padding:28px;border-radius:9px;color:#63697a;font-size:11px}.empty-state b{display:block;color:#454b5e;font-size:13px;margin-bottom:6px}.empty-state .button{margin-top:13px}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:12px}.quick-card{display:flex;align-items:center;gap:10px;background:white;border:1px solid var(--line);border-radius:8px;text-decoration:none;padding:12px;color:inherit}.quick-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:7px;font-size:14px}.quick-card b{display:block;font-size:10px}.quick-card small{display:block;color:#626879;font-size:9px;margin-top:3px}.quick-card .arrow{margin-left:auto;color:#9189d8}.quick-card .soon{margin-left:auto;font-size:8px;color:#5f6677;letter-spacing:.04em}.subdued{opacity:1}.page-title{align-items:start;margin-bottom:24px}.page-title h1{font-size:25px}.wizard-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(220px,.8fr);align-items:start;gap:15px}.wizard-card,.summary-card,.panel-card{background:#fff;border:1px solid var(--line);border-radius:9px;padding:20px}.step-heading{display:flex;align-items:flex-start;gap:10px}.step-number{display:grid;place-items:center;width:23px;height:23px;flex:none;background:#f0efff;color:#6057d2;border-radius:50%;font-size:10px;font-weight:700}.step-heading h2{font:700 13px Manrope,sans-serif;margin:2px 0 4px}.step-heading p{font-size:9px;color:#9297a8;margin:0}.type-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0 22px}.type-card{position:relative;border:1px solid #e8e9f0;border-radius:8px;padding:12px;display:grid;grid-template-columns:25px 1fr;align-items:center;column-gap:7px;cursor:pointer}.type-card.selected{border-color:#9188ee;background:#faf9ff;box-shadow:0 0 0 2px #f0efff}.type-card input{position:absolute;opacity:0}.type-symbol{grid-row:span 2;color:#685ed3;font-size:15px}.type-card b{font-size:10px}.type-card small{grid-column:2;color:#999eac;font-size:8px;margin-top:3px}.type-card em{position:absolute;right:7px;top:7px;font-style:normal;font-size:7px;color:#9986ca;background:#f2efff;padding:3px 4px;border-radius:3px}.type-card.disabled{opacity:.56;cursor:not-allowed}.type-card.disabled em{background:#f0f1f4;color:#9295a0}.form-divider{border-top:1px solid #f0f0f4;margin:0 0 20px}.field-label{display:block;font-size:9px;font-weight:700;color:#555b6c;margin:17px 0 6px}.input-wrap{display:flex;align-items:center;border:1px solid #e4e6ee;border-radius:6px;padding-left:10px;color:#a0a4b2;font-size:10px}.input-wrap:focus-within,.text-input:focus{outline:2px solid #e4e1ff;border-color:#9188ee}.input-wrap input{border:0;outline:none;flex:1;min-width:0;padding:10px 7px;font:11px 'DM Sans',sans-serif;color:#3d4356;background:transparent}.field-hint{display:block;font-size:8px;color:#5f6677;margin-top:5px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.text-input{width:100%;height:35px;border:1px solid #e4e6ee;border-radius:6px;padding:0 9px;color:#43495c;background:#fff;font:10px 'DM Sans',sans-serif}.wizard-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #f0f0f4;margin-top:23px;padding-top:13px}.wizard-footer>span{font-size:8px;color:#636a7a}.wizard-footer .button{font-size:9px;padding:9px 11px}.summary-card{padding:18px}.summary-icon{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;color:#6a5ddb;background:#f0efff;margin-bottom:14px}.summary-card h3{font:700 14px Manrope,sans-serif;margin:0}.summary-card ul{list-style:none;padding:0;margin:17px 0}.summary-card li{display:flex;gap:8px;margin:11px 0;color:#72788c;font-size:9px;line-height:1.4}.summary-card li span{color:#45a47d;font-weight:700}.summary-card li:last-child span{color:#a1a4ae}.summary-note{padding:9px;border-radius:6px;background:#fbf8ed;color:#9a7e36;font-size:8px;line-height:1.5}.form-error{color:#b74254;font-size:10px;padding:8px;background:#fff0f1;margin-top:10px;border-radius:5px}.admin-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}.panel-title{margin-bottom:13px}.panel-title h2{font:700 13px Manrope,sans-serif;margin:0}.panel-title p{font-size:9px;color:#9297a8;margin:5px 0 0}.plan-row,.audit-row{padding:10px 0;border-top:1px solid #f0f1f5;font-size:10px;display:flex;justify-content:space-between;gap:10px}.plan-row small,.audit-row small{color:#989dad;font-size:9px}.plan-form{display:grid;grid-template-columns:1fr .7fr auto;gap:6px;padding-top:9px}.plan-form .button{font-size:9px;padding:7px}.audit-row{display:block}.audit-row b{font-size:9px}.audit-row small{display:block;margin-top:4px}.back-link{display:inline-block;color:#6860c6;text-decoration:none;font-size:10px;margin:0 0 20px}.detail-hero{display:flex;align-items:center;gap:12px;background:white;border:1px solid var(--line);border-radius:9px;padding:18px}.detail-hero .site-icon{width:42px;height:42px}.detail-hero h1{font:700 19px Manrope,sans-serif;margin:0}.detail-hero p{color:#969bac;font-size:10px;margin:5px 0 0}.detail-hero .site-status{margin-left:auto}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:11px}.detail-card{background:white;border:1px solid var(--line);border-radius:8px;padding:14px}.detail-card small{display:block;color:#9297a7;font-size:9px}.detail-card b{display:block;font-size:15px;margin-top:8px}.detail-actions{display:flex;gap:8px;margin-top:13px}.coming-card{text-align:center;max-width:470px;margin:65px auto;background:white;border:1px solid var(--line);border-radius:12px;padding:40px}.coming-orbit{display:grid;place-items:center;margin:auto auto 17px;width:48px;height:48px;border-radius:50%;background:#f0efff;color:#6259d6;font-size:21px}.coming-card .eyebrow{margin-bottom:9px}.coming-card h1{font-size:22px}.coming-card .button{margin-top:18px}.footer{max-width:1180px;width:100%;margin:0 auto;padding:12px 4.3% 19px;display:flex;gap:18px;color:#5f6677;font-size:9px}.footer a{margin-left:auto;color:#55518c;text-decoration:none}.toast{position:fixed;right:20px;bottom:20px;z-index:5;max-width:340px;background:#25283a;color:white;border-radius:7px;padding:12px 15px;font-size:11px;box-shadow:0 8px 25px #17192c35;opacity:0;transform:translateY(8px);transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:translateY(0)}[hidden]{display:none!important}
.detail-notice{margin-top:14px}@media(max-width:1000px){.sidebar{width:215px}.main{margin-left:215px;width:calc(100% - 215px)}.stats-grid{grid-template-columns:1fr 1fr}.wizard-layout{grid-template-columns:1fr}.summary-card{display:none}.page{padding-left:3%;padding-right:3%}.topbar{padding:0 3%}}
.job-status{margin-top:12px;padding:11px 13px;border:1px solid #e8e5ff;border-radius:8px;background:#f7f6ff;color:#6259b6;font-size:10px}.job-status.succeeded{border-color:#dcefe4;background:#f3fbf6;color:#287f59}.job-status.failed,.job-status.rollback_needed{border-color:#f2dfe2;background:#fff6f6;color:#a74856}
@media(max-width:680px){.demo-banner{font-size:9px}.demo-banner>span:last-child{max-width:55%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar{width:58px;padding:15px 7px 8px;align-items:center}.brand{padding:0 0 20px}.brand>span:last-child,.workspace,.nav-label,.nav-item:not(.active),.nav-item.active{font-size:0}.brand-mark{width:34px}.sidebar nav{width:100%}.nav-item{justify-content:center;padding:0;width:42px;height:42px;margin:5px auto;font-size:0}.nav-item>span:first-child{font-size:17px}.nav-count,.nav-item em,.sidebar-bottom{display:none!important}.main{margin-left:58px;width:calc(100% - 58px)}.topbar{height:51px;top:34px}.status-pill{font-size:0;padding:7px}.status-pill i{margin:0}.page{padding:25px 14px 18px}.welcome,.page-title{align-items:flex-start;flex-direction:column}.welcome h1{font-size:24px}.welcome .button,.page-title>.button{align-self:flex-start}.stats-grid{gap:7px}.stat-card{padding:11px;min-height:96px}.stat-card>strong{font-size:19px}.stat-card>small{font-size:8px}.quick-grid{grid-template-columns:1fr}.wizard-card{padding:14px}.field-row{grid-template-columns:1fr}.type-grid{gap:6px}.type-card{padding:9px}.wizard-footer{gap:8px;align-items:flex-start;flex-direction:column}.admin-grid{grid-template-columns:1fr}.plan-form{grid-template-columns:1fr 1fr}.plan-form .button{grid-column:span 2}.detail-grid{grid-template-columns:1fr}.footer{padding:10px 14px;font-size:8px;gap:8px;flex-wrap:wrap}.footer a{margin-left:0}.notice-tag{display:none}.site-row{gap:8px;padding:10px}.row-action{font-size:9px}}
@media(max-width:680px){.site-row{flex-wrap:wrap;min-width:0}.site-row .site-meta{flex:1 1 calc(100% - 54px);min-width:0}.site-row .site-status{flex:0 1 auto;margin-left:42px}.site-row .row-action{white-space:normal;max-width:100%;overflow-wrap:anywhere}.site-row>.button{flex:0 0 auto}}
body.public-panel .demo-banner,
body.public-panel #legacy-websites-nav,
body.public-panel #demo-preview-notice,
body.public-panel #demo-stats,
body.public-panel #legacy-websites-heading,
body.public-panel #overview-sites,
body.public-panel #legacy-quick-grid,
body.public-panel #websites-page,
body.public-panel #new-site-page,
body.public-panel #detail-page,
body.public-panel #admin-nav,
body.public-panel #admin-page { display: none !important; }

.customer-auth{max-width:520px;margin:7vh auto;padding:30px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 55px #20263a12}
.customer-auth[hidden]{display:none}
.customer-auth .brand{display:inline-flex;margin-bottom:28px}
.customer-auth h1{margin:6px 0 10px}
.customer-auth .wizard-card{display:grid;gap:12px;margin:18px 0;padding:18px}
.customer-auth details{margin-top:12px;padding:12px 16px;border:1px solid var(--line);border-radius:12px;background:white}
.customer-auth summary{cursor:pointer;font-weight:700}
dialog#customer-recovery-dialog{max-width:min(520px,calc(100vw - 24px));border:1px solid var(--line);border-radius:14px;padding:24px;color:var(--ink);box-shadow:0 18px 55px #20263a35}
dialog#customer-recovery-dialog::backdrop{background:#20263a88}
dialog#customer-recovery-dialog h2{font:700 20px Manrope,sans-serif;margin:0 0 8px}
dialog#customer-recovery-dialog p{font-size:12px;line-height:1.6;color:var(--muted)}
dialog#customer-recovery-dialog pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:14px;background:#f5f4ff;border-radius:10px;user-select:all}
body.auth-required .shell{display:none}
body.auth-loading .shell,body.auth-loading .demo-banner,body.auth-loading .customer-auth{display:none!important}
#panel-loading{max-width:520px;margin:18vh auto;padding:18px;color:var(--muted);text-align:center;font-size:14px}
#panel-loading[hidden]{display:none!important}
@media(max-width:680px){.customer-auth{margin:3vh 12px;padding:20px}}