:root{--bg: #f5f6f8;--panel: #ffffff;--panel-2: #f0f1f4;--border: #dde1e8;--text: #1a1f2b;--muted: #6b7280;--accent: #0a7ea4;--up: #d1453b;--down: #1a9e6a;color-scheme:light}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:var(--bg);color:var(--text);font-family:Segoe UI,Microsoft JhengHei,system-ui,sans-serif;font-size:14px}.mono{font-family:Cascadia Mono,Consolas,SF Mono,monospace}.app{display:flex;flex-direction:column;min-height:100%}.app-header{display:flex;align-items:baseline;gap:12px;padding:14px 20px;border-bottom:1px solid var(--border);background:var(--panel)}.app-header h1{font-size:18px;margin:0}.badge{font-size:12px;color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:2px 10px}.layout{display:grid;grid-template-columns:220px 1fr;gap:16px;padding:16px 20px;align-items:start}@media (max-width: 900px){.layout{grid-template-columns:1fr}}.filter-panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:14px;position:sticky;top:16px;max-height:calc(100vh - 32px);overflow-y:auto}.filter-panel__head{display:flex;justify-content:space-between;align-items:center}.filter-panel__head h2{font-size:15px;margin:0}.filter-panel__count{margin:6px 0 14px;color:var(--muted);font-size:13px}.filter-panel__count strong{color:var(--accent);font-size:15px}.btn-link{background:none;border:none;color:var(--accent);cursor:pointer;font-size:12px}.filter-item{border:1px solid var(--border);border-radius:8px;padding:10px;margin-bottom:10px;background:var(--panel-2);transition:border-color .15s}.filter-item.is-on{border-color:var(--accent)}.filter-item__toggle{display:flex;align-items:center;gap:8px;font-weight:600;cursor:pointer;margin-bottom:8px}.filter-item select,.filter-item input[type=number]{width:100%;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:5px 6px;font-size:12px}.filter-item select:disabled,.filter-item input:disabled{opacity:.4}.filter-item__range{display:flex;align-items:center;gap:6px}.filter-item__hint{margin:8px 0 0;font-size:11px;color:var(--muted);line-height:1.4}.filter-item__hint--loading{color:var(--accent);font-weight:600}.main{display:flex;flex-direction:column;gap:16px;min-width:0}.panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:14px}.panel__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.panel__head h3{margin:0;font-size:15px}.panel__head--sub{display:block;margin-top:18px}.panel__head--sub h4{margin:0 0 8px;font-size:13px;color:var(--muted)}.muted{color:var(--muted);font-weight:400;font-size:12px}.table-wrap{overflow-x:auto}.table-wrap--fit{overflow:visible}.stock-table{width:100%;border-collapse:collapse;font-size:13px;white-space:nowrap}.stock-table th,.stock-table td{padding:7px 10px;text-align:left;border-bottom:1px solid var(--border)}.stock-table th.num,.stock-table td.num{text-align:right}.stock-table th.center,.stock-table td.center{text-align:center}.stock-table thead th{color:var(--muted);font-weight:600;position:sticky;top:0;background:var(--panel)}.stock-table tbody tr{cursor:pointer}.stock-table tbody tr:hover{background:var(--panel-2)}.stock-table tbody tr.is-selected{background:#0a7ea41f;box-shadow:inset 3px 0 0 var(--accent)}.stock-table .up{color:var(--up)}.stock-table .down{color:var(--down)}.stock-table .empty{text-align:center;color:var(--muted);padding:30px}.tags{display:flex;gap:4px;flex-wrap:wrap}.tag{background:#0a7ea426;color:var(--accent);border-radius:4px;padding:1px 6px;font-size:11px}.range-switch{display:flex;gap:4px}.range-switch button{background:var(--panel-2);color:var(--muted);border:1px solid var(--border);border-radius:6px;padding:4px 10px;cursor:pointer;font-size:12px}.range-switch button.is-active{color:var(--text);border-color:var(--accent)}.panel__head-actions{display:flex;align-items:center;gap:10px}.col-switch{display:flex;gap:4px}.col-switch button{background:var(--panel-2);border:1px solid var(--border);border-radius:6px;padding:5px 8px;cursor:pointer}.col-switch button.is-active{border-color:var(--accent)}.col-icon{display:flex;gap:2px;align-items:center}.col-icon i{display:block;width:5px;height:12px;background:var(--muted);border-radius:1px;font-style:normal}.col-switch button.is-active .col-icon i{background:var(--accent)}.chart-stack{display:grid;grid-template-columns:repeat(var(--chart-cols, 3),1fr);gap:14px}@media (max-width: 900px){.chart-stack{grid-template-columns:1fr}}.chart-block h4{margin:0 0 4px;font-size:13px;color:var(--muted);display:flex;justify-content:space-between}.chart-empty{display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:12px;background:var(--panel-2);border:1px dashed var(--border);border-radius:8px}.chart-block h4 .mono{color:var(--text)}.tooltip{background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:8px 10px;font-size:12px;line-height:1.5;box-shadow:0 4px 16px #0000001f}.tooltip__title{color:var(--accent);margin-bottom:4px}.app-header .btn-link:disabled{opacity:.4;cursor:default}.badge--error{color:var(--up);border-color:var(--up)}.badge--usage{color:var(--muted);cursor:help}.notice{margin:12px 20px 0;padding:12px 14px;border:1px solid var(--border);border-radius:8px;background:var(--panel);font-size:13px;color:var(--muted)}.notice p{margin:0 0 6px}.notice p:last-child{margin-bottom:0}.notice--error{border-color:var(--up);color:var(--text)}.notice--warn{border-color:#b8860b}.risk-disclaimer{display:flex;flex-direction:column;gap:4px;margin-bottom:12px;padding:10px 14px;background:#d1453b14;border:1px solid var(--up);border-radius:8px;font-size:12px;line-height:1.6}.risk-disclaimer strong{color:var(--up);font-size:13px}.risk-disclaimer span{color:var(--text)}.progress{height:6px;border-radius:999px;background:var(--panel-2);overflow:hidden}.progress__bar{height:100%;background:var(--accent);transition:width .25s ease}.tabs{display:flex;gap:4px}.tabs button{background:var(--panel-2);color:var(--muted);border:1px solid var(--border);border-radius:6px;padding:5px 14px;cursor:pointer;font-size:13px}.tabs button.is-active{color:var(--text);border-color:var(--accent);background:#0a7ea41a}.index-bar{margin-bottom:0;overflow-x:visible}.index-bar .stock-table{table-layout:auto;font-size:12.5px}.index-bar thead th{color:var(--accent)}.th-tip{position:relative;cursor:help;border-bottom:1px dotted var(--muted)}.th-tip__bubble{visibility:hidden;opacity:0;position:absolute;z-index:30;top:calc(100% + 6px);right:0;display:flex;flex-direction:column;gap:2px;width:max-content;max-width:180px;background:#e9ecef;color:#333;font-weight:400;text-align:left;padding:6px 10px;border-radius:6px;font-size:11px;line-height:1.4;box-shadow:0 4px 14px #0000002e;transition:opacity .12s ease}.th-tip__bubble strong{color:#111;font-size:11.5px}.th-tip:hover .th-tip__bubble{visibility:visible;opacity:1}.drag-col{width:22px;text-align:center;color:var(--muted);cursor:grab;-webkit-user-select:none;user-select:none}.watchlist-table tbody tr[draggable=true]{cursor:pointer}.watchlist-table tbody tr.is-dragging{opacity:.4}.watchlist-table tbody tr.is-drag-over{box-shadow:inset 0 2px 0 var(--accent)}.watchlist-table tbody tr.is-pending td,.watchlist-table tbody tr.is-error td{color:var(--muted)}.btn-remove{background:none;border:1px solid var(--border);color:var(--muted);border-radius:4px;width:22px;height:22px;line-height:1;cursor:pointer}.btn-remove:hover{color:var(--up);border-color:var(--up)}.tag--auto{margin-left:6px;background:#b478001f;color:#8a5a00}.stock-search{position:relative;margin-bottom:10px}.stock-search input{width:100%;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:7px 10px;font-size:13px}.stock-search__dropdown{position:absolute;z-index:20;top:calc(100% + 4px);left:0;right:0;max-height:280px;overflow-y:auto;background:var(--panel-2);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px #00000026}.stock-search__hint{padding:10px;color:var(--muted);font-size:12px}.stock-search__item{display:grid;grid-template-columns:60px 1fr 40px auto;gap:8px;width:100%;align-items:center;background:none;border:none;border-bottom:1px solid var(--border);color:var(--text);text-align:left;padding:8px 10px;font-size:12px;cursor:pointer}.stock-search__item:last-child{border-bottom:none}.stock-search__item:hover:not(:disabled){background:#0a7ea41a}.stock-search__item:disabled{opacity:.5;cursor:default}.stock-search__action{color:var(--accent);font-size:11px;white-space:nowrap}.btn-primary{background:var(--accent);color:#fff;border:none;border-radius:6px;padding:7px 16px;font-size:13px;font-weight:600;cursor:pointer}.btn-primary.btn-small{padding:5px 12px;font-size:12px}.portfolio-actions{display:flex;gap:10px;align-items:center}.tx-form__row{display:flex;gap:12px;margin-bottom:12px;flex-wrap:wrap;align-items:flex-end}.tx-form__field{display:flex;flex-direction:column;gap:4px;min-width:110px}.tx-form__field--wide{flex:1;min-width:240px}.tx-form__field--amount{min-width:100px}.tx-form__field label{font-size:11px;color:var(--muted)}.tx-form__field input,.tx-form__field select{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:6px 8px;font-size:13px}.tx-form__with-hint{display:flex;gap:6px;align-items:center}.tx-form__with-hint input{width:80px}.tx-form__picked{margin-top:4px;font-size:12px;color:var(--accent)}.tx-form__picked--fixed{margin-top:0;padding:7px 8px;background:var(--panel-2);border:1px solid var(--border);border-radius:6px;color:var(--text)}.portfolio-row{display:flex;gap:16px;align-items:stretch}.portfolio-row__filters{flex:0 0 260px;display:flex;flex-direction:column}.portfolio-row__form{flex:1;min-width:0}@media (max-width: 900px){.portfolio-row{flex-direction:column}.portfolio-row__filters{flex-basis:auto;width:100%}}.portfolio-filters{display:flex;flex:1;flex-direction:column;gap:14px;align-items:stretch;justify-content:flex-start}.portfolio-filters__group{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.portfolio-filters__group label{font-size:12px;color:var(--muted)}.portfolio-filters__group select{width:100%;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:5px 8px;font-size:13px}.portfolio-filters__date-row{display:flex;justify-content:space-between;gap:10px}.portfolio-filters__date-field{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1;min-width:0}.portfolio-filters__date-label{font-size:11px;color:var(--muted)}.portfolio-filters__date-field select{width:100%;text-align:center;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:5px 4px;font-size:12px}.portfolio-filters__date-field select:disabled{opacity:.5}.portfolio-filters__reset{align-self:flex-start}.summary-cards{display:flex;gap:12px;margin:4px 0 14px;flex-wrap:wrap}.summary-card{flex:1;min-width:150px;background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:10px 14px;display:flex;flex-direction:column;gap:4px}.summary-card strong{font-size:18px;font-family:Cascadia Mono,Consolas,SF Mono,monospace}.error-boundary{max-width:560px;margin:80px auto;padding:24px;background:var(--panel);border:1px solid var(--border);border-radius:10px;text-align:center}.error-boundary h2{color:var(--up);margin-top:0}.error-boundary p{color:var(--muted);line-height:1.6}.error-boundary__actions{display:flex;justify-content:center;gap:10px;margin:16px 0}.error-boundary__actions button{padding:8px 16px;border-radius:6px;border:1px solid var(--border);background:var(--panel-2);cursor:pointer}.error-boundary__actions button.danger{border-color:var(--up);color:var(--up)}.error-boundary__detail{text-align:left;background:var(--panel-2);border-radius:6px;padding:10px;font-size:12px;color:var(--muted);overflow-x:auto;white-space:pre-wrap;word-break:break-word}