:root{--primary-blue: #3B82F6;--primary-purple: #7C3AED;--success-green: #10B981;--danger-red: #EF4444;--warning-yellow: #F59E0B;--info-blue: #06B6D4;--bg-primary-dark: #111827;--bg-secondary-dark: #1F2937;--bg-tertiary-dark: #374151;--text-primary-dark: #F9FAFB;--text-secondary-dark: #9CA3AF;--border-color-dark: #374151;--bg-primary-light: #F9FAFB;--bg-secondary-light: #FFFFFF;--bg-tertiary-light: #F3F4F6;--text-primary-light: #111827;--text-secondary-light: #6B7280;--border-color-light: #E5E7EB;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--gradient-primary: linear-gradient(135deg, var(--primary-blue), var(--primary-purple));--gradient-success: linear-gradient(135deg, #10B981, #059669);--gradient-danger: linear-gradient(135deg, #EF4444, #DC2626);--gradient-confidence: linear-gradient(to right, #EF4444, #F59E0B, #10B981);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;transition:background-color var(--transition-normal),color var(--transition-normal)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-tertiary-dark);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb{background:var(--text-secondary-dark);border-radius:var(--radius-sm);-webkit-transition:background-color var(--transition-fast);transition:background-color var(--transition-fast)}::-webkit-scrollbar-thumb:hover{background:var(--text-primary-dark)}.light-theme ::-webkit-scrollbar-track{background:var(--bg-tertiary-light)}.light-theme ::-webkit-scrollbar-thumb{background:var(--text-secondary-light)}.light-theme ::-webkit-scrollbar-thumb:hover{background:var(--text-primary-light)}button:focus,input:focus,select:focus,textarea:focus{outline:2px solid var(--primary-blue);outline-offset:2px}.text-gradient{background:var(--gradient-primary);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 200%;animation:gradientShift 3s ease infinite}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.hover-scale{transition:transform var(--transition-fast)}.hover-scale:hover{transform:scale(1.05)}.hover-scale:active{transform:scale(.95)}@keyframes slideInFromTop{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInFromBottom{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInFromLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInFromRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@media (max-width: 640px){.text-2xl{font-size:1.5rem}.text-4xl{font-size:2rem}.p-6{padding:1rem}.grid-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(1,minmax(0,1fr))}}@media print{*{color:#000!important;background:#fff!important}.no-print{display:none!important}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast: high){:root{--primary-blue: #0066CC;--primary-purple: #6600CC;--success-green: #008800;--danger-red: #CC0000;--warning-yellow: #CC8800}}.badge{display:inline-flex;align-items:center;justify-content:center;padding:.25rem .75rem;border-radius:.5rem;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;transition:all .2s ease;border:1px solid transparent}.badge-sm{padding:.125rem .5rem;font-size:.75rem;border-radius:.375rem}.badge-lg{padding:.5rem 1rem;font-size:1rem;border-radius:.75rem}.badge-buy{background-color:#22c55e1a;color:#22c55e;border-color:#22c55e4d}.badge-buy:hover{background-color:#22c55e33;box-shadow:0 0 15px #22c55e4d}.badge-sell{background-color:#ef44441a;color:#ef4444;border-color:#ef44444d}.badge-sell:hover{background-color:#ef444433;box-shadow:0 0 15px #ef44444d}.badge-hold{background-color:#fbbf241a;color:#fbbf24;border-color:#fbbf244d}.badge-hold:hover{background-color:#fbbf2433;box-shadow:0 0 15px #fbbf244d}.badge-connected{background-color:#22c55e1a;color:#22c55e;border-color:#22c55e4d}.badge-connected:before{content:"";width:8px;height:8px;background-color:#22c55e;border-radius:50%;margin-right:.5rem;animation:pulse 2s infinite}.badge-disconnected{background-color:#ef44441a;color:#ef4444;border-color:#ef44444d}.badge-disconnected:before{content:"";width:8px;height:8px;background-color:#ef4444;border-radius:50%;margin-right:.5rem}.badge-connecting{background-color:#fbbf241a;color:#fbbf24;border-color:#fbbf244d}.badge-connecting:before{content:"";width:8px;height:8px;background-color:#fbbf24;border-radius:50%;margin-right:.5rem;animation:pulse 1s infinite}.badge-success{background-color:#22c55e1a;color:#22c55e;border-color:#22c55e4d}.badge-danger{background-color:#ef44441a;color:#ef4444;border-color:#ef44444d}.badge-warning{background-color:#fbbf241a;color:#fbbf24;border-color:#fbbf244d}.badge-info{background-color:#3b82f61a;color:#3b82f6;border-color:#3b82f64d}.badge-error{background-color:#ef44441a;color:#ef4444;border-color:#ef44444d}.badge-confidence{background:linear-gradient(90deg,#ef4444,#fbbf24,#22c55e);color:#fff;border:none;position:relative;overflow:hidden}.badge-confidence:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0000004d;transition:all .3s ease}.badge-confidence:hover:after{background:#0000001a}.badge-confidence-low{background-color:#ef4444e6;color:#fff}.badge-confidence-medium{background-color:#fbbf24e6;color:#fff}.badge-confidence-high{background-color:#22c55ee6;color:#fff}.badge-overbought{background-color:#ef44441a;color:#ef4444;border-color:#ef44444d}.badge-oversold{background-color:#22c55e1a;color:#22c55e;border-color:#22c55e4d}.badge-neutral{background-color:#6b72801a;color:#6b7280;border-color:#6b72804d}.badge-api-healthy{background-color:#22c55e1a;color:#22c55e;border-color:#22c55e4d}.badge-api-unhealthy{background-color:#ef44441a;color:#ef4444;border-color:#ef44444d}.badge-api-loading{background-color:#6b72801a;color:#6b7280;border-color:#6b72804d}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:.5rem}.status-dot-green{background-color:#22c55e;box-shadow:0 0 10px #22c55e80}.status-dot-red{background-color:#ef4444;box-shadow:0 0 10px #ef444480}.status-dot-yellow{background-color:#fbbf24;box-shadow:0 0 10px #fbbf2480}.status-dot-blue{background-color:#3b82f6;box-shadow:0 0 10px #3b82f680}.status-dot-gray{background-color:#6b7280;box-shadow:0 0 10px #6b728080}.status-dot-pulse{animation:statusPulse 2s infinite}@keyframes statusPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}.badge-with-icon{display:inline-flex;align-items:center;gap:.375rem}.badge-with-icon svg{width:1rem;height:1rem}.badge-number{min-width:1.5rem;height:1.5rem;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}.badge-gradient-blue{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none}.badge-gradient-green{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none}.badge-gradient-red{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none}.badge-gradient-purple{background:linear-gradient(135deg,#a855f7,#9333ea);color:#fff;border:none}.badge-outline{background-color:transparent;border-width:1px;border-style:solid}.badge-outline-green{border-color:#22c55e;color:#22c55e}.badge-outline-red{border-color:#ef4444;color:#ef4444}.badge-outline-blue{border-color:#3b82f6;color:#3b82f6}.badge-outline-yellow{border-color:#fbbf24;color:#fbbf24}.badge-token{background:linear-gradient(135deg,#1f2937,#374151);color:#fff;border:1px solid #4b5563;font-weight:700;letter-spacing:.05em}.badge-token:hover{background:linear-gradient(135deg,#374151,#4b5563);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.badge-token-selected{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-color:#3b82f6;box-shadow:0 0 20px #3b82f64d}@media (max-width: 768px){.badge{font-size:.75rem;padding:.25rem .5rem}.badge-sm{font-size:.625rem;padding:.125rem .375rem}.badge-lg{font-size:.875rem;padding:.375rem .75rem}}.dark .badge{background-color:#ffffff0d;border-color:#ffffff1a}.dark .badge-outline{background-color:transparent}.header{padding:1rem 1.5rem;border-bottom:1px solid var(--border-dark);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:100;animation:slideIn .5s ease-out}.header.dark{background:#1f2937f2;border-bottom-color:var(--border-dark)}.header.light{background:#fffffff2;border-bottom-color:var(--border-light)}.header-content{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto}.header-left{display:flex;align-items:center;gap:1rem}.header-logo{display:flex;align-items:center;gap:.5rem}.header-title{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.connection-status{display:flex;align-items:center;gap:.5rem;padding:.25rem .75rem;border-radius:20px;font-size:.875rem;font-weight:500;transition:var(--transition)}.connection-status.connected{background:#10b9811a;color:var(--success-green);border:1px solid var(--success-green)}.connection-status.disconnected{background:#ef44441a;color:var(--danger-red);border:1px solid var(--danger-red)}.api-info{font-size:.75rem;color:var(--text-muted-dark);padding:.25rem .5rem;border-radius:4px;background:var(--bg-secondary-dark)}.header-right{display:flex;align-items:center;gap:.75rem}.header-button{padding:.5rem;border-radius:8px;border:none;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center}.header-button:hover{transform:translateY(-2px)}.auto-refresh-btn{background:var(--success-green)}.auto-refresh-btn.disabled{background:var(--bg-tertiary-dark)}.theme-toggle{background:var(--bg-tertiary-dark);font-size:1.2rem}.theme-toggle:hover{background:var(--border-dark)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateY(0)}40%,43%{transform:translateY(-8px)}70%{transform:translateY(-4px)}90%{transform:translateY(-2px)}}@keyframes slideIn{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.spinner{animation:spin 1s linear infinite}.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.bounce{animation:bounce 1s infinite}.btn-hover{transition:all .3s cubic-bezier(.4,0,.2,1);transform:translateY(0)}.btn-hover:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0003}.btn-hover:active{transform:translateY(0);transition:all .1s}.btn-scale{transition:transform .2s ease-in-out}.btn-scale:hover{transform:scale(1.05)}.btn-scale:active{transform:scale(.98)}.theme-transition{transition:background-color .3s ease,color .3s ease,border-color .3s ease}.connection-indicator{position:relative;transition:all .3s ease}.connection-indicator:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;animation:pulse 2s infinite}.connection-connected:before{background-color:#22c55e4d}.connection-disconnected:before{background-color:#ef44444d}.chart-enter{animation:fadeIn .5s ease-out}.chart-update{transition:all .8s cubic-bezier(.4,0,.2,1)}.card-hover{transition:all .3s ease}.card-hover:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0000001a}.alert-enter{animation:slideIn .4s ease-out}.alert-exit{animation:fadeOut .3s ease-in}@keyframes fadeOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.signal-pulse{animation:signalPulse 1.5s ease-in-out infinite}@keyframes signalPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}.progress-bar{transition:width .8s cubic-bezier(.4,0,.2,1)}.progress-bar-fill{background-size:20px 20px;background-image:linear-gradient(45deg,rgba(255,255,255,.1) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.1) 75%,transparent 75%,transparent);animation:progressMove 1s linear infinite}@keyframes progressMove{0%{background-position:0 0}to{background-position:20px 0}}.loading-shimmer{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.number-counter{transition:all .5s ease-out}.glow-green{box-shadow:0 0 20px #22c55e4d;animation:glowGreen 2s ease-in-out infinite alternate}.glow-red{box-shadow:0 0 20px #ef44444d;animation:glowRed 2s ease-in-out infinite alternate}.glow-blue{box-shadow:0 0 20px #3b82f64d;animation:glowBlue 2s ease-in-out infinite alternate}@keyframes glowGreen{0%{box-shadow:0 0 20px #22c55e4d}to{box-shadow:0 0 30px #22c55e99}}@keyframes glowRed{0%{box-shadow:0 0 20px #ef44444d}to{box-shadow:0 0 30px #ef444499}}@keyframes glowBlue{0%{box-shadow:0 0 20px #3b82f64d}to{box-shadow:0 0 30px #3b82f699}}.stagger-item{animation:fadeIn .5s ease-out}.stagger-item:nth-child(1){animation-delay:.1s}.stagger-item:nth-child(2){animation-delay:.2s}.stagger-item:nth-child(3){animation-delay:.3s}.stagger-item:nth-child(4){animation-delay:.4s}.stagger-item:nth-child(5){animation-delay:.5s}.smooth-scroll{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.market-data-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.market-card{padding:1.5rem;border-radius:12px;border:1px solid var(--border-dark);background:var(--bg-secondary-dark);transition:var(--transition);position:relative;overflow:hidden;animation:fadeIn .7s ease-out}.market-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple));opacity:0;transition:opacity .3s ease}.market-card:hover:before{opacity:1}.market-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0003}.market-card.light{background:var(--bg-secondary-light);border-color:var(--border-light)}.market-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.market-card-title{font-size:.875rem;font-weight:500;color:var(--text-muted-dark);text-transform:uppercase;letter-spacing:.5px}.market-card-icon{width:1.25rem;height:1.25rem;color:var(--text-muted-dark);opacity:.7}.market-card-value{font-size:1.875rem;font-weight:700;color:var(--text-primary-dark);margin-bottom:.5rem;font-variant-numeric:tabular-nums}.market-card-change{display:flex;align-items:center;gap:.25rem;font-size:.875rem;font-weight:500}.market-card-change.positive{color:var(--success-green)}.market-card-change.negative{color:var(--danger-red)}.market-card-change.neutral{color:var(--text-muted-dark)}.market-card-subtitle{color:var(--text-muted-dark);font-size:.875rem}.rsi-indicator{width:.75rem;height:.75rem;border-radius:50%;margin-left:.5rem}.rsi-overbought{background:var(--danger-red);box-shadow:0 0 8px #ef444466}.rsi-oversold{background:var(--success-green);box-shadow:0 0 8px #10b98166}.rsi-neutral{background:var(--warning-yellow);box-shadow:0 0 8px #f59e0b66}.prediction-card{padding:2rem;border-radius:12px;border:1px solid var(--border-dark);background:var(--bg-secondary-dark);margin-bottom:2rem;animation:fadeIn .9s ease-out;position:relative;overflow:hidden}.prediction-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple))}.prediction-card.light{background:var(--bg-secondary-light);border-color:var(--border-light)}.prediction-title{font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;color:var(--text-primary-dark)}.prediction-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-bottom:2rem}.prediction-metric{text-align:center;padding:1rem;border-radius:8px;background:var(--bg-tertiary-dark);transition:var(--transition)}.prediction-metric:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.prediction-metric.light{background:var(--bg-tertiary-light)}.prediction-value{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;font-variant-numeric:tabular-nums}.prediction-value.buy{color:var(--success-green);text-shadow:0 0 20px rgba(16,185,129,.3)}.prediction-value.sell{color:var(--danger-red);text-shadow:0 0 20px rgba(239,68,68,.3)}.prediction-value.confidence{color:var(--accent-blue);text-shadow:0 0 20px rgba(59,130,246,.3)}.prediction-label{font-size:.875rem;color:var(--text-muted-dark);text-transform:uppercase;letter-spacing:.5px}.prediction-model{text-align:center;padding:1rem}.prediction-model-title{font-size:1.125rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary-dark)}.prediction-model-name{font-size:.875rem;color:var(--text-muted-dark)}.confidence-meter{margin-top:1.5rem}.confidence-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.confidence-label{font-size:.875rem;color:var(--text-secondary-dark);font-weight:500}.confidence-percentage{font-size:.875rem;font-weight:600;color:var(--text-primary-dark);font-variant-numeric:tabular-nums}.confidence-bar{width:100%;height:12px;background:var(--bg-tertiary-dark);border-radius:6px;overflow:hidden;position:relative}.confidence-fill{height:100%;background:linear-gradient(90deg,var(--danger-red),var(--warning-yellow),var(--success-green));border-radius:6px;transition:width .8s var(--bounce);position:relative}.confidence-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 3s infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.charts-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(600px,1fr));gap:2rem;margin-bottom:2rem}.chart-card{padding:1.5rem;border-radius:12px;border:1px solid var(--border-dark);background:var(--bg-secondary-dark);animation:fadeIn .8s ease-out}.chart-card.light{background:var(--bg-secondary-light);border-color:var(--border-light)}.chart-title{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary-dark)}.chart-wrapper{position:relative;height:300px;margin-bottom:1rem}.chart-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--text-muted-dark)}.technical-indicators{display:flex;flex-direction:column;gap:1.5rem}.indicator-row{display:flex;flex-direction:column;gap:.5rem}.indicator-header{display:flex;justify-content:space-between;align-items:center}.indicator-label{font-size:.875rem;color:var(--text-secondary-dark);font-weight:500}.indicator-value{font-size:.875rem;font-weight:600;font-variant-numeric:tabular-nums}.indicator-value.positive{color:var(--success-green)}.indicator-value.negative{color:var(--danger-red)}.indicator-bar{width:100%;height:8px;background:var(--bg-tertiary-dark);border-radius:4px;overflow:hidden;position:relative}.indicator-fill{height:100%;border-radius:4px;transition:width .6s ease,background-color .3s ease;position:relative}.indicator-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 2s infinite}.indicator-fill.positive{background:linear-gradient(135deg,var(--success-green),#34d399)}.indicator-fill.negative{background:linear-gradient(135deg,var(--danger-red),#f87171)}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:#111827f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;transition:opacity .3s ease}.loading-screen.light{background:#f9fafbf2}.loading-container{text-align:center;padding:2rem;border-radius:1rem;background:#1f2937cc;border:1px solid rgba(55,65,81,.5);box-shadow:0 20px 25px -5px #0000001a;max-width:400px;width:90%}.loading-container.light{background:#ffffffe6;border:1px solid rgba(229,231,235,.5)}.spinner{width:48px;height:48px;margin:0 auto 1rem;animation:spin 1s linear infinite}.spinner-pulse{width:48px;height:48px;margin:0 auto 1rem;background:linear-gradient(45deg,#3b82f6,#8b5cf6);border-radius:50%;animation:pulse-scale 1.5s ease-in-out infinite}.spinner-dots{display:flex;justify-content:center;align-items:center;gap:4px;margin:0 auto 1rem;width:48px;height:48px}.spinner-dot{width:8px;height:8px;border-radius:50%;background:#3b82f6;animation:dot-bounce 1.4s ease-in-out infinite both}.spinner-dot:nth-child(1){animation-delay:-.32s}.spinner-dot:nth-child(2){animation-delay:-.16s}.spinner-dot:nth-child(3){animation-delay:0s}.loading-progress{width:100%;height:4px;background:#37415180;border-radius:2px;overflow:hidden;margin:1rem 0}.loading-progress-bar{height:100%;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:2px;animation:progress-slide 2s ease-in-out infinite}.skeleton{background:linear-gradient(90deg,#374151 25%,#4b5563,#374151 75%);background-size:200% 100%;animation:skeleton-wave 1.5s ease-in-out infinite;border-radius:.5rem}.skeleton.light{background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:200% 100%}.skeleton-text{height:1rem;margin:.5rem 0}.skeleton-text.large{height:1.5rem}.skeleton-text.small{height:.75rem}.skeleton-card{height:120px;width:100%;margin:1rem 0}.skeleton-chart{height:300px;width:100%;margin:1rem 0}.button-loading{position:relative;pointer-events:none;opacity:.7}.button-loading:before{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.button-loading .button-text{opacity:0}.inline-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite;display:inline-block;margin-right:.5rem}.data-loading{position:relative;min-height:100px;display:flex;align-items:center;justify-content:center}.data-loading:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#111827b3;border-radius:.75rem;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1}.data-loading:after{content:"";width:32px;height:32px;border:3px solid rgba(59,130,246,.3);border-top:3px solid #3B82F6;border-radius:50%;animation:spin 1s linear infinite;z-index:2}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#111827cc;display:flex;align-items:center;justify-content:center;border-radius:inherit;z-index:10}.loading-overlay.light{background:#fffc}.prediction-loading{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem}.prediction-loading-text{font-size:.875rem;color:#9ca3af;animation:pulse-text 2s ease-in-out infinite}.prediction-loading-icon{width:20px;height:20px;color:#3b82f6;animation:pulse-scale 1.5s ease-in-out infinite}.market-loading{display:flex;flex-direction:column;gap:1rem;padding:1rem}.market-loading-item{display:flex;justify-content:space-between;align-items:center}.market-loading-label{width:30%;height:1rem;background:#374151;border-radius:.25rem;animation:skeleton-wave 1.5s ease-in-out infinite}.market-loading-value{width:25%;height:1.5rem;background:#374151;border-radius:.25rem;animation:skeleton-wave 1.5s ease-in-out infinite}.chart-loading{width:100%;height:300px;position:relative;background:#3741511a;border-radius:.5rem;overflow:hidden}.chart-loading:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(59,130,246,.1),transparent);animation:chart-shimmer 2s infinite}.connection-loading{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:.5rem;color:#3b82f6;font-size:.875rem}.connection-loading-dots{display:flex;gap:2px}.connection-loading-dot{width:4px;height:4px;border-radius:50%;background:currentColor;animation:dot-bounce 1.4s ease-in-out infinite both}.connection-loading-dot:nth-child(1){animation-delay:-.32s}.connection-loading-dot:nth-child(2){animation-delay:-.16s}.connection-loading-dot:nth-child(3){animation-delay:0s}@keyframes pulse-scale{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.7}}@keyframes pulse-text{0%,to{opacity:1}50%{opacity:.5}}@keyframes dot-bounce{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1.2);opacity:1}}@keyframes progress-slide{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes skeleton-wave{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes chart-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (max-width: 768px){.loading-container{width:95%;padding:1.5rem}.spinner,.spinner-pulse{width:40px;height:40px}.skeleton-card{height:100px}.chart-loading{height:250px}}@media (prefers-reduced-motion: reduce){.spinner,.spinner-pulse,.spinner-dot,.loading-progress-bar,.skeleton,.inline-spinner,.data-loading:after,.prediction-loading-icon,.market-loading-label,.market-loading-value,.chart-loading:before,.connection-loading-dot{animation:none}.button-loading:before{animation:none;opacity:.5}}:root{--controls-bg: #1f2937;--controls-border: #374151;--controls-text: #ffffff;--controls-text-secondary: #9ca3af;--controls-text-muted: #6b7280;--controls-input-bg: #374151;--controls-input-border: #4b5563;--controls-input-focus: #3b82f6;--controls-button-primary: #3b82f6;--controls-button-primary-hover: #2563eb;--controls-button-success: #10b981;--controls-button-success-hover: #059669;--controls-button-selected: #3b82f6;--controls-button-selected-bg: rgba(59, 130, 246, .1);--controls-button-default: #4b5563;--controls-button-default-hover: #6b7280;--controls-shadow: rgba(0, 0, 0, .1);--controls-gradient: linear-gradient(135deg, #3b82f6, #8b5cf6);--controls-gradient-hover: linear-gradient(135deg, #2563eb, #7c3aed)}[data-theme=light]{--controls-bg: #ffffff;--controls-border: #e5e7eb;--controls-text: #111827;--controls-text-secondary: #6b7280;--controls-text-muted: #9ca3af;--controls-input-bg: #f9fafb;--controls-input-border: #d1d5db;--controls-input-focus: #3b82f6;--controls-button-primary: #3b82f6;--controls-button-primary-hover: #2563eb;--controls-button-success: #10b981;--controls-button-success-hover: #059669;--controls-button-selected: #3b82f6;--controls-button-selected-bg: rgba(59, 130, 246, .1);--controls-button-default: #e5e7eb;--controls-button-default-hover: #d1d5db;--controls-shadow: rgba(0, 0, 0, .1);--controls-gradient: linear-gradient(135deg, #3b82f6, #8b5cf6);--controls-gradient-hover: linear-gradient(135deg, #2563eb, #7c3aed)}.controls{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:1.5rem}@media (min-width: 1024px){.controls{grid-template-columns:1fr 1fr}}.controls__panel{background:var(--controls-bg);border:1px solid var(--controls-border);border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px var(--controls-shadow);transition:all .2s ease}.controls__panel:hover{box-shadow:0 4px 6px var(--controls-shadow)}.controls__panel-header{display:flex;align-items:center;margin-bottom:1rem;font-size:1.125rem;font-weight:600;color:var(--controls-text)}.controls__panel-icon{width:1.25rem;height:1.25rem;margin-right:.5rem;color:var(--controls-text-secondary)}.controls__token-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:1rem}.controls__token-button{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.75rem;border:2px solid var(--controls-button-default);border-radius:.5rem;background:transparent;color:var(--controls-text);font-weight:500;cursor:pointer;transition:all .2s ease;min-height:3rem}.controls__token-button:hover{border-color:var(--controls-button-default-hover);background:#ffffff0d;transform:translateY(-1px)}.controls__token-button:active{transform:translateY(0)}.controls__token-button--selected{border-color:var(--controls-button-selected);background:var(--controls-button-selected-bg);color:var(--controls-button-selected)}.controls__token-button--selected:hover{border-color:var(--controls-button-primary-hover)}.controls__token-name{font-size:.875rem;font-weight:600;margin-bottom:.25rem}.controls__token-change{font-size:.75rem;font-weight:500}.controls__token-change--positive{color:#10b981}.controls__token-change--negative{color:#ef4444}.controls__generate-button{display:flex;align-items:center;justify-content:center;width:100%;padding:.75rem 1rem;background:var(--controls-gradient);color:#fff;font-weight:600;border:none;border-radius:.5rem;cursor:pointer;transition:all .2s ease;font-size:.875rem;min-height:3rem}.controls__generate-button:hover:not(:disabled){background:var(--controls-gradient-hover);transform:scale(1.02)}.controls__generate-button:active:not(:disabled){transform:scale(.98)}.controls__generate-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.controls__generate-button-icon{width:1rem;height:1rem;margin-right:.5rem}.controls__subscription-form{display:flex;flex-direction:column;gap:.75rem}.controls__email-input{width:100%;padding:.75rem;background:var(--controls-input-bg);border:1px solid var(--controls-input-border);border-radius:.5rem;color:var(--controls-text);font-size:.875rem;transition:all .2s ease}.controls__email-input:focus{outline:none;border-color:var(--controls-input-focus);box-shadow:0 0 0 3px #3b82f61a}.controls__email-input::-moz-placeholder{color:var(--controls-text-muted)}.controls__email-input::placeholder{color:var(--controls-text-muted)}.controls__subscribe-button{width:100%;padding:.75rem;background:var(--controls-button-success);color:#fff;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.875rem}.controls__subscribe-button:hover{background:var(--controls-button-success-hover);transform:translateY(-1px)}.controls__subscribe-button:active{transform:translateY(0)}.controls__subscription-success{text-align:center;padding:1rem}.controls__subscription-success-icon{font-size:2rem;margin-bottom:.5rem}.controls__subscription-success-text{color:var(--controls-button-success);font-weight:600;margin-bottom:.5rem}.controls__subscription-success-subtext{color:var(--controls-text-secondary);font-size:.875rem}.controls__subscriber-count{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--controls-border);color:var(--controls-text-secondary);font-size:.875rem;text-align:center}.controls__loading{opacity:.6;pointer-events:none}.controls__loading-spinner{display:inline-block;width:1rem;height:1rem;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite;margin-right:.5rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 640px){.controls{gap:1rem}.controls__panel{padding:1rem}.controls__panel-header{font-size:1rem}.controls__token-grid{grid-template-columns:1fr}.controls__token-button,.controls__generate-button{min-height:2.5rem}}.controls__token-button:focus,.controls__generate-button:focus,.controls__subscribe-button:focus,.controls__email-input:focus{outline:2px solid var(--controls-input-focus);outline-offset:2px}.controls__panel{animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-contrast: high){.controls__token-button,.controls__email-input{border-width:2px}}@media (prefers-reduced-motion: reduce){.controls__panel,.controls__token-button,.controls__generate-button,.controls__subscribe-button,.controls__email-input{animation:none;transition:none}}.prediction-history{background:var(--card-bg);border:1px solid var(--border-color);border-radius:.75rem;padding:1.5rem;margin-bottom:1.5rem}:root{--card-bg: #1f2937;--border-color: #374151;--text-primary: #ffffff;--text-secondary: #9ca3af;--text-muted: #6b7280;--row-hover: #374151;--row-border: #374151}[data-theme=light]{--card-bg: #ffffff;--border-color: #e5e7eb;--text-primary: #111827;--text-secondary: #6b7280;--text-muted: #9ca3af;--row-hover: #f9fafb;--row-border: #e5e7eb}.prediction-history__header{display:flex;align-items:center;margin-bottom:1rem;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.prediction-history__header-icon{width:1.25rem;height:1.25rem;margin-right:.5rem;color:var(--text-secondary)}.prediction-history__table-container{overflow-x:auto;border-radius:.5rem;border:1px solid var(--border-color)}.prediction-history__table{width:100%;border-collapse:collapse;font-size:.875rem;background:var(--card-bg)}.prediction-history__table thead{background:var(--row-border)}.prediction-history__table th{text-align:left;padding:.75rem .5rem;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--row-border);white-space:nowrap}.prediction-history__table tbody tr{border-bottom:1px solid var(--row-border);transition:background-color .2s ease}.prediction-history__table tbody tr:hover{background:var(--row-hover)}.prediction-history__table tbody tr:last-child{border-bottom:none}.prediction-history__table td{padding:.75rem .5rem;color:var(--text-primary);vertical-align:middle}.prediction-history__time{color:var(--text-muted);font-size:.8125rem;white-space:nowrap}.prediction-history__token{font-weight:600;color:var(--text-primary)}.prediction-history__signal{font-weight:700;text-transform:uppercase;letter-spacing:.025em}.prediction-history__signal--buy{color:#10b981}.prediction-history__signal--sell{color:#ef4444}.prediction-history__signal--hold{color:#6b7280}.prediction-history__confidence{position:relative}.prediction-history__confidence-text{font-weight:600;color:var(--text-primary)}.prediction-history__confidence-bar{width:100%;height:.25rem;background:var(--row-border);border-radius:.125rem;margin-top:.25rem;overflow:hidden}.prediction-history__confidence-fill{height:100%;background:linear-gradient(to right,#ef4444,#f59e0b,#10b981);border-radius:.125rem;transition:width .3s ease}.prediction-history__model{color:var(--text-secondary);font-size:.8125rem;font-weight:500}.prediction-history__empty{text-align:center;padding:3rem 1rem;color:var(--text-muted)}.prediction-history__empty-icon{width:3rem;height:3rem;margin:0 auto 1rem;color:var(--text-muted);opacity:.5}.prediction-history__empty-text{font-size:1rem;font-weight:500;margin-bottom:.5rem}.prediction-history__empty-subtext{font-size:.875rem;color:var(--text-muted)}@media (max-width: 768px){.prediction-history{padding:1rem}.prediction-history__table{font-size:.8125rem}.prediction-history__table th,.prediction-history__table td{padding:.5rem .25rem}.prediction-history__header{font-size:1rem}.prediction-history__table-container{border:none}.prediction-history__table,.prediction-history__table thead,.prediction-history__table tbody,.prediction-history__table th,.prediction-history__table td,.prediction-history__table tr{display:block}.prediction-history__table thead tr{position:absolute;top:-9999px;left:-9999px}.prediction-history__table tbody tr{border:1px solid var(--border-color);border-radius:.5rem;margin-bottom:.75rem;padding:.75rem;background:var(--card-bg)}.prediction-history__table td{border:none;padding:.25rem 0;text-align:left;position:relative;padding-left:30%}.prediction-history__table td:before{content:attr(data-label);position:absolute;left:0;width:25%;padding-right:.5rem;white-space:nowrap;font-weight:600;color:var(--text-secondary)}}.prediction-history--loading{opacity:.6;pointer-events:none}.prediction-history__loading-skeleton{background:linear-gradient(90deg,var(--row-border) 25%,transparent 50%,var(--row-border) 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.prediction-history__table tbody tr,.prediction-history__confidence-fill{transition:all .2s ease}.prediction-history__table:focus-within{outline:2px solid #3b82f6;outline-offset:2px}@media print{.prediction-history{background:#fff;color:#000;border:1px solid #000}.prediction-history__table{border-collapse:collapse}.prediction-history__table th,.prediction-history__table td{border:1px solid #000}}:root{--transition: all .3s ease;--success-green: #10b981;--danger-red: #ef4444;--warning-yellow: #f59e0b;--accent-blue: #3b82f6}.alert-item{transition:var(--transition)}.alert-item:hover{transform:translate(4px);box-shadow:0 4px 12px #0000001a}.alert-success{background:#10b9811a;border-left-color:var(--success-green)}.alert-danger{background:#ef44441a;border-left-color:var(--danger-red)}.alert-warning{background:#f59e0b1a;border-left-color:var(--warning-yellow)}.alert-info{background:#3b82f61a;border-left-color:var(--accent-blue)}.alert-error{background:#ef44441a;border-left-color:var(--danger-red)}.card-hover{transition:var(--transition)}.card-hover:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.alert-close{opacity:.7;transition:var(--transition)}.alert-close:hover{opacity:1;background:#0000001a}.dashboard-card{transition:transform .2s ease,box-shadow .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dashboard-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.market-data-card{background:linear-gradient(135deg,#3b82f61a,#a855f71a);border:1px solid rgba(59,130,246,.3)}.prediction-card{background:linear-gradient(135deg,#10b9811a,#ef44441a);border:1px solid rgba(16,185,129,.3)}.alert-card{background:linear-gradient(135deg,#fbbf241a,#ef44441a);border:1px solid rgba(251,191,36,.3)}.signal-badge{padding:.5rem 1rem;border-radius:.5rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;display:inline-flex;align-items:center;gap:.5rem}.signal-badge.buy{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b9814d}.signal-badge.sell{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 12px #ef44444d}.confidence-badge{padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:500}.confidence-high{background:#10b98133;color:#10b981;border:1px solid #10b981}.confidence-medium{background:#fbbf2433;color:#fbbf24;border:1px solid #fbbf24}.confidence-low{background:#ef444433;color:#ef4444;border:1px solid #ef4444}.connection-status{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500}.connection-status.connected{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.3)}.connection-status.disconnected{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3)}