:root{--ink:#111318;--muted:#6d737d;--line:#e4e7eb;--surface:#fff;--bg:#f5f6f8;--brand:#111827;--green:#12925c;--shadow:0 12px 36px rgba(20,25,35,.07);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink)}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-size:15px}button,input,select,textarea{font:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:238px 1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;padding:26px 18px;display:flex;flex-direction:column;background:#101216;color:#fff}.brand{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none;font-weight:750;letter-spacing:.08em;padding:0 10px 34px}.brand-mark{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:#fff;color:#111;font-size:15px}.sidebar nav{display:grid;gap:5px}.nav-item{border:0;border-radius:10px;padding:12px 13px;background:transparent;color:#aeb3bc;text-align:left;cursor:pointer;display:flex;gap:12px;align-items:center}.nav-item span{font-size:18px;width:20px;text-align:center}.nav-item:hover,.nav-item.active{background:#25282e;color:#fff}.side-bottom{margin-top:auto;padding:18px 10px 0;border-top:1px solid #292c31;display:grid;gap:12px}.side-bottom a{color:#aeb3bc;text-decoration:none;font-size:13px}.plan-chip{width:max-content;padding:5px 9px;background:#fff;color:#111;border-radius:6px;font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.08em}main{grid-column:2;min-width:0}.topbar{height:74px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.85);backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:space-between;padding:0 38px;position:sticky;top:0;z-index:10}.topbar>div:first-of-type{display:grid;gap:2px}.topbar .muted{font-size:11px}.user{display:flex;align-items:center;gap:10px}.user>div{display:grid;text-align:right}.user small{color:var(--muted);font-size:11px}.avatar{width:34px;height:34px;border-radius:50%;background:#e8ebef;display:grid;place-items:center;font-weight:700}.status-dot{width:8px;height:8px;border-radius:50%;background:#20b875;box-shadow:0 0 0 3px #daf5e8}.mobile-menu{display:none;border:0;background:none;font-size:20px}.view{display:none;padding:58px clamp(24px,5vw,72px) 80px;max-width:1380px;margin:auto}.view.active{display:block}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:34px}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:11px;font-weight:750;color:#747b86;margin:0 0 12px}.page-head h1{font-size:clamp(32px,4vw,48px);letter-spacing:-.045em;line-height:1.04;margin:0 0 10px}.page-head p:not(.eyebrow){color:var(--muted);font-size:17px;margin:0;max-width:650px;line-height:1.55}.button{border:0;border-radius:10px;padding:12px 17px;font-weight:650;cursor:pointer;transition:.2s;white-space:nowrap}.button:hover{transform:translateY(-1px)}.button.primary{background:#111318;color:#fff;box-shadow:0 5px 14px rgba(17,19,24,.16)}.button.secondary{background:#f2f3f5;color:#17191d}.button.wide{width:100%}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:14px}.stats article,.panel{background:var(--surface);border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow)}.stats article{padding:22px}.stats span,.stats small{display:block;color:var(--muted);font-size:12px}.stats strong{display:block;font-size:25px;margin:8px 0 4px}.stats strong.online{font-size:20px;color:var(--green)}.grid{display:grid;gap:14px}.grid.two{grid-template-columns:1fr 1fr}.panel{padding:25px}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-title>div{display:flex;align-items:center;gap:11px}.panel h2{font-size:18px;margin:0}.panel>p{color:var(--muted);line-height:1.55}.setup .button{margin-top:20px}.step-icon{display:grid;place-items:center;width:29px;height:29px;border:1px solid var(--line);border-radius:8px;font-size:12px}.badge{padding:5px 9px;border-radius:999px;font-size:11px;font-weight:700}.badge.neutral{background:#f0f1f3;color:#737983}.badge.good{background:#dcf7e9;color:#087a49}.activity{margin-top:14px}.empty{text-align:center;padding:48px 20px 30px}.empty>span{display:grid;place-items:center;width:38px;height:38px;margin:auto;border-radius:50%;background:#edf7f2;color:var(--green)}.empty h3{font-size:15px;margin:13px 0 5px}.empty p{font-size:13px;color:var(--muted);margin:0}.domain-grid{grid-template-columns:.85fr 1.15fr}.cloudflare{color:#f48120;background:#fff4e9;padding:6px 9px;border-radius:7px;font-weight:700;font-size:12px}form{margin-top:25px}label{display:grid;gap:8px;font-size:13px;font-weight:650;margin-bottom:18px}input,select,textarea{width:100%;border:1px solid #dcdfe4;border-radius:9px;padding:12px 13px;color:var(--ink);background:#fff;outline:0}input:focus,select:focus,textarea:focus{border-color:#777f8a;box-shadow:0 0 0 3px #edf0f3}.hint{font-size:12px!important;margin:-9px 0 20px!important}.secure-note{display:flex;gap:12px;margin-top:20px;padding:15px;background:#f7f8fa;border-radius:10px}.secure-note>span{font-size:20px}.secure-note strong{font-size:13px}.secure-note p{font-size:11px;color:var(--muted);margin:3px 0}.empty.compact{padding:70px 10px}.domain-name{display:flex;align-items:center;gap:12px;background:#f7f8fa;padding:15px;border-radius:10px;margin:24px 0 14px}.domain-name button{margin-left:auto;border:0;background:none;font-size:20px;color:#888;cursor:pointer}.dns-record{display:grid;grid-template-columns:.5fr 1fr 2fr auto;gap:15px;padding:14px;border:1px solid var(--line);border-radius:10px;margin-bottom:14px}.dns-record div{display:grid;gap:3px;min-width:0}.dns-record small{color:var(--muted);font-size:10px}.dns-record strong{font-size:12px;overflow:hidden;text-overflow:ellipsis}.icon-button{border:0;background:#f2f3f5;border-radius:7px;cursor:pointer}.steps{margin-top:14px}.steps>div{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:26px}.steps span{width:30px;height:30px;border-radius:50%;background:#15171b;color:#fff;display:grid;place-items:center;font-weight:700;font-size:12px}.steps p{display:grid;gap:4px}.steps small{color:var(--muted)}.steps i{color:#a9adb4}.builder-head{align-items:center}.save-state{display:flex;align-items:center;gap:15px;font-size:12px;color:var(--muted)}.builder-layout{display:grid;grid-template-columns:370px minmax(440px,1fr);gap:20px}.controls{padding:0;overflow:hidden}.tabs{display:grid;grid-template-columns:repeat(3,1fr);padding:7px;border-bottom:1px solid var(--line)}.tabs button{border:0;background:none;padding:11px;cursor:pointer;color:var(--muted);font-size:12px;font-weight:650;border-radius:7px}.tabs button.active{background:#eff1f3;color:var(--ink)}.tab{display:none;padding:24px}.tab.active{display:block}.upload{border:1px dashed #cfd3d8;border-radius:9px;padding:18px;text-align:center;color:#25282d;cursor:pointer}.upload small{display:block;color:var(--muted);margin-top:4px;font-weight:400}input[type=file]{display:none}.color-row{display:grid;grid-template-columns:48px 1fr;gap:8px}.color-row input[type=color]{height:43px;padding:4px}.toggle-row{display:flex;justify-content:space-between;align-items:center}.toggle-row span{display:grid;gap:4px}.toggle-row small{color:var(--muted);font-weight:400}.toggle-row input{width:38px;height:21px;accent-color:#17191d}.preview-wrap{border-radius:15px;overflow:hidden;border:1px solid #daddE2;background:white;box-shadow:var(--shadow)}.preview-bar{height:46px;display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;padding:0 16px;border-bottom:1px solid var(--line);color:#a3a8b0;font-size:12px}.preview-bar>span:first-child{display:flex;gap:5px}.preview-bar i{width:8px;height:8px;border-radius:50%;background:#d5d8dc}.preview-bar strong{background:#f3f4f6;border-radius:6px;padding:6px 14px;text-align:center;color:#707680;font-weight:500}.preview-bar>span:last-child{text-align:right}.login-preview{min-height:590px;display:grid;place-items:center;padding:48px 22px;transition:.3s}.login-preview.soft{background:#f2f3f5}.login-preview.plain{background:#fff}.login-preview.dark{background:#17191e}.login-preview.gradient{background:linear-gradient(135deg,color-mix(in srgb,var(--preview-brand) 18%,white),#f7f7f9 50%,color-mix(in srgb,var(--preview-brand) 10%,white))}.login-card{width:min(380px,100%);padding:34px;background:#fff;border-radius:16px;box-shadow:0 20px 60px rgba(24,28,37,.12);text-align:center}.preview-logo{width:48px;height:48px;margin:0 auto 22px;display:grid;place-items:center;border-radius:12px;background:var(--preview-brand,#111827);color:#fff;font-size:22px;font-weight:800;overflow:hidden}.preview-logo img{width:100%;height:100%;object-fit:contain;background:#fff}.login-card h2{font-size:23px;margin:0 0 8px}.login-card>p{color:var(--muted);font-size:13px;margin:0 0 22px}.social,.login-card #previewButton{width:100%;padding:11px;border-radius:8px;font-weight:650;cursor:default}.social{background:#fff;border:1px solid #dfe2e6;color:#272a2e}.divider{position:relative;margin:19px 0;border-top:1px solid #e8eaed}.divider span{position:relative;top:-9px;background:#fff;padding:0 9px;color:#9a9fa7;font-size:10px}.login-card label{text-align:left;font-size:11px;margin-bottom:12px}.login-card input{padding:10px}.login-card #previewButton{border:0;background:var(--preview-brand,#111827);color:#fff;margin-top:3px}.login-card .signup{font-size:11px;margin:18px 0!important}.login-card>small{color:#a1a6ad;font-size:9px}.sandbox-label{text-align:center;color:var(--muted);font-size:11px}.sandbox-label span{color:#f0a116}.publish-card{max-width:570px;margin:auto;text-align:center;padding:38px}.launch-icon{width:54px;height:54px;display:grid;place-items:center;margin:0 auto 18px;border-radius:14px;background:#121419;color:#fff;font-size:23px}.publish-card>h2{font-size:24px}.publish-card>p{color:var(--muted)}.check-list{text-align:left;margin:28px 0}.check-list>div{display:flex;gap:13px;padding:14px 0;border-top:1px solid var(--line)}.check-list p{display:grid;gap:4px;margin:0}.check-list small{color:var(--muted)}.check{width:25px;height:25px;display:grid;place-items:center;flex:0 0 auto;background:#def6e9;color:var(--green);border-radius:50%;font-size:12px}.check.pending{background:#fff1d7;color:#ab6b00}.publish-note{font-size:11px!important}#toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,20px);background:#15171b;color:#fff;padding:11px 17px;border-radius:9px;font-size:12px;opacity:0;pointer-events:none;transition:.25s;z-index:50}#toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:850px){.app-shell{display:block}.sidebar{transform:translateX(-100%);z-index:30;transition:.25s}.sidebar.open{transform:none}main{grid-column:auto}.mobile-menu{display:block}.topbar{padding:0 18px}.topbar>div:first-of-type{display:none}.view{padding:34px 18px 60px}.grid.two,.domain-grid,.builder-layout{grid-template-columns:1fr}.stats{grid-template-columns:1fr}.page-head{align-items:flex-start;flex-direction:column}.steps>div{align-items:flex-start;flex-direction:column}.steps i{display:none}.builder-layout{display:flex;flex-direction:column}.preview-wrap{min-width:0}.login-preview{min-height:520px}.user>div{display:none}}
@media(max-width:480px){.dns-record{grid-template-columns:1fr 1fr}.stats{grid-template-columns:repeat(3,1fr)}.stats article{padding:14px}.stats strong{font-size:19px}.stats strong.online{font-size:14px}.panel{padding:19px}.publish-card{padding:25px 19px}.save-state span{display:none}}