@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);:root{--primary-color:#00c389;--primary-dark:#00a070;--secondary-color:#f0f2f5;--background-color:#f9fafb;--header-height:60px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f9fafb}button,input{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f0f2f5;background:var(--secondary-color)}::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#aaa}:root{--header-height:64px;--sidebar-width:320px;--sidebar-collapsed-width:50px;--primary-color:#3861fb;--primary-dark:#3861fb;--secondary-color:#f5f5f5;--background-color:#f0f2f5;--card-background:#fff;--text-color:#333;--border-color:#e0e0e0;--buy-color:#3861fb;--sell-color:#f6465d;--light-text:#666}*{box-sizing:border-box;margin:0;padding:0}body{color:#333;color:var(--text-color);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.app,body{background-color:#f0f2f5;background-color:var(--background-color)}.app{min-height:100vh;overflow-x:hidden;position:relative}.app-header{background-color:#fff;background-color:var(--card-background);border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color);height:64px;height:var(--header-height);justify-content:space-between;padding:0 20px;position:sticky;top:0;z-index:100}.app-header,.header-left{align-items:center;display:flex}.header-right{max-width:60%}.header-right,.portfolio-header-summary{align-items:center;display:flex;gap:20px}.portfolio-header-summary{background-color:#f5f5f5;border-radius:8px;padding:8px 16px}.portfolio-stat{display:flex;flex-direction:column;gap:4px}.stat-label{color:#666;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.stat-value{color:#333;font-size:16px;font-weight:700}.stat-value.positive{color:#10b981}.stat-value.negative{color:#ef4444}.logo{color:#3861fb;font-size:24px;font-weight:700}.app-content{display:flex;gap:20px;height:calc(100vh - 138px);height:calc(100vh - var(--header-height) - 74px);margin:0 auto;max-width:1600px;overflow:hidden;padding:20px}.center-panel,.left-panel,.right-panel{display:flex;flex-direction:column;gap:20px;overflow-y:auto;padding-right:10px}.center-panel{min-width:0}.connection-status{align-items:center;background-color:#f5f5f5;border-radius:4px;display:flex;font-size:14px;gap:8px;min-width:60%;padding:8px 16px}.status-indicator{border-radius:12px;font-size:12px;font-weight:700;padding:2px 8px}.status-indicator.open{background-color:#e6f4ea;color:#1e8e3e}.status-indicator.connecting{background-color:#fef7e0;color:#f9a825}.status-indicator.closed,.status-indicator.disconnected{background-color:#fce8e6;color:#d93025}.last-update{color:#666;font-size:12px}@media (max-width:1400px){.app-content{grid-template-columns:1fr 1.5fr 1fr}}@media (max-width:1200px){.app-content{flex-direction:column;height:auto}.center-panel,.left-panel,.right-panel{overflow-y:visible}.trade-sidebar{min-width:100%;width:100%}}@media (max-width:992px){.app-content{grid-template-columns:1fr;height:auto}.center-panel,.left-panel,.right-panel{overflow-y:visible}}.market-header{align-items:center;display:flex;margin-bottom:20px}.market-icon-container{margin-right:20px}.market-icon{align-items:center;background-color:#3861fb;background-color:var(--primary-color);border-radius:50%;color:#fff;display:flex;font-size:30px;height:60px;justify-content:center;width:60px}.market-info{flex:1 1}.market-category{color:#666;color:var(--light-text);font-size:14px;margin-bottom:5px}.market-title{font-size:28px;font-weight:700;margin-bottom:10px}.team,.team-logo,.teams-display{align-items:center;display:flex}.team-logo{border-radius:50%;color:#fff;font-weight:700;height:30px;justify-content:center;margin-right:10px;width:30px}.team-a{background-color:#3861fb;background-color:var(--buy-color)}.team-b{background-color:#f6465d;background-color:var(--sell-color)}.team-name{font-weight:600;margin-right:5px}.team-score{font-weight:700}.vs{color:#666;color:var(--light-text);margin:0 15px}.contract-selector{background-color:#f5f5f5;background-color:var(--secondary-color);border-radius:8px;display:flex;margin-bottom:20px;padding:5px}.contract-button{background:none;border:none;border-radius:6px;color:#666;color:var(--light-text);cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:10px;transition:all .2s}.contract-button.selected{background-color:#3861fb;background-color:var(--primary-color);color:#fff}.trading-interface{display:flex;flex:1 1;gap:20px}.chart-panel{background-color:#fff;background-color:var(--card-background);border-radius:8px;box-shadow:0 2px 4px #0000000d;flex:2 1;padding:20px}.order-book-panel,.trade-form-panel{background-color:#fff;background-color:var(--card-background);border-radius:8px;box-shadow:0 2px 4px #0000000d;flex:1 1;padding:20px}@media (max-width:1200px){.trading-interface{flex-direction:column}}@media (max-width:768px){.app-content{padding:10px}.trading-interface{gap:10px}.market-header{align-items:flex-start;flex-direction:column}.market-icon-container{margin-bottom:10px;margin-right:0}}.order-history-sidebar{background-color:#fff;background-color:var(--card-background);border-left:1px solid #e0e0e0;border-left:1px solid var(--border-color);box-shadow:-2px 0 10px #0000001a;height:calc(100vh - 64px);height:calc(100vh - var(--header-height));overflow-y:auto;padding-top:10px;position:fixed;right:-var(--sidebar-width);top:64px;top:var(--header-height);transition:right .3s ease,width .3s ease;width:320px;width:var(--sidebar-width);z-index:90}.order-history-sidebar.show{right:0}.order-history-sidebar.collapsed{overflow:hidden;width:50px;width:var(--sidebar-collapsed-width)}.main-content{padding:0;transition:margin-right .3s ease;width:100%}.main-content.shift{margin-right:320px;margin-right:var(--sidebar-width)}.sidebar-toggle-button{align-items:center;background-color:#3861fb;border:none;border-radius:50%;bottom:20px;box-shadow:0 2px 10px #0003;color:#fff;cursor:pointer;display:flex;height:50px;justify-content:center;position:fixed;right:20px;transition:background-color .2s;width:50px;z-index:95}.sidebar-toggle-button:hover{background-color:#2d4fd7}.collapse-toggle{align-items:center;background-color:#f5f5f5;background-color:var(--secondary-color);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:50%;color:#000;cursor:pointer;display:flex;height:40px;justify-content:center;left:10px;margin-right:10px;position:absolute;top:10px;width:40px;z-index:1}.crypto-selector-bar{background-color:#fff;background-color:var(--card-background);border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color);box-shadow:0 2px 4px #0000000d;display:flex;justify-content:center;padding:12px 20px}.crypto-selector-container{color:#000;display:flex;gap:15px;justify-content:center;max-width:1200px}.crypto-selector-button{align-items:center;background-color:#fff;background-color:var(--card-background);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:5px;box-shadow:0 1px 3px #0000000d;cursor:pointer;display:flex;flex-direction:row;height:50px;justify-content:flex-start;min-width:180px;padding:8px 20px;transition:all .2s}.crypto-selector-button.active{background-color:#3861fb;border-color:#3861fb;color:#fff}.crypto-selector-button{color:#000}.crypt .crypto-selector-button:hover{box-shadow:0 4px 6px #3861fb33;transform:translateY(-2px)}.crypto-icon{align-items:center;background-color:#3861fb;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:32px;justify-content:center;margin-right:12px;width:32px}.active .crypto-icon{background-color:#fff;color:#3861fb}.crypto-info{align-items:flex-start;display:flex;flex-direction:column;flex-grow:1}.crypto-name{font-size:13px;font-weight:500;line-height:1.2}.crypto-price{font-size:15px;font-weight:600}.portfolio-overview{background-color:#fff;background-color:var(--card-background);border-radius:8px;box-shadow:0 2px 4px #0000000d;margin:0 auto 20px;padding:15px;width:100%}.positions-list{flex-direction:column;gap:8px;margin-top:10px}.position-item{background-color:#f5f5f5;background-color:var(--secondary-color);border-radius:6px;cursor:pointer;gap:8px;padding:10px 14px;transition:background-color .15s}.position-item:hover{background-color:#2a2a4a}.position-item.active{border:2px solid #3861fb;border:2px solid var(--primary-color)}.position-item.long{border-left:3px solid #10b981}.position-item.short{border-left:3px solid #ef4444}.position-symbol{color:#3861fb;font-size:14px;font-weight:700;min-width:50px}.position-qty{font-feature-settings:"tnum";font-size:16px;font-variant-numeric:tabular-nums;font-weight:700}.position-qty.positive{color:#10b981}.position-qty.negative{color:#ef4444}.position-at{color:#666;font-size:12px}.position-price{font-feature-settings:"tnum";color:#a0a0ff;font-size:14px;font-variant-numeric:tabular-nums;font-weight:600}.position-pending{border-radius:4px;font-size:11px;font-weight:600;padding:2px 6px}.position-pending.buy{background-color:#ecfdf5;color:#10b981}.position-pending.sell{background-color:#fef2f2;color:#ef4444}.main-trading-area{flex:1 1;overflow-y:auto;padding-right:10px}.main-trading-area,.trade-sidebar{display:flex;flex-direction:column;gap:20px}.chart-container{background:#fff;border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px}.positions-overview{background-color:#fff;background-color:var(--card-background);border-radius:8px;box-shadow:0 2px 4px #0000000d;margin:0 20px;padding:20px 40px;width:100%}.account-balance{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1.5rem}.account-balance h3{color:#333;font-size:1.2rem;font-weight:600;margin:0 0 1rem}.balance-display{display:flex;flex-direction:column;gap:.5rem}.balance-row{background-color:#f5f5f5;background-color:var(--secondary-color);border-radius:4px;display:flex;justify-content:space-between;padding:.5rem}.balance-row .amount{color:#3861fb;color:var(--primary-color);font-weight:600}.no-positions{background-color:#f5f5f5}.trade-sidebar{height:100%;min-width:350px;overflow-y:auto;width:350px}.chart-container{width:100%}.orderbook-container{margin:0 auto;max-width:800px;width:100%}.settlement-page{align-items:center;background-color:#f0f2f5;background-color:var(--background-color);display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 64px);min-height:calc(100vh - var(--header-height));padding:2rem}.settlement-page h2{color:#333;color:var(--text-color);font-size:2rem;margin-bottom:2rem}.settlement-container{background-color:#fff;background-color:var(--card-background);border-radius:8px;box-shadow:0 2px 10px #0000001a;display:flex;gap:2rem;max-width:800px;padding:2rem;width:100%}.settlement-summary,.settlement-values{flex:1 1;padding:1rem}.settlement-summary h3,.settlement-values h3{color:#333;color:var(--text-color);font-size:1.5rem;margin-bottom:1.5rem}.settlement-value-item{align-items:center;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1rem}.settlement-value-item:last-child{border-bottom:none}.contract-name{color:#333;color:var(--text-color);font-size:1.1rem;font-weight:600}.settlement-value{font-size:1.2rem}.settlement-amount,.settlement-value{color:#3861fb;color:var(--primary-color);font-weight:700}.settlement-amount{background-color:#f5f5f5;background-color:var(--secondary-color);font-size:1.5rem}.settlement-amount,.settlement-pnl{border-radius:6px;padding:1rem;text-align:center}.settlement-pnl{font-size:2rem;font-weight:800;margin-top:.5rem}.settlement-pnl.positive{background-color:#ecfdf5;color:#10b981}.settlement-pnl.negative{background-color:#fef2f2;color:#ef4444}.settlement-leaderboard{margin-top:24px;width:100%}.settlement-leaderboard h3{color:#333;color:var(--text-color);font-size:1.5rem;margin-bottom:1rem}.leaderboard-table{border-collapse:collapse;font-size:14px;width:100%}.leaderboard-table td,.leaderboard-table th{border-bottom:1px solid #333;padding:8px 12px;text-align:left}.leaderboard-table th{color:#aaa;font-size:12px;font-weight:600;text-transform:uppercase}.leaderboard-self{background:#ffc80014;font-weight:700}.leaderboard-subtitle{color:#aaa;font-size:12px;font-weight:400;margin-left:6px}.settlement-positions{border-top:1px solid #e0e0e0;border-top:1px solid var(--border-color);margin-top:2rem;padding-top:1rem}.settlement-positions h4{color:#333;color:var(--text-color);font-size:1.2rem;margin-bottom:1rem}.settlement-position-item{background-color:#f5f5f5;background-color:var(--secondary-color);border-radius:6px;margin-bottom:1rem;padding:1rem}.settlement-position-item:last-child{margin-bottom:0}.settlement-position-item .position-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.settlement-position-item .position-details{display:flex;flex-direction:column;gap:.5rem}.settlement-position-item .detail-row{align-items:center;display:flex;font-size:.9rem;justify-content:space-between}.settlement-position-item .detail-label{color:#666;color:var(--light-text)}.settlement-position-item .detail-value{font-weight:600}.settlement-cash{border-top:1px solid #e0e0e0;border-top:1px solid var(--border-color);margin-top:2rem;padding-top:1rem}.settlement-cash h4{color:#333;color:var(--text-color);font-size:1.2rem;margin-bottom:1rem}.cash-details{background-color:#f5f5f5;background-color:var(--secondary-color);border-radius:6px;padding:1rem}.cash-row{align-items:center;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:.75rem}.cash-row:last-child{border-bottom:none}.cash-row .detail-label{color:#666;color:var(--light-text);font-size:.95rem}.cash-row .detail-value{color:#3861fb;color:var(--primary-color);font-size:1.1rem;font-weight:600}.logout-button{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-left:2px;padding:6px;transition:background-color .2s}.logout-button:hover{background-color:#c82333}.counter-bar{background-color:#fff;background-color:var(--card-background);border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color);padding:8px 20px}.settlement-counters{background:#ffa5001a;border:1px solid #ffa5004d;border-radius:8px;color:#ccc;font-size:1.1rem;margin-bottom:16px;padding:10px;text-align:center}.chart-mode-toggle{display:flex;gap:8px;justify-content:flex-end;margin-bottom:10px}.chart-mode-toggle button{background:#fff;background:var(--card-background);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:4px;color:#333;color:var(--text-color);cursor:pointer;font-size:13px;font-weight:500;padding:4px 14px;transition:all .15s}.chart-mode-toggle button:hover{border-color:#3861fb;border-color:var(--primary-color);color:#3861fb;color:var(--primary-color)}.chart-mode-toggle button.active{background-color:#3861fb;background-color:var(--primary-color);border-color:#3861fb;border-color:var(--primary-color);color:#fff}.order-book{background-color:var(--component-bg);border-radius:8px;box-shadow:0 2px 10px #0000001a;height:100%;padding:15px;width:100%}.order-book-title{font-size:18px;font-weight:700;margin-bottom:15px;text-align:center}.order-book-container{border:1px solid var(--border-color);border-radius:6px;display:flex;flex:1 1;flex-direction:column;max-height:500px;overflow-y:auto;overflow:hidden;width:100%}.order-book-header{background-color:#f9f9f9;border-bottom:1px solid var(--border-color);color:#333;display:flex;font-size:13px;font-weight:600;padding:12px 15px}.price-col,.size-col{flex:1 1;padding:0 5px;text-align:right}.asks-container,.bids-container{flex:1 1;overflow-y:auto;position:relative}.asks-container{background-color:#f6465d08}.bids-container{background-color:#3861fb08}.order-row{border-bottom:1px solid var(--border-color);display:flex;font-size:14px;padding:8px 15px;position:relative;transition:background-color .15s ease}.order-row:hover{background-color:#00000005}.order-row:last-child{border-bottom:none}.buy-price{color:#25a764;font-weight:600}.sell-price{color:#e84142;font-weight:600}.volume-viz{height:100%;position:absolute;right:0;top:0;z-index:0}.price-col,.size-col{font-weight:500;z-index:1}.spread{background-color:#f0f0f0;border-bottom:1px solid var(--border-color);border-top:1px solid var(--border-color);color:#333;font-size:13px;font-weight:600;padding:10px 15px;text-align:center}.recent-trades{margin-top:20px}.recent-trades h3{font-size:14px;font-weight:600;margin-bottom:10px}.trade-list{border:1px solid var(--border-color);border-radius:6px;overflow:hidden}.trade-item{border-bottom:1px solid var(--border-color);display:flex;font-size:13px;padding:8px 10px}.trade-item:last-child{border-bottom:none}.trade-price{flex:1 1;font-weight:600}.trade-price.buy{color:var(--buy-color)}.trade-price.sell{color:var(--sell-color)}.trade-time,.trade-volume{flex:1 1;text-align:right}.trade-time{color:var(--light-text)}.no-trades{color:var(--light-text)}.no-data-message,.no-trades{font-size:14px;padding:15px;text-align:center}.no-data-message{background-color:#00000005;border-radius:4px;color:#888;margin:10px 0}.order-book-debug{background-color:#f8f8f8;border-radius:4px;color:#666;font-size:12px;margin-bottom:15px;padding:10px}@keyframes highlight{0%{background-color:#ffff8080}to{background-color:initial}}.new-order{animation:highlight 1s ease-out}.toast-container{bottom:20px;display:flex;flex-direction:column;gap:10px;position:fixed;right:20px;z-index:1000}.toast{align-items:center;background-color:#fff;border-radius:6px;box-shadow:0 4px 12px #00000026;display:flex;max-width:350px;min-width:250px;opacity:0;padding:12px 16px;transform:translateY(20px);transition:all .3s ease}.toast.visible{opacity:1;transform:translateY(0)}.toast.hidden{opacity:0;transform:translateY(20px)}.toast.success{background-color:#e6f9ef;border-left:4px solid #2ed573}.toast.error{background-color:#ffeaed;border-left:4px solid #ff4757}.toast.info{background-color:#e6f1ff;border-left:4px solid #1e90ff}.toast-content{align-items:center;display:flex}.toast-icon{font-size:18px;margin-right:10px}.trade-form{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;padding:1.5rem}.trade-form-header{margin-bottom:1.5rem}.trade-form-header h2{color:#333;font-size:1.5rem;margin:0 0 1rem;text-align:center}.trade-type-selector{display:flex;gap:.5rem;margin-bottom:1rem}.trade-type-button{background:#fff;border:1px solid #ddd;border-radius:4px;color:#666;cursor:pointer;flex:1 1;padding:.5rem;transition:all .2s}.trade-type-button.active-buy{background:#007bff;border-color:#0056b3;color:#fff}.trade-type-button.active-sell{background:var(--sell-color);border-color:var(--sell-color);color:#fff}.form-group{margin-bottom:1rem}.form-group label{color:#666;display:block;font-size:.9rem;margin-bottom:.5rem}.form-group input{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.5rem;width:100%}.form-group input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.error-message{font-size:.9rem}.submit-button{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem;transition:background-color .2s;width:100%}.submit-button:hover{background:#0056b3}.submit-button:disabled{background:#ccc;cursor:not-allowed}.submit-button .active-buy{background:var(--buy-color)}.submit-button .active-sell{background:var(--sell-color);color:#000}.portfolio-summary{border-top:1px solid #eee;margin-top:1rem;padding-top:1rem}.portfolio-summary h3{color:#333;font-size:1.1rem;margin:0 0 1rem}.balance-info{display:flex;flex-direction:column;gap:.5rem}.balance-item{color:#666;display:flex;font-size:.9rem;justify-content:space-between}.balance-item span:first-child{color:#333;font-weight:500}.trade-tabs{border:1px solid var(--border-color);border-radius:6px;display:flex;overflow:hidden}.trade-tab{background:none;border:none;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:10px}.trade-tab.active{background-color:var(--secondary-color)}.yes-no-selector{margin-bottom:20px}.selector-label{font-size:14px;font-weight:600;margin-bottom:10px}.yes-no-buttons{display:flex;gap:10px}.no-button,.yes-button{background:none;border:1px solid var(--border-color);border-radius:6px;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:15px;transition:all .2s}.yes-button{color:var(--buy-color)}.no-button{color:var(--sell-color)}.yes-button.selected{background-color:var(--buy-color);border-color:var(--buy-color);color:#fff}.no-button.selected{background-color:var(--sell-color);border-color:var(--sell-color);color:#fff}.order-form{display:flex;flex:1 1;flex-direction:column}.input-with-addon{align-items:center;border:1px solid var(--border-color);border-radius:6px;display:flex;overflow:hidden}.input-addon{font-weight:600;padding:0 12px}.input-addon,.order-summary{background-color:var(--secondary-color)}.order-summary{border-radius:6px;margin:20px 0;padding:15px}.summary-row{display:flex;justify-content:space-between;margin-bottom:10px}.summary-row:last-child{margin-bottom:0}.summary-label{color:var(--light-text);font-size:14px}.summary-value{font-size:14px;font-weight:600}.buy-btn{background-color:var(--buy-color);color:#fff}.sell-btn{background-color:var(--sell-color);color:#fff}.confirmation-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.confirmation-dialog{background-color:#fff;border-radius:8px;max-width:90%;padding:20px;width:400px}.confirmation-dialog h3{font-size:18px;font-weight:700;margin-bottom:15px}.confirmation-dialog p{line-height:1.5;margin-bottom:20px}.confirmation-buttons{display:flex;gap:10px}.cancel-btn,.confirm-btn{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px}.cancel-btn{background-color:var(--secondary-color);color:var(--text-color)}.message{border-radius:4px;font-size:14px;margin-bottom:15px;padding:10px}.message.error{background-color:#fce8e6;border:1px solid var(--sell-color);color:var(--sell-color)}.message.success{background-color:#e6f4ea;border:1px solid #1e8e3e;color:#1e8e3e}.notification{align-items:center;animation:fadeIn .3s ease-in;border-radius:6px;display:flex;font-weight:500;margin-bottom:16px;padding:12px 16px}.notification.success{background-color:#2ed57326;border-left:4px solid #2ed573;color:#20bf6b}.notification.error{background-color:#ff475726;border-left:4px solid #ff4757;color:#ff3f34}.notification .icon{align-items:center;display:inline-flex;font-size:18px;justify-content:center;margin-right:10px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.order-history{display:flex;flex-direction:column;height:100%;padding:20px}.order-history-title{font-size:18px;font-weight:700;margin-bottom:15px;margin-left:2rem}.filter-tabs{border:1px solid var(--border-color);border-radius:6px;color:#000;display:flex;margin-bottom:15px;overflow:hidden}.filter-tab{background:none;border:none;color:#000;cursor:pointer;flex:1 1;font-size:12px;font-weight:600;padding:8px}.filter-tab.active{background-color:#4260f2;color:#fff}.orders-list{flex:1 1;overflow-y:auto}.no-orders{align-items:center;color:var(--light-text);display:flex;font-size:14px;height:100px;justify-content:center}.order-item{background-color:var(--card-background);border:1px solid var(--border-color);border-radius:8px;margin-bottom:10px;overflow:hidden}.order-header{align-items:center;background-color:var(--secondary-color);display:flex;padding:10px}.order-side{font-weight:600;margin-right:10px}.order-side.buy{color:var(--buy-color)}.order-side.sell{color:var(--sell-color)}.order-contract{flex:1 1;font-size:12px}.order-time{color:var(--light-text);font-size:12px}.order-details{align-items:center;display:flex;justify-content:space-between;padding:10px}.order-info{flex:1 1}.info-row{display:flex;margin-bottom:5px}.info-row:last-child{margin-bottom:0}.info-label{color:var(--light-text);font-size:12px;width:70px}.info-value{font-size:12px;font-weight:600}.status-open{color:var(--buy-color)}.status-partial{color:#f59f00}.status-filled{color:#40c057}.status-cancelled{color:var(--light-text)}.cancel-button{background-color:var(--sell-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px}.order-item.cancelled{opacity:.7}.cancel-btn{background-color:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;padding:5px 10px}.cancel-btn:hover{background-color:#d32f2f}.buy{color:#4caf50}.sell{color:#f44336}.api-key-container{align-items:center;background-color:#f5f5f5;display:flex;justify-content:center;min-height:100vh}.api-key-form{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;max-width:400px;padding:2rem;width:100%}.api-key-form h2{color:#333;margin:0 0 1rem;text-align:center}.api-key-form p{color:#666;margin:0 0 1.5rem;text-align:center}.input-group{margin-bottom:1rem}.input-group input{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.75rem;width:100%}.input-group input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.error-message{color:#dc3545;margin-bottom:1rem;text-align:center}button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem;transition:background-color .2s;width:100%}button:hover{background-color:#0056b3}button:disabled{background-color:#ccc;cursor:not-allowed}.portfolio-container{background-color:#ffffffe6;border-radius:4px;box-shadow:0 1px 3px #0000001a;min-width:500px;padding:8px 12px}.portfolio-container h2{color:#333;font-size:14px;font-weight:600;margin:0 0 6px}.portfolio-summary{align-items:stretch;display:flex;flex-direction:row;gap:12px}.balance-card,.positions-card{background-color:#f8f9fa;border-radius:4px;flex:1 1;padding:6px 10px}.balance-card h3,.positions-card h3{color:#555;font-size:11px;font-weight:600;margin:0 0 4px;text-transform:uppercase}.balance-amount{color:#2c3e50;font-size:15px;margin:0}.positions-list{display:flex;flex-wrap:wrap;gap:4px;margin:0;padding:0}.position-item{align-items:center;background-color:#2196f31a;border-radius:4px;display:flex;gap:4px;padding:2px 6px}.position-symbol{color:#2196f3;font-size:11px;font-weight:600}.position-amount{color:#2c3e50;font-size:11px}.no-positions{color:#666;font-size:12px;margin:0}.portfolio-summary-container{padding:15px}.portfolio-summary-container h2{font-size:18px;font-weight:700;margin:0 0 15px}.portfolio-summary-container h3{font-size:16px;font-weight:600;margin:15px 0 10px}.portfolio-balance-section{display:flex;gap:20px;margin-bottom:15px}.balance-card{background-color:var(--secondary-color);border-radius:6px;flex:1 1;padding:12px}.balance-title{color:var(--light-text);font-size:14px;margin-bottom:5px}.balance-amount{font-size:18px;font-weight:700}.positions-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.position-card{background-color:var(--secondary-color);border-radius:6px;padding:12px;transition:all .2s}.position-card.active{border:2px solid var(--primary-color)}.position-header{font-size:14px;font-weight:600;margin-bottom:5px}.position-value{font-size:16px;font-weight:700}.position-value.positive{color:var(--buy-color)}.position-value.negative{color:var(--sell-color)}.position-locked{color:var(--light-text);font-size:12px;margin-top:5px}.no-positions{background-color:var(--secondary-color);border-radius:6px;color:var(--light-text);font-style:italic;padding:15px;text-align:center}@media (max-width:768px){.portfolio-balance-section{flex-direction:column;gap:10px}.positions-grid{grid-template-columns:1fr}}.timer-display{align-items:center;background:#1a1a2e;border:1px solid #2a2a4a;border-radius:8px;display:flex;flex-wrap:wrap;gap:16px;padding:12px 16px}.timer-title{color:#888;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.timer-values{display:flex;gap:12px}.timer-item{align-items:center;border-radius:6px;display:flex;font-size:.85rem;gap:6px;padding:4px 10px}.timer-item.normal{background:#00c86426;border:1px solid #00c8644d}.timer-item.warning{background:#ffa50026;border:1px solid #ffa5004d}.timer-item.critical{animation:pulse 1s ease-in-out infinite;background:#ff323233;border:1px solid #ff323266}.timer-item.stopped{background:#96969626;border:1px solid #9696964d}.timer-item.no-timer{background:#6496ff26;border:1px solid #6496ff4d}.timer-item.strike{background:#b464ff26;border:1px solid #b464ff4d}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.timer-label{color:#aaa;font-size:.75rem}.timer-value{font-feature-settings:"tnum";color:#fff;font-size:1rem;font-variant-numeric:tabular-nums;font-weight:700}.timer-item.normal .timer-value{color:#00c864}.timer-item.warning .timer-value{color:orange}.timer-item.critical .timer-value{color:#ff5050}.timer-item.stopped .timer-value{color:#999}.timer-item.no-timer .timer-value{color:#6496ff}.timer-item.strike .timer-value{color:#b464ff}.contract-info{display:flex;gap:10px;margin-left:auto}.contract-item{align-items:center;background:#6464ff1a;border:1px solid #6464ff33;border-radius:4px;display:flex;font-size:.75rem;gap:4px;padding:3px 8px}.contract-label{color:#c0c0ff;font-weight:600}.contract-desc{color:#888}.draw-visualization{background:#1a1d29;border:1px solid #2a2d3a;border-radius:12px;margin-bottom:12px;padding:16px 20px}.draw-header{align-items:center;color:#a0a3b1;display:flex;flex-wrap:wrap;font-size:13px;gap:16px;margin-bottom:12px}.draw-tick{color:#e0e2ea;font-size:14px;font-weight:600}.draw-remaining{color:#888}.draw-leader{font-weight:600;text-transform:capitalize}.draw-lead-changes{color:#a0a3b1}.draw-terminal{background:#ef4444;border-radius:4px;color:#fff;font-size:11px;font-weight:700;letter-spacing:1px;padding:2px 8px}.draw-balls{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:14px;min-height:24px}.draw-ball{border-radius:50%;box-shadow:0 1px 3px #0000004d;height:20px;transition:transform .2s ease;width:20px}.draw-ball:last-child{box-shadow:0 0 8px #fff3;transform:scale(1.2)}.draw-counts{display:flex;flex-direction:column;gap:6px}.draw-count-item{align-items:center;display:flex;gap:10px}.draw-count-label{font-size:12px;font-weight:600;text-transform:capitalize;width:55px}.draw-count-bar-wrapper{background:#2a2d3a;border-radius:7px;flex:1 1;height:14px;overflow:hidden}.draw-count-bar{border-radius:7px;height:100%;transition:width .4s ease}.draw-count-value{color:#a0a3b1;font-size:12px;font-weight:500;text-align:right;width:35px}.role-panel{background:#1a1d29;border:1px solid #2a2d3a;border-radius:12px;margin-top:12px;padding:16px}.role-header{margin-bottom:12px}.role-badge{background:#3861fb;border-radius:4px;color:#fff;display:inline-block;font-size:10px;font-weight:700;letter-spacing:1px;margin-bottom:6px;padding:3px 8px;text-transform:uppercase}.role-name{color:#e0e2ea;font-size:16px;font-weight:600;margin:4px 0 2px;text-transform:capitalize}.role-description{color:#888;font-size:12px;margin:0}.role-latest-signal{border-left:3px solid #3861fb}.role-initial-info,.role-latest-signal{background:#252836;border-radius:8px;margin-bottom:10px;padding:10px 12px}.role-initial-info{border-left:3px solid #22c55e}.signal-label{color:#a0a3b1;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.signal-content{color:#e0e2ea;font-family:SF Mono,Menlo,monospace;font-size:11px;line-height:1.5;margin:0;white-space:pre-wrap;word-break:break-word}.role-signal-history{margin-top:8px}.signal-list{display:flex;flex-direction:column;gap:6px;max-height:200px;overflow-y:auto}.signal-item{background:#252836;border-radius:6px;padding:8px 10px}.signal-list::-webkit-scrollbar{width:4px}.signal-list::-webkit-scrollbar-thumb{background:#3a3d4a;border-radius:2px}
/*# sourceMappingURL=main.66412488.css.map*/