*{box-sizing:border-box;margin:0;padding:0}:root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;color-scheme:dark;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-synthesis:none;font-weight:400;line-height:1.5;text-rendering:optimizeLegibility}body{margin:0;min-width:320px}#root,body{min-height:100vh}#root{width:100%}.home-page{--bg:#0d0f14;--surface:#16181f;--surface-hover:#1c1f28;--border:#262a35;--text:#e8eaed;--text-dim:#9aa0ac;--accent:#ffaa01;--accent-ink:#1a1923;-webkit-font-smoothing:antialiased;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;min-height:100vh;padding:56px 24px}.home-container{margin:0 auto;max-width:1080px}.home-header{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:16px;margin-bottom:40px;padding-bottom:28px}.home-logo{border-radius:8px;flex:none}.home-header h1{font-size:1.6rem;font-weight:600;letter-spacing:-.01em;margin:0}.subtitle{color:var(--text-dim);font-size:.95rem;margin:4px 0 0}.examples-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:48px}.example-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;color:inherit;display:flex;flex-direction:column;padding:22px;text-decoration:none;transition:border-color .15s ease,background .15s ease}.example-card:hover{background:var(--surface-hover);border-color:var(--accent)}.card-head{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:10px}.example-card h2{font-size:1.05rem;font-weight:600;margin:0}.example-card p{color:var(--text-dim);font-size:.9rem;line-height:1.55;margin:0 0 16px}.badge{background:var(--accent);border-radius:4px;color:var(--accent-ink);flex:none;font-size:.68rem;font-weight:600;letter-spacing:.04em;padding:3px 8px;text-transform:uppercase}.badge.basic{background:#0000;border:1px solid var(--border);color:var(--text-dim)}.feature-list{border-top:1px solid var(--border);list-style:none;margin:0 0 20px;padding:0}.feature-list li{border-bottom:1px solid var(--border);color:var(--text-dim);font-size:.85rem;padding:7px 0}.card-open{color:var(--accent);font-size:.85rem;font-weight:500;margin-top:auto}.example-card:hover .card-open:after{content:" →"}.home-footer{border-top:1px solid var(--border);color:var(--text-dim);font-size:.85rem;padding-top:24px}.home-footer p{margin:0 0 6px}.home-footer a,.tech-stack a{color:var(--accent);text-decoration:none}.home-footer a:hover,.tech-stack a:hover{text-decoration:underline}.tech-stack{font-size:.8rem}@media (max-width:600px){.home-page{padding:32px 16px}.examples-grid{grid-template-columns:1fr}}.advanced-trading-container{background:linear-gradient(135deg,#1e3c72,#2a5298);color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:10px}.advanced-trading-container *{box-sizing:border-box}.container{margin:0 auto;max-width:1400px}.header{margin-bottom:20px;text-align:center}.header h1{font-size:2.2rem;margin-bottom:8px;text-shadow:2px 2px 4px #0000004d}.header p{font-size:1rem;margin:0;opacity:.9}.trading-panel{grid-gap:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:15px;padding:20px}.trading-group{display:flex;flex-direction:column;gap:5px}.trading-group label{color:#b0b0b0;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.trading-group input,.trading-group select{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:6px;color:#fff;font-size:14px;padding:10px;transition:all .3s ease}.trading-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='m0 0 5 6 5-6z' fill='%23b0b0b0'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:30px}.trading-group select option{background-color:#1e3c72;color:#fff}.trading-group input:focus,.trading-group select:focus{background-color:#ffffff26;border-color:#ffaa01;outline:none}.trading-group input:disabled{cursor:not-allowed;opacity:.5}.trading-group input::placeholder{color:#ffffff80}.trading-buttons{display:flex;gap:15px;grid-column:1/-1;justify-content:center;margin-top:10px}.btn{border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.5px;padding:12px 30px;text-transform:uppercase;transition:all .3s ease}.btn:hover{box-shadow:0 5px 15px #0000004d;transform:translateY(-2px)}.btn.buy{background:linear-gradient(135deg,#28a745,#20c997)}.btn.buy:hover{background:linear-gradient(135deg,#218838,#1ea085);box-shadow:0 5px 15px #28a74566}.btn.sell{background:linear-gradient(135deg,#dc3545,#e74c3c)}.btn.sell:hover{background:linear-gradient(135deg,#c82333,#dc2626);box-shadow:0 5px 15px #dc354566}.btn.secondary{background:linear-gradient(135deg,#6c757d,#545b62)}.btn.secondary:hover{background:linear-gradient(135deg,#545b62,#495057)}#gocharting-chart-container-advanced{background:#1a1a1a;border-radius:12px;box-shadow:0 10px 30px #0000004d;height:600px;margin-bottom:15px;overflow:hidden;width:100%}.loading{align-items:center;display:flex;font-size:18px;height:100%;justify-content:center}.order-status{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;margin-top:15px;padding:15px}.order-status h3{color:#ffaa01;margin:0 0 10px;text-align:center}.order-list{max-height:200px;overflow-y:auto}.order-item{background:#ffffff0d;border-left:4px solid;border-radius:6px;font-size:13px;margin-bottom:8px;padding:10px}.order-item.buy{border-left-color:#28a745}.order-item.sell{border-left-color:#dc3545}.order-item.cancelled{border-left-color:#6c757d}.order-item.modified{border-left-color:#ff9800}.status{background:#ffffff1a;border-radius:8px;font-size:14px;margin-top:15px;padding:15px;text-align:center}@media(max-width:768px){.trading-panel{grid-template-columns:1fr}.trading-buttons{flex-direction:column}#gocharting-chart-container-advanced{height:400px}}.advanced-trading-container-2{background:#131722;color:#fff;min-height:100vh;padding:10px}.advanced-trading-container-2 .container{margin:0 auto;max-width:1400px}.advanced-trading-container-2 .header{margin-bottom:20px;text-align:center}.advanced-trading-container-2 .header h1{font-size:2.2rem;margin-bottom:8px;text-shadow:2px 2px 4px #0000004d}.advanced-trading-container-2 .header p{font-size:1rem;opacity:.9}.advanced-trading-container-2 .trading-panel{grid-gap:15px;background:#1e222d;border:1px solid #2a2e39;border-radius:12px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:15px;padding:20px}.advanced-trading-container-2 .trading-group{display:flex;flex-direction:column;gap:5px}.advanced-trading-container-2 .trading-group label{color:#b0b0b0;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.advanced-trading-container-2 .trading-group input,.advanced-trading-container-2 .trading-group select{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:6px;color:#fff;font-size:14px;padding:10px;transition:all .3s ease}.advanced-trading-container-2 .trading-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='m0 0 5 6 5-6z' fill='%23b0b0b0'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:30px}.advanced-trading-container-2 .trading-group select option{background-color:#1e3c72;color:#fff}.advanced-trading-container-2 .trading-group input:focus,.advanced-trading-container-2 .trading-group select:focus{background-color:#ffffff26;border-color:#ffaa01;outline:none}.advanced-trading-container-2 .trading-group input:disabled{cursor:not-allowed;opacity:.5}.advanced-trading-container-2 .trading-buttons{display:flex;gap:15px;grid-column:1/-1;justify-content:center;margin-top:10px}.advanced-trading-container-2 .btn{border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.5px;min-width:100px;padding:12px 30px;text-transform:uppercase;transition:all .3s ease}.advanced-trading-container-2 .btn:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.advanced-trading-container-2 .btn.buy{background:linear-gradient(135deg,#28a745,#20c997)}.advanced-trading-container-2 .btn.buy:hover{background:linear-gradient(135deg,#218838,#1ea085);box-shadow:0 5px 15px #28a74566}.advanced-trading-container-2 .btn.sell{background:linear-gradient(135deg,#dc3545,#e74c3c)}.advanced-trading-container-2 .btn.sell:hover{background:linear-gradient(135deg,#c82333,#dc2626);box-shadow:0 5px 15px #dc354566}.advanced-trading-container-2 .btn.secondary{background:linear-gradient(135deg,#6c757d,#545b62)}.advanced-trading-container-2 .btn.secondary:hover{background:linear-gradient(135deg,#545b62,#495057)}.advanced-trading-container-2 .main-layout{display:flex;gap:10px;margin-bottom:15px}.advanced-trading-container-2 .sidebar{background:#1e1e28f2;border:1px solid #ffffff1a;border-radius:12px;flex-shrink:0;padding:15px;width:200px}.advanced-trading-container-2 .sidebar h3{border-bottom:1px solid #ffffff1a;color:#b0b0b0;font-size:14px;letter-spacing:.5px;margin-bottom:12px;padding-bottom:10px;text-transform:uppercase}.advanced-trading-container-2 .symbol-list{display:flex;flex-direction:column;gap:6px}.advanced-trading-container-2 .symbol-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;justify-content:space-between;padding:12px 14px;transition:all .2s ease}.advanced-trading-container-2 .symbol-btn:hover{background:#ffaa0133;border-color:#ffaa0180}.advanced-trading-container-2 .symbol-btn.active{background:#ffaa014d;border-color:#ffaa01}.advanced-trading-container-2 .symbol-btn .symbol-name{font-weight:600}.advanced-trading-container-2 .symbol-btn .symbol-price{color:#8bc34a;font-size:11px}.advanced-trading-container-2 .chart-area{display:flex;flex:1 1;flex-direction:column;gap:10px}.advanced-trading-container-2 #gocharting-chart-container-advanced2{background:#1a1a1a;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 10px 30px #0000004d;height:500px;overflow:hidden;width:100%}.advanced-trading-container-2 .loading{align-items:center;display:flex;font-size:18px;height:100%;justify-content:center}.advanced-trading-container-2 .account-manager{background:#1e1e28f2;border:1px solid #ffffff1a;border-radius:12px;overflow:hidden}.advanced-trading-container-2 .account-tabs{background:#0000004d;border-bottom:1px solid #ffffff1a;display:flex}.advanced-trading-container-2 .account-tab{background:#0000;border:none;border-bottom:2px solid #0000;color:#b0b0b0;cursor:pointer;flex:1 1;font-size:13px;font-weight:500;padding:12px 20px;transition:all .2s ease}.advanced-trading-container-2 .account-tab:hover{background:#ffffff0d;color:#fff}.advanced-trading-container-2 .account-tab.active{background:#ffaa011a;border-bottom-color:#ffaa01;color:#ffaa01}.advanced-trading-container-2 .account-content{max-height:200px;overflow-y:auto;padding:0}.advanced-trading-container-2 .account-panel{display:none}.advanced-trading-container-2 .account-panel.active{display:block}.advanced-trading-container-2 .account-table{border-collapse:collapse;font-size:12px;width:100%}.advanced-trading-container-2 .account-table th{background:#0000004d;color:#b0b0b0;font-size:11px;font-weight:600;letter-spacing:.5px;padding:10px 12px;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0}.advanced-trading-container-2 .account-table td{border-bottom:1px solid #ffffff0d;color:#e0e0e0;padding:10px 12px}.advanced-trading-container-2 .account-table tr:hover td{background:#ffffff08}.advanced-trading-container-2 .account-table .positive{color:#8bc34a}.advanced-trading-container-2 .account-table .negative{color:#f44336}.advanced-trading-container-2 .account-table .action-btn{border:none;border-radius:4px;cursor:pointer;font-size:11px;font-weight:500;margin-right:4px;padding:4px 10px}.advanced-trading-container-2 .account-table .close-btn{background:#f4433633;color:#f44336}.advanced-trading-container-2 .account-table .close-btn:hover{background:#f4433666}.advanced-trading-container-2 .empty-message{color:#666;font-size:13px;padding:30px;text-align:center}.advanced-trading-container-2 .status{background:#ffffff1a;border-radius:8px;font-size:14px;margin-top:15px;padding:15px;text-align:center}.advanced-trading-container-2 .mobile-bottom-bar{display:none}@media(max-width:768px){.advanced-trading-container-2 .main-layout{flex-direction:column}.advanced-trading-container-2 .sidebar{order:2;width:100%}.advanced-trading-container-2 .symbol-list{flex-direction:column}.advanced-trading-container-2 .trading-panel{grid-template-columns:1fr}.advanced-trading-container-2 .trading-buttons{flex-direction:column}.advanced-trading-container-2 #gocharting-chart-container-advanced2{height:350px}.advanced-trading-container-2 .account-tabs{flex-wrap:wrap}.advanced-trading-container-2 .account-tab{flex:1 1 33%}.advanced-trading-container-2 .account-tabs .toggle-chart-btn{border-radius:6px;flex:1 1 100%;margin:4px 8px 6px}.advanced-trading-container-2{padding-bottom:70px}.advanced-trading-container-2 .mobile-bottom-bar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#131722fa;border-top:1px solid #ffffff1a;bottom:0;box-shadow:0 -4px 12px #0000004d;display:flex;height:60px;justify-content:space-around;left:0;padding:5px 10px;position:fixed;right:0}.advanced-trading-container-2 .bottom-bar-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#8a8a8a;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:4px;justify-content:center;padding:8px;transition:all .2s ease}.advanced-trading-container-2 .bottom-bar-item .icon{font-size:22px;line-height:1}.advanced-trading-container-2 .bottom-bar-item .label{font-size:10px;font-weight:500;text-transform:capitalize}.advanced-trading-container-2 .bottom-bar-item:active{transform:scale(.95)}.advanced-trading-container-2 .bottom-bar-item.active{color:#ffaa01}.advanced-trading-container-2 .bottom-bar-item.active .icon{filter:drop-shadow(0 0 8px rgba(255,170,1,.5))}}.multi-basic-chart-container{background:#0d0f14;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;min-height:100vh;padding:20px}.multi-basic-chart-container .container{margin:0 auto;max-width:1200px}.multi-basic-chart-container .header{margin-bottom:30px;text-align:center}.multi-basic-chart-container .header h1{font-size:2.5rem;margin-bottom:10px;text-shadow:2px 2px 4px #0000004d}.multi-basic-chart-container .header p{font-size:1.1rem;opacity:.95}.multi-basic-chart-container .controls{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:12px;display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:20px;padding:20px}.multi-basic-chart-container .controls button,.multi-basic-chart-container .controls select{background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:10px 15px;transition:all .3s ease}.multi-basic-chart-container .controls button:hover,.multi-basic-chart-container .controls select:hover{background:#ffffff4d;transform:translateY(-2px)}.multi-basic-chart-container .btn{border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.5px;padding:12px 24px;text-transform:uppercase;transition:all .3s ease}.multi-basic-chart-container .btn:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.multi-basic-chart-container .btn.primary{background:#ffaa01}.multi-basic-chart-container .btn.primary:hover{background:#357abd}.multi-basic-chart-container .btn.success{background:#27ae60}.multi-basic-chart-container .btn.success:hover{background:#229954}.multi-basic-chart-container .btn.danger{background:#e74c3c}.multi-basic-chart-container .btn.danger:hover{background:#c0392b}.multi-basic-chart-container .btn.warning{background:#f39c12}.multi-basic-chart-container .btn.warning:hover{background:#d68910}.multi-basic-chart-container .btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.multi-basic-chart-container .chart-wrapper{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;margin-bottom:20px;padding:20px}.multi-basic-chart-container .chart-wrapper h2{color:#333;font-size:1.5rem;margin-bottom:15px}.multi-basic-chart-container #chart-container{background:#f8f9fa;border-radius:8px;height:600px;overflow:hidden;width:100%}.multi-basic-chart-container .status{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:8px;font-size:14px;margin-top:20px;padding:15px;text-align:center}