:root{--bg:#fff;--bg-subtle:#fafafa;--border:#e8e8e8;--border-strong:#d9d9d9;--text-primary:#1a1a1a;--text-secondary:#8a8a8a;--text-tertiary:#b8b8b8;--red-strong:#c1352b;--red-mid:#d97a6f;--red-soft:#eec2ba;--green-strong:#1f6f52;--green-mid:#5f9c85;--green-soft:#bcdccf;--accent-blue:#3b6fd6;--font-ui:-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;--font-data:ui-monospace, "SF Mono", "Cascadia Code", Consolas, monospace;--radius-sm:4px;--radius-md:8px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-ui);background:var(--bg-subtle);color:var(--text-primary);-webkit-font-smoothing:antialiased}.app-shell{max-width:1080px;margin:0 auto;padding:24px 20px 48px}.app-header{justify-content:space-between;align-items:baseline;margin-bottom:16px;display:flex}.app-header h1{letter-spacing:.2px;margin:0;font-size:18px;font-weight:600}.app-header .subtitle{color:var(--text-tertiary);font-size:12px}.source-tabs{gap:8px;margin-bottom:12px;display:flex}.source-tab{appearance:none;background:var(--bg);border:1px solid var(--border-strong);color:var(--text-secondary);cursor:pointer;font-family:var(--font-ui);border-radius:999px;padding:6px 18px;font-size:13px;transition:background .15s,color .15s,border-color .15s}.source-tab:hover{border-color:var(--accent-blue);color:var(--accent-blue)}.source-tab.active{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff}.panel{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.chart-area{padding:8px 8px 4px}.chart-meta{color:var(--text-tertiary);font-size:12px;font-family:var(--font-data);justify-content:space-between;align-items:center;padding:10px 16px 0;display:flex}.stale-badge{color:var(--red-strong);font-family:var(--font-ui);background:var(--red-soft);border-radius:999px;padding:2px 8px;font-size:11px}.state-message{text-align:center;color:var(--text-secondary);padding:60px 24px;font-size:13px}.state-message.error{color:var(--red-strong)}.footnote{color:var(--text-tertiary);margin-top:12px;font-size:11px;line-height:1.6}.rankings{border-top:1px solid var(--border);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.ranking-column{min-width:0;padding:16px 18px 18px}.ranking-column+.ranking-column{border-left:1px solid var(--border)}.ranking-column h2{color:var(--text-primary);margin:0 0 10px;font-size:14px;font-weight:600}.ranking-list{gap:2px;display:grid}.ranking-row{border-radius:var(--radius-sm);cursor:pointer;grid-template-columns:auto 20px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:29px;padding:3px 5px;display:grid}.ranking-row:hover{background:var(--bg-subtle)}.ranking-checkbox{cursor:pointer;width:14px;height:14px;margin:0}.ranking-column.inflow .ranking-checkbox{accent-color:var(--red-strong)}.ranking-column.outflow .ranking-checkbox{accent-color:var(--green-strong)}.ranking-rank{color:var(--text-tertiary);font-family:var(--font-data);text-align:right;font-size:11px}.ranking-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.ranking-amount{font-family:var(--font-data);text-align:right;font-size:12px}.inflow-amount{color:var(--red-strong)}.outflow-amount{color:var(--green-strong)}@media (width<=680px){.app-header{flex-direction:column;align-items:flex-start;gap:4px}.rankings{grid-template-columns:1fr}.ranking-column+.ranking-column{border-left:0;border-top:1px solid var(--border)}}.date-range-controls{flex-wrap:wrap;align-items:end;gap:12px;margin-bottom:12px;display:flex}.date-picker-label{color:var(--text-secondary);gap:4px;font-size:12px;display:grid}.date-picker-label input{background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-data);min-height:32px;padding:4px 8px;font-size:13px}.history-day-buttons{gap:8px;display:flex}.history-day-button{appearance:none;background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-family:var(--font-ui);min-height:32px;padding:4px 14px;font-size:13px}.history-day-button:hover,.history-day-button:focus-visible{border-color:var(--accent-blue);color:var(--accent-blue);outline:none}.history-day-button.active{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff}.history-panel{gap:16px;display:grid}.history-day{overflow:hidden}@media (width<=680px){.date-range-controls{align-items:stretch}.date-picker-label,.date-picker-label input,.history-day-buttons{width:100%}.history-day-button{flex:1}}