:root{--primary:#6366f1;--primary-hover:#4f46e5;--primary-light:#818cf8;--primary-dark:#3730a3;--secondary:#8b5cf6;--secondary-hover:#7c3aed;--secondary-light:#a78bfa;--bg-primary:#0d0d0d;--bg-secondary:#1a1a1a;--bg-tertiary:#262626;--bg-card:#1f1f1f;--bg-card-hover:#2a2a2a;--text-primary:#fff;--text-secondary:#a3a3a3;--text-muted:#737373;--text-disabled:#525252;--border-primary:#404040;--border-secondary:#262626;--border-accent:#6366f1;--success:#10b981;--success-bg:#064e3b;--warning:#f59e0b;--warning-bg:#78350f;--error:#ef4444;--error-bg:#7f1d1d;--info:#3b82f6;--info-bg:#1e3a8a;--chart-gradient-1:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--chart-gradient-2:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);--chart-gradient-3:linear-gradient(135deg,#3b82f6 0%,#6366f1 100%);--chart-line-1:#6366f1;--chart-line-2:#8b5cf6;--chart-line-3:#3b82f6;--chart-area-1:#6366f11a;--chart-area-2:#8b5cf61a;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000004d;--shadow-lg:0 10px 15px -3px #00000080;--shadow-xl:0 20px 25px -5px #0009;--shadow-glow:0 0 20px #6366f14d;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--font-mono:"JetBrains Mono","Fira Code",monospace;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.35s ease}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);line-height:1.5}.card{background:var(--bg-card);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);padding:var(--space-6);transition:all var(--transition-base)}.card:hover{background:var(--bg-card-hover);border-color:var(--border-primary);box-shadow:var(--shadow-md)}.card-glow{box-shadow:var(--shadow-glow);border-color:var(--border-accent)}.stat-card{background:linear-gradient(135deg,var(--bg-card)0%,var(--bg-tertiary)100%);border:1px solid var(--border-secondary);border-radius:var(--radius-xl);padding:var(--space-6);position:relative;overflow:hidden}.stat-card:before{content:"";background:var(--chart-gradient-2);height:2px;position:absolute;top:0;left:0;right:0}.stat-value{background:var(--chart-gradient-2);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.875rem}.stat-change{align-items:center;gap:var(--space-1);padding:var(--space-1)var(--space-2);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;display:inline-flex}.stat-change.positive{background:var(--success-bg);color:var(--success)}.stat-change.negative{background:var(--error-bg);color:var(--error)}.btn{padding:var(--space-3)var(--space-6);border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer;align-items:center;gap:var(--space-2);border:none;font-size:.875rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover);box-shadow:var(--shadow-glow);transform:translateY(-1px)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-primary)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--border-accent)}.btn-success{background:var(--success);color:#fff}.btn-danger{background:var(--error);color:#fff}.chart-container{background:var(--bg-card);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);width:100%;min-height:0;padding:var(--space-6);margin:var(--space-4)0;flex-direction:column;display:flex;overflow:visible}.chart-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.chart-title{color:var(--text-primary);font-size:1.125rem;font-weight:600}.chart-filters{gap:var(--space-2);display:flex}.chart-filter-btn{padding:var(--space-2)var(--space-4);color:var(--text-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;font-size:.75rem}.chart-filter-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.chart-filter-btn:hover:not(.active){border-color:var(--border-primary);color:var(--text-primary)}.table-container{background:var(--bg-card);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);overflow:hidden}.table{border-collapse:collapse;width:100%}.table thead{background:var(--bg-tertiary)}.table th{padding:var(--space-4);text-align:left;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.table td{padding:var(--space-4);border-top:1px solid var(--border-secondary);color:var(--text-primary)}.table tr:hover{background:var(--bg-tertiary)}.badge{padding:var(--space-1)var(--space-3);border-radius:var(--radius-sm);align-items:center;font-size:.75rem;font-weight:600;display:inline-flex}.badge-success{background:var(--success-bg);color:var(--success)}.badge-warning{background:var(--warning-bg);color:var(--warning)}.badge-error{background:var(--error-bg);color:var(--error)}.badge-info{background:var(--info-bg);color:var(--info)}.input{width:100%;padding:var(--space-3);background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);color:var(--text-primary);transition:all var(--transition-fast);font-size:.875rem}.input:focus{border-color:var(--border-accent);outline:none;box-shadow:0 0 0 3px #6366f11a}.input::placeholder{color:var(--text-muted)}.grid{gap:var(--space-6);display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:768px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(1,minmax(0,1fr))}.stat-value{font-size:2rem}}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-slide-in{animation:slideIn var(--transition-base)}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary)25%,var(--bg-card-hover)50%,var(--bg-tertiary)75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s ease-in-out infinite loading}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--border-primary)}.text-gradient{background:var(--chart-gradient-2);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glow{box-shadow:var(--shadow-glow)}.backdrop-blur{-webkit-backdrop-filter:blur(10px)}@keyframes shimmer-profit{0%{transform:translate(-100%)}to{transform:translate(400%)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 20px #10b98133}50%{box-shadow:0 0 40px #10b98166}}@keyframes bounce-subtle{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.animate-shimmer-profit{animation:2s linear infinite shimmer-profit}.animate-glow-pulse-success{animation:2s ease-in-out infinite glow-pulse}.animate-bounce-subtle{animation:2s ease-in-out infinite bounce-subtle}.hover-lift{transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1)}.hover-lift:hover{transform:translateY(-2px);box-shadow:0 4px 20px #00000026}.hover-scale{transition:transform .2s cubic-bezier(.16,1,.3,1)}.hover-scale:hover{transform:scale(1.05)}.glass-card{-webkit-backdrop-filter:blur(10px);background:#1f1f1f99;border:1px solid #ffffff1a}.chart-background-image{z-index:0;pointer-events:none;opacity:.05;position:absolute;inset:0;overflow:hidden}.chart-background-image img{object-fit:cover;object-position:center;width:100%;max-width:100%;height:auto}.chart-decorative-image{pointer-events:none;opacity:.2;border-radius:var(--radius-md);position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.chart-decorative-image img{object-fit:contain;border-radius:inherit;width:100%;height:100%}@media (max-width:640px){.chart-decorative-image{display:none}.chart-background-image{opacity:.03}}@media (min-width:641px) and (max-width:1024px){.chart-decorative-image{width:3rem;height:3rem}}@media (min-width:1025px){.chart-decorative-image{width:4rem;height:4rem}}.chart-main-area{flex-direction:column;flex:1;gap:.75rem;min-height:0;display:flex;overflow:hidden}.chart-price-area{background:#0a0a0a;border:1px solid #3741514d;border-radius:.375rem;flex:3;min-height:450px;max-height:650px;position:relative;overflow:hidden}.chart-indicators-area{background:#0a0a0a80;border-top:1px solid #6366f133;flex:1;min-height:200px;max-height:300px;padding-top:.75rem}.chart-indicators-area .tabs-content{min-height:calc(200px - 3rem)}.recharts-line{filter:drop-shadow(0 0 1px)}.recharts-reference-line{stroke-width:1.5px!important}.recharts-candlestick-wick{stroke-width:1.5px;stroke-linecap:round}.recharts-candlestick-body{stroke-width:1px;stroke-linejoin:round}.candlestick-group{transition:opacity .2s}.candlestick-group:hover{opacity:1;filter:brightness(1.1)}.chart-price-area .candlestick-group line{stroke-width:2px;stroke-linecap:round;filter:drop-shadow(0 0 .5px)}.chart-price-area .candlestick-group rect{stroke-width:1.5px;stroke-linejoin:round;filter:drop-shadow(0 1px 2px #0000004d)}.chart-price-area .recharts-wrapper,.chart-price-area .recharts-surface{background:0 0}.chart-price-area .recharts-cartesian-grid-horizontal line,.chart-price-area .recharts-cartesian-grid-vertical line{stroke:#37415166;stroke-dasharray:3 3;stroke-width:.5px}.chart-price-area .recharts-cartesian-axis line{stroke:#9ca3af4d;stroke-width:1px}.chart-price-area .recharts-cartesian-axis-tick-value{fill:#9ca3afcc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:11px;font-weight:500}.chart-price-area .recharts-tooltip-wrapper{outline:none}.chart-price-area .recharts-tooltip-cursor{stroke:#6366f14d;stroke-width:1px;stroke-dasharray:5 5}@media (max-width:768px){.chart-price-area{min-height:350px;max-height:450px}.chart-indicators-area{min-height:150px;max-height:200px}.chart-indicators-area .tabs-content{min-height:calc(150px - 3rem)}}@media (min-width:1024px){.chart-price-area{min-height:500px;max-height:650px}}@media (min-width:1920px){.chart-price-area{min-height:550px;max-height:750px}.chart-indicators-area{min-height:250px;max-height:350px}}.chart-image-loading{opacity:0;transition:opacity .3s ease-in-out}.chart-image-loaded{opacity:1}.chart-image-error{display:none}