:root{--qt-bg: #F8FAFC;--qt-surface: #FFFFFF;--qt-surface-raised: #FFFFFF;--qt-surface-overlay: #FFFFFF;--qt-surface-inset: #F1F5F9;--qt-line: #E2E8F0;--qt-line-strong: #CBD5E1;--qt-text: #0F172A;--qt-text-secondary: #475569;--qt-text-muted: #64748B;--qt-brand: #4F46E5;--qt-brand-hover: #4338CA;--qt-brand-soft: rgba(79, 70, 229, .08);--qt-accent: #0891B2;--qt-profit: #059669;--qt-loss: #E11D48;--qt-warning: #D97706;--qt-info: #0284C7;--qt-shadow-card: 0 1px 2px rgba(15, 23, 42, .04), 0 4px 12px -2px rgba(15, 23, 42, .06);--qt-shadow-raised: 0 8px 24px -6px rgba(15, 23, 42, .12);--qt-ring-brand: 0 0 0 3px rgba(79, 70, 229, .18);color-scheme:light}.dark{--qt-bg: #0A0E16;--qt-surface: #121A2B;--qt-surface-raised: #1B2538;--qt-surface-overlay: #212C42;--qt-surface-inset: #0E1623;--qt-line: rgba(255, 255, 255, .07);--qt-line-strong: rgba(255, 255, 255, .13);--qt-text: #E6EAF2;--qt-text-secondary: #94A3B8;--qt-text-muted: #64748B;--qt-brand: #6366F1;--qt-brand-hover: #818CF8;--qt-brand-soft: rgba(99, 102, 241, .14);--qt-accent: #22D3EE;--qt-profit: #10B981;--qt-loss: #F43F5E;--qt-warning: #F59E0B;--qt-info: #38BDF8;--qt-shadow-card: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 24px -8px rgba(0, 0, 0, .45);--qt-shadow-raised: 0 16px 40px -12px rgba(0, 0, 0, .55);--qt-ring-brand: 0 0 0 3px rgba(99, 102, 241, .3);color-scheme:dark}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--qt-bg);color:var(--qt-text);transition:background-color .3s ease,color .3s ease;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.font-mono,.tabular-nums{font-variant-numeric:tabular-nums}::selection{background:var(--qt-brand-soft)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--qt-line-strong);border-radius:10px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#94a3b8;background-clip:padding-box}.dark ::-webkit-scrollbar-thumb:hover{background:#ffffff38;background-clip:padding-box}*{scrollbar-width:thin;scrollbar-color:var(--qt-line-strong) transparent}.qt-card{background-color:var(--qt-surface);border:1px solid var(--qt-line);border-radius:16px;box-shadow:var(--qt-shadow-card);transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}.qt-card-raised{background-color:var(--qt-surface-raised);border:1px solid var(--qt-line);border-radius:16px;box-shadow:var(--qt-shadow-raised)}.qt-card-interactive{cursor:pointer}.qt-card-interactive:hover{border-color:var(--qt-line-strong);box-shadow:var(--qt-shadow-raised);transform:translateY(-2px)}.qt-inset{background-color:var(--qt-surface-inset);border:1px solid var(--qt-line);border-radius:12px}.qt-page-title{font-size:1.5rem;line-height:2rem;font-weight:700;letter-spacing:-.02em;color:var(--qt-text)}.qt-page-subtitle{font-size:.875rem;color:var(--qt-text-muted);margin-top:.25rem}.qt-eyebrow{font-size:.6875rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--qt-text-muted)}.qt-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;border-radius:12px;transition:background-color .2s ease,color .2s ease,border-color .2s ease,opacity .2s ease;cursor:pointer;white-space:nowrap}.qt-btn:disabled{opacity:.5;cursor:not-allowed}.qt-btn-primary{background-color:var(--qt-brand);color:#fff}.qt-btn-primary:hover:not(:disabled){background-color:var(--qt-brand-hover)}.qt-btn-secondary{background-color:var(--qt-surface-inset);color:var(--qt-text-secondary);border:1px solid var(--qt-line)}.qt-btn-secondary:hover:not(:disabled){border-color:var(--qt-line-strong);color:var(--qt-text)}.qt-btn-ghost{background-color:transparent;color:var(--qt-text-muted)}.qt-btn-ghost:hover:not(:disabled){color:var(--qt-text)}.qt-chip{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;border-radius:9999px;border:1px solid var(--qt-line);color:var(--qt-text-secondary)}.qt-input{width:100%;padding:.75rem 1rem;background-color:var(--qt-surface-inset);border:1px solid var(--qt-line);border-radius:12px;color:var(--qt-text);font-size:.875rem;transition:border-color .2s ease,box-shadow .2s ease}.qt-input::placeholder{color:var(--qt-text-muted)}.qt-input:focus{outline:none;border-color:var(--qt-brand);box-shadow:var(--qt-ring-brand)}.qt-divider{border:0;border-top:1px solid var(--qt-line)}.qt-profit{color:var(--qt-profit)}.qt-loss{color:var(--qt-loss)}.elegant-card{background-color:var(--qt-surface);border:1px solid var(--qt-line);border-radius:16px;box-shadow:var(--qt-shadow-card);transition:all .3s cubic-bezier(.4,0,.2,1)}.elegant-card:hover{transform:translateY(-2px);border-color:var(--qt-line-strong);box-shadow:var(--qt-shadow-raised)}.animate-float{animation:float 3s ease-in-out infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}