:root{color:#16263c;background:linear-gradient(180deg,#f6f0e0,#eef3fb 42%,#e9f0fb),radial-gradient(circle at top left,rgba(255,245,214,.58),transparent 36%);font-family:Noto Sans TC,PingFang TC,Segoe UI,sans-serif;line-height:1.4}*{box-sizing:border-box}html,body,#root{min-height:100%}html,body{max-width:100%;overflow-x:hidden}body{margin:0;background:transparent;color:inherit;-webkit-text-size-adjust:100%}button,select,input{border:1px solid #9ab0cc;border-radius:10px;font:inherit;transition:border-color .12s ease,box-shadow .12s ease,background .12s ease}button,select{min-height:40px}select,input{background:#fff;color:inherit;padding:8px 12px}button{background:#114c90;color:#fff;cursor:pointer;font-weight:700;padding:0 14px}button:hover:not(:disabled){background:#0d417b}button:disabled{cursor:default;opacity:.65}button:focus-visible,select:focus-visible,input:focus-visible{border-color:#4f7db5;box-shadow:0 0 0 3px #4f7db52e;outline:none}.app-shell{margin:0 auto;max-width:1720px;padding:10px 14px 18px}.topbar{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px}.brand-block h1{font-size:2.8rem;letter-spacing:0;line-height:1;margin:0}.header-actions{align-items:center;display:flex;gap:10px}.header-actions label{color:#2f4867;font-size:.94rem;font-weight:700}.summary-strip{display:grid;gap:8px;grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:8px}.summary-card,.panel{background:#ffffffe0;border:1px solid #d3deef;border-radius:12px;box-shadow:0 8px 24px #1231590d}.summary-card{display:flex;flex-direction:column;gap:3px;min-height:74px;padding:10px 14px}.summary-label{color:#587498;font-size:.88rem;font-weight:700}.summary-fx-hint{color:#6a83a5;font-weight:600}.summary-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;color:#587498;cursor:pointer;font:inherit;font-size:.88rem;font-weight:700;padding:0 18px 0 0;background-image:linear-gradient(45deg,transparent 50%,#587498 50%),linear-gradient(135deg,#587498 50%,transparent 50%);background-position:calc(100% - 8px) 55%,calc(100% - 3px) 55%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.summary-select:focus{outline:none;color:#2f4867}.summary-select option{color:#1f2d3d}.summary-card strong{font-size:1.9rem;letter-spacing:0;line-height:1.05}.summary-return-card{align-items:flex-start;flex-direction:column;flex-wrap:nowrap;gap:6px}.summary-return-card .summary-label{min-width:0}.summary-return-heading{align-items:center;display:flex;gap:8px;justify-content:space-between;width:100%}.summary-return-card .summary-select{flex:1 1 auto;max-width:100%;min-width:0}.summary-action-buttons{display:flex;flex:0 0 auto;gap:6px}.summary-detail-button{background:#fff;border:1px solid #bfd0e6;border-radius:8px;color:#21496f;cursor:pointer;flex:0 0 auto;font-size:.78rem;font-weight:800;line-height:1;min-height:26px;padding:5px 9px}.summary-detail-button:hover{background:#eef5ff;border-color:#88a9cf}.summary-return-value{flex:0 0 auto;white-space:nowrap}.summary-money-lines{display:flex;flex-direction:column;gap:2px;min-width:0}.summary-converted{color:#2f4867;font-size:1.15rem;font-weight:700;letter-spacing:0;line-height:1.05}.summary-return-lines{align-items:baseline;display:flex;flex-direction:row;flex-wrap:nowrap;gap:14px;min-width:0}.summary-return-line{align-items:baseline;color:#587498;display:inline-flex;font-size:.9rem;font-weight:700;gap:5px;line-height:1.1;white-space:nowrap}.summary-return-line strong{font-size:1.2rem;letter-spacing:0;line-height:1}.panel{padding:10px;min-width:0}.panel h2,.panel h3{letter-spacing:0;margin:0}.panel-subtitle{color:#637c9b;margin:2px 0 0}.panel-head{align-items:flex-start;display:flex;gap:8px;justify-content:space-between}.compact-head{margin-bottom:8px}.watchlist-heading-row{align-items:baseline;display:flex;gap:8px;min-width:0;white-space:nowrap}.watchlist-heading-row .panel-subtitle{margin:0}.workspace-grid{--watchlist-width: 430px;display:grid;gap:0;grid-template-columns:minmax(320px,var(--watchlist-width)) 12px minmax(0,1fr);margin-bottom:8px}.workspace-splitter{align-items:stretch;cursor:col-resize;display:flex;justify-content:center;margin:0 2px;-webkit-user-select:none;user-select:none}.workspace-splitter-bar{background:linear-gradient(180deg,#5d7ca62e,#5d7ca680);border-radius:999px;width:4px}.workspace-splitter:hover .workspace-splitter-bar{background:linear-gradient(180deg,#2659995c,#265999cc)}.watchlist-panel,.stage-panel,.info-panel,.secondary-panel,.movers-panel{min-height:0;min-width:0}.watchlist-panel{display:flex;flex-direction:column;margin-right:6px}.watchlist-table-shell,.compact-table-shell{background:#f8fbff;border:1px solid #e1eaf5;border-radius:12px;overflow:auto}.watchlist-table-shell{flex:1;max-height:calc(100vh - 182px);min-height:620px}.watchlist-table,.compact-table{border-collapse:collapse;width:100%}.watchlist-table{min-width:560px}.watchlist-mobile-shell{display:none}.mobile-sort-strip{display:flex;gap:6px;margin-bottom:8px;overflow-x:auto;padding-bottom:2px}.mobile-sort-button{background:#f6f9fe;color:#173a64;flex:1 0 auto;font-size:.8rem;min-height:34px;padding:0 10px}.mobile-sort-button.active{background:#114c90;color:#fff}.watchlist-mobile-list{display:flex;flex-direction:column;gap:8px}.watchlist-mobile-card{-webkit-appearance:none;-moz-appearance:none;appearance:none;align-items:stretch;background:#f8fbff;border:1px solid #e1eaf5;border-radius:12px;color:inherit;cursor:pointer;display:flex;flex:0 0 auto;flex-direction:column;gap:10px;height:auto;min-height:0;padding:10px;text-align:left;width:100%}.watchlist-mobile-card:hover:not(:disabled){background:#f4f8ff}.watchlist-mobile-card:focus-visible{border-color:#4f7db5;box-shadow:0 0 0 3px #4f7db52e;outline:none}.watchlist-mobile-card.selected{background:#e7f0fd;border-color:#b8cdea;box-shadow:inset 3px 0 #114c90}.mobile-stock-main{align-items:flex-start;display:flex;gap:10px;justify-content:space-between;min-width:0}.mobile-stock-title{display:flex;flex-direction:column;gap:3px;min-width:0}.mobile-stock-title strong{color:#16263c;font-size:.98rem;line-height:1.25;overflow-wrap:anywhere}.mobile-stock-title small,.mobile-stock-metrics small{color:#6480a1;font-size:.78rem;font-weight:700}.mobile-change-pill{border-radius:999px;flex:0 0 auto;font-size:.82rem;font-weight:800;padding:4px 8px}.mobile-change-pill.up{background:#eaf8f1}.mobile-change-pill.down{background:#ffeceb}.mobile-return-stack{align-items:flex-end;display:inline-flex;flex:0 0 auto;flex-direction:column;gap:5px}.mobile-stock-metrics{display:grid;gap:6px;grid-template-columns:repeat(3,minmax(0,1fr))}.mobile-stock-metrics span{background:#fff;border:1px solid #e3ebf6;border-radius:10px;display:flex;flex-direction:column;gap:3px;min-width:0;padding:7px 8px}.mobile-stock-metrics strong{color:#16263c;font-size:.95rem;font-variant-numeric:tabular-nums;line-height:1.15;overflow-wrap:anywhere}.mobile-stock-metrics strong.up{color:#007748}.mobile-stock-metrics strong.down{color:#ba1b1b}.dense-table thead th{background:#f8fbff;color:#4a6b8e;font-size:.82rem;font-weight:700;padding:9px;position:sticky;text-align:left;top:0;z-index:1}.sort-header-button{align-items:center;background:transparent;border:none;border-radius:6px;color:inherit;display:inline-flex;font-size:inherit;font-weight:inherit;gap:5px;justify-content:flex-start;min-height:0;padding:0}.sort-header-button:hover:not(:disabled){background:transparent;color:#173a64}.dense-table th.num-cell .sort-header-button{justify-content:flex-end;width:100%}.sort-indicator{color:#8aa1bd;font-size:.66rem;line-height:1}.sort-indicator.active{color:#174a7d}.compact-table thead th{position:static}.dense-table td{border-top:1px solid #e6eef8;padding:9px 9px 10px;vertical-align:middle;white-space:nowrap}.dense-table th.num-cell,.dense-table td.num-cell{text-align:right;font-variant-numeric:tabular-nums}.pnl-chart-wrapper{position:relative;width:100%}.pnl-chart-summary{display:flex;flex-wrap:wrap;gap:14px 24px;padding:4px 6px 10px;font-size:.85rem;color:#4a6b8e}.pnl-chart-summary strong{margin-left:4px;font-variant-numeric:tabular-nums}.pnl-selected-summary{color:#2563eb}.pnl-chart-plot-row{align-items:stretch;display:grid;gap:10px;grid-template-columns:minmax(0,1fr) minmax(178px,220px)}.pnl-chart-svg{width:100%;height:auto;display:block}.pnl-chart-readout{align-self:stretch;background:#f8fbff;border:1px solid #e1eaf5;border-radius:8px;color:#334155;display:flex;flex-direction:column;font-size:.82rem;font-variant-numeric:tabular-nums;gap:7px;min-width:0;padding:10px 12px}.pnl-readout-heading{align-items:baseline;border-bottom:1px solid #e6eef8;display:flex;justify-content:space-between;gap:10px;padding-bottom:6px}.pnl-readout-heading span{color:#5b7699;font-weight:700}.pnl-readout-heading strong,.pnl-readout-row strong{white-space:nowrap}.pnl-readout-row{align-items:baseline;display:flex;gap:10px;justify-content:space-between;min-width:0}.pnl-readout-row span{color:#5b7699;overflow-wrap:anywhere}.pnl-readout-selected{border-top:1px dashed #d7e4f3;margin-top:2px;padding-top:7px}.pnl-chart-empty{padding:60px 20px;text-align:center;color:#94a3b8}.pnl-buy-detail{margin-top:6px;padding-top:6px;border-top:1px dashed #e1eaf5;color:#334155;display:flex;flex-direction:column;gap:3px;max-height:154px;overflow-y:auto}.pnl-buy-detail strong{color:#b45309}.pnl-buy-line{display:flex;align-items:center;gap:6px}.pnl-chart-legend{display:flex;flex-wrap:wrap;gap:8px 14px;padding:6px 6px 2px;font-size:.78rem;color:#4a6b8e}.pnl-legend-item{display:inline-flex;align-items:center;gap:6px;font-variant-numeric:tabular-nums}.pnl-legend-item small{color:#94a3b8;font-size:.7rem}.pnl-legend-swatch{display:inline-block;width:10px;height:10px;border-radius:2px;flex-shrink:0}.pnl-line-swatch{display:inline-block;width:18px;height:3px;border-radius:999px;background:#2563eb;flex-shrink:0}.watchlist-row{cursor:pointer;transition:background .12s ease}.watchlist-row:hover{background:#f4f8ff}.watchlist-row.selected{background:#e7f0fd}.watchlist-empty,.list-empty{color:#6982a1;padding:16px 12px;text-align:center}.stock-cell{align-items:start;column-gap:7px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;min-width:0;row-gap:0}.stock-primary{display:contents}.stock-primary strong{display:block;font-size:.96rem;grid-column:1;grid-row:1;letter-spacing:0;min-width:0;overflow:hidden;text-overflow:ellipsis;transform:translateY(-5px);white-space:nowrap}.stock-change{flex:0 0 auto;font-size:.92rem;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}.stock-return-stack{align-items:flex-end;display:inline-flex;flex-direction:column;gap:4px;grid-column:2;grid-row:1 / 3;justify-self:end}.stock-total-return{background:#fff;border:1px solid currentColor;border-radius:2px;display:inline-flex;font-size:.78rem;font-weight:800;font-variant-numeric:tabular-nums;justify-content:center;line-height:1.1;min-width:64px;padding:2px 5px;transform:translateY(1px);white-space:nowrap}.stock-cell small{align-self:end;color:#6480a1;font-size:.84rem;grid-column:1;grid-row:2;line-height:1.2;margin-top:0;overflow:hidden;text-overflow:ellipsis;transform:translateY(1px);white-space:nowrap}.stock-secondary{color:#7a92b0}.market-chip{background:#eef5ff;border:1px solid #d2def0;border-radius:999px;color:#24537f;display:inline-flex;font-size:.72rem;font-weight:700;line-height:1;padding:4px 8px}.market-stage{display:flex;flex-direction:column;gap:8px;margin-left:6px;min-width:0}.stage-panel{display:flex;flex-direction:column}.stage-topline{align-items:center;display:flex;flex-wrap:wrap;gap:8px 10px;justify-content:space-between;margin-bottom:8px}.stage-headline-group{align-items:center;display:flex;flex-shrink:0;flex-wrap:wrap;gap:8px 12px;min-width:0}.stage-headline-group h2{font-size:2rem;line-height:1}.stage-quote-line{align-items:baseline;display:inline-flex;flex-wrap:nowrap;gap:10px;white-space:nowrap}.stage-quote-line strong{color:#18355b;font-size:1.8rem;letter-spacing:0;line-height:1}.stage-quote-line span{font-size:1rem;font-weight:800}.stage-control-group{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;min-width:0}.stage-tab-switch{display:inline-flex;gap:6px}.stage-tab-button{background:#f6f9fe;color:#173a64;min-height:38px;padding:0 14px}.stage-tab-button.active{background:#114c90;color:#fff}.stage-fundamentals-hint{color:#5b7898;font-size:.88rem;font-weight:700}.stage-range-field{align-items:flex-start;color:#476688;display:flex;flex-direction:column;font-size:.82rem;font-weight:700;gap:4px}.stage-range-field select,.stage-range-field input{min-width:120px}.stage-date-field input{min-width:150px}.secondary-button{background:#f6f9fe;color:#173a64}.stage-tab-panel{min-height:0}.trade-mini-panel,.trade-history-panel{min-width:0}.trade-history-panel .compact-head{margin-bottom:6px}.inline-status.trade-history-error{margin:0 0 8px;padding:7px 9px}.trade-history-summary{display:grid;gap:6px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:8px}.trade-history-summary span{background:#f8fbff;border:1px solid #e2eaf5;border-radius:8px;display:flex;flex-direction:column;gap:2px;min-width:0;padding:6px 8px}.trade-history-summary small,.trade-history-summary em{color:#67819f;font-size:.72rem;font-style:normal;font-weight:700;line-height:1.15}.trade-history-summary strong{color:#172943;font-size:.86rem;font-variant-numeric:tabular-nums;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trade-history-summary strong.up{color:#007748}.trade-history-summary strong.down{color:#ba1b1b}.selected-trade-table-shell{background:#f8fbff;border:1px solid #e1eaf5;border-radius:10px;max-height:230px;overflow:auto}.selected-trade-table{border-collapse:collapse;min-width:660px;table-layout:fixed;width:100%}.selected-trade-table th:nth-child(1),.selected-trade-table td:nth-child(1){width:18%}.selected-trade-table th:nth-child(2),.selected-trade-table td:nth-child(2){width:12%}.selected-trade-table th:nth-child(3),.selected-trade-table td:nth-child(3){width:14%}.selected-trade-table th:nth-child(4),.selected-trade-table td:nth-child(4){width:18%}.selected-trade-table th:nth-child(5),.selected-trade-table td:nth-child(5){width:22%}.selected-trade-table th:nth-child(6),.selected-trade-table td:nth-child(6){width:16%}.selected-trade-table thead th{padding:7px 8px}.selected-trade-table td{font-size:.82rem;padding:6px 8px}.trade-side-chip{border-radius:999px;display:inline-flex;font-size:.72rem;font-weight:800;line-height:1;padding:4px 7px}.trade-side-chip.buy{background:#eaf8f1;color:#007748}.trade-side-chip.sell{background:#ffeceb;color:#ba1b1b}.detail-trade-list,.mover-list{display:flex;flex-direction:column;gap:7px;list-style:none;margin:0;padding:0}.detail-trade-list-inline{flex-direction:row;flex-wrap:wrap}.detail-trade-item,.mover-item{align-items:center;background:#f8fbff;border:1px solid #e2eaf5;border-radius:10px;display:flex;justify-content:space-between;min-width:240px;padding:9px 10px}.detail-trade-item strong,.mover-symbol{display:block;font-size:.94rem}.mover-symbol{max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-trade-item small,.mover-sub{color:#67819f;display:block;font-size:.82rem;margin-top:2px}.bottom-grid{display:grid;gap:8px;grid-template-columns:minmax(0,1.35fr) minmax(320px,.9fr)}.compact-table-shell{max-height:250px}.compact-table td,.compact-table th{padding:8px 9px}.movers-columns{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.mover-card{background:#f8fbff;border:1px solid #e2eaf5;border-radius:12px;padding:10px}.mover-card h3{color:#35587c;font-size:.98rem;margin-bottom:8px}.mover-value{font-size:.98rem}.up{color:#007748}.down{color:#ba1b1b}.error{background:#ffe7e7;border:1px solid #f4b2b2;border-radius:12px;color:#7e1111;margin:0 0 8px;padding:10px 12px}.error strong{display:block;margin-bottom:5px}.error ul{margin:0;padding-left:20px}.info-banner,.inline-status{border-radius:12px;margin:0 0 8px;padding:10px 12px}.info-banner{background:#eef6ff;border:1px solid #cfe0f5;color:#24496f}.info-banner p,.inline-status p{margin:4px 0 0}.inline-status.success{background:#eefbf3;border:1px solid #b9e3c8;color:#125430}.inline-status.error{margin-top:8px}.ghost-button{background:#fff;color:#21496f}.ghost-button:hover:not(:disabled){background:#eef5ff}.modal-backdrop{align-items:center;background:#0c1c305c;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:24px;position:fixed;z-index:60}.modal-card{background:#fffffff7;border:1px solid #d3deef;border-radius:16px;box-shadow:0 22px 60px #0f27452e;width:min(860px,100%)}.trade-upload-modal{display:flex;flex-direction:column;gap:12px;max-height:min(88vh,860px);overflow:auto;padding:14px}.annual-detail-modal{display:flex;flex-direction:column;gap:12px;max-height:min(88vh,840px);overflow:auto;padding:14px;width:min(980px,100%)}.annual-stats-modal{display:flex;flex-direction:column;gap:12px;max-height:min(90vh,880px);overflow:auto;padding:14px;width:min(1080px,100%)}.modal-head,.modal-footer,.upload-dropzone-actions,.import-result-head{align-items:center;display:flex;justify-content:space-between}.modal-head{gap:12px}.modal-head h3{margin:0}.modal-head p{color:#5e7898;margin:3px 0 0}.annual-detail-summary,.annual-stats-summary{display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.annual-detail-summary div,.annual-stats-summary div{background:#f7faff;border:1px solid #dbe6f4;border-radius:8px;padding:10px 12px}.annual-detail-summary span,.annual-stats-summary span{color:#5e7898;display:block;font-size:.85rem;font-weight:700;margin-bottom:4px}.annual-detail-summary strong,.annual-stats-summary strong{color:#1f2d3d;font-size:1.25rem;line-height:1.1}.annual-stats-chart-grid{display:grid;gap:10px}.annual-stats-chart{background:#fbfdff;border:1px solid #dbe6f4;border-radius:10px;overflow:hidden}.annual-stats-chart-empty{color:#6d84a4;font-weight:700;padding:18px}.annual-stats-chart-head{align-items:center;border-bottom:1px solid #e3ebf6;display:flex;gap:12px;justify-content:space-between;padding:10px 12px 8px}.annual-stats-chart-head h4{color:#1f2d3d;font-size:1rem;line-height:1.1;margin:0}.annual-stats-chart-head span{color:#6782a2;display:block;font-size:.82rem;font-weight:700;margin-top:3px}.annual-stats-chart-head strong{flex:0 0 auto;font-size:1rem;line-height:1.1;text-align:right;white-space:nowrap}.annual-stats-chart-plot{overflow-x:auto;padding:4px 8px 8px}.annual-stats-svg{display:block;height:auto;min-width:620px;width:100%}.annual-stats-grid-line{stroke:#e6eef8;stroke-dasharray:4 4;stroke-width:1}.annual-stats-zero-line,.annual-stats-axis-line{stroke:#bfd0e6;stroke-width:1.2}.annual-stats-axis-text,.annual-stats-year-text{fill:#6a819f;font-size:12px;font-weight:700}.annual-stats-value-text{font-size:12px;font-weight:900;paint-order:stroke;stroke:#fbfdff;stroke-linejoin:round;stroke-width:4px}.annual-stats-value-text.up{fill:#2f855a}.annual-stats-value-text.down{fill:#a83935}.annual-stats-bar.up-fill,.annual-stats-point.up-fill{fill:#2f855a}.annual-stats-bar.down-fill,.annual-stats-point.down-fill{fill:#c2413b}.annual-stats-bar{opacity:.78}.annual-stats-line{fill:none;pointer-events:none;stroke:#2f5da8;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2}.annual-stats-point{stroke:#fff;stroke-width:2}.annual-detail-table-shell{border:1px solid #dbe6f4;border-radius:8px;overflow:auto}.annual-detail-table{border-collapse:collapse;min-width:900px;width:100%}.annual-detail-table th,.annual-detail-table td{border-bottom:1px solid #e7eef8;padding:9px 10px;text-align:left;vertical-align:middle;white-space:nowrap}.annual-detail-table th{background:#f4f8fe;color:#5e7898;font-size:.82rem;font-weight:800}.annual-detail-table td{color:#26384d;font-size:.9rem}.annual-detail-table tbody tr:last-child td{border-bottom:none}.annual-detail-table td:first-child strong{display:inline-block;max-width:220px;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom}.annual-detail-empty{margin:0}.upload-dropzone{background:linear-gradient(180deg,#fbfdff,#f2f7ff);border:2px dashed #b7cbe4;border-radius:16px;padding:18px;text-align:center;transition:border-color .12s ease,background .12s ease,transform .12s ease}.upload-dropzone.drag-active{background:linear-gradient(180deg,#f2f8ff,#e7f1ff);border-color:#376ca8;transform:translateY(-1px)}.upload-dropzone p{color:#5e7898;margin:6px 0 0}.upload-dropzone-actions{gap:10px;justify-content:center;margin-top:12px}.upload-dropzone-actions span,.muted-text{color:#6882a1}.trade-upload-controls{display:grid;gap:12px}.trade-upload-progress{background:#f5f9ff;border:1px solid #d4e1f0;border-radius:14px;padding:12px 14px}.trade-upload-progress-head{align-items:center;color:#31577f;display:flex;gap:12px;justify-content:space-between}.trade-upload-progress-head span{color:#5b7796;font-variant-numeric:tabular-nums;font-weight:700}.trade-upload-progress-track{background:#deebf8;border-radius:999px;height:12px;margin-top:10px;overflow:hidden}.trade-upload-progress-track span{background:linear-gradient(90deg,#255fa0,#3f84d0);border-radius:inherit;display:block;height:100%;transition:width .18s ease}.trade-upload-progress-track span.processing{animation:upload-progress-processing 1.1s linear infinite;background:linear-gradient(90deg,#255fa0,#5a9ae0,#255fa0 70%,#5a9ae0);background-size:180% 100%}.trade-upload-field{display:grid;gap:6px}.trade-upload-field span{color:#3b5f86;font-weight:700}.trade-upload-filelist{background:#f8fbff;border:1px solid #e1eaf5;border-radius:14px;min-height:88px;padding:12px}.file-chip-list{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}.file-chip{align-items:center;background:#fff;border:1px solid #d8e4f2;border-radius:999px;display:inline-flex;gap:8px;padding:6px 8px 6px 12px}.file-chip-remove{min-height:0;padding:4px 8px}.import-result-list{display:grid;gap:8px;margin-top:10px}.import-result-item{background:#ffffffd1;border:1px solid #d8e5f3;border-radius:12px;padding:10px 12px}.import-result-item.success{border-color:#b7dec6}.import-result-item.failed{border-color:#edc0c0}.import-result-item p{margin:5px 0 0;overflow-wrap:anywhere}@keyframes upload-progress-processing{0%{background-position:0% 50%}to{background-position:180% 50%}}.modal-footer{gap:10px;justify-content:flex-end}.inline-error{margin-bottom:8px}.chart-shell{background:linear-gradient(180deg,#fbfdff,#f3f8ff);border:1px solid #e1ebf7;border-radius:14px;min-height:510px;min-width:0;max-width:100%;overflow-x:auto;padding:10px}.chart-legend{align-items:center;color:#496684;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:8px}.chart-legend-item{align-items:center;display:inline-flex;gap:6px}.chart-legend-item i{border-radius:999px;display:inline-block;height:10px;width:20px}.chart-legend-note{color:#6a84a2;font-size:.86rem}.chart-canvas{min-width:760px;padding-top:112px;position:relative}.chart-hover-panel{background:#f7fbfff0;border:1px solid #d9e7f6;border-radius:12px;color:#2f4f73;left:10px;padding:9px 11px;pointer-events:none;position:absolute;right:10px;top:0;z-index:3}.chart-hover-main{align-items:center;display:flex;flex-wrap:wrap;gap:8px 12px}.chart-hover-buyline{color:#7c2d12;font-weight:700;margin-top:5px}.chart-hover-newsline{color:#1d4ed8;font-weight:700;margin-top:5px}.chart-hover-newsline.positive{color:#007748}.chart-hover-newsline.negative{color:#ba1b1b}.chart-hover-title{color:#16385f;font-weight:700}.chart-hover-line{color:#456584}.chart-hover-buy{color:#7c2d12;font-weight:700}.buy-marker-dot{background:linear-gradient(180deg,#fbbf24,#f59e0b);border:1px solid #b45309;height:12px;width:12px}.news-marker-dot{background:#2563eb;border:1px solid #1d4ed8;height:12px;width:12px}.chart-svg{display:block;height:auto;min-width:760px;width:100%}.chart-grid{stroke:#dfeaf7;stroke-width:1}.chart-divider{stroke:#bdd1ea;stroke-width:1.2}.chart-axis-text{fill:#6380a1;font-size:12px}.chart-buy-label{fill:#7c2d12;font-size:10px;font-weight:700}.chart-news-label{fill:#1d4ed8;font-size:9px;font-weight:700}.chart-news-marker{cursor:pointer}.chart-crosshair-line{stroke:#7f93af;stroke-dasharray:4 4;stroke-width:1.2}.chart-price-tag{fill:#173a64;opacity:.92}.chart-price-tag-text{fill:#fff;font-size:11px;font-weight:700}.chart-empty,.fundamentals-empty,.news-empty{align-items:center;color:#6380a1;display:flex;justify-content:center;min-height:320px}.news-panel{display:flex;flex-direction:column;gap:10px}.news-panel-head{align-items:baseline;display:flex;gap:8px;justify-content:space-between}.news-panel-head h3{margin:0}.news-panel-head span{color:#607c9d;font-size:.84rem;font-weight:700}.news-toolbar{display:flex;flex-wrap:wrap;gap:8px}.news-toolbar-field{color:#476688;display:flex;flex-direction:column;font-size:.82rem;font-weight:700;gap:4px}.news-toolbar-field select{min-width:180px}.news-list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;max-height:720px;overflow:auto;padding:0}.news-item{background:#f8fbff;border:1px solid #e2eaf5;border-radius:12px}.news-item-link{display:block;padding:12px 14px}.news-item-link:hover{background:#f4f8ff;border-radius:12px}.news-item-meta{align-items:center;color:#6883a2;display:flex;flex-wrap:wrap;font-size:.82rem;gap:8px 12px;margin-bottom:6px}.news-item-source{background:#eef5ff;border:1px solid #d2def0;border-radius:999px;color:#24537f;font-weight:700;padding:3px 8px}.news-item-source.secondary{background:#fff}.news-item-merged{color:#5e7da0;font-weight:700}.news-sentiment-tag{border-radius:999px;font-weight:700;padding:3px 8px}.news-sentiment-tag.positive{background:#eaf8f1;color:#007748}.news-sentiment-tag.negative{background:#ffeceb;color:#ba1b1b}.news-sentiment-tag.neutral{background:#eef5ff;color:#24537f}.news-item-title-link{color:inherit;display:block;text-decoration:none}.news-item-title-link:hover .news-item-title{color:#114c90}.news-item-title{display:block;font-size:1rem;line-height:1.4;margin-bottom:6px}.news-item-sources{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.news-item-summary{color:#536e8d;line-height:1.5;margin:0}.news-related-list{margin-top:10px}.news-related-list summary{color:#24537f;cursor:pointer;font-size:.88rem;font-weight:700}.news-related-list ul{display:flex;flex-direction:column;gap:6px;margin:8px 0 0;padding-left:18px}.news-related-list li{color:#5a7695}.news-related-list li a{color:#173a64;margin-right:6px;text-decoration:none}.news-related-list li span{color:#6b86a5;font-size:.82rem}.fundamentals-overview{display:flex;flex-direction:column;gap:10px}.fundamental-metric-strip{display:grid;gap:8px;grid-template-columns:repeat(4,minmax(0,1fr))}.fundamental-metric-card{background:#f8fbff;border:1px solid #e2eaf5;border-radius:12px;display:flex;flex-direction:column;gap:4px;min-height:72px;padding:10px 12px}.fundamental-metric-card span{color:#607c9d;font-size:.82rem;font-weight:700}.fundamental-metric-card strong{font-size:1.1rem;letter-spacing:0}.fundamentals-main-grid{display:grid;gap:10px;grid-template-columns:minmax(0,1.4fr) minmax(340px,.95fr)}.fundamentals-side-stack{display:flex;flex-direction:column;gap:10px}.fundamentals-block{background:#f8fbff;border:1px solid #e2eaf5;border-radius:12px;padding:10px}.fundamentals-block-head{align-items:baseline;display:flex;gap:10px;justify-content:space-between;margin-bottom:8px}.fundamentals-block-head h3,.fundamental-trend-head h4{margin:0}.fundamentals-block-head span,.fundamental-trend-head span{color:#607c9d;font-size:.82rem;font-weight:700}.fundamental-trend-grid{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.fundamental-trend-card{background:#fff;border:1px solid #e2eaf5;border-radius:10px;color:#114c90;padding:10px}.fundamental-trend-head{align-items:baseline;display:flex;gap:8px;justify-content:space-between;margin-bottom:8px}.fundamental-trend-svg{display:block;height:auto;width:100%}.fundamental-trend-axis{color:#6b86a5;display:flex;font-size:.8rem;justify-content:space-between;margin-top:6px}.fundamental-trend-empty{color:#6b86a5;font-size:.86rem;min-height:88px}.fundamental-key-grid{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));margin:0}.fundamental-key-grid div{background:#fff;border:1px solid #e2eaf5;border-radius:10px;padding:9px 10px}.fundamental-key-grid dt{color:#6982a1;font-size:.8rem;font-weight:700;margin:0 0 4px}.fundamental-key-grid dd{font-size:.96rem;font-weight:700;margin:0;overflow-wrap:anywhere}.fundamental-key-grid a{color:#114c90;text-decoration:none}.fundamental-statement-grid{display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:1380px){.summary-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.summary-return-card{grid-column:1 / -1;min-height:60px}.summary-return-lines{flex-wrap:wrap}.workspace-grid{grid-template-columns:minmax(320px,var(--watchlist-width)) 12px minmax(0,1fr)}.stage-topline{align-items:flex-start;flex-direction:column}.stage-control-group{justify-content:flex-start}}@media(max-width:1180px){.workspace-grid,.bottom-grid{grid-template-columns:minmax(0,1fr)}.workspace-splitter{display:none}.watchlist-panel,.market-stage{margin:0}.watchlist-table-shell{max-height:360px;min-height:0}}@media(max-width:920px){.topbar{align-items:flex-start;flex-direction:column}.summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.stage-control-group{justify-content:flex-start}.pnl-chart-plot-row{grid-template-columns:minmax(0,1fr)}.pnl-chart-readout{order:-1}.trade-history-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-trade-list-inline,.movers-columns{flex-direction:column;grid-template-columns:1fr}.chart-canvas{padding-top:126px}.fundamental-metric-strip,.fundamental-statement-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fundamentals-main-grid,.fundamental-trend-grid,.fundamental-key-grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:720px){.app-shell{max-width:none;padding:8px 8px 18px}.brand-block h1{font-size:1.75rem}.topbar{gap:8px;margin-bottom:8px}.header-actions{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.header-actions label{height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.header-actions select,.header-actions button{min-height:42px;min-width:0;width:100%}.summary-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.summary-card{min-height:0;padding:8px}.summary-card strong{font-size:1.2rem;line-height:1.12}.summary-return-line strong{font-size:1rem}.summary-converted{font-size:.92rem}.summary-label{font-size:.76rem}.summary-return-card{grid-column:1 / -1;gap:8px;justify-content:space-between}.summary-return-heading{align-items:flex-start;flex-direction:column}.summary-action-buttons{width:100%}.summary-detail-button{flex:1 1 0}.summary-return-lines{flex-wrap:wrap;gap:8px;justify-content:flex-end}.panel{border-radius:10px;padding:8px}.workspace-grid{gap:8px}.watchlist-table-shell{display:none}.watchlist-mobile-shell{display:block}.watchlist-mobile-list{max-height:min(46vh,430px);overflow-y:auto;padding-right:2px}.panel-head{gap:6px}.panel h2{font-size:1.25rem}.panel h3{font-size:1.05rem}.panel-subtitle{font-size:.88rem}.market-stage{gap:8px}.stage-headline-group{align-items:flex-start;flex-direction:column;gap:6px;width:100%}.stage-headline-group h2{font-size:1.45rem}.stage-quote-line{flex-wrap:wrap;gap:6px 8px;white-space:normal}.stage-quote-line strong{font-size:1.35rem}.stage-quote-line span{font-size:.88rem}.stage-control-group{align-items:stretch;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.stage-tab-switch{display:grid;grid-column:1 / -1;grid-template-columns:repeat(5,minmax(0,1fr));width:100%}.stage-tab-button{font-size:.82rem;min-height:38px;padding:0 6px}.stage-range-field{width:100%}.stage-range-field select,.stage-range-field input,.stage-control-group .secondary-button{min-width:0;width:100%}.stage-fundamentals-hint{grid-column:1 / -1}.stage-tab-panel{overflow:hidden}.detail-trade-item{min-width:0;width:100%}.detail-trade-list-inline{width:100%}.detail-trade-item{min-width:0}.selected-trade-table-shell{max-height:260px}.selected-trade-table{min-width:600px}.fundamental-metric-strip,.fundamental-statement-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-canvas,.chart-svg{min-width:0}.chart-shell{min-height:0;overflow:hidden;padding:8px}.chart-canvas{padding-top:0}.chart-hover-panel{margin-bottom:8px;position:static}.chart-hover-main{align-items:flex-start;display:grid;gap:4px 8px;grid-template-columns:repeat(2,minmax(0,1fr))}.chart-hover-title{grid-column:1 / -1}.chart-legend{font-size:.82rem;gap:7px 10px}.chart-legend-note{display:none}.chart-axis-text{font-size:11px}.pnl-chart-summary{display:grid;gap:6px;grid-template-columns:minmax(0,1fr);padding:2px 0 8px}.pnl-chart-readout{padding:9px 10px}.pnl-chart-legend{max-height:132px;overflow-y:auto;padding-left:0;padding-right:0}.compact-table-shell{max-height:none;overflow:visible}.compact-table{min-width:0}.compact-table thead{display:none}.compact-table,.compact-table tbody,.compact-table tr,.compact-table td{display:block;width:100%}.compact-table tr{background:#f8fbff;border:1px solid #e2eaf5;border-radius:10px;margin-bottom:8px;padding:8px 10px}.compact-table td{align-items:baseline;border-top:0;display:flex;gap:12px;justify-content:space-between;padding:4px 0;white-space:normal}.compact-table td:before{color:#6480a1;content:"";flex:0 0 auto;font-size:.78rem;font-weight:700}.compact-table td:nth-child(1):before{content:"時間"}.compact-table td:nth-child(2):before{content:"股票"}.compact-table td:nth-child(3):before{content:"方向"}.compact-table td:nth-child(4):before{content:"股數"}.compact-table td:nth-child(5):before{content:"價格"}.compact-table .watchlist-empty{display:block;text-align:center}.compact-table .watchlist-empty:before{content:none}.mover-item{min-width:0}.news-toolbar-field,.news-toolbar-field select{width:100%;min-width:0}.news-toolbar-field{flex:1 1 100%}.modal-backdrop{padding:8px}.modal-card{border-radius:14px}.trade-upload-modal{padding:12px;max-height:min(92vh,860px)}.annual-detail-modal{max-height:min(92vh,840px);padding:12px}.annual-stats-modal{max-height:min(92vh,880px);padding:12px}.annual-detail-summary,.annual-stats-summary{grid-template-columns:minmax(0,1fr)}.annual-stats-chart-head{align-items:flex-start;flex-direction:column}.annual-stats-chart-head strong{text-align:left}.upload-dropzone{padding:14px 10px}.modal-head{flex-direction:column;align-items:flex-start;gap:8px}.modal-footer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.modal-footer button{width:100%}.file-chip{border-radius:12px;max-width:100%}.file-chip span{overflow-wrap:anywhere}.news-item-link{padding:10px 12px}.news-item-title{font-size:.95rem}}@media(max-width:480px){.app-shell{padding:8px 8px 14px}.summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-block h1{font-size:1.55rem}.panel{padding:8px}.stage-headline-group h2{font-size:1.28rem}.stage-quote-line strong{font-size:1.2rem}.stage-tab-button{font-size:.9rem;min-height:36px;padding:0 8px}.chart-canvas,.chart-svg{min-width:0}.fundamental-metric-card strong{font-size:1rem}.fundamental-key-grid dd{font-size:.9rem}}.login-screen{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:24px}.login-card{background:#fff;border:1px solid #d4dce8;border-radius:18px;box-shadow:0 24px 60px -28px #114c9059;display:flex;flex-direction:column;gap:16px;max-width:380px;padding:32px 28px;width:100%}.login-card h1{font-size:1.75rem;letter-spacing:0;margin:0}.login-subtitle{color:#4d6588;font-size:.95rem;margin:0 0 4px}.login-field{display:flex;flex-direction:column;gap:6px}.login-field>span{color:#29476e;font-size:.85rem;font-weight:600}.login-field input{min-height:42px}.login-error{background:#fdecef;border:1px solid #f0b4c1;border-radius:8px;color:#8f1d33;font-size:.9rem;padding:10px 12px}.login-card button[type=submit]{margin-top:4px;min-height:44px}.logout-button{background:#6b7a90!important}.logout-button:hover:not(:disabled){background:#566479!important}