:root{color:#172033;--blue:#3157dd;--ink:#10233f;--muted:#69758d;--border:#e4e9f1;background:#f4f7fb;font-family:Inter,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{color:#fff;background:var(--blue);cursor:pointer;border:0;border-radius:11px;padding:12px 18px;font-weight:700;transition:all .18s}button:hover{filter:brightness(.96);transform:translateY(-1px)}button:disabled{opacity:.6;cursor:wait;transform:none}.shell{max-width:1240px;margin:auto;padding:48px 28px 80px}.topbar{justify-content:space-between;align-items:flex-end;margin-bottom:32px;display:flex}.topbar h1{color:var(--ink);margin:7px 0;font-size:36px}p{color:var(--muted);margin:6px 0}.eyebrow{letter-spacing:.2em;color:#5572e8;font-size:11px;font-weight:800}.top-actions,.row-actions,.modal-actions{gap:10px;display:flex}.ghost,.secondary{color:#536078;border:1px solid var(--border);background:#fff}.metric-grid{grid-template-columns:repeat(4,1fr);gap:17px;display:grid}.metric-grid article,.table-panel,.audit-panel{border:1px solid var(--border);background:#fff;border-radius:18px;box-shadow:0 10px 38px #162a540e}.metric-grid article{padding:22px}.metric-grid span,.metric-grid small{color:var(--muted);display:block}.metric-grid strong{color:#16233a;margin:15px 0;font-size:34px;display:block}.table-panel,.audit-panel{margin-top:20px;overflow:hidden}.section-heading{border-bottom:1px solid #edf0f5;justify-content:space-between;align-items:center;padding:24px 26px;display:flex}.section-heading h2{color:var(--ink);margin:0}.section-heading p{font-size:14px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:950px}th,td{text-align:left;border-bottom:1px solid #edf0f5;padding:17px 20px;font-size:14px}th{color:#7b8699;text-transform:uppercase;letter-spacing:.05em;background:#fafbfd;font-size:12px}td b,td code{display:block}td code{color:#8490a4;background:0 0;margin-top:5px}.muted{color:#919aac}.mono{font-family:ui-monospace,monospace}.status{border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800;display:inline-flex}.status.published{color:#16885d;background:#e8f8f1}.status.draft{color:#977000;background:#fff7d9}.status.disabled{color:#7c8799;background:#edf0f4}.domain-list span{font-size:12px;display:block}.text-button{color:#4160c7;background:0 0;padding:4px;font-size:13px}.text-button.danger{color:#d34d5e}.empty{text-align:center;padding:70px 20px}.empty>div{color:#a8b7e8;font-size:42px}.empty h3{margin:14px 0 4px}.alert{color:#a63040;background:#fff0f2;border:1px solid #ffd8de;border-radius:12px;justify-content:space-between;margin-bottom:16px;padding:13px 16px;display:flex}.alert button{color:#a63040;background:0 0;padding:0}.modal-backdrop{z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f1c3480;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:20px;width:min(620px,100%);max-height:92vh;overflow:auto;box-shadow:0 30px 80px #0a142847}.modal-title{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:24px 26px;display:flex}.modal-title h2{margin:6px 0 0}.icon-button{color:#667085;background:#f0f3f8;width:36px;height:36px;padding:0;font-size:22px}.modal form{padding:24px 26px}.modal label,.login-card label{color:#445067;margin-bottom:17px;font-size:13px;font-weight:700;display:block}.modal input,.login-card input{background:#fbfcfe;border:1px solid #d9e0ea;border-radius:11px;outline:none;width:100%;margin-top:7px;padding:12px 13px;display:block}.modal input:focus,.login-card input:focus{border-color:#6d87e7;box-shadow:0 0 0 3px #edf1ff}.modal label small{color:#9099aa;margin-top:6px;display:block}.form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.modal-actions{justify-content:flex-end;margin-top:24px}.form-error{color:#a63040;background:#fff0f2;border-radius:10px;padding:11px 13px;font-size:13px}.center-state{text-align:center;place-content:center;min-height:100vh;display:grid}.spinner{border:3px solid #dbe2f2;border-top-color:var(--blue);border-radius:50%;width:38px;height:38px;margin:auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-page{background:#fff;grid-template-columns:1.05fr .95fr;min-height:100vh;display:grid}.login-visual{color:#fff;background:linear-gradient(145deg,#10265a,#284bc3);padding:10vh 9vw;position:relative;overflow:hidden}.login-visual h1{letter-spacing:-.04em;margin:18vh 0 24px;font-size:clamp(42px,5vw,76px);line-height:1.08}.login-visual p{color:#d7e0ff;max-width:540px;font-size:17px;line-height:1.7}.eyebrow.light{color:#b8c7ff}.visual-orb{background:radial-gradient(circle at 35% 30%,#93aaff,#5574e8 44%,#203b9e 70%);border-radius:50%;width:430px;height:430px;position:absolute;bottom:-170px;right:-140px;box-shadow:0 0 120px #7b96ff80}.login-panel{place-items:center;padding:40px;display:grid}.login-card{width:min(390px,100%)}.logo{color:#fff;background:var(--blue);border-radius:14px;place-items:center;width:48px;height:48px;font-weight:900;display:grid}.login-card h2{color:var(--ink);margin:28px 0 4px;font-size:30px}.login-card>p{margin-bottom:34px}.login-button{width:100%;margin-top:5px;padding:14px}.login-note{text-align:center;color:#9aa3b2;margin-top:18px;display:block}.domain-modal{width:min(700px,100%)}.domain-content{padding:24px 26px}.dns-guide{background:#f1f5ff;border:1px solid #dce5ff;border-radius:13px;padding:15px 17px}.dns-guide p{font-size:13px;line-height:1.6}.dns-guide code{color:#3157dd;font-weight:800}.domain-add{grid-template-columns:1fr auto;gap:10px;padding:20px 0!important;display:grid!important}.domain-add input{margin:0}.domain-items{gap:10px;display:grid}.domain-items article{border:1px solid var(--border);border-radius:13px;justify-content:space-between;align-items:center;padding:15px;display:flex}.domain-items article b,.domain-items article small{display:block}.domain-items article small{color:var(--muted);margin-top:5px}.domain-state{color:#687386;background:#edf0f4;border-radius:999px;margin:6px 0 0 8px;padding:3px 7px;font-size:10px;font-weight:800;display:inline-flex}.domain-state.verified,.domain-state.active{color:#16885d;background:#e8f8f1}.domain-state.dns_failed{color:#bd4051;background:#fff0f2}.danger-outline{color:#c64556;border-color:#ffd2d8}.domain-empty{text-align:center;color:var(--muted);padding:28px}.audit-list article{border-bottom:1px solid #edf0f5;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:15px 24px;display:grid}.audit-list article:last-child{border-bottom:0}.audit-list b{font-size:13px}.audit-list p{font-size:12px}.audit-list time{color:#8a95a8;font-size:12px}.audit-icon{color:#4261cc;background:#edf1ff;border-radius:10px;place-items:center;width:34px;height:34px;font-size:12px;font-weight:900;display:grid}.audit-icon.delete{color:#c64556;background:#fff0f2}.audit-icon.login{color:#16885d;background:#e8f8f1}@media (max-width:850px){.metric-grid{grid-template-columns:1fr 1fr}.topbar{flex-direction:column;align-items:flex-start;gap:22px}.login-page{grid-template-columns:1fr}.login-visual{display:none}}@media (max-width:520px){.shell{padding:30px 16px}.metric-grid,.form-row{grid-template-columns:1fr}.top-actions{width:100%}.top-actions button{flex:1}.domain-add{grid-template-columns:1fr}.domain-items article{flex-direction:column;align-items:flex-start;gap:12px}.audit-list article{grid-template-columns:auto 1fr}.audit-list time{grid-column:2}}.template-panel{border:1px solid var(--border);background:#fff;border-radius:18px;margin-top:20px;overflow:hidden;box-shadow:0 10px 38px #162a540e}.template-search{border:1px solid #d9e0ea;border-radius:10px;outline:none;width:190px;padding:10px 12px}.template-grid{grid-template-columns:repeat(auto-fill,220px);justify-content:start;gap:18px;padding:22px;display:grid}.template-card{border:1px solid var(--border);background:#fff;border-radius:15px;width:220px;transition:all .2s;overflow:hidden}.template-card:hover{transform:translateY(-3px);box-shadow:0 14px 32px #2034601f}.template-preview{aspect-ratio:390/760;background:#e9edf5;width:218px;position:relative;overflow:hidden}.template-preview iframe{transform-origin:0 0;pointer-events:none;background:#fff;border:0;width:390px;height:844px;position:absolute;top:0;left:0;transform:scale(.559)}.template-preview>span{color:#fff;background:#14213db8;border-radius:7px;padding:4px 7px;font-size:10px;position:absolute;top:9px;right:9px}.template-meta{justify-content:space-between;align-items:center;padding:13px 14px 10px;display:flex}.template-meta b,.template-meta small{display:block}.template-meta small{color:var(--muted);margin-top:4px;font-size:11px}.used-badge{color:#16885d;background:#e8f8f1;border-radius:999px;padding:4px 7px;font-size:10px;font-weight:800}.template-card>button{width:calc(100% - 28px);margin:0 14px 14px;padding:10px}.load-more{text-align:center;padding:0 22px 22px}@media (max-width:1050px){.template-grid{grid-template-columns:repeat(auto-fill,220px)}}@media (max-width:760px){.template-grid{grid-template-columns:repeat(auto-fill,220px)}.template-panel .section-heading{flex-direction:column;align-items:flex-start;gap:14px}.template-search{width:100%}}@media (max-width:480px){.template-grid{grid-template-columns:220px;justify-content:center}}.stat-number{color:#3157dd;font-variant-numeric:tabular-nums;font-size:18px}