#profitAnalysis{position:relative}
.pa-header{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.pa-header small{font-size:11px;margin-top:7px}
.pa-filters{display:flex;padding:4px;border:1px solid var(--line);border-radius:12px;background:var(--subtle)}
:root .pa-filters button{min-height:40px;padding:8px 13px;border:0;border-radius:8px;background:transparent;color:var(--secondary);font-size:12px;transition:background .2s,color .2s}
:root .pa-filters button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent);box-shadow:0 1px 5px #0002}
.pa-summary{margin:25px 0 22px}.pa-summary strong{display:block;margin-top:8px;font-size:30px;letter-spacing:-1px;font-variant-numeric:tabular-nums}.pa-summary small{font-size:11px;line-height:1.6}
.pa-period{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:26px}.pa-period span{font-size:12px;font-weight:600;text-align:center}
:root .pa-period button{width:40px;height:40px;padding:0;font-size:24px;background:var(--subtle);border-color:var(--line);color:var(--ink)}.pa-period button:disabled{opacity:.3;cursor:default}
.pa-chart-wrap{overflow-x:auto;padding:12px 0 36px}.pa-chart{height:210px;display:grid;grid-template-columns:75px minmax(0,1fr);min-width:460px}
.pa-axis{position:relative;font-size:10px;color:var(--secondary);font-variant-numeric:tabular-nums}.pa-axis span{position:absolute;right:12px;transform:translateY(-50%);white-space:nowrap}
.pa-plot{position:relative}.pa-grid{position:absolute;left:0;right:0;border-top:1px solid var(--line);pointer-events:none}.pa-zero{border-color:var(--secondary);opacity:.5}
.pa-columns{display:grid;grid-template-columns:repeat(var(--columns),minmax(0,1fr));position:absolute;inset:0;gap:8px;padding:0 5px}.pa-column{position:relative;min-width:0}
:root .pa-hit{position:absolute;inset:0;width:100%;padding:0;border:0;border-radius:4px;background:transparent;outline-offset:2px}.pa-hit:hover,.pa-hit:focus-visible{background:#ae75f011}
.pa-bar{position:absolute;left:12%;width:76%;max-width:48px;border-radius:5px;background:linear-gradient(0deg,#7839c6,#bb86f7);box-shadow:inset 0 1px #ffffff25;animation:pa-enter .35s ease-out both;transform-origin:center bottom;pointer-events:none}.pa-loss{background:linear-gradient(0deg,#b94758,#f38c93);transform-origin:center top}
.pa-label{position:absolute;top:calc(100% + 12px);left:50%;transform:translateX(-50%);font-size:10px;white-space:nowrap;color:var(--secondary)}
.pa-tooltip{position:absolute;z-index:5;max-width:calc(100% - 16px);padding:11px 13px;border:1px solid var(--line);border-radius:10px;background:var(--surface-solid);box-shadow:0 8px 30px #0005;color:var(--ink);font-size:12px;pointer-events:none}
.pa-note{display:flex;gap:7px;align-items:center;flex-wrap:wrap;font-size:10px;color:var(--secondary);line-height:1.6;margin-top:10px}.pa-dot{width:6px;height:6px;border-radius:50%;background:#ad73ed}.pa-red{background:#ef818b;margin-left:7px}.pa-status{padding:18px 0;font-size:12px;color:var(--secondary)}
@keyframes pa-enter{from{transform:scaleY(0);opacity:.4}to{transform:scaleY(1);opacity:1}}
@media(max-width:700px){.pa-header{gap:18px}.pa-filters{width:100%}.pa-filters button{flex:1}.pa-summary strong{font-size:27px}.pa-chart{min-width:0;grid-template-columns:58px minmax(0,1fr);height:190px}.pa-columns{gap:3px;padding:0 2px}.pa-axis{font-size:8px}.pa-axis span{right:7px}.pa-label{font-size:8px}.pa-period span{font-size:11px}.pa-bar{left:8%;width:84%;border-radius:3px}.pa-note>span:last-child{width:100%}}
@media(prefers-reduced-motion:reduce){.pa-bar{animation:none}.pa-filters button{transition:none}}