:root{--green-primary: #00D09C;--green-logo: #08F6B6;--green-dark: #00A87E;--green-light: #E8FBF6;--green-muted: rgba(0, 208, 156, .12);--blue-primary: #5367F5;--blue-dark: #3A50E8;--blue-light: #EEF0FE;--blue-muted: rgba(83, 103, 245, .12);--bg-base: #F7F8FA;--bg-card: #FFFFFF;--bg-elevated: #FFFFFF;--bg-overlay: rgba(0, 0, 0, .45);--border: #E8ECF0;--border-strong: #CDD3DA;--text-primary: #1A1F2E;--text-secondary: #5E6B7E;--text-muted: #9BA8B5;--text-inverse: #FFFFFF;--profit: #00B386;--profit-bg: rgba(0, 179, 134, .1);--loss: #E84444;--loss-bg: rgba(232, 68, 68, .1);--warning: #F5A623;--sidebar-bg: #0F1117;--sidebar-text: #C2CBD6;--sidebar-muted: #5E6B7E;--sidebar-active: #00D09C;--sidebar-border: rgba(255,255,255,.07);--font-display: "DM Sans", sans-serif;--font-body: "DM Sans", sans-serif;--font-mono: -apple-system, "SF Pro Text", system-ui, sans-serif;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 12px rgba(0,0,0,.08), 0 2px 4px rgba(0,0,0,.04);--shadow-lg: 0 8px 32px rgba(0,0,0,.1), 0 4px 8px rgba(0,0,0,.06);--shadow-green: 0 4px 20px rgba(0,208,156,.25)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;font-size:16px;-webkit-font-smoothing:antialiased}body{height:100%;font-family:var(--font-body);background:var(--bg-base);color:var(--text-primary);line-height:1.5;font-variant-numeric:tabular-nums}#root{height:100%}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}::-webkit-scrollbar-track{background:transparent}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes tickUp{0%,to{color:var(--profit)}50%{color:#00ffba}}@keyframes tickDown{0%,to{color:var(--loss)}50%{color:#ff7070}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.animate-fadeIn{animation:fadeIn .3s ease forwards}.animate-slideInLeft{animation:slideInLeft .25s ease forwards}button{cursor:pointer;font-family:var(--font-body);border:none;outline:none}button:focus-visible{outline:2px solid var(--green-primary);outline-offset:2px}input,select,textarea{font-family:var(--font-body);outline:none;border:1.5px solid var(--border);background:var(--bg-card);color:var(--text-primary);border-radius:var(--radius-sm);transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--green-primary)}.tick-up{animation:tickUp .4s ease}.tick-down{animation:tickDown .4s ease}.skeleton{background:linear-gradient(90deg,#f0f2f5 25%,#e8ecf0,#f0f2f5 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:var(--radius-sm)}