.app-container{min-height:100vh;width:100%;background:linear-gradient(#030409,#1d1f2c);color:#fff;font-family:Roboto,sans-serif}body{font-family:Roboto,sans-serif}body,html{margin:0;padding:0}html{width:100%;background:linear-gradient(#030409,#1d1f2c)}.header{justify-content:space-between;width:100%;padding:0 20px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.header,.social-icons{display:flex;align-items:center}.social-icons{margin-right:1px;margin-left:auto}.social-icons a{color:#fff;margin-right:15px;font-size:24px;text-decoration:none}.social-icons a:hover{opacity:.7}.nav-links{align-items:center;display:flex;gap:15px}nav a{text-decoration:none;color:#8e9eae}.center-nav{display:flex;justify-content:center;margin:20px 0}nav a.position{margin:0 20px;text-decoration:none;color:#8e9eae}nav a.active-link{color:#fff;font-weight:700}nav a:hover{text-decoration:underline}button{margin:20px 0;padding:10px 20px;cursor:pointer}.logo{width:50px;height:50px;margin-right:5px}#app{display:flex;flex-direction:column;height:100%;widows:100%;padding:0}.container-a{display:flex;flex-direction:row;width:100%;height:400px;flex-shrink:0;align-items:stretch;position:relative;z-index:1}.sidebar{width:20%;height:620px;margin-left:4%;border:.4px solid #5b5b5b;background-color:#1f2124;box-shadow:4px 0 10px 0 rgba(0,0,0,.1);border-radius:8px}.tradingview-widget-container{width:70%;height:100%;margin-left:2%;border-bottom:.4px solid #5b5b5b;border-right:.4px solid #5b5b5b}.card{padding-left:25px;padding-right:25px;padding-top:20px;padding-bottom:20px}.card,.header-card{display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 10px rgba(0,0,0,.1)}.header-card{height:80px;border-bottom:.4px solid #5b5b5b}.bottom-card{display:flex;justify-content:space-between;align-items:center;padding-left:25px;padding-right:25px;padding-top:2px;padding-bottom:2px}.divider{width:calc(100% - 50px);height:.4px;background-color:#5b5b5b;margin-left:25px;margin-right:25px}.call-button,.put-button{width:50%;height:100%;background-color:#1f2124;color:#fff;font-size:25px;padding:0;margin:0;border-top:none;border-left:none;border-right:none;border-bottom:.4px solid #5b5b5b;border-radius:8px 8px 0 0}.call-button{border-radius:8px 0 0 0}.put-button{border-radius:0 8px 0 0}.call-button:hover,.put-button:hover{background-color:#161616}.call-button.selected,.put-button.selected{color:#fff;border-bottom:4px solid #ff007a}.hours,.minutes,.seconds{font-family:Exo,sans-serif;font-size:20px;font-weight:bolder;color:#ff007a}@keyframes blink{50%{opacity:0}}.closed{color:#ff007a;font-weight:bolder}.option-list{color:#fff;background-color:#161616;width:100px;height:32px;border-radius:4px;border:.4px solid #5b5b5b}.option-list.disabled{color:#fff;background-color:#5b5b5b;width:100px;height:32px;border-radius:4px;border:.4px solid #161616;cursor:not-allowed}.small-input{color:#fff;background-color:#161616;width:100px;height:32px;border-radius:4px;border:.4px solid #5b5b5b!important;outline:none!important;box-shadow:none!important}.small-input.disabled{color:#fff;background-color:#5b5b5b;width:100px;height:32px;border-radius:4px;border:.4px solid #161616;cursor:not-allowed!important}.leverage-container{display:flex;flex-direction:column;margin-top:5px;margin-bottom:5px;gap:15px;align-items:left}.leverage-controls{display:flex;flex-direction:column;gap:10px;align-items:flex-end}.accent{accent-color:#10111b;width:100px}.input-controls{display:flex;flex-direction:column;gap:10px;margin-top:10px}.open-position-button{color:#fff;cursor:pointer;width:100%}.open-position-button,.open-position-button.disabled{background-color:#ff007a;border-radius:4px;font-size:20px;border:.4px solid #5b5b5b}.open-position-button.disabled{color:gray;cursor:not-allowed}.open-position-button.enabled{background-color:#ff007a;color:#fff;border-radius:4px;cursor:pointer;font-size:20px;border:.4px solid #5b5b5b}.open-position-button.enabled:hover:not(:disabled){background-color:#fb278e}.container-b{margin-top:2%;margin-bottom:2%;display:flex;flex-direction:column;width:50%;flex-shrink:0;align-items:flex-start;z-index:1}.container-b label{margin-left:7%;padding-bottom:20px;font-size:16px;font-weight:700;color:#d3d3d3}.chartJS-container{width:100%;height:100%;margin-left:2%}.positions-container{background-color:#1e1e22;padding:20px;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1);max-width:900px;margin:0 auto;position:relative;padding-bottom:60px}.positions-container,.title{color:#fff;text-align:center}.title{font-size:24px;font-weight:700;margin-bottom:20px;display:inline-block}.info-section{display:flex;justify-content:space-between;margin-bottom:20px}.label-item{font-size:16px;font-weight:500;color:#b2b2b2}.position-table{width:100%;border-collapse:collapse;margin-bottom:20px;background-color:#13151b;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px rgba(0,0,0,.1)}.position-table td,.position-table th{padding:12px 15px;text-align:center;border-bottom:1px solid #444}.position-table th{background-color:#aeb0ca;color:#000;font-weight:600}.position-table tbody tr:hover{background-color:#34343b}.dropdown-section{margin-top:20px;text-align:center;position:relative;cursor:pointer;display:inline-block}.dropdown-section .arrow-down:before,.dropdown-section .arrow-up:before{content:"";border:solid #fff;border-width:0 4px 4px 0;display:inline-block;padding:8px;transform:translate(-50%,-50%);position:absolute;top:50%;left:50%}.dropdown-section .arrow-down:before{transform:translate(-50%,-50%) rotate(45deg)}.dropdown-section .arrow-up:before{transform:translate(-50%,-50%) rotate(-135deg)}.tooltip-text{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);background-color:#000;color:#fff;padding:5px 10px;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .3s}.dropdown-section:hover .tooltip-text{opacity:1;visibility:visible}.previous-position-section{margin-top:30px;padding:20px;background-color:#13151b;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1)}.input-container{display:flex;flex-direction:column;margin-bottom:20px}.input-row{display:flex;align-items:center;gap:10px}input[type=number]{flex:1;padding:8px;border-radius:4px;border:1px solid #ccc}.redeem-button-container{display:flex;justify-content:flex-end;position:relative}.redeem-button{padding:10px 20px;font-size:16px;cursor:pointer;background-color:#10111b;color:#fff;border-radius:4px;transition:background-color .3s}.redeem-button:disabled{background-color:#10111b;color:gray;cursor:not-allowed}.redeem-button:hover:not(:disabled){background-color:#82838b}.lqdt-button{padding:10px 20px;font-size:12px;cursor:pointer;background-color:#10111b;color:#fff;border-radius:4px;transition:background-color .3s;margin:5px}.lqdt-button:disabled{background-color:#10111b;color:gray;cursor:not-allowed}.lqdt-button:hover:not(:disabled){background-color:#82838b}.form-row{flex-direction:row;justify-content:space-between;margin-top:15px;margin-left:20px;margin-right:20px;margin-bottom:5px}.form-row,.overlay{display:flex;align-items:center}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:1;justify-content:center}.dialog{width:400px;max-height:80%;background-color:#191a1d;border:1px solid #46494f;padding:20px 0;box-shadow:0 2px 10px rgba(0,0,0,.1);overflow-y:auto}.dialog-content{display:flex;flex-direction:column;gap:10px;text-align:left;align-items:flex-start;width:100%;padding-left:10px}.dialog-content>:first-child{margin-top:1px;align-self:center}.dialog-content>:last-child{margin-bottom:5px;align-self:center}.spinner{border:4px solid #e3e7ed;border-left-color:#171935;border-radius:50%;width:30px;height:30px;animation:spin 1s linear infinite;margin:20px auto}.buttons{display:flex;gap:10px}.buttons-confirm{padding:10px 20px;font-size:12px;cursor:pointer;background-color:#10111b;color:#fff;border-radius:4px;transition:background-color .3s;margin:5px}.buttons-confirm:disabled{background-color:#10111b;color:gray;cursor:not-allowed}.buttons-cancel{padding:10px 20px;font-size:12px;cursor:pointer;background-color:#10111b;color:#fff;border-radius:4px;transition:background-color .3s;margin:5px}.buttons-confirm:hover:not(:disabled){background-color:#01ca94f2}.buttons-cancel:hover:not(:disabled){background-color:#ff007a}.overlay-label{display:block;margin-bottom:25px}.refresh-section{display:flex;align-items:center;gap:10px}.refresh-button{padding:10px 20px;font-size:12px;cursor:pointer;background-color:#10111b;color:#fff;border-radius:4px;transition:background-color .3s;margin:5px}.refresh-button:disabled{background-color:#10111b;color:gray;cursor:not-allowed}.refresh-button:hover{background-color:#82838b}.refresh-spinner{border:4px solid #e3e7ed;border-top-color:#171935;border-radius:50%;width:30px;height:30px;animation:spin 1s linear infinite}.search-button{padding:10px 20px;font-size:12px;cursor:pointer;background-color:#10111b;color:#fff;border-radius:4px;transition:background-color .3s;margin:5px}.search-button:hover{background-color:#82838b}.search-spinner,.search-spinner-home{border:4px solid #e3e7ed;border-top-color:#171935;border-radius:50%;width:20px;height:20px;animation:spin 1s linear infinite}.search-spinner{margin:20px auto}.error{color:#ef5350;margin-top:5px}@keyframes spin{to{transform:rotate(1turn)}}.transaction-banner-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:1000}.transaction-banner{background-color:rgba(31,34,39,.9);color:#fff;padding:20px;border-radius:5px;text-align:center;z-index:1001;max-width:95%;width:500px;position:relative}.close-button{justify-content:right}.banner-content{position:relative}.close-button{position:absolute;top:0;right:10px;background:transparent;border:none;color:#fff;font-size:18px;cursor:pointer;z-index:1002}.close-button:hover{color:red}.spinner-container{display:flex;justify-content:center;align-items:center;height:60px}.result{word-wrap:break-word;margin:10px 0}.hash{font-size:14px;color:#ccc}.hash a{color:#2485e7;text-decoration:underline}.hash a:hover{color:#16a59e}.checkbox-wrapper-7 .tgl{display:none}.checkbox-wrapper-7 .tgl,.checkbox-wrapper-7 .tgl *,.checkbox-wrapper-7 .tgl :after,.checkbox-wrapper-7 .tgl :before,.checkbox-wrapper-7 .tgl+.tgl-btn,.checkbox-wrapper-7 .tgl:after,.checkbox-wrapper-7 .tgl:before{box-sizing:border-box}.checkbox-wrapper-7 .tgl ::-moz-selection,.checkbox-wrapper-7 .tgl :after::-moz-selection,.checkbox-wrapper-7 .tgl :before::-moz-selection,.checkbox-wrapper-7 .tgl+.tgl-btn::-moz-selection,.checkbox-wrapper-7 .tgl::-moz-selection,.checkbox-wrapper-7 .tgl:after::-moz-selection,.checkbox-wrapper-7 .tgl:before::-moz-selection{background:none}.checkbox-wrapper-7 .tgl ::-moz-selection,.checkbox-wrapper-7 .tgl ::selection,.checkbox-wrapper-7 .tgl :after::-moz-selection,.checkbox-wrapper-7 .tgl :after::selection,.checkbox-wrapper-7 .tgl :before::-moz-selection,.checkbox-wrapper-7 .tgl :before::selection,.checkbox-wrapper-7 .tgl+.tgl-btn::-moz-selection,.checkbox-wrapper-7 .tgl+.tgl-btn::selection,.checkbox-wrapper-7 .tgl::-moz-selection,.checkbox-wrapper-7 .tgl::selection,.checkbox-wrapper-7 .tgl:after::-moz-selection,.checkbox-wrapper-7 .tgl:after::selection,.checkbox-wrapper-7 .tgl:before::-moz-selection,.checkbox-wrapper-7 .tgl:before::selection{background:none}.checkbox-wrapper-7 .tgl+.tgl-btn{outline:0;display:block;width:3.6em;height:1.5em;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.checkbox-wrapper-7 .tgl+.tgl-btn:after,.checkbox-wrapper-7 .tgl+.tgl-btn:before{position:relative;display:block;content:"";width:50%;height:100%}.checkbox-wrapper-7 .tgl+.tgl-btn:after{left:0}.checkbox-wrapper-7 .tgl+.tgl-btn:before{display:none}.checkbox-wrapper-7 .tgl:checked+.tgl-btn:after{left:50%}.checkbox-wrapper-7 .tgl-ios+.tgl-btn{background:#fbfbfb;border-radius:2em;padding:2px;transition:all .4s ease;border:1px solid gray}.checkbox-wrapper-7 .tgl-ios+.tgl-btn:after{border-radius:2em;background:#fbfbfb;transition:left .3s cubic-bezier(.175,.885,.32,1.275),padding .3s ease,margin .3s ease;box-shadow:0 0 0 1px rgba(0,0,0,.1),0 4px 0 rgba(0,0,0,.08)}.checkbox-wrapper-7 .tgl-ios+.tgl-btn:hover:after{will-change:padding}.checkbox-wrapper-7 .tgl-ios+.tgl-btn:active{box-shadow:inset 0 0 0 2em gray}.checkbox-wrapper-7 .tgl-ios+.tgl-btn:active:after{padding-right:.8em}.checkbox-wrapper-7 .tgl-ios:checked+.tgl-btn{background:#10111b}.checkbox-wrapper-7 .tgl-ios:checked+.tgl-btn:active{box-shadow:none}.checkbox-wrapper-7 .tgl-ios:checked+.tgl-btn:active:after{margin-left:-.8em}*{box-sizing:border-box}