:root { font-family: Inter,"Microsoft YaHei",Arial,sans-serif; color:#1d1d1f; background:#fbfbfd; letter-spacing:0; }
* { box-sizing:border-box; }
[hidden] { display:none!important; }
body { margin:0; }
a { color:#17654f; text-decoration:none; }
a:hover { text-decoration:underline; }
.account-header { display:flex; justify-content:space-between; align-items:center; gap:18px; min-height:76px; padding:18px 4%; border-bottom:1px solid #e5e5e8; background:#fbfbfd; }
.brand { display:flex; align-items:center; gap:10px; font-size:15px; font-weight:800; color:#1d1d1f; }
.brand img { width:34px; height:34px; object-fit:contain; }
nav { display:flex; align-items:center; gap:24px; font-size:13px; }
nav a { color:#4a4a4d; }
main { width:min(520px,calc(100% - 40px)); margin:56px auto 80px; min-height:60vh; }
body.has-account main { width:min(1040px,calc(100% - 64px)); }
h1 { font-size:28px; font-weight:550; margin:0 0 12px; line-height:1.3; }
h2 { font-size:18px; font-weight:600; margin:0; }
h3 { font-size:16px; font-weight:600; margin:0 0 8px; }
#notice { font-size:14px; line-height:1.6; color:#8d3a29; overflow-wrap:anywhere; }
#notice:not(:empty) { padding:12px 0; }
.tabs,.workspace-tabs { display:flex; gap:28px; border-bottom:1px solid #dedee3; margin:24px 0 28px; }
.tabs button,.workspace-tabs button { padding:12px 0; border:0; border-bottom:2px solid transparent; border-radius:0; background:none; color:#6e6e73; }
.tabs button[aria-selected=true],.workspace-tabs button[aria-selected=true] { border-bottom-color:#1d1d1f; color:#1d1d1f; }
button,input { font:inherit; }
button { cursor:pointer; border:1px solid #d4d4d9; border-radius:4px; background:transparent; padding:9px 14px; font-size:13px; min-height:40px; }
button:disabled { opacity:.55; cursor:wait; }
button:focus-visible,a:focus-visible,input:focus-visible { outline:2px solid #17654f; outline-offset:3px; }
form { display:grid; gap:20px; }
label { display:grid; gap:9px; font-size:14px; line-height:1.6; }
input:not([type=checkbox]) { width:100%; min-width:0; padding:11px 12px; border:1px solid #c8c8ce; border-radius:4px; background:white; color:#1d1d1f; min-height:44px; }
.consent { display:flex; align-items:flex-start; color:#6e6e73; }
.consent input { flex:none; margin-top:5px; }
.primary { background:#1d1d1f; color:white; border-color:#1d1d1f; }
.account-welcome { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-top:20px; }
.account-welcome>div { display:flex; flex-wrap:wrap; align-items:center; gap:16px; min-width:0; }
#welcomeName { font-size:15px; overflow-wrap:anywhere; }
.verified { color:#17654f; font-size:12px; white-space:nowrap; }
.verified::before { content:""; display:inline-block; width:6px; height:6px; border-radius:50%; background:currentColor; margin-right:7px; vertical-align:middle; }
.section-heading { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:8px 0 20px; }
.status-note { font-size:12px; color:#6e6e73; }
.empty-state { padding:60px 24px; text-align:center; border-top:1px solid #e5e5e8; border-bottom:1px solid #e5e5e8; }
.empty-state p { max-width:520px; margin:12px auto 22px; }
.action-link { display:inline-flex; align-items:center; min-height:40px; padding:10px 18px; border-radius:4px; font-size:13px; }
.empty-state .small { font-size:12px; margin:18px auto 0; }
.state-marker { display:block; width:28px; height:34px; margin:0 auto 20px; border:1px solid #b6bdc2; border-radius:3px; background:repeating-linear-gradient(to bottom,transparent 0 7px,#e2e5e7 7px 8px); }
dl { display:grid; grid-template-columns:140px minmax(0,1fr); gap:24px; margin:0; padding:28px 0 36px; border-top:1px solid #e5e5e8; font-size:14px; }
dt { color:#6e6e73; }
dd { margin:0; overflow-wrap:anywhere; }
p { line-height:1.8; font-size:14px; color:#6e6e73; }
.security-row { display:flex; justify-content:space-between; align-items:center; gap:32px; padding:28px 0; border-top:1px solid #e5e5e8; }
.security-row p { max-width:560px; margin:8px 0 0; }
.security-row button,.account-welcome>button { flex-shrink:0; }
.account-footer { display:flex; justify-content:space-between; gap:20px; padding:24px 4%; border-top:1px solid #e5e5e8; font-size:12px; color:#6e6e73; }
.account-footer a { color:inherit; }
@media(max-width:600px) {
  .account-header { padding:16px 20px; flex-wrap:wrap; }
  main,body.has-account main { width:calc(100% - 40px); margin-top:32px; }
  h1 { font-size:24px; }
  nav { gap:14px; }
  .workspace-tabs,.tabs { gap:24px; }
  dl { grid-template-columns:90px minmax(0,1fr); }
  .security-row { align-items:flex-start; flex-direction:column; gap:16px; }
  .empty-state { padding:40px 0; }
  .account-footer { flex-wrap:wrap; }
}