: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}.admin-links{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(7,minmax(0,1fr));margin-bottom:12px}.admin-links a{background:#ffffff;border:1px solid var(--line);border-radius:8px;color:var(--ink);display:grid;grid-gap:6px;gap:6px;min-height:108px;padding:12px;text-decoration:none}.admin-links span{align-items:center;background:#eef4ff;border-radius:8px;color:var(--accent-dark);display:flex;font-size:12px;font-weight:800;height:34px;justify-content:center;width:34px}.admin-links b{font-size:14px}.admin-links small{color:var(--muted);line-height:1.35}.invitation-panel{margin-bottom:12px}.empty-state{background:var(--soft);border-radius:8px;color:var(--muted);margin:0;padding:12px}.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-pending_admin_review,.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))}.public-shell{display:grid;grid-gap:16px;gap:16px;margin:0 auto;max-width:1280px;padding:24px}.public-top{align-items:center;background:#ffffff;border:1px solid var(--line);border-radius:8px;display:flex;gap:18px;justify-content:space-between;padding:22px}.public-top p{color:var(--muted);line-height:1.55;margin-bottom:0;max-width:760px}.public-actions{display:flex;flex-wrap:wrap;gap:10px}.portal-upper{align-items:stretch;display:grid;grid-gap:12px;gap:12px;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) 320px}.portal-panel{background:#ffffff;border:1px solid var(--line);border-radius:8px;padding:18px}.notice-scroll{display:grid;grid-gap:10px;gap:10px;max-height:310px;overflow-y:auto;padding-right:4px}.notice-scroll article{background:var(--soft);border-radius:8px;padding:12px}.notice-scroll p{color:var(--muted);line-height:1.45;margin-bottom:0}.fixed-info{display:grid;grid-gap:10px;gap:10px}.fixed-info p{background:var(--soft);border-radius:8px;display:flex;justify-content:space-between;gap:10px;margin:0;padding:10px}.fixed-info span{color:var(--muted);text-align:right}.request-panel{overflow:hidden}.request-form{display:grid;grid-gap:10px;gap:10px}.request-form label{color:var(--ink);display:grid;font-size:13px;font-weight:750;grid-gap:5px;gap:5px}.request-form input,.request-form textarea{border:1px solid var(--line);border-radius:6px;font:inherit;padding:9px 10px;width:100%}.form-message{background:#ecfdf3;border-radius:6px;color:var(--good);font-size:13px;line-height:1.4;margin:0;padding:8px}.portal-apps{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.portal-app-card{background:var(--soft);border-radius:8px;color:var(--ink);display:grid;grid-gap:9px;gap:9px;grid-template-rows:auto auto 1fr auto;min-height:150px;padding:14px;text-decoration:none}.portal-app-card span{color:var(--accent);font-size:12px;font-weight:800;text-transform:uppercase}.portal-app-card p{color:var(--muted);line-height:1.45;margin-bottom:0}.portal-app-card b{color:var(--accent-dark);font-size:13px}.workspace-shell{display:grid;grid-template-rows:auto minmax(0,1fr);height:100vh;min-height:620px}.workspace-top{align-items:center;background:#ffffff;border-bottom:1px solid var(--line);display:grid;grid-gap:14px;gap:14px;grid-template-columns:auto minmax(0,1fr) auto;min-height:64px;padding:10px 14px}.workspace-brand{align-items:center;color:var(--ink);display:inline-flex;gap:10px;text-decoration:none;white-space:nowrap}.workspace-brand span{align-items:center;background:var(--accent);border-radius:8px;color:#ffffff;display:flex;font-size:12px;font-weight:900;height:34px;justify-content:center;width:34px}.workspace-tabs{display:flex;gap:6px;min-width:0;overflow-x:auto}.workspace-tabs a{background:#f8fafc;border:1px solid var(--line);border-radius:7px;color:var(--muted);flex:0 0 auto;font-size:14px;font-weight:800;padding:9px 12px;text-decoration:none}.workspace-tabs a.active{background:#eef4ff;border-color:#b9ccff;color:var(--accent-dark)}.workspace-actions{display:flex;gap:8px;white-space:nowrap}.workspace-actions a{background:#eef4ff;border-radius:7px;color:var(--accent-dark);font-size:13px;font-weight:800;padding:9px 11px;text-decoration:none}.workspace-frame-panel{display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0}.workspace-frame-head{align-items:center;background:#f8fafc;border-bottom:1px solid var(--line);display:flex;gap:16px;justify-content:space-between;padding:10px 16px}.workspace-frame-head span{color:var(--accent);display:block;font-size:11px;font-weight:900;text-transform:uppercase}.workspace-frame-head h1{font-size:18px;margin:2px 0 0}.workspace-frame-head p{color:var(--muted);font-size:13px;line-height:1.35;margin:0;max-width:560px}.workspace-frame{background:#ffffff;border:0;height:100%;min-height:0;width:100%}.workspace-launch{align-self:center;background:#ffffff;border:1px solid var(--line);border-radius:8px;box-shadow:0 12px 28px rgba(16,32,58,.08);display:grid;grid-gap:12px;gap:12px;justify-self:center;max-width:620px;padding:28px;text-align:left;width:calc(100% - 32px)}.workspace-launch span{color:var(--accent);font-size:12px;font-weight:900;text-transform:uppercase}.workspace-launch h2{font-size:28px}.workspace-launch p{color:var(--muted);line-height:1.55;margin:0}.workspace-launch small{color:var(--muted);line-height:1.45}.workspace-launch-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}@media (max-width:1120px){.admin-links,.cards,.onboarding-grid,.portal-apps{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-upper{grid-template-columns:1fr}}@media (max-width:980px){.shell{grid-template-columns:1fr}.sidebar{position:static}nav{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-links,.auth-grid,.cards,.grid-two,.metrics,.onboarding-grid,.portal-apps{grid-template-columns:1fr}.public-actions,.public-top,.top-actions,.topbar{align-items:stretch;flex-direction:column}.workspace-top{grid-template-columns:1fr}.workspace-actions{flex-wrap:wrap}.workspace-frame-head{align-items:flex-start;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}}