.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-3);margin-bottom:var(--space-3)}.card--stat{padding:var(--space-3)}.card--table{padding:10px}.badge{padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-semibold);border-radius:var(--radius-sm);text-transform:uppercase;display:inline-flex;&.live{background:color-mix(in srgb, var(--success) 12%, transparent);color:var(--success)}&.paper{background:color-mix(in srgb, var(--warning) 12%, transparent);color:var(--warning)}&.offline,&.halted{background:color-mix(in srgb, var(--danger) 12%, transparent);color:var(--danger)}}.pill{border-radius:var(--radius-sm);font-size:9px;font-weight:var(--font-semibold);padding:2px 5px;&.pass{background:color-mix(in srgb, var(--success) 12%, transparent);color:var(--success)}&.blocked{background:color-mix(in srgb, var(--danger) 12%, transparent);color:var(--danger)}}.pill-label{color:var(--text-muted);font-size:9px}.filter-btn{padding:var(--space-2) var(--space-3);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-muted);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;margin-top:var(--space-1);align-items:center;gap:6px;display:flex;& svg{width:14px;height:14px}&:hover{border-color:var(--border-hover)}}#tradesOnlyToggle:checked+.filter-btn{background:color-mix(in srgb, var(--success) 12%, transparent);border-color:var(--success);color:var(--success)}.toggle-switch{width:44px;height:24px;display:inline-block;position:relative;& input{opacity:0;width:0;height:0}}.toggle-slider{cursor:pointer;background:var(--border-hover);transition:var(--transition-normal);border-radius:24px;position:absolute;inset:0;&:before{content:"";background:var(--text-strong);border-radius:var(--radius-full);width:18px;height:18px;transition:var(--transition-normal);position:absolute;bottom:3px;left:3px}}input:checked+.toggle-slider{background:var(--success-solid)}input:checked+.toggle-slider:before{transform:translate(20px)}input:disabled+.toggle-slider{opacity:.5;cursor:not-allowed}.bell-btn{cursor:pointer;padding:var(--space-1);position:relative;& svg{stroke:var(--text-muted)}}.bell-badge{background:var(--danger-solid);border-radius:var(--radius-full);min-width:14px;height:14px;font-size:9px;font-weight:var(--font-bold);color:var(--text-strong);justify-content:center;align-items:center;padding:0 3px;display:flex;position:absolute;top:-4px;right:-4px;&:empty{display:none}}.btn-content{justify-content:center;align-items:center;gap:var(--space-2);display:flex}.mt-8{margin-top:var(--space-2)}.mt-16{margin-top:var(--space-4)}