:root{--brand-orange: #e0501c;--brand-orange-light: #ff6b3d;--brand-orange-dark: #c4441a;--brand-white: #f8f6f3;--brand-black: #1b1c1e;--primary: var(--brand-black);--primary-light: #2d2e30;--accent: var(--brand-orange);--accent-light: var(--brand-orange-light);--crypto-gold: var(--brand-orange);--crypto-gold-light: var(--brand-orange-light);--crypto-gold-dark: var(--brand-orange-dark);--bitcoin-orange: #f7931a;--ethereum-blue: #627eea;--crypto-green: #22c55e;--crypto-red: #ef4444;--crypto-purple: #8b5cf6;--gray-50: #fafafa;--gray-100: #f5f5f5;--gray-200: #e5e5e5;--gray-300: #d4d4d4;--gray-400: #a3a3a3;--gray-500: #737373;--gray-600: #525252;--gray-700: #404040;--gray-800: #262626;--gray-900: #171717;--bg-primary: var(--brand-white);--bg-secondary: #f0eeeb;--bg-tertiary: #e8e6e3;--bg-card: var(--brand-white);--bg-dark: var(--brand-black);--bg-dark-secondary: #2d2e30;--bg-crypto-sidebar: linear-gradient(135deg, var(--brand-black) 0%, #2d2e30 100%);--bg-crypto-gold: linear-gradient(135deg, var(--brand-orange) 0%, var(--brand-orange-light) 100%);--bg-crypto-blue: linear-gradient(135deg, var(--brand-orange) 0%, var(--brand-orange-dark) 100%);--text-primary: var(--brand-black);--text-secondary: #525252;--text-muted: #737373;--text-white: var(--brand-white);--text-light: #a3a3a3;--text-gold: var(--brand-orange);--text-gold-bright: var(--brand-orange-light);--border-light: #e5e5e5;--border-medium: #d4d4d4;--border-dark: #a3a3a3;--border-gold: var(--crypto-gold);--border-gold-alpha: rgba(255, 215, 0, .3);--success: var(--crypto-green);--error: var(--crypto-red);--warning: #f59e0b;--info: var(--accent);--bull-green: #16a34a;--bear-red: #dc2626;--neutral-gray: #6b7280;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--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);--shadow-gold: 0 0 20px rgba(255, 215, 0, .3);--shadow-gold-lg: 0 0 40px rgba(255, 215, 0, .4);--shadow-blue: 0 0 20px rgba(0, 102, 204, .3);--shadow-crypto: 0 8px 32px rgba(0, 0, 0, .12);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 5rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Inter", "Roboto", sans-serif;--font-mono: "SF Mono", "Monaco", "Cascadia Code", "Roboto Mono", monospace;--font-display: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--transition-fast: .15s ease-out;--transition-normal: .25s ease-out;--transition-slow: .4s ease-out;--transition-bounce: .3s cubic-bezier(.68, -.55, .265, 1.55);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal: 1040;--z-popover: 1050;--z-tooltip: 1060;--chat-sidebar-width: 300px;--header-height: 70px;--mobile-breakpoint: 768px;--glow-duration: 2s;--pulse-duration: 1.5s;--float-duration: 3s}[data-theme=dark]{--bg-primary: #0a0a0a;--bg-secondary: #1a1a1a;--bg-tertiary: #262626;--bg-card: #1a1a1a;--text-primary: #ffffff;--text-secondary: #a3a3a3;--text-muted: #737373;--border-light: #333333;--border-medium: #404040;--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -1px rgba(0, 0, 0, .2)}.crypto-glow{text-shadow:0 0 10px rgba(255,215,0,.6)}.crypto-glow-text{background:linear-gradient(135deg,var(--crypto-gold) 0%,var(--crypto-gold-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hover-lift{transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.hover-glow:hover{box-shadow:var(--shadow-gold)}.crypto-gradient-bg{background:linear-gradient(135deg,var(--brand-orange) 0%,var(--brand-orange-light) 50%,var(--brand-orange-dark) 100%)}.crypto-gradient-text{background:linear-gradient(135deg,var(--brand-orange) 0%,var(--brand-orange-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pulse-gold{animation:pulseGold var(--pulse-duration) infinite}@keyframes pulseGold{0%,to{box-shadow:0 0 5px #ffd70066}50%{box-shadow:0 0 20px #ffd700cc}}.float-animation{animation:float var(--float-duration) ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.rotating{animation:rotate 20s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bull-indicator{color:var(--bull-green);font-weight:var(--font-bold)}.bear-indicator{color:var(--bear-red);font-weight:var(--font-bold)}.neutral-indicator{color:var(--neutral-gray);font-weight:var(--font-medium)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--crypto-gold) 0%,var(--crypto-gold-dark) 100%);border-radius:var(--radius-full);transition:background var(--transition-fast)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--crypto-gold-light) 0%,var(--crypto-gold) 100%)}@media (max-width: 1200px){:root{--chat-sidebar-width: 280px}}@media (max-width: 768px){:root{--chat-sidebar-width: 100%;--space-lg: 1rem;--space-xl: 1.5rem;--space-2xl: 2rem;--space-3xl: 2.5rem}}*{box-sizing:border-box}body{font-family:var(--font-family);line-height:1.6;color:var(--text-primary);background:var(--bg-primary);margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:#ffd7004d;color:var(--text-primary)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary);font-size:var(--text-base)}code{font-family:var(--font-mono);background-color:var(--bg-tertiary);padding:.2rem .4rem;border-radius:var(--radius-sm);font-size:var(--text-sm)}a{text-decoration:none;color:inherit}button{font-family:inherit;cursor:pointer;border:none;outline:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);border-radius:var(--radius-md);font-weight:var(--font-semibold);font-size:var(--text-base);transition:all var(--transition-normal);border:none;cursor:pointer;text-decoration:none;min-height:44px}.btn-primary{background:var(--bg-crypto-gold);color:var(--primary);box-shadow:var(--shadow-gold);position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:btnShine 2s infinite}@keyframes btnShine{0%{left:-100%}to{left:100%}}.btn-primary:hover{background:linear-gradient(135deg,var(--crypto-gold-light) 0%,var(--crypto-gold) 100%);transform:translateY(-2px);box-shadow:var(--shadow-gold-lg)}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:2px solid var(--border-light);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:var(--bg-secondary);border-color:var(--crypto-gold);box-shadow:var(--shadow-gold);transform:translateY(-1px)}.btn-success{background:var(--success);color:var(--text-white);box-shadow:var(--shadow-sm)}.btn-success:hover{background:#15803d;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-lg{padding:var(--space-lg) var(--space-2xl);font-size:var(--text-lg);border-radius:var(--radius-lg)}.btn-sm{padding:var(--space-sm) var(--space-md);font-size:var(--text-sm)}.card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-light)}.card-hover{transition:all var(--transition-normal)}.card-hover:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.form-input{width:100%;padding:var(--space-md);border:2px solid var(--border-light);border-radius:var(--radius-md);font-size:var(--text-base);background:var(--bg-primary);color:var(--text-primary);transition:all var(--transition-normal)}.form-input:focus{outline:none;border-color:var(--primary-accent);box-shadow:0 0 0 3px #3b82f61a}.form-label{display:block;margin-bottom:var(--space-sm);font-weight:var(--font-medium);color:var(--text-primary);font-size:var(--text-sm)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-bold);line-height:1.2;color:var(--text-primary)}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}.text-muted{color:var(--text-muted)}.text-success{color:var(--crypto-green);font-weight:var(--font-semibold)}.text-error{color:var(--crypto-red);font-weight:var(--font-semibold)}.text-gold{color:var(--crypto-gold);font-weight:var(--font-semibold)}.text-gradient{background:linear-gradient(135deg,var(--crypto-gold) 0%,var(--bitcoin-orange) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-lg)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-4{gap:var(--space-lg)}.rounded{border-radius:var(--radius-md)}.shadow{box-shadow:var(--shadow-md)}.sidebar{width:200px;height:100vh;background:#252526;border-right:1px solid #3e3e42;display:flex;flex-direction:column;position:fixed;left:0;top:0;z-index:1050}.sidebar-header{padding:16px;border-bottom:1px solid #3e3e42;display:flex;align-items:center;justify-content:space-between}.sidebar-logo{display:flex;align-items:center;gap:8px}.mobile-close-button{display:none;width:36px;height:36px;background:#37373d;border:1px solid #3e3e42;border-radius:6px;color:#ccc;font-size:22px;cursor:pointer;align-items:center;justify-content:center;transition:all .2s ease;padding:0;line-height:1;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none;position:relative;z-index:10;flex-shrink:0}.logo-image{width:24px;height:24px;object-fit:contain}.logo-text{font-size:18px;font-weight:600;color:#ccc;letter-spacing:-.5px}.sidebar-nav{flex:1;padding:8px 0;overflow-y:auto}.sidebar-item{width:100%;display:flex;align-items:center;gap:12px;padding:12px 16px;background:none;border:none;color:#ccc;cursor:pointer;transition:all .2s ease;text-align:left;font-size:16px;position:relative}.sidebar-item:hover{background:#2a2d2e;color:#fff}.sidebar-item.active{background:#37373d;color:#fff}.sidebar-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#007acc}.sidebar-item-icon{font-size:16px;width:20px;text-align:center;flex-shrink:0}.sidebar-item-label{font-weight:600;flex:1}.sidebar-footer{padding:8px 0;border-top:1px solid #3e3e42}.user-menu-container{position:relative}.user-avatar-small{width:20px;height:20px;border-radius:50%;background:linear-gradient(45deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:12px;flex-shrink:0}.user-menu-trigger{border-bottom:1px solid #3e3e42}.user-dropdown-menu{position:absolute;bottom:100%;left:0;right:0;background:#2d2d30;border:1px solid #3e3e42;border-radius:4px;margin-bottom:4px;overflow:hidden;box-shadow:0 4px 12px #0000004d}.user-menu-item{width:100%;display:flex;align-items:center;gap:12px;padding:12px 16px;background:none;border:none;color:#ccc;cursor:pointer;transition:all .2s ease;text-align:left;font-size:14px}.user-menu-item:hover{background:#37373d;color:#fff}.user-menu-item.add-coins-btn:hover{background:linear-gradient(45deg,#667eea,#764ba2)}.user-menu-item.logout-btn:hover{background:linear-gradient(45deg,#ff4757,#ff3742)}.menu-item-icon{font-size:14px;width:20px;text-align:center;flex-shrink:0}.menu-item-label{font-weight:500;flex:1}@media (max-width: 768px){.sidebar{width:200px;position:relative;left:auto;top:auto}.mobile-close-button{display:flex}.mobile-close-button:hover{background:#2a2d2e;color:#fff}.mobile-close-button:active{background:#1e1e1e;transform:scale(.9)}}@media (max-width: 480px){.sidebar{width:180px}.sidebar-item{padding:10px 12px;font-size:13px}.sidebar-item-icon{font-size:14px;width:18px}.logo-text{font-size:16px}}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:#464647;border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#5a5a5c}.sidebar-item:focus{outline:2px solid #007acc;outline-offset:-2px}.sidebar-item.active .sidebar-item-icon{animation:pulse .3s ease}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.app-layout{display:flex;height:100vh;overflow:hidden;background:#1e1e1e}.mobile-menu-button{position:fixed;top:16px;left:16px;z-index:1100;width:48px;height:48px;background:#37373d;border:1px solid #3e3e42;border-radius:8px;color:#ccc;cursor:pointer;display:none;align-items:center;justify-content:center;transition:all .2s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.mobile-menu-button:hover{background:#2a2d2e;color:#fff}.mobile-menu-button:active{background:#1e1e1e;transform:scale(.95)}.hamburger-icon{font-size:20px;line-height:1;-webkit-user-select:none;user-select:none}.sidebar-container{flex-shrink:0;z-index:1050}.main-content{flex:1;margin-left:200px;display:flex;flex-direction:column;overflow:hidden}.content-wrapper{flex:1;overflow:auto;background:var(--bg-primary, #1a1a1a);min-height:100vh}.mobile-overlay{position:fixed;inset:0;background:#00000080;z-index:1040;pointer-events:auto}@media (max-width: 768px){.mobile-menu-button{display:flex}.main-content{margin-left:0}.sidebar-container{position:fixed;top:0;left:0;z-index:1050;transform:translate(-100%);transition:transform .3s ease;height:100vh}.sidebar-container.mobile-open{transform:translate(0)}.content-wrapper{padding-top:72px}}.sidebar-container,.main-content{transition:all .3s ease}.content-wrapper{height:100%;overflow-y:auto;overflow-x:hidden}.content-wrapper::-webkit-scrollbar{width:8px}.content-wrapper::-webkit-scrollbar-track{background:#1e1e1e}.content-wrapper::-webkit-scrollbar-thumb{background:#464647;border-radius:4px}.content-wrapper::-webkit-scrollbar-thumb:hover{background:#5a5a5c}.App{min-height:100vh}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}