:root{color-scheme:light;--bg:#f2f5f8;--panel:#ffffff;--ink:#10203a;--muted:#66748a;--line:#d7e0eb;--soft:#eef3f8;--accent:#2f63e8;--accent-dark:#214ec4;--accent-ink:#ffffff;--good:#178c55;--warn:#b54708;--danger:#c92218}*{box-sizing:border-box}body,html{min-height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Microsoft YaHei,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{border:0;border-radius:6px;background:var(--accent);color:var(--accent-ink);cursor:pointer;font:inherit;font-weight:700;min-height:40px;padding:10px 14px}button:hover{background:var(--accent-dark)}button.secondary{background:#eef4ff;color:var(--accent-dark)}.button-link{align-items:center;background:var(--accent);border-radius:6px;color:var(--accent-ink);display:inline-flex;font-weight:800;min-height:40px;padding:10px 14px;text-decoration:none}.button-link.secondary{background:#eef4ff;color:var(--accent-dark)}code{background:#f8fafc;border:1px solid var(--line);border-radius:6px;color:#344054;display:block;font-size:12px;overflow-wrap:anywhere;padding:8px}.shell{display:grid;grid-template-columns:236px minmax(0,1fr);min-height:100vh}.sidebar{background:#ffffff;border-right:1px solid var(--line);color:var(--ink);padding:20px 14px}.brand{gap:12px;margin-bottom:22px;padding:0 6px}.brand,.brand-mark{align-items:center;display:flex}.brand-mark{background:var(--accent);border-radius:8px;color:#ffffff;font-weight:800;height:38px;justify-content:center;width:38px}.brand span,.brand strong{display:block}.brand span{color:#49617e;font-size:12px;margin-top:2px}nav{display:grid;grid-gap:3px;gap:3px}nav a{border-radius:6px;color:#49617e;display:block;font-weight:700;padding:10px 12px;text-decoration:none}nav a.active,nav a:hover{background:#eef4ff;color:var(--accent-dark)}.workspace{padding:24px;min-width:0}.topbar{align-items:center;background:#ffffff;border:1px solid var(--line);border-radius:8px;display:flex;justify-content:space-between;gap:16px;margin-bottom:20px;padding:16px 18px}.eyebrow{color:var(--muted);font-size:13px;font-weight:700;letter-spacing:.02em;margin:0 0 4px;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{font-size:26px;line-height:1.15}h1,h2{margin-bottom:0}h2{font-size:17px}h3{font-size:16px;margin-bottom:6px}.top-actions{align-items:center;display:flex;gap:10px}.api-ok,.api-warn,.sso-badge{border-radius:999px;font-size:13px;font-weight:700;padding:7px 10px;white-space:nowrap}.api-ok{background:#ecfdf3;color:var(--good)}.api-warn{background:#fffaeb;color:var(--warn)}.sso-badge{background:#eef4ff;color:var(--accent-dark)}.metrics{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:12px}.app-card,.metric,.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px}.metric{padding:16px}.metric span{color:var(--muted);display:block;font-size:13px}.metric strong{display:block;font-size:28px;margin-top:6px}.grid-two{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:12px}.panel{padding:18px;overflow-x:auto}.panel-head{align-items:center;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;margin:-2px 0 14px;padding-bottom:12px}.panel-head span{color:var(--muted);font-size:13px}.steps{margin:0;padding-left:22px}.steps li{margin:8px 0}.domain-list{display:grid;grid-gap:10px;gap:10px}.domain-list p{align-items:center;background:var(--soft);border-radius:8px;display:flex;justify-content:space-between;margin:0;padding:10px}.domain-list span{color:var(--muted)}.cards{grid-gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.app-card,.cards{display:grid;gap:12px}.app-card{grid-gap:12px;padding:14px}.app-card p{color:var(--muted);font-size:14px;margin-bottom:0}.app-type{color:var(--accent);display:block;font-size:12px;font-weight:800;margin-bottom:8px;text-transform:uppercase}.groups{color:var(--muted);font-size:12px;overflow-wrap:anywhere}.app-open{color:var(--accent-dark);font-size:13px;font-weight:800;text-decoration:none}.bottom-grid{align-items:start;margin-top:12px}table{border-collapse:collapse;width:100%}td{border-bottom:1px solid var(--line);padding:11px 6px;vertical-align:middle}tr:last-child td{border-bottom:0}td span{color:var(--muted);display:block;margin-top:2px}.pill,td span{font-size:12px}.pill{border-radius:999px;display:inline-block;font-weight:750;padding:5px 8px}.pill-draft,.pill-planned{background:#fffaeb;color:var(--warn)}.pill-active,.pill-healthy{background:#ecfdf3;color:var(--good)}.pill-paused{background:#eef3f8;color:var(--muted)}.language-switch{align-items:center;background:#ffffff;border:1px solid var(--line);border-radius:8px;display:inline-flex;gap:2px;padding:3px}.language-switch a{border-radius:6px;color:var(--muted);font-size:13px;font-weight:750;line-height:1;padding:7px 9px;text-decoration:none}.language-switch a.selected{background:var(--accent);color:#ffffff}.ai-onboarding{margin-top:12px}.onboarding-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.onboarding-card{background:#ffffff;border:1px solid var(--line);border-radius:8px;display:grid;grid-gap:10px;gap:10px;padding:14px}.onboarding-card span{color:var(--accent);font-size:12px;font-weight:800;text-transform:uppercase}.onboarding-card p{color:var(--muted);font-size:14px;line-height:1.45;margin:0}.onboarding-card code{min-height:54px}.auth-shell{display:grid;grid-gap:16px;gap:16px;margin:0 auto;max-width:1180px;padding:28px}.auth-hero{background:#ffffff;border:1px solid var(--line);border-radius:8px;padding:24px}.auth-hero p{color:var(--muted);line-height:1.55;max-width:720px}.auth-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.auth-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:1120px){.cards,.onboarding-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:980px){.shell{grid-template-columns:1fr}.sidebar{position:static}nav{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-grid,.cards,.grid-two,.metrics,.onboarding-grid{grid-template-columns:1fr}.top-actions,.topbar{align-items:stretch;flex-direction:column}}.mail-management{margin-top:12px}.mail-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:1fr 1.2fr 1.2fr 1fr}.mail-summary{background:var(--soft);border-radius:8px;display:grid;grid-gap:10px;gap:10px;padding:14px}.dns-list{display:grid;grid-gap:8px;gap:8px}.dns-list p{background:var(--soft);border-radius:8px;margin:0;padding:9px}.dns-list b,.dns-list span{display:block}.dns-list span{color:var(--muted);font-size:12px;margin-top:2px;overflow-wrap:anywhere}@media (max-width:1120px){.mail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:980px){.mail-grid{grid-template-columns:1fr}}