:root{--color-primary:#16adc4;--color-primary-hover:#14a0b6;--color-text-primary:#27173E;--color-text-secondary:rgb(132, 142, 156);--color-text-tertiary:#A9ABAD;--color-text-light:#958d9e;--color-green:#0ecb81;--color-green-hover:rgb(45, 221, 152);--color-red:#f6465d;--color-red-hover:rgb(255, 92, 114);--color-blue:#16adc4;--color-warning:#f7a600;--border-light:#DCDCE9;--border-dark:#2d1f3b;--bg-light:#f5f5f5;--bg-white:#ffffff;--bg-bid:rgba(14, 203, 129, 0.1);--bg-ask:rgba(246, 70, 93, 0.1);--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--font-xs:11px;--font-sm:12px;--font-md:14px;--font-lg:16px;--font-xl:20px;--radius-sm:2px;--radius-md:4px;--radius-lg:8px;--radius-round:100px;--transition-fast:0.1s all;--transition-normal:0.2s all}[data-theme=dark] .form-label{color:var(--text-muted)}[data-theme=dark] .form-control:hover:not(:focus){background-color:var(--nav-bg)}*{box-sizing:border-box}body{color:var(--color-text-primary);font-size:var(--font-md)}.bg-custom-light{background-color:#fff}.form-control,textarea{background-clip:padding-box;background-image:linear-gradient(transparent,transparent)}.form-group{width:100%;padding:var(--spacing-sm) 0;margin:0}.form-group .label{font-size:var(--font-xs);margin:0;font-weight:500;color:var(--color-text-primary);display:block;line-height:1.2em;text-align:left}.form-group .input-info{font-size:var(--font-xs);color:var(--color-text-tertiary)}.form-group .input-wrapper{position:relative}.form-group .input-wrapper.active .label{color:var(--color-primary)!important}.form-group .clear-input{display:none;align-items:center;justify-content:center;color:var(--color-text-light);height:38px;font-size:22px;position:absolute;right:-10px;bottom:0;width:32px;opacity:.5}.form-group .clear-input:active,.form-group .clear-input:hover{opacity:.8}.form-group .input-wrapper.not-empty .clear-input{display:flex}.form-group.basic .custom-select,.form-group.basic .form-control{background:0 0;border:none;border-bottom:1px solid var(--border-light);padding:0 30px 0 0;border-radius:0;height:40px;color:var(--color-text-primary);font-size:var(--font-md)}.form-group.basic .custom-select:focus,.form-group.basic .form-control:focus{border-bottom-color:var(--color-primary);box-shadow:inset 0 -1px 0 0 var(--color-primary)}.form-group.basic .custom-select{padding-right:0}.form-group.basic textarea.form-control{height:auto;padding:7px 40px 7px 0;resize:none}.form-group.basic.animated .label{margin-top:20px;opacity:0;top:-3px;transition:var(--transition-normal);position:absolute}.form-group.basic.animated .input-wrapper{padding-top:5px}.form-group.basic.animated .input-wrapper.not-empty .label{margin-top:0;opacity:1}.verification-input{font-size:32px!important;letter-spacing:10px;text-align:center;border-radius:var(--radius-lg)!important;border:1px solid!important;width:180px!important;padding:0 10px!important;margin:auto;min-height:70px!important;font-weight:700;color:var(--color-text-primary)!important;box-shadow:none!important;background:var(--bg-white)!important}.verification-input:focus{border-color:var(--color-text-primary)!important}.form-control-lg{font-size:var(--font-xl)!important}.form-select{border:0;box-shadow:0!important;outline:0!important;background-color:transparent}.form-check{padding:0;margin:0;min-height:auto;height:auto}.form-check .form-check-input{display:none}.form-check .form-check-label{cursor:pointer;position:relative;min-height:20px;padding:0 0 0 32px;line-height:1.7em;color:var(--color-text-primary)}.form-check .form-check-label:after{position:absolute;left:0;top:2px;content:"";display:block;width:22px;height:22px;background:0 0;border-radius:var(--radius-round);border:1px solid var(--border-light)}.form-check .form-check-label:before{content:"";display:block;width:22px;height:22px;position:absolute;left:0;top:2px;z-index:3;opacity:0;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e")}.form-check-input[type=radio]~.form-check-label:before{background-image:url("data:image/svg+xml,%0A%3Csvg width='8px' height='8px' viewBox='0 0 8 8' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Ccircle id='Oval' fill='%23FFFFFF' cx='4' cy='4' r='4'%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center center}.form-check-input:checked~.form-check-label:after{background-color:var(--color-primary);border-color:var(--color-primary)!important}.form-check-input:checked~.form-check-label:before{opacity:1}.form-check-inline{margin-right:0}.form-check-inline .form-check-label{margin-bottom:-3px;padding-left:24px}.input-list .form-check:after{content:"";height:1px;background:var(--border-light);display:block;margin-left:54px}.input-list .form-check .form-check-label{min-height:50px;display:flex;align-items:center;justify-content:space-between;transition:var(--transition-fast);padding:6px 16px 6px 54px}.input-list .form-check .form-check-label:after,.input-list .form-check .form-check-label:before{left:16px;top:14px}.input-list .form-check .form-check-label:active{background:rgba(220,220,233,.3)}.input-list .form-check:last-child:after{height:0}.form-switch{height:30px}.form-switch .form-check-label{width:56px;height:30px;padding:0;margin:0}.form-switch .form-check-label:after{height:30px;width:56px;background:var(--border-light);border:1px solid #ccccdf;transition:.1s linear}.form-switch .form-check-label:before{opacity:1;border-radius:var(--radius-round);width:24px;height:24px;top:5px;left:4px;background:var(--bg-white);box-shadow:0 3px 6px 0 rgba(0,0,0,.1),0 1px 3px 0 rgba(0,0,0,.08);transition:.15s ease-in-out}.form-switch .form-check-input:checked~.form-check-label:before{left:28px}.progress{height:15px;border-radius:10px}.progress-bar{background:var(--color-primary);height:14px;line-height:1em;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:500;letter-spacing:0}.bg-footer{display:none}.listview.image-listview{padding-left:0;list-style:none}.modal{background:rgba(0,0,0,.5);z-index:9999}#app_exchange_wrapper{width:100%;min-width:auto;position:relative;overflow-x:hidden}.app-exchange-north{position:relative;height:655px;margin-bottom:20px}@media (max-width:991px){.app-exchange-north{height:660px;margin-bottom:0}}.app-exchange-chart{position:absolute;left:0;top:0;background:var(--bg-white);height:200px;right:0;overflow:hidden}.app-exchange-stage{left:0;width:100%;bottom:0;height:auto;z-index:1;border-top:1px solid var(--border-light);position:relative;background:#fff}.app-exchange-tools{background:var(--bg-white)}.exchange-chart-title-symbol{font-size:var(--font-sm);color:var(--color-text-primary);font-weight:500;position:absolute;left:16px;line-height:25px}.exchange-chart-title-folder{color:var(--highlight-color);position:absolute;right:16px;font-size:var(--font-xs);top:6px;cursor:pointer}.exchange-chart{position:absolute;background:var(--bg-white);left:-1px;right:-1px;top:69px!important;bottom:-1px}.exchange-chart-title-desktop{height:70px}.exg-tip-txt{display:block;margin-bottom:7px}.exchange-order-row-market{background:var(--highlight-color);text-align:center;border-radius:var(--radius-md);cursor:pointer;margin:0 auto;width:max-content;padding:2px 10px;color:#fff}.exchange-wallet-rows-wrapper{overflow:hidden}.exchange-wallet-rows{overflow:hidden;border-bottom:1px solid var(--border-light);padding-bottom:2px}.exchange-wallet-rows-head{float:left;width:40%}.exchange-wallet-rows-detail{float:left;text-align:right;width:60%;color:var(--color-text-primary);font-weight:500}.text-left{text-align:left}.image-listview>li .item.pb-extend{padding-bottom:16px!important}.position-card{background-color:var(--bg-white);border-radius:var(--radius-lg);border:1px solid #e9ecef;padding:var(--spacing-md);margin-bottom:12px;box-shadow:0 2px 4px rgba(0,0,0,.05);overflow:hidden}.position-info{display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.position-left,.position-right{display:flex;flex-direction:column}.position-right{text-align:right}.position-type{font-weight:700;font-size:var(--font-lg);margin-bottom:10px}.position-type.long{color:var(--color-green)}.position-type.short{color:var(--color-red)}.position-detail{margin-bottom:5px;font-size:var(--font-md);color:var(--color-text-primary)}.position-detail.highlight{font-weight:600;font-size:var(--font-lg)}.position-value{font-weight:500}.position-value.profit{color:var(--color-green)}.position-value.loss{color:var(--color-red)}.position-value.warning{color:var(--color-warning)}.position-pair{font-weight:700;margin-bottom:10px;font-size:var(--font-lg);color:var(--color-text-primary)}.position-buttons{display:flex;gap:var(--spacing-sm);margin-top:10px}.position-buttons .btn{flex:1;border-radius:var(--radius-md);padding:var(--spacing-sm) 12px;font-size:var(--font-md);font-weight:500;display:flex;justify-content:center;align-items:center;height:36px}.btn-close{background-color:#007bff;color:#fff;border:none}.btn-edit,.btn-remove{background-color:#fff;border:1px solid #ced4da;color:var(--color-text-primary)}.text-success{color:var(--color-green)!important}.text-warning{color:var(--color-warning)!important}.text-danger{color:var(--color-red)!important}.btn-sm{font-size:var(--font-md);padding:6px 12px}.btn-primary{background-color:#007bff;border-color:#007bff}.btn-outline-secondary{color:#6c757d;border-color:#6c757d}.blink{animation:.25s step-end infinite blink-effect}@keyframes blink-effect{50%{opacity:0}}@media (min-width:992px){#app_exchange_wrapper{display:flex;flex-direction:column;height:auto}.app-exchange-north{display:flex;flex-direction:row;height:615px!important;position:relative;margin-bottom:0}.app-exchange-chart{flex:1;position:relative;height:100%!important;width:auto;left:0;top:0}.app-exchange-tools{width:500px;height:100%;position:relative;border-left:1px solid var(--border-light);display:block}.chart-expanded .app-exchange-tools{display:none}.chart-expanded .app-exchange-chart{width:100%}.app-exchange-south{width:100%;clear:both;margin-top:0;position:relative;background:var(--bg-white)}}@media (max-width:1280px){.exchange-chart-title{display:block}.exchange-chart{top:-1px!important}}@media (max-width:576px){.exchange-chart-title{display:block}.exchange-chart-title-desktop{display:none}.position-info{flex-direction:column}.position-right{text-align:left;margin-top:12px}}.main-container{display:block!important}