@font-face{font-family:__Be_Vietnam_Pro_93ccac;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/cd79e1ff94fa521b-s.p.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Be_Vietnam_Pro_93ccac;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/89362aa296165c6d-s.p.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Be_Vietnam_Pro_93ccac;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/e11f95d95ac59fa4-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Be_Vietnam_Pro_93ccac;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/00f4982f357db61e-s.p.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Be_Vietnam_Pro_93ccac;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/62a3c74fa0e47362-s.p.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Be_Vietnam_Pro_93ccac;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/8201559e247ad180-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Be_Vietnam_Pro_93ccac;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/2173e4bb28c315da-s.p.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Be_Vietnam_Pro_93ccac;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/c6f81e539d11fc99-s.p.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Be_Vietnam_Pro_93ccac;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/25ab8995c98996d7-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Be_Vietnam_Pro_93ccac;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/9ddf1512dbee9c99-s.p.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Be_Vietnam_Pro_93ccac;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/8247d8d2a376ae43-s.p.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Be_Vietnam_Pro_93ccac;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/e270c9fc4fe96f5a-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Be_Vietnam_Pro_Fallback_93ccac;src:local("Arial");ascent-override:90.61%;descent-override:24.01%;line-gap-override:0.00%;size-adjust:110.36%}.__className_93ccac{font-family:__Be_Vietnam_Pro_93ccac,__Be_Vietnam_Pro_Fallback_93ccac;font-style:normal}.__variable_93ccac{--font:"__Be_Vietnam_Pro_93ccac","__Be_Vietnam_Pro_Fallback_93ccac"}:root{--text:#0c1a2b;--muted:#586a7c;--faint:#8797a9;--paper:#f3f5f8;--surface:#fff;--line:#e2e7ed;--line-strong:#c9d2dc;--ink:#0c1a2b;--brand:#1f4bff;--brand-hover:#1739cc;--brand-soft:#e9eeff;--lemon:#ffe45c;--lemon-soft:#fff6bf;--ok:#0e7f58;--ok-soft:#ddf4ea;--danger:#c3352b;--danger-soft:#fce8e6;--r-sm:8px;--r:12px;--r-lg:20px;--float:0 12px 40px rgba(12,26,43,.16)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--text);font-family:var(--font),system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}body,h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:700;letter-spacing:-.02em;line-height:1.2}h1{font-size:28px}h2{font-size:20px}h3{font-size:16px;letter-spacing:-.01em}a{color:var(--brand);text-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:var(--brand-hover)}code{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.9em}:focus-visible{outline:3px solid var(--brand);outline-offset:2px;border-radius:4px}.muted{color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.spacer{flex:1 1}.stack{display:grid;grid-gap:16px;gap:16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;min-height:42px;font:inherit;font-weight:600;font-size:15px;line-height:1.2;color:#fff;background:var(--brand);border:1px solid var(--brand);border-radius:10px;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background-color .15s,border-color .15s,color .15s}.btn:hover{background:var(--brand-hover);border-color:var(--brand-hover);color:#fff}.btn:disabled{opacity:.55;cursor:default}.btn.secondary{background:var(--surface);color:var(--text);border-color:var(--line-strong)}.btn.secondary:hover{background:var(--paper);border-color:var(--faint);color:var(--text)}.btn.ghost{background:transparent;border-color:transparent;color:var(--muted)}.btn.ghost:hover{background:rgba(12,26,43,.06);color:var(--text)}.btn.danger{background:var(--surface);color:var(--danger);border-color:var(--line-strong)}.btn.danger:hover{background:var(--danger-soft);border-color:var(--danger);color:var(--danger)}.btn.lemon{background:var(--lemon);border-color:var(--lemon);color:var(--ink)}.btn.lemon:hover{background:#ffd92e;border-color:#ffd92e;color:var(--ink)}.btn.sm{min-height:34px;padding:6px 12px;font-size:14px;border-radius:9px}.btn.lg{min-height:50px;padding:13px 24px;font-size:16px;border-radius:12px}.btn.block{width:100%}.btn svg{flex:none}.icon-btn{display:inline-grid;place-items:center;width:36px;height:36px;padding:0;color:inherit;background:transparent;border:0;border-radius:9px;cursor:pointer}.icon-btn:hover{background:hsla(0,0%,100%,.1)}.field{margin-bottom:16px}.field>span,.label{font-size:14px;font-weight:600}.hint{font-size:13px;color:var(--muted)}.input{width:100%;min-height:46px;padding:10px 14px;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--line-strong);border-radius:10px}.input::placeholder{color:var(--faint)}.input:focus{outline:3px solid var(--brand-soft);border-color:var(--brand)}textarea.input{resize:vertical;min-height:96px}.input-group{display:flex;align-items:stretch}.input-group .input{border-top-right-radius:0;border-bottom-right-radius:0;min-width:0}.input-suffix{display:grid;align-items:center;padding:0 14px;font-size:14px;color:var(--muted);background:var(--paper);border:1px solid var(--line-strong);border-left:0;border-radius:0 10px 10px 0;white-space:nowrap}.error{color:var(--danger);font-size:14px;font-weight:500}.notice{padding:12px 14px;border-radius:var(--r-sm);font-size:14px}.notice.ok{background:var(--ok-soft);color:#0a5a3f}.notice.err{background:var(--danger-soft);color:#8e231b}.notice.info{background:var(--brand-soft);color:#1637c7}.card{background:var(--surface);border:1px solid var(--line);border-radius:16px}.card-pad{padding:24px}.badge{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;font-size:13px;font-weight:600;border-radius:99px;color:var(--muted);background:var(--paper);border:1px solid var(--line)}.badge.live{color:#0a5a3f;background:var(--ok-soft)}.badge.live,.badge.warn{border-color:transparent}.badge.warn{color:#5c4a00;background:var(--lemon-soft)}.badge.brand{color:#1637c7;background:var(--brand-soft);border-color:transparent}.dot{width:7px;height:7px;border-radius:50%;background:currentColor}.empty{display:grid;justify-items:center;grid-gap:12px;gap:12px;padding:56px 24px;text-align:center}.empty-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:var(--brand-soft);color:var(--brand)}.empty p{max-width:42ch;color:var(--muted)}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:15px}.table th{text-align:left;padding:12px 16px;font-size:13px;font-weight:600;color:var(--muted);white-space:nowrap}.table td,.table th{border-bottom:1px solid var(--line)}.table td{padding:14px 16px;vertical-align:top}.table tr:last-child td{border-bottom:0}.shell{min-height:100vh}.sidebar{background:var(--ink);color:#c4d0dd;padding:12px 16px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.sidebar .side-foot{display:none}.main{padding:24px 16px 64px;max-width:1250px;margin:0 auto}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:18px;letter-spacing:-.02em;text-decoration:none}.brand,.brand:hover{color:var(--text)}.sidebar .brand{color:#fff}.nav{gap:4px;margin-left:auto}.nav,.nav a{display:flex}.nav a{align-items:center;gap:10px;padding:8px 12px;border-radius:10px;color:#c4d0dd;text-decoration:none;font-weight:500;font-size:15px;position:relative}.nav a:hover{background:hsla(0,0%,100%,.07);color:#fff}.nav a[aria-current=page]{background:hsla(0,0%,100%,.1);color:#fff}.nav a[aria-current=page]:before{content:"";position:absolute;left:-16px;top:8px;bottom:8px;width:4px;border-radius:0 4px 4px 0;background:var(--lemon)}.plan-mini{padding:14px;border-radius:14px;background:hsla(0,0%,100%,.07);display:grid;grid-gap:8px;gap:8px}.plan-mini-top{display:flex;justify-content:space-between;align-items:baseline;gap:8px;color:#fff;font-weight:600}.plan-mini-top a{color:var(--lemon);font-size:13px;font-weight:600}.plan-mini small{color:#9fb0c2;font-size:13px}.meter{height:6px;background:hsla(0,0%,100%,.14);overflow:hidden}.meter,.meter i{border-radius:99px}.meter i{display:block;height:100%;background:var(--lemon)}.meter.light{background:var(--line)}.meter.light i{background:var(--brand)}.user-row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:14px;color:#9fb0c2}.user-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width:960px){.shell{display:grid;grid-template-columns:252px 1fr}.sidebar{position:-webkit-sticky;position:sticky;top:0;height:100vh;padding:24px 16px;align-items:stretch;gap:28px;flex-wrap:nowrap}.nav,.sidebar{flex-direction:column}.nav{margin-left:0}.sidebar .side-foot{display:grid;grid-gap:14px;gap:14px;margin-top:auto}.main{padding:40px 40px 80px;width:100%}}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:28px}.page-head p{margin-top:4px;color:var(--muted)}.crumb{display:inline-flex;align-items:center;gap:6px;margin-bottom:12px;font-size:14px;font-weight:500;color:var(--muted);text-decoration:none}.crumb:hover{color:var(--text)}.sites{display:grid;grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.site-card{display:flex;flex-direction:column;overflow:hidden}.site-body{display:grid;grid-gap:12px;gap:12px;padding:16px 18px 18px}.site-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.site-title h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-url{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:var(--muted);text-decoration:none;overflow:hidden}.site-url:hover{color:var(--brand)}.site-url span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-actions{display:flex;gap:8px;flex-wrap:wrap}.site-stats{display:flex;gap:16px;font-size:14px;color:var(--muted)}.site-stats b{color:var(--text)}.preview{position:relative;aspect-ratio:3/2;overflow:hidden;background:#fff;border-bottom:1px solid var(--line)}.preview iframe{position:absolute;top:0;left:0;width:1200px;height:800px;border:0;transform-origin:0 0;pointer-events:none;background:#fff}.new-card{display:grid;place-items:center;grid-gap:10px;gap:10px;min-height:260px;padding:24px;text-align:center;color:var(--muted);text-decoration:none;border:2px dashed var(--line-strong);border-radius:16px;font-weight:600;transition:border-color .15s,color .15s,background-color .15s}.new-card:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-soft)}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:24px;overflow-x:auto}.tabs a{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;font-weight:600;font-size:15px;color:var(--muted);text-decoration:none;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}.tabs a:hover{color:var(--text)}.tabs a[aria-current=page]{color:var(--brand);border-bottom-color:var(--brand)}.new-layout{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:28px;gap:28px}.section-title{display:flex;align-items:center;gap:12px;margin-bottom:14px}.step-no{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--ink);color:#fff;font-size:14px;font-weight:700}.templates{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.tpl{display:block;position:relative;cursor:pointer;overflow:hidden;background:var(--surface);border:2px solid var(--line);border-radius:16px;transition:border-color .15s}.tpl:hover{border-color:var(--line-strong)}.tpl input{position:absolute;opacity:0;pointer-events:none}.tpl.selected{border-color:var(--brand)}.tpl:has(input:focus-visible){outline:3px solid var(--brand);outline-offset:2px}.tpl-body{padding:12px 14px 14px}.tpl-body,.tpl-body strong{display:block}.tpl-body span{font-size:13px;color:var(--muted)}.tpl-check{position:absolute;top:10px;right:10px;z-index:2;display:none;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--brand);color:#fff}.tpl.selected .tpl-check{display:grid}.form-card{max-width:560px}.plans{display:grid;grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));max-width:760px}.plan{display:flex;flex-direction:column;gap:20px;padding:28px;position:relative}.plan.featured{border:2px solid var(--brand)}.plan-price{display:flex;align-items:baseline;gap:6px}.plan-price strong{font-size:34px;letter-spacing:-.03em}.perks{display:grid;grid-gap:10px;gap:10px;padding:0;margin:0;list-style:none}.perks li{display:flex;gap:10px;align-items:flex-start;font-size:15px}.perks svg{flex:none;margin-top:3px;color:var(--ok)}.plan .btn{margin-top:auto}.checkout{display:grid;grid-gap:24px;gap:24px;max-width:880px}@media (min-width:800px){.checkout{grid-template-columns:1fr 1.1fr;align-items:start}}.summary dl{display:grid;grid-gap:12px;gap:12px;margin:16px 0 0}.summary dl div{display:flex;justify-content:space-between;gap:16px;padding-top:12px;border-top:1px solid var(--line)}.summary dt{color:var(--muted)}.summary dd{margin:0;font-weight:600;text-align:right}.qr-card{padding:24px;display:grid;grid-gap:16px;gap:16px;justify-items:center}.qr-img{width:240px;height:240px;border-radius:12px;border:1px solid var(--line);background:#fff}.pay-rows{width:100%;display:grid}.pay-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--line);font-size:15px}.pay-row>span:first-child{color:var(--muted)}.pay-status{display:flex;align-items:center;gap:10px;width:100%;padding:12px 14px;border-radius:12px;background:var(--lemon-soft);font-weight:600;font-size:15px}.pay-status[data-expired=true]{background:var(--danger-soft);color:#8e231b}.spin{width:16px;height:16px;border-radius:50%;border:2px solid rgba(12,26,43,.2);border-top:2px solid var(--ink);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.success{display:grid;justify-items:center;grid-gap:14px;gap:14px;padding:48px 24px;text-align:center}.success-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--ok-soft);color:var(--ok)}.copy{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;font:inherit;font-size:13px;font-weight:600;color:var(--muted);background:transparent;border:1px solid var(--line);border-radius:8px;cursor:pointer}.copy:hover{color:var(--text);border-color:var(--line-strong);background:var(--paper)}.domain{padding:20px 24px;display:grid;grid-gap:16px;gap:16px}.domain-head{justify-content:space-between;gap:12px}.domain-head,.domain-name{display:flex;align-items:center;flex-wrap:wrap}.domain-name{gap:10px;font-weight:700;font-size:17px}.dns{display:grid;grid-gap:8px;gap:8px}.dns-item{display:grid;grid-gap:10px;gap:10px;padding:14px;background:var(--paper);border-radius:12px}.dns-item-head{display:flex;align-items:center;gap:10px}.dns-type{padding:2px 8px;font-size:12px;font-weight:700;color:var(--ink);background:var(--lemon);border-radius:6px}.dns-kv{display:grid;grid-gap:6px;gap:6px}.dns-kv-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.dns-kv-row>div{min-width:0}.dns-kv small{display:block;font-size:12px;color:var(--muted)}.dns-kv code{display:block;overflow-wrap:anywhere;font-size:14px}.mk-wrap{max-width:1250px;margin:0 auto;padding:0 20px}.mk-header{position:-webkit-sticky;position:sticky;top:0;z-index:10;background:rgba(243,245,248,.88);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.mk-header .mk-wrap{display:flex;align-items:center;justify-content:space-between;height:68px;gap:16px}.mk-nav{display:none;gap:28px}.mk-nav a{color:var(--muted);font-weight:500;text-decoration:none;font-size:15px}.mk-nav a:hover{color:var(--text)}@media (min-width:800px){.mk-nav{display:flex}}.hero{display:grid;grid-gap:48px;gap:48px;padding:56px 0 72px;align-items:center}@media (min-width:960px){.hero{grid-template-columns:1.05fr 1fr;padding:88px 0 104px;gap:64px}}.hero h1{font-size:clamp(36px,5.4vw,60px);line-height:1.08;letter-spacing:-.035em}.hero p.lead{margin-top:20px;font-size:19px;color:var(--muted);max-width:46ch}.hero .row{margin-top:32px}.hero-note{margin-top:16px;font-size:14px;color:var(--muted)}.mock{border-radius:20px;background:var(--ink);padding:10px;position:relative}.mock-bar{display:flex;gap:6px;padding:6px 8px 10px}.mock-bar i{width:10px;height:10px;border-radius:50%;background:#3a4b60}.mock-body{display:grid;grid-template-columns:112px 1fr;grid-gap:10px;gap:10px;min-height:340px}.mock-side{display:grid;align-content:start;grid-gap:8px;gap:8px;padding:10px;border-radius:12px;background:#15273c}.mock-chip{padding:8px 10px;border-radius:8px;background:#20354d;color:#c4d0dd;font-size:12px;font-weight:600}.mock-chip.on{background:var(--brand);color:#fff}.mock-canvas{position:relative;padding:20px;border-radius:12px;background:#fff;display:grid;align-content:start;grid-gap:12px;gap:12px}.mock-h{height:16px;border-radius:6px;background:var(--ink)}.mock-p{height:8px;border-radius:4px;background:var(--line)}.mock-btn{width:110px;height:30px;border-radius:8px;background:var(--brand)}.mock-img{height:92px;border-radius:10px;background:linear-gradient(135deg,var(--brand-soft),var(--lemon-soft))}.mock-select{position:relative;padding:8px;margin:-8px;border:2px solid var(--brand);border-radius:8px}.mock-select:after{content:"Tiêu đề";position:absolute;top:-22px;left:-2px;padding:1px 8px;border-radius:6px 6px 0 0;background:var(--brand);color:#fff;font-size:11px;font-weight:600}.mock-ai{position:absolute;right:-10px;bottom:28px;display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:12px;background:var(--lemon);color:var(--ink);font-size:13px;font-weight:700;box-shadow:var(--float)}.mk-section{padding:72px 0}.mk-section.alt{background:var(--surface);border-block:1px solid var(--line)}.mk-head{max-width:560px;margin-bottom:40px}.mk-head h2{font-size:clamp(28px,3.6vw,40px);letter-spacing:-.03em}.mk-head p{margin-top:12px;color:var(--muted);font-size:17px}.steps{display:grid;grid-gap:20px;gap:20px;counter-reset:step}@media (min-width:800px){.steps{grid-template-columns:repeat(3,1fr)}}.step{display:grid;grid-gap:8px;gap:8px;padding:24px;background:var(--paper);border-radius:16px}.step .step-no{width:34px;height:34px;font-size:16px;margin-bottom:8px}.step p{color:var(--muted)}.features{display:grid;grid-gap:28px 32px;gap:28px 32px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.feature{display:grid;grid-gap:8px;gap:8px;align-content:start}.feature .fi{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--brand-soft);color:var(--brand);margin-bottom:4px}.feature p{color:var(--muted);font-size:15px}.cta-band{display:grid;grid-gap:20px;gap:20px;justify-items:start;padding:48px 32px;border-radius:24px;background:var(--ink);color:#fff}.cta-band h2{font-size:clamp(26px,3.4vw,36px);max-width:22ch}.cta-band p{color:#aebccb;max-width:48ch}.mk-footer{padding:40px 0;color:var(--muted);font-size:14px}.mk-footer .mk-wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.auth-split{min-height:100vh;display:grid}@media (min-width:960px){.auth-split{grid-template-columns:1fr 1fr}}.auth-form{display:grid;align-content:center;padding:32px 20px}.auth-box{width:100%;max-width:400px;margin:0 auto;display:grid;grid-gap:28px;gap:28px}.auth-box h1{font-size:30px}.auth-aside{display:none;padding:56px;background:var(--ink);color:#fff;align-content:space-between;gap:32px}@media (min-width:960px){.auth-aside{display:grid}}.auth-aside h2{font-size:32px;letter-spacing:-.03em;max-width:18ch}.auth-aside .perks li{color:#c4d0dd}.auth-aside .perks svg{color:var(--lemon)}.editor-bar{position:-webkit-sticky;position:sticky;top:0;z-index:30;justify-content:space-between;height:60px;padding:0 16px;background:var(--surface);border-bottom:1px solid var(--line)}.editor-bar,.editor-left{display:flex;align-items:center;gap:12px}.editor-left{min-width:0}.editor-left strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-actions{display:flex;align-items:center;gap:8px}.save-state{display:none;font-size:13px;color:var(--muted)}@media (min-width:720px){.save-state{display:inline}}@media (max-width:719px){.editor-bar .btn-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.editor-bar .btn.sm{padding:6px 9px}.editor-actions{gap:6px}}.editor-host{height:calc(100vh - 60px);position:relative}.editor-host .gjs-one-bg{background-color:#fff}.editor-host .gjs-two-color{color:var(--muted)}.editor-host .gjs-three-bg{background-color:var(--brand);color:#fff}.editor-host .gjs-four-color,.editor-host .gjs-four-color-h:hover{color:var(--brand)}.editor-host .gjs-cv-canvas{background-color:var(--paper)}.editor-host .gjs-editor{font-family:var(--font),system-ui,sans-serif}@media (max-width:719px){.editor-host{--gjs-left-width:144px}.editor-host .gjs-pn-devices-c{display:none}.editor-host .gjs-pn-options{left:0;overflow-x:auto;white-space:nowrap}}.ai-panel{position:fixed;z-index:40;right:16px;top:72px;width:360px;max-width:calc(100vw - 32px);max-height:calc(100vh - 88px);overflow-y:auto;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:var(--float);display:grid;grid-gap:16px;gap:16px}.ai-head{justify-content:space-between}.ai-head,.ai-head h3{display:flex;align-items:center;gap:8px}.ai-credit{display:grid;grid-gap:6px;gap:6px;font-size:13px;color:var(--muted)}.ai-modes{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px}.ai-mode{display:grid;justify-items:center;grid-gap:4px;gap:4px;padding:12px 6px;font:inherit;font-size:14px;font-weight:600;color:var(--text);background:var(--surface);border:2px solid var(--line);border-radius:12px;cursor:pointer}.ai-mode small{font-size:12px;font-weight:500;color:var(--muted)}.ai-mode:hover{border-color:var(--line-strong)}.ai-mode[aria-pressed=true]{border-color:var(--brand);background:var(--brand-soft)}.ai-chips{display:flex;gap:6px;flex-wrap:wrap}.ai-chip{padding:5px 10px;font:inherit;font-size:13px;color:var(--muted);background:var(--paper);border:1px solid var(--line);border-radius:99px;cursor:pointer;text-align:left}.ai-chip:hover{color:var(--text);border-color:var(--line-strong)}.ai-result{display:grid;grid-gap:12px;gap:12px;padding-top:14px;border-top:1px solid var(--line)}.ai-result p{white-space:pre-wrap;font-size:15px}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}.badge.lemon-badge{color:var(--ink);background:var(--lemon);border-color:transparent;align-self:start}.admin-nav{overflow-x:auto}.admin-nav a{white-space:nowrap}@media (max-width:959px){.admin-nav{order:3;width:100%;margin-left:0}}.grid-2{grid-gap:16px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.grid-2,.kpis{display:grid;gap:16px}.kpis{grid-gap:16px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));margin-bottom:24px}.kpi{padding:18px 20px;display:grid;grid-gap:2px;gap:2px}.kpi span{font-size:14px;color:var(--muted)}.kpi strong{font-size:28px;letter-spacing:-.03em;line-height:1.2}.kpi small{font-size:13px;color:var(--muted)}.cols-2{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:20px;gap:20px;margin-bottom:24px}@media (min-width:1100px){.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px 6px}.chart{margin:0;padding:12px 20px 20px}.bars{display:flex;align-items:stretch;gap:10px;height:190px}.bar-col{flex:1 1;display:grid;grid-template-rows:18px 1fr 20px;grid-gap:4px;gap:4px;min-width:0}.bar-col .bar{align-self:end;background:var(--brand);border-radius:6px 6px 0 0}.bar-label,.bar-val{font-size:12px;color:var(--muted);text-align:center;white-space:nowrap}@media (max-width:599px){.bars:has(>:nth-child(9)){gap:4px}.bars:has(>:nth-child(9)) .bar-col:nth-last-child(2n) .bar-label{visibility:hidden}}.checklist{display:grid;grid-gap:4px;gap:4px;padding:8px 12px 16px;margin:0;list-style:none}.checklist li{display:flex;gap:12px;align-items:flex-start;padding:8px;border-radius:10px}.checklist svg{flex:none;margin-top:3px}.checklist .ok svg{color:var(--ok)}.checklist .bad{background:var(--lemon-soft)}.checklist .bad svg{color:#8a6d00}.checklist small{display:block;color:var(--muted)}.searchbar{display:flex;gap:8px;max-width:420px;flex:1 1 260px}.toolbar{flex-wrap:wrap;padding:16px 20px}.pager,.toolbar{display:flex;align-items:center;gap:12px}.pager{justify-content:space-between;padding:14px 20px;border-top:1px solid var(--line)}.filters{display:flex;gap:6px;flex-wrap:wrap}.filters a{padding:6px 12px;border-radius:99px;font-size:14px;font-weight:600;text-decoration:none;color:var(--muted);border:1px solid var(--line)}.filters a:hover{color:var(--text);border-color:var(--line-strong)}.filters a[aria-current=true]{color:#fff;background:var(--ink);border-color:var(--ink)}.cell-actions{display:flex;gap:6px;flex-wrap:wrap}.mono{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:13px}.kv{display:grid;grid-gap:0;gap:0;margin:0}.kv div{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-top:1px solid var(--line)}.kv div:first-child{border-top:0}.kv dt{color:var(--muted)}.kv dd{margin:0;font-weight:600;text-align:right;overflow-wrap:anywhere}.plan-grid{display:grid;grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.banner{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:14px 18px;margin-bottom:24px;border-radius:14px;background:var(--lemon-soft);border:1px solid #f0dc7a}.banner>svg{flex:none}.banner>div{flex:1 1 260px;display:grid;grid-gap:2px;gap:2px;font-size:14px}.banner strong{font-size:15px}.status-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:16px}.status-icon.ok{background:var(--ok-soft);color:var(--ok)}.status-icon.err{background:var(--danger-soft);color:var(--danger)}.ai-entry{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px;padding:20px 24px;background:var(--ink);color:#fff;border-radius:16px}.ai-entry h2{margin:0 0 4px;font-size:20px;color:#fff}.ai-entry p{margin:0;color:hsla(0,0%,100%,.78);font-size:15px}.ai-layout{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:20px;gap:20px;align-items:start}@media (min-width:1100px){.ai-layout{grid-template-columns:minmax(0,1fr) 340px}.ai-side{position:-webkit-sticky;position:sticky;top:24px}}.ai-main{display:grid;grid-gap:20px;gap:20px}.ai-grid{display:grid;grid-gap:0 16px;gap:0 16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.ai-wide{grid-column:1/-1}.ai-choices{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 0 16px;padding:0;border:0}.ai-choices legend{margin-bottom:8px}.ai-choice{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border:2px solid var(--line);border-radius:12px;cursor:pointer}.ai-choice.on{border-color:var(--brand);background:var(--brand-soft)}.ai-choice input{margin-top:3px;accent-color:var(--brand)}.ai-choice span{display:grid;grid-gap:2px;gap:2px;font-size:14px;color:var(--muted)}.ai-choice strong{color:var(--text);font-size:15px}.ai-color input[type=color]{width:56px;height:40px;padding:2px;border:1px solid var(--line-strong);border-radius:8px;background:var(--surface);cursor:pointer}.ai-logo-preview{max-height:64px;width:auto;margin-top:8px;border-radius:8px;border:1px solid var(--line);padding:6px;background:#fff}.ai-side{display:grid;grid-gap:14px;gap:14px}.ai-side h2{margin:0;font-size:18px}.ai-steps{margin:0;padding-left:20px;display:grid;grid-gap:6px;gap:6px;font-size:14px}.ai-cost{display:grid;grid-gap:2px;gap:2px;padding:14px 16px;border-radius:12px;background:var(--paper)}.ai-cost span{font-size:13px;color:var(--muted)}.ai-cost strong{font-size:24px}.ai-progress{display:grid;grid-gap:16px;gap:16px;max-width:720px}.ai-track{margin:0;padding:0;list-style:none;display:grid;grid-gap:12px;gap:12px}.ai-track-item{display:flex;align-items:center;gap:12px;font-weight:500;color:var(--muted)}.ai-track-item.done,.ai-track-item.now{color:var(--text)}.ai-track-icon{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;border:2px solid var(--line-strong)}.ai-track-item.done .ai-track-icon{background:var(--ok);border-color:transparent;color:#fff}.ai-track-item.now .ai-track-icon{border-color:var(--brand);color:var(--brand)}.ai-spin{animation:ai-spin 1s linear infinite}@keyframes ai-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.ai-spin{animation:none}}.settings-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:20px;gap:20px}.settings-fields{display:grid;grid-gap:14px;gap:14px;padding:0 20px 20px}.field{display:grid;grid-gap:6px;gap:6px;font-weight:650;color:var(--ink)}.field span{font-size:14px}.field input{width:100%;min-height:42px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font:inherit}.field small{font-weight:400;color:var(--muted)}.check{gap:10px;font-size:14px}.check,.settings-save{display:flex;align-items:center}.settings-save{grid-column:1/-1;gap:14px}.settings-save p{margin:0;font-size:14px}.success{color:#167545}.error{color:#b42318}@media(max-width:850px){.settings-form{grid-template-columns:1fr}}