#account-hub { --ah-bg:light-dark(#f5f7f7,#161d23); --ah-paper:light-dark(#fff,#202a32); --ah-ink:light-dark(#253638,#edf3f4); --ah-muted:light-dark(#748487,#adbdc1); --ah-line:light-dark(#e1e9e9,#3a494f); --ah-green:light-dark(#236b5e,#9fd6c9); --ah-soft:light-dark(#eaf3ef,#243e36); --ah-blue:light-dark(#4772a9,#afcdf4); --ah-orange:light-dark(#9a6a2e,#efc78f); font:14px/1.55 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif; color:var(--ah-ink); color-scheme:light dark; }
#account-hub * { box-sizing:border-box; }
#account-hub [hidden] { display:none!important; }
#account-hub h1,#account-hub h2,#account-hub h3,#account-hub p,#account-hub dl,#account-hub dd { margin:0; }
#account-hub button,#account-hub input,#account-hub select { font:inherit; color:inherit; }
#account-hub button { cursor:var(--cursor-interaction,pointer); }
#account-hub button:focus-visible,#account-hub input:focus-visible,#account-hub select:focus-visible { outline:2px solid var(--ah-green); outline-offset:3px; }
#account-hub .ah-app { border:1px solid var(--ah-line); border-radius:15px; overflow:hidden; background:var(--ah-bg); }
#account-hub .ah-header { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:25px 112px 22px 24px; background:var(--ah-paper); }
#account-hub .ah-brand { display:flex; gap:11px; align-items:center; }
#account-hub .ah-logo { display:grid; place-items:center; width:36px; height:36px; background:var(--ah-ink); color:var(--ah-paper); border-radius:10px; }
#account-hub .ah-logo svg { width:19px; height:19px; }
#account-hub .ah-brand strong { font-size:19px; font-weight:600; letter-spacing:-.4px; }
#account-hub .ah-sub { display:block; color:var(--ah-muted); font-size:11px; margin-top:3px; }
#account-hub .ah-button { display:inline-flex; justify-content:center; align-items:center; gap:6px; background:var(--ah-paper); border:1px solid var(--ah-line); border-radius:7px; padding:8px 12px; font-size:12px; white-space:nowrap; }
#account-hub .ah-button svg { width:14px; height:14px; }
#account-hub .ah-primary { background:var(--ah-green); border-color:var(--ah-green); color:light-dark(#fff,#162e28); }
#account-hub .ah-nav { display:flex; gap:22px; padding:0 24px; background:var(--ah-paper); border-bottom:1px solid var(--ah-line); }
#account-hub .ah-nav button { display:inline-flex; align-items:center; gap:7px; padding:13px 3px 15px; border:0; border-bottom:2px solid transparent; background:none; color:var(--ah-muted); font-size:13px; }
#account-hub .ah-nav button[aria-pressed=true] { color:var(--ah-green); border-bottom-color:var(--ah-green); font-weight:500; }
#account-hub .ah-nav svg { width:15px; height:15px; }
#account-hub .ah-count { display:inline-block; font-size:10px; padding:1px 5px; border-radius:4px; background:var(--ah-bg); color:var(--ah-muted); font-weight:400; }
#account-hub .ah-content { padding:23px 20px 18px; min-width:0; }
#account-hub .ah-heading { display:flex; justify-content:space-between; gap:12px; align-items:center; margin-bottom:17px; }
#account-hub h1 { font-size:22px; font-weight:600; letter-spacing:-.5px; }
#account-hub .ah-heading p { color:var(--ah-muted); font-size:11px; }
#account-hub .ah-toolbar { display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; margin-bottom:15px; }
#account-hub .ah-search { position:relative; width:270px; max-width:100%; }
#account-hub .ah-search svg { position:absolute; top:11px; left:11px; width:14px; height:14px; color:var(--ah-muted); pointer-events:none; }
#account-hub .ah-search input { width:100%; padding:9px 11px 9px 33px; border:1px solid var(--ah-line); background:var(--ah-paper); border-radius:7px; font-size:12px; }
#account-hub .ah-filters { display:flex; flex-wrap:wrap; gap:8px; }
#account-hub .ah-filter { border:1px solid var(--ah-line); border-radius:7px; padding:8px 10px; font-size:12px; background:var(--ah-paper); min-width:112px; }
#account-hub .ah-table-panel { background:var(--ah-paper); border:1px solid var(--ah-line); border-radius:10px; overflow:hidden; }
#account-hub .ah-table-wrap { overflow-x:auto; }
#account-hub table { min-width:950px; width:100%; border-collapse:collapse; table-layout:fixed; font-size:12px; }
#account-hub th { padding:12px 10px; text-align:left; font-weight:400; color:var(--ah-muted); background:var(--ah-bg); }
#account-hub td { padding:15px 10px; text-align:left; border-top:1px solid var(--ah-line); vertical-align:top; overflow-wrap:anywhere; }
#account-hub .ah-name { font-weight:500; font-size:13px; color:var(--ah-ink); }
#account-hub .ah-meta { display:block; color:var(--ah-muted); font-size:11px; margin-top:4px; overflow-wrap:anywhere; }
#account-hub .ah-tag { display:inline-block; font-size:10px; color:var(--ah-green); background:var(--ah-soft); padding:1px 5px; border-radius:4px; }
#account-hub .ah-tag.ah-wecom { color:var(--ah-blue); background:light-dark(#edf3fb,#27394e); }
#account-hub .ah-kind { display:inline-block; font-size:10px; padding:1px 5px; border-radius:4px; background:var(--ah-bg); color:var(--ah-muted); margin-right:4px; }
#account-hub .ah-private { color:var(--ah-green); background:var(--ah-soft); }
#account-hub .ah-link { background:none; border:0; color:var(--ah-green); padding:0; text-align:left; font-size:inherit; }
#account-hub .ah-number { white-space:nowrap; font-variant-numeric:tabular-nums; }
#account-hub .ah-password { font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:11px; white-space:pre-wrap; overflow-wrap:anywhere; }
#account-hub .ah-muted { color:var(--ah-muted); }
#account-hub .ah-table-footer { display:flex; justify-content:space-between; align-items:center; gap:15px; flex-wrap:wrap; border-top:1px solid var(--ah-line); padding:13px; font-size:11px; color:var(--ah-muted); }
#account-hub .ah-pagination { display:flex; align-items:center; gap:9px; }
#account-hub .ah-pagination button { display:grid; place-items:center; width:28px; height:28px; border:1px solid var(--ah-line); background:var(--ah-paper); border-radius:5px; }
#account-hub .ah-pagination svg { width:14px; height:14px; }
#account-hub .ah-pagination button:disabled { opacity:.35; cursor:default; }
#account-hub .ah-empty { padding:35px; text-align:center; color:var(--ah-muted); }
#account-hub .ah-editor { margin-bottom:17px; padding:20px; border:1px solid var(--ah-line); border-radius:10px; background:var(--ah-paper); }
#account-hub .ah-edit-heading { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:17px; }
#account-hub h2 { font-size:16px; font-weight:500; }
#account-hub .ah-form-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px 18px; }
#account-hub .ah-form-grid label { display:flex; flex-direction:column; gap:6px; font-size:12px; color:var(--ah-muted); min-width:0; }
#account-hub .ah-form-grid input,#account-hub .ah-form-grid select { width:100%; min-width:0; padding:8px 10px; border:1px solid var(--ah-line); border-radius:6px; color:var(--ah-ink); background:var(--ah-paper); font-size:13px; }
#account-hub .ah-actions { display:flex; justify-content:flex-end; gap:8px; margin-top:17px; }
#account-hub .ah-error { margin-top:10px; color:var(--ah-orange); font-size:12px; }
#account-hub .ah-feedback { margin-bottom:12px; color:var(--ah-green); font-size:12px; }
#account-hub .ah-detail-row td { padding:18px; background:var(--ah-bg); }
#account-hub .ah-detail-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:25px; }
#account-hub h3 { font-size:12px; font-weight:500; margin-bottom:9px; }
#account-hub .ah-associated { padding:7px 0; font-size:12px; border-top:1px solid var(--ah-line); }
#account-hub .ah-associated:first-of-type { border-top:0; }
#account-hub .ah-footnote { font-size:10px; color:var(--ah-muted); margin-top:15px; display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px; }