body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#111317;margin:0}body,code{font-family:Plus Jakarta Sans,sans-serif}.wrapper{height:100vh;width:100%}.container,.wrapper{align-content:center;align-items:center;display:flex;justify-content:center}.container{background-color:#1b232d;border:none;border-radius:10px;color:#f5f7fd;padding:3vh 0;width:85%}.container input{background-color:#111317;border:1px;border-color:#f6f8fd80;border-radius:10px;border-style:solid;color:#f5f7fd}.form{padding-left:5vw;width:30%}.form .title{font-size:24px;font-weight:600}.form .form-group{font-size:14px;font-weight:200;margin-top:10px}.form.login .form-group{margin-top:20px}.form .form-group input{box-sizing:border-box;font-size:14px;font-weight:200;margin-top:5px;padding:10px;width:100%}.form .form-group.submit input{background-color:#00a445;border:none;box-shadow:2px 4px 5px #00000080;font-weight:600}.form .form-group.submit input:hover{background-color:#008148}.form .form-group.submit input:active{box-shadow:inset 0 0 3px #000c}.container .image img{width:100%}.container .image{padding-left:5vw;width:40%}.container .image.login{padding-left:5vw;width:35%}.container .image.checked{padding-left:5vw;width:20%}.login-redirect{font-weight:200;margin-top:10px;text-align:center}.login-redirect a{color:#f5f7fd;font-weight:500;text-decoration:underline}.form-group .submit{align-items:center;display:flex}.error-msg{color:#c3151c;font-size:14px;font-weight:400;margin-top:10px}.error-msg.notification{color:#f5f7fd;text-align:center}.login-redirect.otp a{text-decoration:underline}.form.success .title{color:#00a445}.form.success{text-align:center}.form.success .title{margin-bottom:3vh}.form.success button{background-color:#00a445;border:none;border-radius:10px;box-shadow:2px 4px 5px #00000080;color:#f5f7fd;font-size:2.5vh;font-weight:600;margin-top:3vh;padding:1vh 2vw}.form.success button:hover{background-color:#008148}.form.success button:active{box-shadow:inset 0 0 3px #000c}.login-redirect.forgot-password a{font-size:15px;font-weight:200;text-decoration:none}@media only screen and (max-width:850px){.container .image img{display:none}.form{padding-right:5vw;width:100%}.container{flex-wrap:wrap}}.loading-container{align-content:center;align-items:center;background-color:#000c;bottom:0;color:#f5f7fd;display:none;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.loading-popup{background-color:#1a1e23;border-radius:10px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:10px;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.loading-popup img{border-radius:10px;max-width:200px;width:30vw}.loading-popup .loading-text{animation-direction:alternate;animation-duration:5s;animation-iteration-count:infinite;animation-name:move;animation-timing-function:linear;font-size:clamp(12px,2vw,20px);margin-top:5px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@keyframes move{0%{transform:translateX(0)}to{transform:translateX(80%)}}.portfolio-table{background-color:initial;color:#f5f7fd;margin:20px 5vw;max-width:1200px;width:100%}.portfolio-table table{border-collapse:collapse;width:100%}.portfolio-table table thead th{border-bottom:1px solid #fff3;border-top:1px solid #fff3;padding:10px 0}.portfolio-table table tbody tr{border-bottom:1px solid #fff3}.portfolio-table table tr td{text-align:center}.portfolio-table table tr td.actions button{align-content:center;background-color:initial;border:0;display:flex;flex-wrap:wrap;justify-content:center;padding:5px}.portfolio-table table tr td.actions button:hover{background-color:#1b232d;border-radius:3px}.portfolio-table table tr td.actions div{align-content:center;display:flex;flex-wrap:nowrap;justify-content:center}.portfolio-table table tr td.actions button img{width:15px}.holdings-unit{font-weight:200;opacity:60%}.row-setting{font-weight:200;justify-content:space-between}.number-row,.row-setting{align-items:center;display:flex}.number-row p{margin-right:10px}.number-row select{border-radius:5px;font-family:Plus Jakarta Sans,sans-serif;font-weight:600;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:5px}.actions select{-webkit-appearance:none;appearance:none;background-color:initial;background-image:url(/static/media/menu.3f20149174ee539efec8.png);background-repeat:no-repeat;background-size:contain;border:none;width:25px}.actions select:active,.actions select:hover{background-color:#1b232d;border-radius:3px}.actions select:active{border:none}.actions option{background-color:#f5f7fd;font-family:Plus Jakarta Sans,sans-serif;font-weight:500}@media only screen and (min-width:850px){.portfolio-table .navbar-line{display:none}}@media only screen and (max-width:850px){.portfolio-table table thead tr{display:none}.portfolio-table table td{border:none}.portfolio-table table{table-layout:fixed}.portfolio-table table tbody tr{word-wrap:break-word}.portfolio-table table tbody td{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%}.portfolio-table table tbody td *{display:flex;flex-wrap:wrap;justify-content:flex-end;margin:0;width:100%}.portfolio-table table tr td.actions div{display:flex;flex-wrap:nowrap;justify-content:flex-end;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.portfolio-table table td:before{font-weight:600}.portfolio-table table td:first-of-type:before{content:"#"}.portfolio-table table td:nth-of-type(2):before{content:"Coin"}.portfolio-table table td:nth-of-type(3):before{content:"Price"}.portfolio-table table td:nth-of-type(4):before{content:"Holdings"}.portfolio-table table td:nth-of-type(5):before{content:"Total PNL"}.portfolio-table table td:nth-of-type(6):before{content:"Unrealized PNL"}.portfolio-table table td:nth-of-type(7):before{content:"Realized PNL"}.portfolio-table table td:nth-of-type(8):before{content:"Average Cost"}.portfolio-table table td:nth-of-type(9):before{content:"Total Invested"}.portfolio-table table td:nth-of-type(10):before{content:"Remaining Cost"}.portfolio-table table td:nth-of-type(11):before{content:"Sold"}.portfolio-table table td:nth-of-type(12):before{content:"Actions"}}.holdings-title{font-weight:600;margin:10px}.holdings-chart{display:flex;height:80%;justify-content:center;margin:0 10px;max-height:50vh;width:content-box}.performance-title{font-weight:600;margin:10px}.title-period-wrapper{align-items:flex-start;display:flex;justify-content:space-between;width:100%}.performance-period{background-color:#242930;border-radius:10px;margin:10px}.performance-period button{background-color:initial;border:0;border-radius:5px;color:#f5f7fd;font-family:Plus Jakarta Sans,sans-serif;font-weight:600;margin:5px;padding:3px 8px}.performance-period button.active{background-color:#111317}.performance-wrapper{align-content:stretch;display:flex;flex-wrap:wrap;height:100%}.performance-chart,.portfolio-container{display:flex;justify-content:center;width:100%}.portfolio-container{flex-wrap:wrap}.summary{color:#f5f7fd;margin:0 5vw;max-width:1200px;width:100%}.summary .title{display:flex;justify-content:space-between}.summary .title button{align-items:center;background-color:#f5f7fd;border:0;border-radius:3px;display:flex;flex-wrap:nowrap;padding:5px 10px}.summary .title button:hover{background-color:#fff}.summary .title button:active{box-shadow:inset 0 0 3px #000c}.summary .title button img{width:15px}.summary .title button div{font-family:Plus Jakarta Sans,sans-serif;font-weight:700}.summary .title .content{align-items:center;display:flex;font-weight:600}.summary .grid-container{grid-column-gap:10px;grid-row-gap:10px;column-gap:10px;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:auto auto;margin-top:10px;row-gap:10px;width:100%}@media only screen and (max-width:850px){.summary .grid-container{display:grid;grid-template-areas:"one1 two2" "three3 four4" "five5 none" "six6 none";grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,auto)}.total-invested{grid-area:one1;grid-column-end:3;grid-column-start:1}.current-balance{grid-area:two2;grid-column-end:5;grid-column-start:3}.profit-lost{grid-area:three3;grid-column-end:3;grid-column-start:1}.portfolio-change{grid-area:four4;grid-column-end:5;grid-column-start:3}.holdings{grid-area:five5;grid-column-end:5!important;grid-column-start:1!important}.performance{grid-area:six6;grid-column-end:5!important;grid-column-start:1!important}}.holdings{grid-column-end:3;grid-column-start:1}.performance{grid-column-end:5;grid-column-start:3}.current-balance,.holdings,.performance,.portfolio-change,.profit-lost,.total-invested{border:1px solid #ffffff80;border-radius:5px;position:relative}.current-balance,.portfolio-change,.profit-lost,.total-invested{padding:15px 10px}.current-balance .value,.portfolio-change .value,.profit-lost .value,.total-invested .value{font-weight:500}.current-balance .title,.portfolio-change .title,.profit-lost .title,.total-invested .title{font-size:13px;font-weight:400;margin-top:3px;opacity:70%}.edit-btn{align-items:center;background-color:initial;border:0;display:flex;margin:2px;padding:5px;position:absolute;right:0;top:0}.edit-btn:hover{background-color:#2c3745;border-radius:3px}.edit-btn img{height:15px;width:15px}.edit-container{align-content:center;align-items:center;background-color:#00000080;bottom:0;color:#f5f7fd;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:999}.edit-popup{background-color:#1a1e23;border-radius:10px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:20px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.edit-popup .close-btn{align-items:center;background-color:initial;border:0;display:flex;padding:5px}.edit-popup .close-btn:hover{background-color:#2c3745;border-radius:3px}.edit-popup .close-btn img{height:15px;width:15px}.confirmation-container{align-content:center;align-items:center;background-color:#00000080;bottom:0;color:#f5f7fd;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:999}.confirmation-popup{background-color:#1a1e23;border-radius:10px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:20px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.confirmation-popup .content{width:100%}.confirmation-popup .content .confirmation-title{font-size:25px;font-weight:700;margin:15px;text-align:center}.confirmation-popup .content .confirmation-message{text-align:center}.cancel-btn{background-color:#2c3745;border:none;border-radius:10px;box-shadow:2px 4px 5px #00000080;color:#f5f7fd;font-size:2.5vh;padding:1vh 2vw}.cancel-btn:hover{background-color:#404d5e}.confirmation-popup .submit-btn{background-color:#c3151c;border:none;border-radius:10px;box-shadow:2px 4px 5px #00000080;color:#f5f7fd;font-size:2.5vh;padding:1vh 2vw}.confirmation-popup .submit-btn:hover{background-color:#c7292e}.confirmation-buttons{display:flex;gap:10px;justify-content:center;margin:15px}.navbar{align-items:center;color:#f5f7fd;display:grid;grid-template-columns:auto auto auto;justify-content:space-between;margin:2vh 1vw}.navbar .logo{align-items:center;display:flex}.navbar .logo img{width:5vh}.navbar .logo .title{font-size:20px;font-style:italic;font-weight:500}.navbar .logo .title,.navbar .logo-navigate,.navbar .navigate a{color:#f5f7fd;text-decoration:none}.navbar .navigate a{font-weight:500;margin:0 3vw}.navbar .navigate .add-transaction:hover,.navbar .navigate .dashboard:hover,.navbar .navigate .history:hover,.navbar .navigate .watchlist:hover{color:#00a445}.navbar .setting{align-items:center;display:flex}.navbar .setting .logout{margin:0 1vw}.navbar .setting .logout button{align-items:center;background-color:initial;border:0;display:flex;padding:25%}.navbar .setting .logout button:hover{background-color:#1b232d;border-radius:5px}.navbar .setting .logout button img{width:4vh}hr.navbar-line{background-color:#ffffff80;border:none;height:1px;width:100%}@media only screen and (min-width:850px){.menu{display:none}.navigate{display:block!important}hr.navigate-line{display:none!important}.setting{display:flex!important}}@media only screen and (max-width:850px){.menu button{background-color:initial;border:none;margin:0 1vw}.menu button:hover{background-color:#1b232d;border-radius:5px}.menu button img{width:4vh!important}.navbar{display:flex;flex-wrap:wrap}.navbar .logo,.navbar .navigate,.navbar .setting{margin:1vh 0}.navbar .navigate{flex-wrap:wrap;width:100%}.navbar .logo,.navbar .navigate a{width:100%}hr.navigate-line{background-color:#ffffff80;border:none;height:1px;margin-left:3vw;margin-right:3vw;width:100%}.setting{display:flex;justify-content:center;width:100%}}.add-transaction-container{align-content:center;align-items:center;background-color:#00000080;bottom:0;color:#f5f7fd;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:999}.transaction-popup{background-color:#1a1e23;border-radius:10px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:20px;width:50%}.transaction-popup .close-btn{align-items:center;background-color:initial;border:0;display:flex;padding:5px}.transaction-popup .close-btn:hover{background-color:#2c3745;border-radius:3px}.transaction-popup .close-btn img{height:15px;width:15px}.transaction-title{font-weight:700;margin-top:7px}.transaction-form .form-group{margin:7px 0}.transaction-form .form-group div{font-size:13px;font-weight:300}.transaction-form .form-group input{background-color:#111317;border:1px solid #f5f7fd80;border-radius:5px;box-sizing:border-box;color:#f5f7fd;font-size:14px;font-weight:200;margin-top:5px;padding:10px;width:100%}.transaction-form .form-group.submit{display:flex}.transaction-form .form-group.submit input.buy{background-color:#00a445;border:none;box-shadow:2px 4px 5px #00000080;font-weight:600;margin-right:5px}.transaction-form .form-group.submit input.buy:hover{background-color:#008148}.transaction-form .form-group.submit input.buy:active{box-shadow:inset 0 0 3px #000c}.transaction-form .form-group.submit input.sell{background-color:#c3151c;border:none;box-shadow:2px 4px 5px #00000080;font-weight:600;margin-left:5px}.transaction-form .form-group.submit input.sell:hover{background-color:#a11116}.transaction-form .form-group.submit input.sell:active{box-shadow:inset 0 0 3px #000c}.transaction-form .form-group.date-time input[type=datetime-local]{font-family:Plus Jakarta Sans,sans-serif!important}.transaction-form .form-group.date-time input[type=datetime-local]::-webkit-calendar-picker-indicator{background-color:#f5f7fd;border-radius:2px}.transaction-form .form-group.date-time input[type=datetime-local]::-webkit-calendar-picker-indicator:hover{background-color:#caccd1}.transaction-form .form-group.price-per-coin div a{color:#f5f7fd;font-weight:200}.transaction-form .form-group.price-per-coin div{display:flex;justify-content:space-between}.transaction-form .form-group input{font-family:Plus Jakarta Sans,sans-serif!important}.transaction-popup .form.success{padding:0;width:100%}.form-group.type select{background-color:#111317;border:1px solid #f5f7fd80;border-radius:5px;color:#f5f7fd;font-family:Plus Jakarta Sans,sans-serif!important;font-size:14px;font-weight:200;margin-top:5px;padding:10px;width:100%}.currency-converter{position:relative}.convert-icon{bottom:1vw;position:fixed;right:1vw}.convert-icon button{align-items:center;background-color:initial;border:none;display:flex;justify-content:center;padding:1vw}.convert-icon button:hover{background-color:#1b232d;border-radius:1vw}.convert-icon img{max-width:40px;min-width:20px;width:3vw}.currency-convert-popup{align-content:center;align-items:center;background-color:#00000080;bottom:0;color:#f5f7fd;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:999}.required{color:#c3151c;font-size:.9em}.details-container{display:flex;flex-wrap:wrap;justify-content:center;width:100%}.details-summary{color:#f5f7fd;margin:0 10vw;max-width:1000px;width:100%}.coin-name{display:flex;gap:5px}.coin-name .symbol{font-weight:700}.coin-name p{margin:5px 0}.detail-price{font-size:20px;font-weight:600}.details-grid-container{grid-column-gap:10px;grid-row-gap:10px;column-gap:10px;display:grid;grid-template-columns:repeat(5,1fr);margin-top:10px;row-gap:10px;width:100%}.details-grid-container .average-cost,.details-grid-container .holding-quantity,.details-grid-container .holding-value,.details-grid-container .total-cost,.details-grid-container .total-profit{border:1px solid #ffffff80;border-radius:5px;padding:15px 10px;position:relative}.details-grid-container .average-cost .value,.details-grid-container .holding-quantity .value,.details-grid-container .holding-value .value,.details-grid-container .total-cost .value,.details-grid-container .total-profit .value{font-weight:500}.details-grid-container .average-cost .title,.details-grid-container .holding-quantity .title,.details-grid-container .holding-value .title,.details-grid-container .total-cost .title,.details-grid-container .total-profit .title{font-size:13px;font-weight:400;margin-top:3px;opacity:70%}@media only screen and (max-width:850px){.details-grid-container{display:flex;flex-wrap:wrap}.details-grid-container div{width:30vw}}.transaction-table{color:#f5f7fd;margin:20px 10vw;max-width:1000px;width:100%}.transaction-table .title{display:flex;justify-content:space-between}.transaction-table .title button{align-items:center;background-color:#f5f7fd;border:0;border-radius:3px;display:flex;flex-wrap:nowrap;gap:5px;padding:5px 10px}.transaction-table .title button:hover{background-color:#fff}.transaction-table .title button:active{box-shadow:inset 0 0 3px #000c}.transaction-table .title button img{width:12px}.transaction-table .title button div{font-family:Plus Jakarta Sans,sans-serif;font-weight:700}.transaction-table .title .content{align-items:center;display:flex;font-weight:600}.transaction-table table{border-collapse:collapse;margin-top:15px;width:100%}.transaction-table table thead th{border-bottom:1px solid #fff3;border-top:1px solid #fff3;padding:10px 0}.transaction-table table tbody tr{border-bottom:1px solid #fff3}.transaction-table table tr td{padding:5px 0;text-align:center}.transaction-table table tr td.actions{display:flex;justify-content:center}.transaction-table table tr td.actions div{display:flex}.transaction-table table tr td.actions button{align-content:center;background-color:initial;border:0;display:flex;justify-content:center;padding:5px}.transaction-table table tr td.actions button:hover{background-color:#1b232d;border-radius:3px}.transaction-table table tr td.actions button img{width:15px}@media only screen and (max-width:850px){.transaction-table table thead tr{display:none}.transaction-table table td{border:none}.transaction-table table{table-layout:fixed}.transaction-table table tbody tr{word-wrap:break-word}.transaction-table table tbody td{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%}.transaction-table table tbody td *{display:flex;flex-wrap:wrap;justify-content:flex-end;margin:0;width:100%}.transaction-table table tr td.actions{justify-content:space-between}.transaction-table table tr td.actions div{display:flex;flex-wrap:nowrap;justify-content:flex-end;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.transaction-table table td:before{font-weight:600}.transaction-table table td:first-of-type:before{content:"#"}.transaction-table table td:nth-of-type(2):before{content:"Type"}.transaction-table table td:nth-of-type(3):before{content:"Price"}.transaction-table table td:nth-of-type(4):before{content:"Quantity"}.transaction-table table td:nth-of-type(5):before{content:"Date & Time"}.transaction-table table td:nth-of-type(6):before{content:"Cost"}.transaction-table table td:nth-of-type(7):before{content:"Actions"}}
/*# sourceMappingURL=main.95f8fbce.css.map*/