.logo{align-items:center;display:flex}.logo-img{margin-right:8px}.logo-title{-webkit-text-fill-color:#0000;background:var(--gradient-primary);background-clip:text;-webkit-background-clip:text;font-size:24px;font-weight:400;line-height:133%}.login-form{background:linear-gradient(135deg,#1a2338,#0d1219);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;min-height:100vh;padding:20px}.login-form .row{margin:0}.login-form .card{background:#2a3b5ecc;border:1px solid #2a3b5e;border-radius:12px;box-shadow:0 20px 40px #0000004d;overflow:hidden}.login-form .card-header{background:linear-gradient(45deg,#2ed573,#27ae60)!important;border-bottom:none;padding:1.5rem}.login-form .card-header h3{color:#000;font-size:1.8rem;font-weight:600;margin:0}.login-form .card-body{background:#2a3b5ee6;color:#fff;padding:2rem!important}.login-form .btn{align-items:center;border:none;border-radius:25px;display:flex;font-size:1rem;font-weight:500;justify-content:center;margin-top:15px;padding:12px 30px;transition:all .3s ease}.login-form .btn:hover{box-shadow:0 5px 15px #0000004d;transform:translateY(-2px)}.login-form .btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.login-form .btn-danger{background:linear-gradient(45deg,#ff7675,#c0392b);color:#000;font-weight:700}.login-form .btn-primary{background:linear-gradient(45deg,#2ed573,#27ae60);color:#000;font-weight:700}.login-form .btn-info{background:linear-gradient(45deg,#74b9ff,#0984e3);color:#000;font-weight:700}.login-form .btn-warning{background:linear-gradient(45deg,#fdcb6e,#e17055)!important;color:#000;font-weight:700}.login-form .btn-secondary{background:linear-gradient(45deg,#636e72,#2d3436);color:#fff;font-weight:700}.login-form .btn.disabled{background:#2a3b5e;color:#6c757d}.login-form .btn i{font-size:1.1rem;margin-right:8px}.login-form .alert{border:none;border-radius:10px;font-weight:500}.login-form .alert-danger{background:#ff767533;border:1px solid #ff7675;color:#ff7675}.login-form .form-control{background:#1a2338cc;border:2px solid #2a3b5e;border-radius:10px;color:#fff;font-size:1rem;padding:12px 16px;transition:all .3s ease}.login-form .form-control:focus{background:#1a2338e6;border-color:#2ed573;box-shadow:0 0 0 .2rem #2ed57340}.login-form .form-control::placeholder{color:#a1b2d0}.login-form .form-label{color:#a1b2d0;font-weight:600;margin-bottom:8px}.login-form .form-text{color:#a1b2d0;font-size:.875rem;margin-top:4px}.login-form .btn-link{color:#a1b2d0;font-weight:500;text-decoration:none}.login-form .btn-link:hover{color:#2ed573;text-decoration:underline}.login-form .g-3>*{padding:.5rem}.login-form .btn.loading{color:#0000;position:relative}.login-form .btn.loading:after{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;content:"";height:20px;left:50%;margin-left:-10px;margin-top:-10px;position:absolute;top:50%;width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.login-form .card-body{padding:1.5rem!important}.login-form .btn{font-size:.9rem;padding:10px 16px}.login-form .card-header h3{font-size:1.3rem}}.login-container{align-items:center;background:#14141499;display:flex;height:100%;justify-content:center;position:absolute;top:0;width:100%}.login-card{background:var(--color-bg-primary);border-radius:20px;padding:12px;text-align:center;width:360px}.login-header{align-items:center;display:flex;flex-direction:column}.login-header-text{font-size:24px;font-weight:700;line-height:133%;margin-top:12px;text-align:center}.error-message{background:#ff767533;border:1px solid #ff7675;border-radius:10px;color:#ff7675;margin-bottom:1rem;padding:1rem;text-align:center}.divider{position:relative}.divider:before{left:0}.divider:after,.divider:before{background:var(--gradient-primary);content:"";height:2px;position:absolute;top:calc(50% - 2px);width:44%}.divider:after{right:0}.divider span{color:var(--color-text-secondary);font-size:16px;font-weight:400;line-height:150%;text-transform:uppercase}.login-buttons{display:flex;flex-direction:column;gap:18px;margin:12px 0}.login-form-button{align-items:center;background-color:var(--color-bg-secondary);border-radius:1000px;display:inline-flex;font-size:24px;font-weight:400;line-height:1.33;padding:8px;transition:all .2s ease}.login-form-button img{margin-right:12px}.email{justify-content:center}.login-form-button:hover:not(:disabled){box-shadow:0 5px 15px #0000004d;transform:translateY(-2px)}.login-form-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.login-footer{text-align:center}.login-footer p{color:var(--color-text-secondary);font-size:14px;font-weight:400;line-height:143%}.email-login-header{align-items:center;display:flex;font-size:24px;font-weight:700;height:40px;justify-content:center;line-height:1.33;position:relative}.email-login-back-button{font-size:0;height:40px;left:0;position:absolute;width:40px}.email-login-form{align-items:flex-start;display:flex;flex-direction:column;gap:12px;margin-top:12px}.email-login-form-label{color:var(--color-text-secondary);font-size:16px;font-weight:400;line-height:1.5}.email-login-form-input{background-color:var(--color-bg-secondary);border-radius:12px;color:var(--color-text-primary);font-size:16px;font-weight:700;line-height:1.5;padding:12px;width:100%}.email-login-form-input::placeholder{font-weight:400}.email-login-form-text{color:var(--color-text-primary);font-size:14px;font-weight:400;line-height:1.43;text-align:start}.email-login-form-button{background:var(--gradient-primary);border-radius:var(--input-border-radius-size);font-size:1.5rem;font-weight:600;justify-content:center;padding:.5em;text-transform:uppercase;width:100%}.email-login-form-error{color:#ff4b4b}.chart-type__button{height:40px;width:40px}.chart-area{align-items:stretch;display:flex;justify-content:stretch;min-height:400px;position:relative}.chart-area,.chart-area>*{flex:1 1;height:100%;width:100%}.chart-message{color:#aaa;text-align:center}.chart-message span{display:block;font-size:1.2rem;margin-bottom:.5rem}.chart-message p{font-size:.9rem;margin:0}.chart-placeholder-advanced{display:flex;flex-direction:column;height:100%;width:100%}.mock-chart{background:#ffffff05;border-radius:8px;flex:1 1;min-height:300px;overflow:hidden;position:relative}.chart-grid{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.grid-line{background:#ffffff0d;position:absolute}.grid-line.horizontal{height:1px;top:calc(var(--i)*10%);width:100%}.grid-line.vertical{height:100%;left:calc(var(--i)*5%);width:1px}.grid-line:first-child{--i:1}.grid-line:nth-child(2){--i:2}.grid-line:nth-child(3){--i:3}.grid-line:nth-child(4){--i:4}.grid-line:nth-child(5){--i:5}.grid-line:nth-child(6){--i:6}.grid-line:nth-child(7){--i:7}.grid-line:nth-child(8){--i:8}.grid-line:nth-child(9){--i:9}.grid-line:nth-child(10){--i:10}.chart-line{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.chart-info-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border-radius:8px;padding:1rem;position:absolute;right:1rem;top:1rem}.chart-stats{display:flex;flex-direction:column;gap:.5rem}.stat{display:flex;gap:1rem;justify-content:space-between}.stat .label{color:#aaa;font-size:.8rem}.stat .value{color:#fff;font-size:.8rem;font-weight:500}.chart-note{background:#ff98001a;border:1px solid #ff9800;border-radius:8px;margin-top:1rem;padding:1rem;text-align:center}.chart-note p{color:#ff9800;font-size:.9rem;margin:.3rem 0}.real-time-chart{background:#ffffff05;border-radius:8px;height:100%;min-height:400px;padding:10px;width:100%}.loading-content span{font-size:16px}.chart-tooltip{background:#000000e6;border:1px solid #00d4ff;border-radius:6px;box-shadow:0 4px 12px #0000004d;color:#fff;font-size:12px;padding:12px}.tooltip-time{color:#00d4ff;font-weight:700;margin:0 0 4px}.tooltip-price{margin:4px 0}.tooltip-price .price-value{color:#0f8;font-weight:700}.tooltip-timestamp{color:#888;font-size:10px;margin:4px 0 0}.lightweight-chart{background:var(--color-bg-secondary);border-radius:var(--panel-inner-border-radius-size);display:flex;flex-direction:column;height:100%;min-height:400px;overflow:hidden;padding:10px;position:relative;width:100%}.lightweight-chart canvas{border-radius:8px}.chart-container{flex:1 1;height:100%;min-height:0;position:relative;width:100%}.chart-container>div{height:100%!important;width:100%!important}.chart-loading{background:var(--color-bg-secondary)}.loading-content{color:#888}.loading-content span{font-size:18px;margin-bottom:8px}.loading-content p{font-size:14px;opacity:.7}.chart-loading{align-items:center;background:#ffffff05;border-radius:8px;display:flex;height:100%;justify-content:center;min-height:400px;width:100%}.loading-content{color:#aaa;text-align:center}.loading-content span{color:#00d4ff;display:block;font-size:1.2rem;margin-bottom:.5rem}.loading-content p{color:#888;font-size:.9rem;margin:0}.chart-settings-modal-overlay{align-items:center;background:#14141499;display:flex;inset:0;justify-content:center;position:fixed;z-index:10000}.chart-settings-modal{background:var(--color-bg-primary);border-radius:var(--panel-inner-border-radius-size);gap:1rem;max-width:360px;padding:.75rem}.card__item,.chart-settings-modal{display:flex;flex-direction:column}.card__item{gap:.75rem}.card__header{align-items:center;display:inline-flex;gap:.5rem}.card__title{color:var(--color-text-primary);font-weight:700;text-transform:uppercase}.card__label,.card__title{font-size:1rem;line-height:1.5}.card__label{align-items:center;color:var(--color-text-secondary);display:inline-flex;font-weight:400}.card__close-button{margin-left:auto}.chart{background-color:var(--color-bg-primary);border-radius:var(--panel-border-radius-size);display:flex;flex-direction:column;gap:.75rem;height:100%;padding:var(--panel-padding-size);width:100%}.chart__header{align-items:center;container-name:card-header;container-type:inline-size;display:flex;flex-wrap:wrap;gap:1rem;justify-content:end}.current-price{align-items:center;display:inline-flex;font-size:1.5rem;font-weight:700;gap:.5em;height:40px;margin-right:auto;.current-price__label{color:var(--color-text-secondary)}.current-price__value{color:var(--color-text-primary)}}.chart-controls-button.button{display:none;height:40px;width:40px}.chart__controls{display:flex;gap:1rem;height:40px}.controls{display:flex;flex-wrap:wrap;gap:.75rem}@container card-header (width < 1005px){.chart__controls{display:none}.chart-controls-button.button{display:inline-flex}}.price-chart{display:flex;flex:1 1;flex-direction:column;height:100%;min-height:0}.chart-placeholder{align-items:center;display:flex;flex:1 1;height:100%;justify-content:center}.placeholder-content{color:#aaa;text-align:center}.placeholder-content h3{color:#fff;font-size:1.5rem;margin:0 0 1rem}.placeholder-content p{font-size:1rem;margin:0 0 2rem}.placeholder-icon{font-size:4rem;opacity:.3}.chart-content{display:flex;flex:1 1;flex-direction:column;height:100%;min-height:0}.chart-price-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.chart-controls{align-items:center;display:flex;gap:1rem}.chart-type-controls{display:flex;gap:.25rem}.chart-type-btn{align-items:center;background:#ffffff0d;border:1px solid #fff3;border-radius:4px;color:#aaa;cursor:pointer;display:flex;font-size:1rem;font-weight:500;height:32px;justify-content:center;padding:.5rem;transition:all .2s ease;width:32px}.chart-icon{filter:brightness(.6);height:16px;transition:filter .2s ease;width:16px}.chart-type-btn:hover .chart-icon{filter:brightness(1)}.chart-type-btn:hover{background:#ffffff1a;border-color:#fff6}.chart-type-btn.active .chart-icon{filter:brightness(0) invert(1)}.chart-type-btn.active{background:#00d4ff;border-color:#00d4ff}.controls-separator{background:#fff3;height:24px;width:1px}.timeframe-controls{display:flex;gap:.25rem}.timeframe-btn{background:#ffffff0d;border:1px solid #fff3;border-radius:4px;color:#aaa;cursor:pointer;font-size:.8rem;font-weight:500;padding:.4rem .8rem;transition:all .2s ease}.timeframe-btn:hover{background:#ffffff1a;border-color:#fff6;color:#fff}.timeframe-btn.active{background:#00d4ff33;border-color:#00d4ff;color:#00d4ff}.trading-panel{background-color:var(--color-bg-primary);border-radius:var(--panel-border-radius-size);display:flex;flex-direction:column;gap:.75rem;padding:var(--panel-padding-size);width:100%}.trading-panel__title{color:var(--color-text-primary);font-size:1.5rem;font-weight:700;line-height:1.33}.trading-panel__label{color:var(--color-text-secondary);font-size:1rem;font-weight:400;line-height:1.5}.trading-panel__control{background-color:var(--color-bg-secondary);border-radius:var(--input-border-radius-size);color:var(--color-text-primary);display:flex;font-size:1rem;font-weight:700;justify-content:space-between;line-height:1.5;padding:.75em}.trading-panel__input{field-sizing:content;-webkit-appearance:textfield;appearance:textfield;background:none;color:var(--color-text-primary);text-align:center}.trading-panel__input::-webkit-inner-spin-button,.trading-panel__input::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none}.trading-panel__select{align-items:center;display:grid;grid-template-areas:"select";&:after{content:url(/static/media/chevron.8fa3d619be7f09fdd124.svg);justify-self:end;margin-right:.75em;pointer-events:none}&:after,select{grid-area:select}select{-webkit-appearance:none;appearance:none;width:100%}}.trading-panel__button{font-size:0}.trading-panel__button--minus:before{content:url(/static/media/minus.01c8a372495caaf80b4e.svg)}.trading-panel__button--plus:before{content:url(/static/media/plus.9dc8b9fccdd01495ff99.svg)}.trading-panel__time{align-items:center;display:flex;font-weight:400;justify-content:center}.trading-panel__time-separator{color:var(--color-text-secondary)}.trading-panel__amounts{display:flex;gap:.75rem;justify-content:space-between}.trading-panel__trade-buttons{display:flex;gap:.75rem}.trade-button{border-radius:var(--input-border-radius-size);color:var(--color-text-primary);font-size:1.5rem;font-weight:600;line-height:1.33;padding:.5rem 1rem;text-align:center;text-transform:uppercase;width:50%}.trade-button--buy{background:var(--gradient-primary)}.trade-button--sell{background:var(--gradient-secondary)}.order-timer{align-items:center;color:var(--color-text-primary);display:inline-flex;font-size:1rem;font-weight:700;gap:var(--card-padding-size);justify-content:center;line-height:1.5}.order-timer__text{.separator{color:var(--color-text-secondary);font-weight:400}}.profit{display:inline-flex;gap:.5rem}.profit__amount{display:inline-flex;gap:.25em}.profit__value{font-weight:700}.profit.profit--win .profit__value{background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:#0000}.profit.profit--draw .profit__value,.profit.profit--loss .profit__value{background:var(--gradient-secondary);-webkit-background-clip:text;background-clip:text;color:#0000}.profit__currency{color:var(--color-text-secondary);font-weight:400}.profit-loading{align-items:center;color:#fff9;display:flex;font-size:14px;justify-content:center;padding:12px}.profit-loading span{animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.order{background-color:var(--color-bg-primary);border-radius:var(--card-border-radius-size);display:flex;flex-direction:column;gap:.75em;padding:var(--card-padding-size)}.order__header{align-items:center;color:var(--color-text-primary);display:flex;font-size:1rem;font-weight:700;justify-content:space-between}.order__type{align-items:center;display:inline-flex;gap:.5em}.order__amount{.unit{color:var(--color-text-secondary);font-weight:400}}.order__details{display:flex;flex-direction:column;font-size:.875rem;font-weight:400;gap:.7em;.row{display:flex;justify-content:space-between}.label{color:var(--color-text-secondary)}.account-type{font-weight:700;text-transform:uppercase;&.real{background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:#0000}}}.order__status{align-items:center;display:flex;gap:var(--card-padding-size);&>*{width:50%}}.status{align-items:center;display:inline-flex;gap:.5rem}.status__text{font-weight:700}.order__profit{display:inline-flex;gap:.25rem;justify-content:end;.value{font-weight:700}.currency{color:var(--color-text-secondary);font-weight:400}&.profit-positive .value{background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:#0000}&.profit-negative .value{background:var(--gradient-secondary);-webkit-background-clip:text;background-clip:text;color:#0000}}.orders__scroll{container-type:scroll-state;flex-grow:1;overflow-y:auto;&::-webkit-scrollbar{width:var(--card-padding-size)}&::-webkit-scrollbar-track{background-color:#ffffff0d;border-radius:var(--card-border-radius-size)}&::-webkit-scrollbar-thumb{background-color:var(--color-accent);border-radius:var(--card-border-radius-size)}@container scroll-state(scrollable: y){.orders__list{margin-right:var(--card-padding-size)}}}.orders__list{gap:var(--card-padding-size)}.empty-list,.orders__list{display:flex;flex-direction:column}.empty-list{align-items:center;background-color:var(--color-bg-secondary);border-radius:var(--panel-inner-border-radius-size);gap:.75rem;height:100%;justify-content:center;width:100%;.text{color:var(--color-text-primary);font-size:1rem;font-weight:700;line-height:1.5}.description{color:var(--color-text-secondary);font-size:1rem;font-weight:400;line-height:1.5}}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}*{border:0;line-height:1;margin:0;padding:0}a{text-decoration:none}ul{list-style:none}button,input,select{background-color:initial;color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit}button,input[type=button],select{cursor:pointer}:root{--panel-padding-size:1rem;--panel-border-radius-size:1rem;--panel-inner-border-radius-size:0.75rem;--card-padding-size:0.5rem;--card-border-radius-size:0.5rem;--input-border-radius-size:0.75rem;@media screen and (max-width:479px){--panel-padding-size:0.75rem}--color-text-primary:#fff;--color-text-secondary:#fff9;--color-bg-primary:#191919;--color-bg-secondary:#141414;--color-accent:#00d4ff;--gradient-primary:linear-gradient(90deg,#00daee,#00fa95);--gradient-secondary:linear-gradient(90deg,#ff4b4b,#ff6565);--font-family:"Roboto",sans-serif}@font-face{font-family:Roboto;font-stretch:75% 100%;font-weight:100 900;src:url(/static/media/Roboto-VariableFont.e5b87e6b9f990e4db87b.woff2) format("woff2-variations")}.orders{background-color:var(--color-bg-primary);border-radius:var(--panel-border-radius-size);display:flex;flex-direction:column;flex-grow:1;gap:.75rem;overflow-y:hidden;padding:var(--panel-padding-size)}.orders__header{display:flex;justify-content:space-between}.orders__active-button{align-items:center;color:var(--color-text-secondary);display:inline-flex;font-size:1.25rem;font-weight:300;line-height:1.4;&.active{color:var(--color-text-primary);font-weight:500}}.orders__active-value{background-color:var(--color-text-primary);border-radius:.5rem;color:var(--color-bg-secondary);font-size:1rem;font-weight:400;line-height:1.5;margin-left:.5rem;padding:0 .5em}.orders__history-button{align-items:center;background-color:var(--color-bg-secondary);border-radius:var(--card-padding-size);color:var(--color-text-primary);display:inline-flex;justify-content:center;padding:.75em;.active&{color:#0000;position:relative;&:before{border-radius:inherit;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;mask-composite:destination-out;-webkit-mask-composite:xor;mask-composite:exclude;padding:2px}&:after,&:before{background:var(--gradient-primary);position:absolute}&:after{-webkit-background-clip:text;background-clip:text;content:attr(data-label)}}}.orders__container{background-color:var(--color-bg-secondary);border-radius:var(--panel-inner-border-radius-size);display:flex;flex-grow:1;overflow-y:hidden}.orders .orders__container{padding:var(--card-padding-size)}.main-panel .orders__container{border-radius:0}.bottom-panel{background-color:var(--color-bg-primary);border-top:1px solid var(--color-text-secondary);display:none;justify-content:space-between;margin:calc(var(--panel-padding-size)*-1);margin-top:0;&>*{height:64px;width:25%}@media screen and (max-width:767px){display:flex}}.bottom-panel__button{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;font-size:.75rem;font-weight:400;gap:.5rem;justify-content:center;& svg{fill:var(--color-text-secondary)}}.bottom-panel__button--active{color:var(--color-text-primary);font-weight:700;& svg{fill:url(#gradient)}}.trading-dashboard{display:flex;gap:var(--panel-padding-size);height:100%;padding:var(--panel-padding-size);@media screen and (max-width:767px){flex-direction:column}}.main-panel{display:flex;flex-grow:1;overflow:hidden}.side-panel{display:flex;flex-direction:column;gap:1rem;position:relative;width:360px;@media screen and (max-width:767px){display:none}}.side-panel__button{height:40px;width:40px}.side-panel__button--close{position:absolute;right:var(--panel-padding-size);top:var(--panel-padding-size)}.side-panel__button--open{& img{transform:scaleX(-1)}&.button{@media screen and (max-width:767px){display:none}}}.deposit-modal-overlay{align-items:center;background:#14141499;display:flex;inset:0;justify-content:center;position:fixed;z-index:10000}.deposit-modal{background:var(--color-bg-primary);border-radius:var(--panel-inner-border-radius-size);display:flex;flex-direction:column;gap:1.5rem;padding:.75rem;width:360px}.deposit-modal-header{align-items:center;display:flex;gap:.5rem}.deposit-modal-title{font-size:1rem;font-weight:700;text-transform:uppercase}.close-button{font-size:0;margin-left:auto}.deposit-form{gap:1.5rem}.deposit-form,.form-group{display:flex;flex-direction:column}.form-group{gap:.75rem}.form-group label{color:var(--color-text-secondary);font-size:1rem;font-weight:400}.deposit-modal .amount-input{background-color:var(--color-bg-secondary);border-radius:var(--input-border-radius-size);color:var(--color-text-primary);font-size:1rem;font-weight:700;padding:.75em}.deposit-modal .amount-input::-webkit-inner-spin-button,.deposit-modal .amount-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.deposit-modal .amount-input[type=number]{-moz-appearance:textfield}.quick-amounts{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between}.form-actions{display:flex;gap:1rem}.deposit-form__button{border-radius:var(--input-border-radius-size);color:var(--color-text-primary);font-size:1.5rem;font-weight:600;line-height:1.33;padding:.5rem 1rem;text-align:center;text-transform:uppercase;width:50%;&.cancel{background:var(--gradient-primary)}&.deposit{background:var(--gradient-secondary)}}.button{align-items:center;background-color:var(--color-bg-secondary);border-radius:var(--card-padding-size);color:var(--color-text-primary);display:inline-flex;gap:.25em;justify-content:center;padding:.75em;.unit,.value{color:var(--color-text-secondary)}}.active.button{position:relative;z-index:0;&:before{background:var(--gradient-primary);border-radius:inherit;inset:0}&:after,&:before{content:"";position:absolute;z-index:-1}&:after{background:var(--color-bg-secondary);border-radius:6px;inset:2px}.value{color:var(--color-text-primary);font-weight:700}}.app{background-color:var(--color-bg-secondary);color:var(--color-text-primary);display:flex;flex-direction:column;font-family:var(--font-family);height:100vh}.app-header{background:var(--color-bg-primary);justify-content:space-between;padding:var(--panel-padding-size)}.app-header,.header-left,.menu{align-items:center;display:flex;gap:1rem}.header-left,.menu{height:40px}.menu{&>*{height:100%}}.menu__item{display:inline-flex;gap:1rem}.menu-button{display:none}@media screen and (max-width:599px){.menu{display:none}.menu-button{background:var(--gradient-primary);display:inline-flex;font-size:0;height:40px;padding:.5rem;position:relative;width:40px;z-index:20}.open.menu-layer{background:#14141499;inset:0;position:fixed;z-index:10;.menu{background-color:var(--color-bg-primary);border-bottom-left-radius:.75rem;display:flex;flex-direction:column;height:auto;min-width:240px;padding:4.375rem .75rem .75rem;position:absolute;right:0;top:0;&>*{height:40px;width:100%}.account-selector__label,.account-selector__logo,.balance__label,.login-button .text{display:inline-flex}}}}.login-button{display:inline-flex;gap:.75rem;@media screen and (max-width:829px){& .text{display:none}}}.sound-button{width:40px}.deposit-button{background:var(--gradient-primary);font-size:0;padding:.5rem}.balance{display:inline-flex;gap:1em;justify-content:space-between}.balance__amount{display:inline-flex;gap:.4em}.balance__currency,.balance__label{color:var(--color-text-secondary);font-weight:400}.balance__label{@media screen and (max-width:767px){display:none}}.balance__value{font-weight:700}.account-selector{cursor:pointer;font-weight:700;gap:.5em;position:relative;z-index:1000}.account-selector__label{color:var(--color-text-secondary);font-weight:400}.account-selector__type{&.real{background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:#0000}}@media screen and (max-width:689px){.account-selector__label,.account-selector__logo{display:none}}.account-dropdown-portal{animation:fadeIn .2s ease-in-out;background:#14141ef2;border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 5px 15px #00000080;margin-top:5px;min-width:150px;overflow:hidden;z-index:9999}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.account-dropdown-portal .account-option{color:#ddd;cursor:pointer;padding:.7rem 1rem;transition:background .2s ease}.account-dropdown-portal .account-option:hover{background:#ffffff26}.account-dropdown-portal .account-option.active{background:#00d7ff33;color:#00d7ff}.connection-status{align-items:center;display:flex;gap:.5rem}.status-indicator{border-radius:8px;font-size:.9rem;font-weight:500;padding:.4rem .8rem;transition:all .3s ease}.status-indicator.connected{background:#0f83;border:1px solid #0f8;color:#0f8}.status-indicator.disconnected{background:#f443;border:1px solid #f44;color:#f44}.app-main{display:flex;flex:1 1;flex-direction:column;min-height:0}
/*# sourceMappingURL=main.1d6b0b27.css.map*/