.tone-neutral{color:var(--text-primary)}.tone-gain{color:var(--green-gain)}.tone-loss{color:var(--red-loss)}.tone-gold{color:var(--primary-gold)}.tone-accent{color:var(--primary-accent)}.ui-code-chip{font-family:var(--font-mono);color:var(--primary-accent);background:var(--primary-accent-soft);border:1px solid var(--primary-accent-border);border-radius:var(--r-sm);letter-spacing:.04em;white-space:nowrap;padding:2px 8px;font-size:11px;font-weight:700}.ui-page-header{border-bottom:1px solid var(--border-hairline);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:22px;padding-bottom:16px;display:flex}.ui-ph-titlerow{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ui-ph-title{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.02em;margin:0;font-size:25px;font-weight:700;line-height:1.15}.ui-ph-subtitle{color:var(--text-secondary);margin-top:5px;font-size:13px}.ui-ph-right{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.ui-section-title{text-transform:uppercase;letter-spacing:.1em;color:var(--primary-accent);align-items:center;gap:8px;margin:26px 0 12px;font-size:12px;font-weight:700;display:flex}.ui-panel{background:var(--surface-grad), var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--r-card);-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);box-shadow:var(--shadow-card);padding:20px}.ui-stat-grid{grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr));gap:12px;display:grid}.ui-stat-tile{background:var(--surface-grad), var(--surface-tile);border:1px solid var(--border-subtle);border-radius:var(--r-tile);box-shadow:var(--inset-hl);padding:13px 15px;transition:border-color .18s}.ui-stat-tile:hover{border-color:var(--border-highlight)}.ui-stat-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);font-size:10px}.ui-stat-value{margin-top:5px;font-size:22px;font-weight:700}.ui-stat-sub{color:var(--text-secondary);margin-top:4px;font-size:12px}.ui-badge{border-radius:var(--r-pill);letter-spacing:.03em;white-space:nowrap;border:1px solid;padding:1px 9px;font-size:11px;font-weight:700;display:inline-block}.ui-status-pill{border-radius:var(--r-pill);letter-spacing:.04em;border:1px solid;align-items:center;gap:7px;padding:5px 13px;font-size:12px;font-weight:700;display:inline-flex}.ui-status-pill.open{color:var(--green-gain);background:#32d74b1a;border-color:#32d74b59}.ui-status-pill.closed{color:var(--red-loss);background:#ff453a14;border-color:#ff453a59}.ui-status-dot{background:currentColor;border-radius:50%;flex:none;width:7px;height:7px}.ui-status-pill.open .ui-status-dot{animation:2.2s ease-in-out infinite statusPulse;box-shadow:0 0 6px}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.45}}.ui-table-wrap{background:var(--surface-panel);border:1px solid var(--border-subtle);border-radius:var(--r-card);overflow-x:auto}.ui-table{border-collapse:collapse;width:100%;font-size:13px}.ui-table th{text-align:left;text-transform:uppercase;letter-spacing:.09em;color:var(--text-secondary);border-bottom:1px solid var(--border-subtle);white-space:nowrap;background:#ffffff06;padding:11px 15px;font-size:10px;font-weight:700}.ui-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.ui-table th.sortable:hover{color:var(--text-primary)}.ui-table td{border-bottom:1px solid var(--border-hairline);color:var(--text-primary);padding:9px 15px}.ui-table tbody tr:last-child td{border-bottom:none}.ui-table tbody tr:hover td{background:#ffffff08}.ui-table .cell-num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-align:right}.ui-sort-ind{color:var(--primary-gold)}.ui-sort-ind.inactive{opacity:.3;color:inherit}.ui-empty{text-align:center;color:var(--text-secondary);padding:40px 24px}.ui-empty-icon{margin-bottom:10px;font-size:30px}.ui-empty-title{color:var(--text-primary);margin-bottom:6px;font-size:16px;font-weight:700}.ui-empty-body{color:var(--text-secondary);margin:0;font-size:13px}.ui-skel{border-radius:var(--r-sm);background:#ffffff0d linear-gradient(90deg,#fff0 0,#ffffff0f 20%,#fff0 40%) 0 0/1000px 100%;animation:2s linear infinite forwards shimmer}