@import url(https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap);body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}.chart-container{background:#1e1e1e;border-radius:8px;overflow:hidden;position:relative;width:100%}.chart-header{align-items:center;background:#2a2a2a;border-bottom:1px solid #3a3a3a;display:flex;justify-content:space-between;padding:16px 20px}.chart-title-section{gap:20px}.chart-header h3{color:#fff;font-size:18px;font-weight:600;margin:0}.timeframe-btn{color:#fff;font-size:12px;min-width:40px;padding:6px 12px}.timeframe-btn.active{background:#2962ff;border-color:#2962ff}.timeframe-btn:disabled{cursor:not-allowed;opacity:.5}.chart-status{align-items:center;display:flex;gap:16px}.status-indicator{border-radius:12px;font-size:12px;font-weight:500;padding:4px 12px}.trading-info{align-items:center;display:flex;gap:12px}.change{padding:2px 8px}.chart-content{height:calc(100% - 60px);width:100%}.chart-loading{align-items:center;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;min-height:200px}.chart-loading p{color:#b0b0b0;font-size:14px;font-weight:500;letter-spacing:.5px;margin:0}.spinner{animation:spin .8s ease-in-out infinite;aspect-ratio:1;border-right:3px solid #2962ff1a;border-top:3px solid #2962ff1a;border-color:#2962ff #2962ff #2962ff1a #2962ff1a;border-radius:50%;border-style:solid;border-width:3px;flex-shrink:0;height:40px;margin-bottom:16px;width:40px;will-change:transform}@keyframes spin{0%{border-right-color:#2962ff4d;border-top-color:#2962ff;transform:rotate(0deg)}50%{border-right-color:#2962ff;border-top-color:#2962ffb3}to{border-right-color:#2962ff4d;border-top-color:#2962ff;transform:rotate(1turn)}}.spinner-dots{display:flex;gap:4px;margin-bottom:16px}.spinner-dots .dot{animation:bounce 1.4s ease-in-out infinite both;background:#2962ff;border-radius:50%;height:8px;width:8px}.spinner-dots .dot:first-child{animation-delay:-.32s}.spinner-dots .dot:nth-child(2){animation-delay:-.16s}.spinner-dots .dot:nth-child(3){animation-delay:0s}@keyframes bounce{0%,80%,to{opacity:.5;transform:scale(0)}40%{opacity:1;transform:scale(1)}}.chart-error{align-items:center;color:#ef5350;display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center}.chart-error button{background:#2962ff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;margin-top:16px;padding:8px 16px}.chart-error button:hover{background:#1e53e5}@media (max-width:768px){.chart-header,.chart-title-section{align-items:flex-start;flex-direction:column;gap:12px}.chart-title-section{width:100%}.timeframe-buttons{flex-wrap:wrap;gap:6px}.timeframe-btn{font-size:11px;min-width:35px;padding:4px 8px}.chart-status{justify-content:space-between;width:100%}.trading-info{align-items:flex-end;flex-direction:column;gap:4px}}.trading-view{background:#0a0a0a;color:#fff;min-height:100vh;padding:20px}.trading-header{align-items:center;border-bottom:1px solid #2a2a2a;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.trading-header h1{color:#fff;margin:0}.connection-status{align-items:center;display:flex;gap:12px}.status-indicator{border-radius:20px;font-size:14px;font-weight:600;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase}.status-indicator.connected{background:#26a69a;box-shadow:0 0 20px #26a69a4d;color:#fff}.status-indicator.disconnected{background:#ef5350;box-shadow:0 0 20px #ef53504d;color:#fff}.trading-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 2fr;margin-bottom:30px}.symbol-selector{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:12px;padding:24px}.symbol-selector h3{color:#fff;margin:0 0 20px}.symbol-display{display:flex;flex-direction:column;gap:16px}.symbol-card{align-items:center;background:#2a2a2a;border:2px solid #0000;border-radius:8px;cursor:pointer;display:flex;gap:16px;padding:16px;transition:all .3s ease}.symbol-card:hover{background:#3a3a3a;box-shadow:0 4px 12px #0000004d}.symbol-card.selected{background:#2962ff;border-color:#2962ff;box-shadow:0 0 20px #2962ff4d}.symbol-avatar{align-items:center;border-radius:50%;box-shadow:0 2px 8px #0000004d;display:flex;flex-shrink:0;height:50px;justify-content:center;width:50px}.avatar-text{color:#fff;font-size:12px;font-weight:700;text-shadow:0 1px 2px #00000080}.symbol-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.symbol-info h4{color:#fff;margin:0}.symbol-code{color:#888}.symbol-data{align-items:center;display:flex;justify-content:space-between}.price{color:#fff}.change{border-radius:4px;padding:4px 8px}.change.positive{background:#26a69a;color:#fff}.change.negative{background:#ef5350;color:#fff}.chart-section{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:12px;padding:24px}.timeframe-buttons{display:flex;flex-wrap:wrap;gap:8px}.timeframe-btn{background:#3a3a3a;border:1px solid #4a4a4a;border-radius:6px;color:#d1d4dc;cursor:pointer;font-size:13px;font-weight:500;min-width:50px;padding:8px 16px;transition:all .2s ease}.timeframe-btn:hover{background:#4a4a4a;border-color:#5a5a5a}.timeframe-btn.active{background:#26a69a;border-color:#26a69a;color:#fff}.timeframe-btn.active:hover{background:#1e8a7e;border-color:#1e8a7e}.chart-title-section{align-items:center;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:8px;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px;padding:15px}.chart-title-section h3{color:#fff;font-size:18px;font-weight:600;margin:0}.trading-info{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:12px;grid-column:1/-1;padding:24px}.trading-info h3{color:#fff;margin:0 0 20px}.info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.info-card{background:#2a2a2a;border:1px solid #3a3a3a;border-radius:8px;padding:20px}.info-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.info-header h4{color:#fff;margin:0}.symbol-color{border-radius:50%;height:12px;width:12px}.info-data{display:flex;flex-direction:column;gap:8px}.info-row{align-items:center;display:flex;font-size:14px;justify-content:space-between}.info-row span:first-child{color:#888;font-weight:500}.info-row span:last-child{color:#fff;font-weight:600}.info-row .positive{color:#26a69a}.info-row .negative{color:#ef5350}@media (max-width:1200px){.trading-content{grid-template-columns:1fr}.chart-section{order:1}.symbol-selector{order:2}.trading-info{order:3}}@media (max-width:768px){.trading-view{padding:16px}.trading-header{align-items:flex-start;flex-direction:column;gap:16px}.trading-header h1{font-size:24px}.symbol-display{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.symbol-card{flex-direction:column;gap:12px;text-align:center}.symbol-avatar{height:60px;margin:0 auto;width:60px}.avatar-text{font-size:14px}.info-grid{grid-template-columns:1fr}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0a0a;color:#fff;font-family:Titillium Web,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background:#0a0a0a;min-height:100vh}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:#3a3a3a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#4a4a4a}::selection{background:#2962ff;color:#fff}::-moz-selection{background:#2962ff;color:#fff}:focus{outline:2px solid #2962ff;outline-offset:2px}button{background:none;border:none;color:inherit;cursor:pointer;font-family:inherit}button:disabled{cursor:not-allowed;opacity:.6}input,select,textarea{background:#2a2a2a;border:1px solid #3a3a3a;border-radius:4px;color:#fff;font-family:inherit;padding:8px 12px}input:focus,select:focus,textarea:focus{border-color:#2962ff;box-shadow:0 0 0 2px #2962ff33;outline:none}a{color:#2962ff;text-decoration:none}a:hover{text-decoration:underline}.font-light{font-weight:300}.font-normal{font-weight:400}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-black{font-weight:900}.font-italic{font-style:italic}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem}.text-lg,.text-xl{line-height:1.75rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.heading-1,.text-4xl{font-size:2.25rem;line-height:2.5rem}.heading-1{font-family:Titillium Web,sans-serif;font-weight:700}.heading-2{font-size:1.875rem;line-height:2.25rem}.heading-2,.heading-3{font-family:Titillium Web,sans-serif;font-weight:600}.heading-3{font-size:1.5rem;line-height:2rem}.heading-4{font-family:Titillium Web,sans-serif;font-size:1.25rem;font-weight:600;line-height:1.75rem}.body-text{font-size:1rem;line-height:1.5rem}.body-text,.caption{font-family:Titillium Web,sans-serif;font-weight:400}.caption{font-size:.875rem;line-height:1.25rem}.trading-price{font-family:Titillium Web,sans-serif;font-size:1.5rem;font-weight:700;letter-spacing:.025em;line-height:1.75rem}.trading-symbol{font-size:1rem;letter-spacing:.05em;line-height:1.5rem}.trading-change,.trading-symbol{font-family:Titillium Web,sans-serif;font-weight:600}.trading-change{font-size:.875rem;letter-spacing:.025em;line-height:1.25rem}.chart-title{font-size:1.125rem;font-weight:600;line-height:1.75rem}.chart-label,.chart-title{font-family:Titillium Web,sans-serif}.chart-label{font-size:.875rem;font-weight:400;line-height:1.25rem}.status-text{font-family:Titillium Web,sans-serif;font-size:.75rem;font-weight:600;letter-spacing:.05em;line-height:1rem;text-transform:uppercase}.button-text{font-weight:600;letter-spacing:.025em}.button-text,.input-text{font-family:Titillium Web,sans-serif;font-size:.875rem;line-height:1.25rem}.input-text{font-weight:400}
/*# sourceMappingURL=main.8d9b5925.css.map*/