@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";
:root{--bg:#fff;--surface:#fff;--surface-2:#f3f4f8;--surface-3:#ecedf3;--border:#e4e5ed;--border-hover:#c8cad8;--text-primary:#111827;--text-secondary:#6b7280;--text-muted:#9ca3af;--green:#059669;--green-bg:#ecfdf5;--green-border:#a7f3d0;--red:#dc2626;--red-bg:#fef2f2;--red-border:#fecaca;--blue:#2563eb;--blue-bg:#eff6ff;--amber:#d97706;--amber-bg:#fffbeb;--purple:#7c3aed;--purple-bg:#f5f3ff;--cyan:#0891b2;--cyan-bg:#ecfeff;--font-display:"Plus Jakarta Sans", sans-serif;--font-mono:"DM Mono", monospace;--radius:8px;--radius-lg:14px;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow:0 4px 12px #00000012, 0 1px 3px #0000000d}*{box-sizing:border-box;margin:0;padding:0}.trade-dashboard-wrapper{flex-direction:column;height:calc(100vh - 64px);margin-top:64px;display:flex;overflow:hidden}.trade-dashboard-body{overscroll-behavior-y:auto;flex:1;overflow:hidden auto}.ptr-indicator{font-family:var(--font-display);color:var(--text-muted);background:var(--bg);justify-content:center;align-items:center;gap:8px;font-size:12px;font-weight:500;transition:height .15s;display:flex;overflow:hidden}.ptr-indicator .ptr-spinner{border:2px solid var(--border);border-top-color:var(--blue);border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.75s linear infinite spin}.ptr-arrow{font-size:14px;transition:transform .2s}.ptr-arrow.ready{transform:rotate(180deg)}.trade-dashboard{background:var(--bg);min-height:100%;font-family:var(--font-display);color:var(--text-primary);padding:24px 32px 80px}.page-header{align-items:center;gap:12px;margin-bottom:28px;display:flex}.page-header h1{letter-spacing:-.5px;color:var(--text-primary);font-size:24px;font-weight:800}.page-header .badge{font-size:10px;font-family:var(--font-mono);color:var(--green);background:var(--green-bg);border:1px solid var(--green-border);letter-spacing:.1em;border-radius:20px;align-items:center;gap:5px;padding:3px 10px;font-weight:500;display:flex}.page-header .badge:before{content:"";background:var(--green);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.kpi-strip{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:36px;display:grid}.kpi-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border-top:3px solid var(--blue);padding:20px 20px 18px;transition:box-shadow .2s,transform .15s;overflow:hidden}.kpi-card:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.kpi-card--pnl{border-top-color:var(--green)}.kpi-card--winrate{border-top-color:var(--blue)}.kpi-card--trades{border-top-color:var(--purple)}.kpi-card--maxwin{border-top-color:var(--cyan)}.kpi-card--maxloss{border-top-color:var(--red)}.kpi-card .kpi-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin-bottom:10px;font-size:11px;font-weight:600}.kpi-card .kpi-value{font-family:var(--font-mono);letter-spacing:-.5px;font-size:22px;font-weight:500;line-height:1}.kpi-card .kpi-value.positive{color:var(--green)}.kpi-card .kpi-value.negative{color:var(--red)}.kpi-card .kpi-value.neutral{color:var(--text-primary)}.kpi-card .kpi-sub{color:var(--text-muted);font-size:11px;font-family:var(--font-mono);margin-top:8px}.section{margin-bottom:40px}.section-header{align-items:center;gap:10px;margin-bottom:14px;display:flex}.section-header h2{letter-spacing:-.1px;color:var(--text-primary);font-size:14px;font-weight:700}.section-header .count-tag{font-size:11px;font-family:var(--font-mono);color:var(--text-secondary);background:var(--surface-2);border:1px solid var(--border);border-radius:20px;padding:1px 8px;font-weight:500}.section-line{background:var(--border);flex:1;height:1px}.current-grid{grid-template-columns:repeat(auto-fill,minmax(272px,1fr));gap:14px;display:grid}.trade-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:20px;transition:box-shadow .2s,transform .15s}.trade-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.trade-card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.trade-card-symbol{letter-spacing:-.3px;color:var(--text-primary);font-size:17px;font-weight:700}.trade-card-dot{background:var(--green);width:8px;height:8px;box-shadow:0 0 0 3px var(--green-bg);border-radius:50%}.trade-card-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:7px 0;display:flex}.trade-card-row:last-of-type{border-bottom:none}.tc-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:500}.tc-value{font-family:var(--font-mono);color:var(--text-primary);font-size:13px;font-weight:500}.indicators-toggle{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text-secondary);font-family:var(--font-display);cursor:pointer;text-align:left;margin-top:14px;padding:8px 12px;font-size:12px;font-weight:500;transition:all .15s}.indicators-toggle:hover{background:var(--surface-3);border-color:var(--border-hover);color:var(--text-primary)}.indicators-panel{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}.ind-group{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px}.ind-group-title{letter-spacing:.08em;text-transform:uppercase;color:var(--amber);margin-bottom:8px;font-size:10px;font-weight:700}.ind-row{color:var(--text-muted);font-size:11px;font-family:var(--font-mono);justify-content:space-between;padding:2px 0;display:flex}.ind-row span:last-child{color:var(--text-primary);font-weight:500}.empty-state{text-align:center;color:var(--text-muted);border:1.5px dashed var(--border);border-radius:var(--radius-lg);background:var(--surface);padding:48px;font-size:13px;font-weight:500}.table-wrapper{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.table-scroll{overscroll-behavior-y:contain;max-height:62vh;overflow:auto}.history-table{border-collapse:collapse;width:100%;font-size:12.5px}.history-table thead tr{z-index:2;position:sticky;top:0}.history-table th{background:var(--surface-2);color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;text-align:right;white-space:nowrap;border-bottom:1px solid var(--border);padding:11px 16px;font-size:10.5px;font-weight:600}.history-table th:first-child{text-align:left}.history-table tbody tr{border-bottom:1px solid var(--border);transition:background .1s}.history-table tbody tr:last-child{border-bottom:none}.history-table tbody tr:hover{background:var(--surface-2)}.history-table td{text-align:right;font-family:var(--font-mono);color:var(--text-primary);white-space:nowrap;padding:10px 16px;font-size:12px}.history-table td:first-child{text-align:left;font-family:var(--font-display)}.td-symbol{letter-spacing:-.2px;font-size:13px;font-weight:700}.td-date{color:var(--text-secondary);font-size:11px}.pl-chip{font-size:12px;font-weight:500;font-family:var(--font-mono);border-radius:5px;align-items:center;gap:3px;padding:3px 8px;display:inline-flex}.pl-chip.positive{color:var(--green);background:var(--green-bg)}.pl-chip.negative{color:var(--red);background:var(--red-bg)}.profit-row td:first-child{border-left:3px solid var(--green)}.loss-row td:first-child{border-left:3px solid var(--red)}.loading-screen,.error-screen{background:var(--bg);height:calc(100vh - 64px);font-family:var(--font-display);flex-direction:column;justify-content:center;align-items:center;gap:14px;margin-top:64px;display:flex}.loading-screen .spinner{border:2.5px solid var(--border);border-top-color:var(--blue);border-radius:50%;width:32px;height:32px;animation:.75s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-screen p{color:var(--text-secondary);font-size:13px;font-weight:500}.error-screen p{color:var(--red);font-size:13px}.signal-row{flex-flow:wrap;justify-content:flex-start;align-items:center;gap:1rem;margin:15px 0;padding:0;display:flex}.signal-update-time{color:#999;white-space:nowrap;font-size:.85rem;font-family:var(--font-mono);align-self:flex-end;margin-left:auto;padding-left:1rem}.page-header+.signal-row{margin-top:15px}.signal-row+.kpi-strip{margin-top:0}.signal-item{box-sizing:border-box;background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border:1px solid #cbd5e166;border-radius:40px;justify-content:center;align-items:center;gap:.5rem;min-width:85px;height:38px;padding:.3rem 1rem;transition:all .2s;display:inline-flex;box-shadow:0 1px 3px #0000000a}.signal-item:hover{transform:translateY(-1px);box-shadow:0 2px 6px #0000000f}.signal-item.signal-buy{background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);border-color:#22c55e4d;box-shadow:0 1px 4px #22c55e14}.signal-item.signal-sell{background:linear-gradient(135deg,#fef2f2 0%,#fee2e2 100%);border-color:#ef44444d;box-shadow:0 1px 4px #ef444414}.signal-coin{letter-spacing:-.3px;text-align:center;min-width:42px;font-size:.95rem;font-weight:700}.signal-buy .signal-coin{color:#15803d}.signal-sell .signal-coin{color:#b91c1c}.signal-item:not(.signal-buy):not(.signal-sell) .signal-coin{color:#64748b}.signal-arrow-up,.signal-arrow-down,.signal-unknown{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;line-height:1;display:inline-flex}.signal-arrow-up{color:#22c55e;text-shadow:0 0 2px #22c55e66;font-size:.9rem;font-weight:700;animation:1.2s ease-in-out infinite blink-up}.signal-arrow-down{color:#ef4444;text-shadow:0 0 2px #ef444466;font-size:.9rem;font-weight:700;animation:1.2s ease-in-out infinite blink-down}.signal-unknown{color:#94a3b8;font-size:.85rem;font-weight:500}@keyframes blink-up{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.08)}}@keyframes blink-down{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.08)}}.page-header{margin-bottom:0}.kpi-strip{margin-top:0;margin-bottom:1.5rem}@media (max-width:640px){.signal-row{gap:.5rem;margin:15px 0}.signal-item{min-width:75px;height:34px;padding:.2rem .7rem}.signal-coin{min-width:38px;font-size:.85rem}.signal-arrow-up,.signal-arrow-down,.signal-unknown{width:18px;height:18px}.signal-arrow-up,.signal-arrow-down{font-size:.8rem}.signal-unknown{font-size:.75rem}.signal-update-time{padding-left:.5rem;font-size:.75rem}}.signal-error-indicator{color:#ef4444;cursor:help;margin-left:4px;font-size:.7rem}.signal-connecting{color:var(--amber);font-size:.8rem;font-style:italic}