:root{--background:#f5f5fa;--card-background:#fff;--text-primary:#222;--text-secondary:#666;--accent:#3b82f6;--radius:8px;--shadow:0 2px 8px #0000000d;font-family:Inter,PingFang SC,sans-serif}html[data-scheme=dark]{--background:#1b1b1f;--card-background:#2a2a2e;--text-primary:#eee;--text-secondary:#aaa;--border-color:#3a3a3f;--shadow:0 2px 8px #00000040}body{background:var(--background);color:var(--text-primary);margin:0;transition:background .2s,color .2s}.app-shell{box-sizing:border-box;grid-template-columns:minmax(0,980px) 408px;align-items:start;gap:24px;width:min(100%,1460px);min-height:100vh;margin:0 auto;padding:24px;display:grid}.app-main{min-width:0}.app-titlebar{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.app-titlebar h1{margin:0;font-size:30px}.app-titlebar p{color:var(--text-secondary);margin:8px 0 0;font-size:14px}.csv-upload{color:var(--text-secondary);align-items:center;gap:10px;font-size:13px;display:inline-flex}.csv-upload input{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.csv-upload-button{min-height:38px;color:var(--text-primary);background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:var(--shadow);cursor:pointer;align-items:center;gap:8px;padding:0 14px;font-weight:600;transition:border-color .2s,color .2s,transform .2s;display:inline-flex}.csv-upload-button:hover{border-color:var(--accent);color:var(--accent)}.csv-upload:active .csv-upload-button{transform:translateY(1px)}.csv-upload input:focus-visible+.csv-upload-button{outline:2px solid var(--accent);outline-offset:2px}.csv-upload-name{text-overflow:ellipsis;white-space:nowrap;max-width:180px;overflow:hidden}.raw-trades-panel{background:color-mix(in srgb, var(--card-background) 94%, transparent);border:1px solid var(--border-color);border-radius:var(--radius);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:30;flex-direction:column;width:400px;height:calc(100vh - 238px);padding:18px;display:flex;position:sticky;top:24px;overflow:hidden;box-shadow:0 20px 60px #00000057}.raw-trades-panel>div:last-child{flex-direction:column;flex:1;min-height:0;display:flex}.app-section,.chart-panel{background:var(--card-background);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border-color);margin-top:24px;padding:24px}.section-header{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:18px;display:flex}.section-header h2{margin:0;font-size:18px}.section-header span{color:var(--text-secondary);font-size:13px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:24px;display:grid}.stat-card{background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.stat-label{color:var(--text-secondary);margin-bottom:8px;font-size:12px}.stat-value{font-size:20px;font-weight:700}.positive{color:#22c55e}.negative{color:#ef4444}.trade-chart{min-height:280px}.empty-state{min-height:160px;color:var(--text-secondary);border:1px dashed var(--border-color);border-radius:var(--radius);place-items:center;display:grid}@media (width<=1180px){.app-shell{display:block}.raw-trades-panel{width:auto;min-height:560px;margin-top:24px;position:static}}@media (width<=720px){.app-shell{padding:16px}.app-titlebar,.section-header{flex-direction:column;align-items:flex-start}.raw-trades-panel,.app-section,.chart-panel{padding:16px}}.trade-table-panel{flex-direction:column;flex:1;min-height:0;display:flex}.trade-table-wrapper{min-height:0;overflow:auto}.trade-table{border-collapse:collapse;width:100%;font-size:14px}.trade-table thead{background:var(--card-background);z-index:10;position:sticky;top:0}.trade-table th{text-align:left;color:var(--text-secondary);border-bottom:1px solid var(--border-color);-webkit-user-select:none;user-select:none;cursor:pointer;white-space:nowrap;padding:14px 16px;font-weight:600}.sort-header{align-items:center;gap:7px;display:inline-flex}.sort-icon{width:10px;color:var(--text-secondary);opacity:.42}.sort-icon.active{color:var(--accent);opacity:1}.trade-table td{border-bottom:1px solid var(--border-color);padding:14px 16px}.trade-table tfoot td{border-top:1px solid var(--border-color);color:var(--text-primary);padding:14px 16px;font-weight:700}.trade-table tbody tr{transition:background .15s}.trade-table tbody tr:hover{background:#ffffff08}.trade-buy{color:#22c55e;font-weight:600}.trade-sell{color:#ef4444;font-weight:600}.table-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.table-search{flex:0 0 100%}.table-search .table-input{width:100%}.table-filter-select{flex:1 1 0;min-width:0}.table-filter-field{flex-direction:column;flex:1 1 0;gap:6px;min-width:0;display:flex}.table-filter-field span{color:var(--text-secondary);font-size:11px;font-weight:600}.open-position-toolbar{grid-template-columns:minmax(180px,220px) minmax(220px,1fr);align-items:end;gap:12px;margin-bottom:16px;display:grid}.closed-trade-toolbar{grid-template-columns:minmax(220px,1fr) minmax(160px,200px) minmax(140px,180px);align-items:end;gap:12px;margin-bottom:16px;display:grid}.raw-trades-panel .table-toolbar{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:8px;margin-bottom:12px;display:grid}.raw-trades-panel .table-search{grid-column:1/-1;width:88%}.raw-trades-panel .table-filter-field,.raw-trades-panel .table-filter-select{width:100%}.raw-trades-panel .trade-table-wrapper{border:1px solid var(--border-color);border-radius:var(--radius);flex:1}.raw-trades-panel .trade-table{font-size:12px}.raw-trades-panel .trade-table th,.raw-trades-panel .trade-table td{padding:10px 9px}.table-input,.table-select{box-sizing:border-box;background:var(--background);border:1px solid var(--border-color);height:40px;color:var(--text-primary);border-radius:12px;outline:none;padding:10px 14px;transition:border-color .2s}.table-input[type=date]{height:40px;line-height:20px}.table-input:focus,.table-select:focus{border-color:var(--accent)}.table-pagination{color:var(--text-secondary);justify-content:flex-end;align-items:center;gap:10px;margin-top:12px;font-size:13px;display:flex}.table-pagination button{width:32px;height:32px;color:var(--text-primary);background:var(--background);border:1px solid var(--border-color);border-radius:var(--radius);cursor:pointer;place-items:center;display:inline-grid}.table-pagination button:disabled{cursor:not-allowed;opacity:.42}.table-pagination strong{color:var(--text-secondary);margin-left:auto;font-weight:600}@media (width<=720px){.open-position-toolbar,.closed-trade-toolbar{grid-template-columns:1fr}}