*{box-sizing:border-box}html{color-scheme:light}body{margin:0;background:#f5f7fb;color:#182b43;font:14px/1.55 "Inter","Segoe UI","Microsoft YaHei",system-ui,sans-serif}button,input,select{font:inherit}a{color:#155bb2;text-underline-offset:3px}.bar{display:flex;align-items:center;gap:42px;background:#142e51;color:white;padding:0 clamp(16px,3vw,48px);min-height:61px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:14px;font-weight:550;white-space:nowrap}.wordmark{font-size:22px;letter-spacing:-1px;font-weight:800}.divide{width:1px;height:19px;background:#647e9f}.bar nav{display:flex;gap:20px;align-self:stretch}.bar nav a,.bar .plain{color:#dbe7f7;text-decoration:none}.bar nav a{display:grid;align-items:center;border-bottom:3px solid transparent;padding-top:3px}.bar nav .active{color:white;border-color:#82c7ff}.account{margin-left:auto;display:flex;gap:14px;align-items:center}.plain{background:transparent;border:0;cursor:pointer}main{margin:0 auto;padding:32px clamp(16px,3vw,48px) 60px;max-width:1940px}.heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 22px;flex-wrap:wrap}h1,h2{margin:0;letter-spacing:-.03em}h1{font-size:clamp(24px,3vw,33px);font-weight:650}h2{font-size:18px;margin-bottom:14px}.sync,.muted,dt{color:#52647b;font-size:13px}.sync strong{display:block;font-weight:550;color:#243f64}.filters,.sheet,section{background:white;border:1px solid #d5dfed;border-radius:8px}.filters{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap;margin-bottom:18px;padding:16px}.filters .search{min-width:min(260px,100%)}label{display:grid;gap:5px;font-size:13px}input,select{border:1px solid #aebed1;border-radius:4px;background:white;color:#182d47;min-height:38px;padding:6px 10px;max-width:100%}button{border:1px solid #99aec8;background:white;color:#224f88;padding:7px 14px;border-radius:5px;cursor:pointer}.primary{background:#235fa6;border-color:#235fa6;color:white}.small{font-size:12px;padding:4px 8px}button:disabled{opacity:.6;cursor:default}.sheet{overflow-x:auto;max-width:100%}table{border-collapse:collapse;width:100%;text-align:left}td,th{white-space:nowrap;padding:11px 12px;border-bottom:1px solid #e2e8f1;vertical-align:top}tr:last-child td{border-bottom:0}th{background:#edf3fa;color:#435a76;font-size:12px;font-weight:650}td{font-size:13px}.identifier{font-variant-numeric:tabular-nums;font-weight:650}.empty{text-align:center;color:#53667b;padding:48px}.paging{display:flex;gap:15px;align-items:center;justify-content:flex-end;padding-top:15px}.invoice>*,.invoice form{display:block;margin:0 0 3px}.warning{background:#fff2ce;padding:10px 14px;border-radius:4px;color:#674817}.back{display:inline-block;margin-bottom:16px}.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px;margin:0 0 12px}dd{margin:3px 0 0;overflow-wrap:anywhere;font-weight:550}section{padding:20px;margin-bottom:18px;overflow-x:auto}.chip{display:inline-block;margin-right:14px}.login{max-width:390px;margin:8vh auto;padding:28px}.login form{display:grid;gap:16px}.login h1{margin-bottom:24px}.login .primary{margin-top:6px}:focus-visible{outline:3px solid #2671ce;outline-offset:2px}@media(max-width:650px){main{padding:20px 12px}.bar{padding:12px;gap:8px 20px}.bar nav{order:3;width:100%;height:34px}.account span{display:none}.filters{gap:9px;padding:12px}.filters .search{flex-basis:100%}.sync strong{display:inline}.facts{grid-template-columns:repeat(2,minmax(0,1fr))}.heading{gap:6px}section{padding:14px}}

/* The navigation keeps long Chinese labels on one line on smaller screens. */
.bar nav { min-width: 0; max-width: 100%; overflow-x: auto; }
.bar nav a { flex: none; white-space: nowrap; }
:focus-visible { outline-color: #2671ce; }
.bar :focus-visible { outline-color: #a1ceff; outline-offset: -2px; }

.finance { font-variant-numeric: tabular-nums; }
.finance-controls { margin-bottom: 20px; }
.finance-shortcuts { display: flex; flex-wrap: wrap; gap: 4px; margin-bottom: 10px; }
.finance-shortcuts a {
    display: inline-block; padding: 5px 12px; text-decoration: none; border-radius: 5px;
    color: #3d5471; font-size: 13px; font-weight: 550;
}
.finance-shortcuts a:hover { background: #e6eef9; }
.finance-shortcuts a[aria-current] { background: #dceafd; color: #164e90; }
.finance-controls .filters { margin: 0; }
.finance-empty {
    background: #eaf2fd; color: #244f83; padding: 11px 14px;
    border: 1px solid #c7dbf4; border-radius: 6px;
}
.finance-kpis {
    display: grid; gap: 14px; grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 0 0 18px;
}
.finance-card {
    min-width: 0; padding: 18px 20px; background: white; border: 1px solid #d5dfed; border-radius: 8px;
}
.finance-card dt { font-weight: 600; }
.finance-card dd:not(.finance-note) {
    margin: 8px 0 4px; font-size: clamp(23px, 2.3vw, 36px); line-height: 1.2;
    font-weight: 650; letter-spacing: -.045em; color: #173863;
}
.finance-card dd small { font-size: 12px; letter-spacing: .02em; font-weight: 600; color: #586d87; }
.finance-card .finance-note, .finance-ledger .finance-note {
    font-size: 12px; line-height: 1.5; color: #52647b; font-weight: 400;
}
.finance-lead { background: #1c4d88; border-color: #1c4d88; }
.finance-lead dt, .finance-lead .finance-note, .finance-lead dd small { color: #e0edff; }
.finance-lead dd:not(.finance-note) { color: white; }
.finance-columns { display: grid; grid-template-columns: minmax(0, 1.8fr) minmax(260px, 1fr); gap: 16px; }
.finance-section-title { display: flex; gap: 12px; justify-content: space-between; align-items: baseline; margin-bottom: 18px; }
.finance-section-title h2 { margin: 0; }
.finance-chart { display: grid; grid-template-columns: auto minmax(0,1fr); gap: 6px 9px; margin: 20px 0 15px; }
.finance-scale {
    display: flex; flex-direction: column; justify-content: space-between;
    align-items: flex-end; font-size: 11px; color: #52647b; line-height: 1;
}
.finance-plot svg { display: block; width: 100%; height: clamp(130px, 13vw, 200px); overflow: visible; }
.finance-gridline { fill: none; stroke: #d5dfed; stroke-dasharray: 3 4; }
.finance-bar { fill: #2f70be; }
.finance-bar:hover { fill: #194f93; }
.finance-chart figcaption {
    grid-column: 2; display: flex; justify-content: space-between; gap: 8px; color: #52647b; font-size: 12px;
}
.finance-chart-empty { color: #52647b; padding: 42px 0; text-align: center; }
.finance-details summary { cursor: pointer; color: #155bb2; width: fit-content; font-size: 13px; }
.finance-details .sheet { margin-top: 12px; max-height: 300px; }
.finance-ledger { margin: 0; }
.finance-ledger > div { display: grid; grid-template-columns: 1fr auto; gap: 2px 8px; padding: 9px 0; }
.finance-ledger > div + div { border-top: 1px solid #e2e8f1; }
.finance-ledger dd { margin: 0; text-align: end; }
.finance-ledger .finance-note { grid-column: 1 / -1; text-align: start; }
.finance-negative { color: #a43339; }
.finance-markets td:not(:first-child), .finance-markets th:not(:first-child),
.finance-details td:not(:first-child), .finance-details th:not(:first-child) { text-align: right; }
.finance-markets td small { display: block; font-size: 11px; color: #52647b; }
@media(max-width: 1000px) {
    .finance-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media(max-width: 730px) {
    .finance-columns { grid-template-columns: minmax(0,1fr); gap: 0; }
    .finance-controls .filters { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
    .finance-controls input, .finance-controls select { min-width: 0; width: 100%; }
    .finance-controls .primary { grid-column: 1 / -1; }
    .finance-shortcuts { gap: 2px; }
    .finance-shortcuts a { padding: 6px 9px; }
    .finance-kpis { gap: 8px; }
    .finance-card { padding: 13px 11px; }
    .finance-card dd:not(.finance-note) { font-size: clamp(20px, 5.3vw, 29px); }
    .finance-card dd small { font-size: 11px; }
}