@charset "UTF-8";.Stats{display:flex;flex-direction:column;align-items:center}.Stats .Stats-Card{width:100%;max-width:805px;margin-bottom:50px}.Stats .Stats-Card .Stats-Card-List{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.Section-Header{color:#fff;display:flex;justify-content:space-between;align-items:center;padding:12px 0;width:100%}.StatsCard{width:240px;background-color:#4c4c4c;border-radius:8px;padding:24px 12px 12px;color:#fff;position:relative;height:94px}.StatsCard .StatsCard-Body{display:flex;justify-content:space-between;margin-top:12px}.StatsCard p{margin:0}.StatsCard-Date{margin:0;text-align:center;font-size:1.2em}.StatsCard-Right{text-align:right;color:#000}.StatsCard-Left{text-align:left}.StatsCard-Right-Title,.StatsCard-Left-Title{margin-bottom:6px!important}.StatsCard-Right-Value,.StatsCard-Left-Value{font-size:1.4em}.CardTag{width:100px;height:25px;rotate:-50grad;position:absolute;left:-22px;top:16px;align-items:center;display:flex;justify-content:center;font-weight:700;font-size:13px;clip-path:polygon(22% 0%,78% 0%,100% 90%,0% 90%)}.CardTag{background-color:#000;color:#fff}.InputWithoutError{padding-bottom:0!important}.Input{display:grid;grid-template-columns:1fr auto;position:relative}.Input input{border:none;background-color:var(--secondary-color);color:var(--light-grey);border-radius:4px;padding:12px 24px}.Input p{margin:0 4px;color:red;font-size:var(--xsm);position:absolute;bottom:0}.Input input[type=checkbox]{margin:12px}.SelectWithoutError{padding-bottom:0!important}.Select{display:grid;grid-template-columns:1fr auto;align-items:center;position:relative}.Select select{border:none;border-radius:4px;padding:12px 24px;font-size:var(--sm);background-color:var(--secondary-color);color:var(--light-grey)}.Select label{color:var(--light-grey);margin-right:8px}.Select p{margin:0 4px;color:red;font-size:var(--xsm);position:absolute;bottom:0}.IncomeBarChart{margin-bottom:50px}.IncomeBarChart h3{text-align:center;color:var(--dark);font-size:var(--md)}.IncomeBarChart-Average{color:var(--dark);display:flex;justify-content:space-between}.IncomeBarChart-Average span{font-weight:700}.IncomeBarChart-Average li:nth-child(1) span{color:#008060}.IncomeBarChart-Average li:nth-child(2) span{color:#a06300}.IncomeBarChart-Average li:nth-child(3) span{color:#32cd32}.BarChartTooltip{background-color:var(--secondary-color);padding:10px;border-radius:4px}.BarChartTooltip .label{font-weight:700;color:var(--white);font-size:var(--sm)}.BarChartTooltip .label-header{font-weight:700;color:var(--primary-color)}.CustomerBarChart{margin-bottom:50px}.CustomerBarChart h3{text-align:center;color:var(--dark);font-size:var(--md)}.CustomerBarChart-Average{color:var(--dark);display:flex;justify-content:space-between}.CustomerBarChart-Average span{font-weight:700}.CustomerBarChart-Average li:nth-child(1) span{color:var(--primary-color)}.CreditsBarChart{margin-bottom:50px}.CreditsBarChart h3{text-align:center;color:var(--dark);font-size:var(--md)}.CreditsBarChart-Average{color:var(--dark);display:flex;justify-content:space-between}.CreditsBarChart-Average span{font-weight:700}.CreditsBarChart-Average li:nth-child(1) span{color:#746b00}header{background-color:var(--tertiary-color);height:65px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:8px}.PageInfo h1{color:var(--white);margin:0;font-size:22px}.PageInfo p{color:var(--light-grey);margin:0;font-size:var(--xsm);cursor:pointer}.PageInfo p span{background-color:#ff0;color:#000;border:#9c9c00;border-radius:6px;padding:.1em .4em;margin:0 .3em;font-weight:700;cursor:help}.VersionDetailsModal{color:var(--white);display:grid;font-size:14px}.VersionDetailsModal h2{margin:12px 0;font-size:var(--xlg)}.VersionDetailsModal button{justify-self:center}.VersionDetailsModal-version{margin:12px 0}.VersionDetailsModal-number{margin:24px 0 12px;display:block;font-size:18px;font-weight:700}.VersionDetailsModal-number span{background-color:#ff0;color:#000;border:#9c9c00;border-radius:6px;padding:.1em .4em;margin:0 .3em;font-size:12px;font-weight:700}.VersionDetailsModal-features{color:var(--dark);margin-top:12px}.VersionDetailsModal-versions-list{height:60vh;overflow-x:auto;background-color:var(--secondary-color);border-radius:8px}.ModalContainer{background-color:var(--tertiary-color);padding:24px;border-radius:8px;max-width:85vw}.Button{background-color:#007bff;color:#fff;border:none;padding:12px 24px;border-radius:4px;cursor:pointer;opacity:1;transition:opacity .3s}.Button:disabled{cursor:not-allowed;opacity:.6}.UserInfo{text-align:right}.UserInfo .user-name,.UserInfo .branch-name,.UserInfo .branch-address{margin:0;padding:0}.UserInfo .user-name{color:var(--white);font-size:var(--md)}.UserInfo .branch-name{color:var(--golden);font-size:var(--xsm)}.UserInfo .branch-address{font-size:var(--xsm);color:var(--dark)}.Modal{background-color:#ffffff73;position:fixed;top:-10px;left:-10px;right:-10px;bottom:-10px;display:grid;grid-template-columns:1fr;grid-template-rows:calc(100vh - 60px);align-items:center;justify-items:center;z-index:10}menu{margin:0;padding:12px 0;width:90px;display:flex;flex-direction:column;align-items:center;position:fixed;top:0;left:0;height:calc(100vh - 24px)}menu ul{padding:0;width:100%}menu ul li{list-style:none}menu ul li a{color:var(--dark);font-size:var(--xsm);font-weight:500;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px;margin:4px 0;position:relative}menu ul li a.active{color:var(--primary-color);border-left:4px solid var(--primary-color)}menu ul li a:hover{color:var(--primary-color)}menu ul li a span:nth-child(1){font-size:var(--xlg);margin-bottom:4px}menu .logout{position:absolute;bottom:48px;cursor:pointer;color:var(--light-grey)}menu .logout span{font-size:36px}menu .IsNew{background-color:#ff0;color:#000;border:#9c9c00;border-radius:6px;padding:1px 6px;margin:0;font-weight:700;cursor:help;position:absolute;font-size:12px;top:0;right:0}.Layout{display:flex;position:relative;padding-left:90px}.container{display:grid;grid-template-rows:auto 1fr;height:calc(100vh - 24px);width:100%;padding:0 12px 12px}.Sell{display:grid;grid-template-rows:auto auto 1fr auto;width:100%}.Sell-table{display:grid;gap:8px;grid-template-rows:auto 1fr}@media print{button{display:none}}.InvoiceButton{height:79px;width:200px;background-color:var(--secondary-color)!important;border:1px solid transparent;border-radius:4px!important}.InvoiceButton span{font-size:54px}.InvoiceButton:hover{background-color:var(--tirteary-color)!important;border:1px solid var(--very-light-pink)}.Invoice{border:1px solid transparent;display:flex;grid-gap:4px;flex-direction:column;justify-content:space-between;background-color:var(--secondary-color);border-radius:4px;padding:4px;height:69px;position:relative;cursor:pointer;width:200px;margin-right:8px}.Invoice strong{font-weight:500}.Invoice.active{background-color:var(--primary-color)}.Invoice.active p{color:var(--black)}.Invoice.active p span:nth-child(2){color:var(--tertiary-color)}.Invoice:hover{background-color:var(--tertiary-color);border:1px solid var(--dark)}.Invoice:hover p{color:var(--white)}.Invoice:hover p span:nth-child(2){color:var(--dark)}.Invoice p{display:grid;margin:0;color:var(--white);font-size:var(--sm)}.Invoice p span:nth-child(2){font-size:var(--xsm);color:var(--dark);font-weight:500}.Invoice-remove{display:flex;align-items:center;justify-content:center;position:absolute;border-radius:50%;top:8px;right:8px;width:28px;height:28px;background:none;color:#fff;border:none;box-shadow:0 0 12px 0 var(--dark);cursor:pointer}.Invoice-remove:hover{background-color:var(--critical-color);box-shadow:0 0 12px 0 var(--critical-color)}.Invoice-remove span{font-size:16px}.Invoices{display:grid;grid-template-columns:auto 1fr;align-items:center;padding:0;width:calc(100% - 48px);margin:0;min-width:calc(100% - 48px);overflow:auto}.Invoices .Invoices-container{display:flex}.TableWrapper{overflow-x:auto;overflow-y:scroll;position:relative;width:100%;height:400px;border-radius:8px;background-color:#343a40;display:grid;align-items:start}.TableWrapper table{width:max-content;min-width:100%;height:auto;position:relative;border-collapse:collapse;background-color:#343a40;color:#fff;font-size:14px;border-style:hidden}.TableWrapper th{position:sticky;top:0;background-color:#343a40;z-index:3;font-weight:600}.TableWrapper td,.TableWrapper th{padding:8px 15px;border:1px solid #495057;min-width:80px;white-space:nowrap}.TableWrapper tbody tr{cursor:pointer;opacity:.85}.TableWrapper tbody tr.TableWrapperRowInactived{opacity:.4;cursor:not-allowed}.TableWrapper tbody tr.TableWrapperRowInactived:hover{opacity:.6}.TableWrapper tbody tr:hover{opacity:1}.TableWrapper tr:nth-child(even){background-color:#3d444b}.TableWrapper tr:nth-child(even) .sticky{background-color:#4f5861}.TableWrapper .sticky{position:sticky;right:0;background-color:#3d444b;box-shadow:-5px 0 5px #0003;z-index:4}.TableWrapper th.sticky{z-index:5}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--secondary-color);border-radius:4px}.TableWrapper::-webkit-scrollbar{width:12px}.TableWrapper::-webkit-scrollbar-thumb{border-radius:0 8px 8px 0}.TableWrapper::-webkit-scrollbar-track-piece{background:var(--tertiary-color)}.TableWrapper::-webkit-scrollbar-corner{background:var(--tertiary-color)}.TableWrapper::-webkit-scrollbar-thumb:horizontal{border-radius:0 0 8px 8px/0px 0px 8px 8px}.TableWrapper-Loader{position:absolute;background-color:#0009;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:9}.TableWrapper-Loader .Loader{position:absolute;z-index:10}.TableWrapper-LoaderFooter{height:50px;width:100%;display:flex;align-items:center}.TableWrapper-LoaderFooter div{position:sticky;left:50%}.Loader{width:50px;height:50px;border-radius:50%;background:radial-gradient(farthest-side,var(--primary-color) 94%,rgba(0,0,0,0)) top/8px 8px no-repeat,conic-gradient(rgba(0,0,0,0) 30%,var(--primary-color));-webkit-mask:radial-gradient(farthest-side,rgba(0,0,0,0) calc(100% - 8px),#000 0);animation:s3 .5s infinite linear}@keyframes s3{to{transform:rotate(1turn)}}.SearchForm{width:280px;display:grid;align-items:center;grid-template-columns:1fr auto}.SearchForm input[type=text]{margin-right:4px}.ClientForm{display:grid;grid-template-rows:auto 1fr auto;justify-content:center;align-items:center}.ClientForm h1{text-align:center;font-size:var(--lg);color:var(--light-grey)}.ClientForm .form{display:grid;overflow:auto;width:400px;grid-template-rows:1fr auto;justify-content:center}.ClientForm .form .SearchForm{justify-self:center}.ClientForm .table-container{display:flex;justify-content:center;align-items:center;color:var(--dark);margin:12px 0;width:400px;height:200px;background-color:#3c3e44;border-radius:8px}.ClientForm-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.CreateClientForm h1{text-align:center;font-size:var(--lg);color:var(--light-grey)}.CreateClientForm form{display:grid;gap:12px;overflow:auto}.CreateClientForm form .CreateClientForm-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.CreateClientForm form .CreateClientForm-row>:only-child{grid-column:1/-1;gap:0}.CreateClientForm button{margin:12px 4px 4px}.CreateClientForm .error-container{display:flex!important;flex-direction:column}.CreateClientForm .error-container .error-field{display:flex;flex-direction:column}.CreateClientForm .error-container .error-field p{font-size:var(--sm);color:var(--critical-color)}.CreateClientForm .error-container .error-field ul{margin:0;padding-left:2em;color:var(--critical-color);font-size:var(--xsm)}.SetClientPhoneNumber h1{text-align:center;font-size:20px;color:var(--light-grey);margin-bottom:24px}.SetClientPhoneNumber form{overflow:auto;display:grid;gap:12px}.SetClientPhoneNumber form .SetClientPhoneNumber-row{display:grid;gap:12px}.SetClientPhoneNumber form .SetClientPhoneNumber-row>:only-child{grid-column:1/-1;gap:0}.SetClientPhoneNumber .error-container{display:flex!important;flex-direction:column}.SetClientPhoneNumber .error-container .error-field{display:flex;flex-direction:column}.SetClientPhoneNumber .error-container .error-field p{font-size:var(--sm);color:var(--critical-color)}.SetClientPhoneNumber .error-container .error-field ul{margin:0;padding-left:2em;color:var(--critical-color);font-size:var(--xsm)}ul.ClientInfo{margin:2em 0!important;padding:0!important}ul.ClientInfo li{color:#fff!important;list-style:none!important;margin:.5em 0!important;font-size:18px!important}.SaleController{background-color:var(--secondary-color);border-radius:8px;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;height:80px;padding:0 24px;width:calc(100% - 48px);margin-top:24px}.SaleController .sale-summary{padding:0 24px;display:flex;justify-content:space-around;flex-direction:column}.SaleController .sale-summary .total{font-size:var(--xlg);font-weight:700;margin:0;color:var(--white)}.SaleController .sale-summary .items{margin:0;color:var(--dark)}.SaleController-Buttons{display:flex;gap:8px;align-items:center}.SaleController button.print-button{background-color:var(--dark)}.SaleController .invoice-date{color:var(--critical-color)!important;font-weight:700!important}.SaleController button.credit-button{background-color:#ff0;color:#000}.PreSale h1{font-size:var(--lg);color:var(--white);text-align:center}.Table{padding:0;height:fit-content;position:relative}.Table table{background-color:var(--light-grey);border-collapse:collapse;width:100%;background-color:var(--secondary-color);border-radius:24px}.Table table thead{color:var(--white);text-align:left}.Table table thead tr th{padding:12px;font-size:var(--sm)}.Table table tbody tr{border:1px solid var(--tertiary-color)}.Table table tbody tr td{text-overflow:ellipsis;overflow:hidden;font-size:var(--sm);padding:8px 16px;color:var(--light-grey)}.Table td input{border:1px solid var(--light-grey);border-radius:8px;padding:8px;margin:8px 0;width:80px;font-size:var(--sm)}ul.pagination{display:flex;justify-content:space-between;width:300px;background-color:var(--secondary-color);border-radius:24px;padding:0 24px}.pagination li{display:flex;align-items:center;justify-content:center;color:var(--dark);cursor:pointer;padding:8px 12px}.pagination li.active{color:var(--white)}.pagination-container{position:absolute;width:100%;display:flex;justify-content:center}.pagination-container .page-numbers{display:flex;max-width:210px;overflow-x:auto}.pagination-container .page-numbers::-webkit-scrollbar{width:20px}.pagination-container .page-numbers::-webkit-scrollbar-track{box-shadow:inset 0 0 5px gray;border-radius:10px}.pagination-container .page-numbers::-webkit-scrollbar-thumb{background-color:var(--critical-color);border-radius:10px}.pagination-container .page-numbers::-webkit-scrollbar-thumb:hover{background:#b30000}#handleNextTablePage,#handleBackTablePage{position:absolute;color:#fff;top:50%;padding:.4em;background-color:#ffffff80;border-radius:50%;box-shadow:0 0 12px 0 var(--dark);cursor:pointer}#handleNextTablePage:hover,#handleBackTablePage:hover{background-color:var(--primary-color)}#handleNextTablePage{right:-24px}#handleBackTablePage{left:-24px;rotate:200grad}.btn-actions{width:100px;display:flex;flex-direction:row;justify-content:center;align-items:center;background-color:#ffffff3d;border-radius:8px}.btn-actions button{display:flex;align-items:center}.btn-actions button:disabled span{color:var(--light-grey)}.btn-actions .amount{padding:4px 8px;border-radius:8px}.glass-button{background-color:transparent;border:none;border-radius:8px;padding:4px;cursor:pointer}.remove-button{color:var(--critical-color)}.add-button{color:var(--primary-color)}.ConfirmSale h1{font-size:var(--lg);color:var(--white);text-align:center}.ConfirmSale .title-print{display:none}@media print{.ConfirmSale .title{display:none}.ConfirmSale .title-print{display:block}}.SuccessfulSale{background-color:var(--tertiary-color);border-radius:24px;padding:12px;min-width:400px;min-height:400px;display:flex;flex-direction:column;align-items:center}.SuccessfulSale h1{color:var(--white);font-size:var(--xlg)}.SuccessfulSale span{font-size:180px;color:var(--success-color)}.SuccessfulSale button{margin-top:24px}.FailedSale{background-color:var(--tertiary-color);border-radius:24px;padding:12px;min-width:400px;min-height:400px;display:flex;flex-direction:column;align-items:center}.FailedSale h1{color:var(--white);font-size:var(--xlg)}.FailedSale span{font-size:180px;color:var(--critical-color)}.FailedSale p{color:var(--critical-color)}.FailedSale button{margin-top:24px}.ProductSearchFilter{display:grid;grid-template-columns:1fr auto 2fr;align-items:center;padding:4px 0;margin:8px 0;gap:24px}.ProductSearchFilter .ProductSearchFilter-filters{display:flex;justify-content:space-between;font-size:var(--sm);width:420px;gap:12px}.Tabs{display:flex;border-radius:4px;overflow:hidden}.tab{flex:1;display:flex;align-items:center;justify-content:center;height:40px;cursor:pointer;background-color:#7ad3d3;color:#fff;transition:background-color .3s}.tab:not(.active):hover{background-color:#54c6c6}.tab.active{background-color:#39aeae}.Clients{display:grid;grid-template-rows:auto 1fr;width:100%}.Clients .search{display:grid;grid-template-columns:1fr auto;height:80px;align-items:center;padding:0;margin:12px 0}.Clients .StatsCard{position:absolute;bottom:24px;right:24px}.Sales{display:grid;grid-template-rows:auto 1fr;width:100%}.Sales .search{display:grid;grid-template-columns:1fr auto;height:80px;align-items:center;padding:0;margin:12px 0}.Sales .StatsCard{position:absolute;bottom:24px;right:24px}.SaleDetail{display:flex;flex-direction:column;align-items:center;position:relative}.SaleDetail h2{font-size:var(--lg);color:var(--white);text-align:center}.SaleDetail p{color:var(--white);margin:0}.SaleDetail .return-button{background-color:orange;color:#000}.SaleDetail-Info{display:flex;justify-content:space-between;width:100%}.SaleDetail-Info ul{margin:2em 0;padding:0}.SaleDetail-Info ul li{color:#fff;list-style:none;margin:.5em;font-size:18px}.SaleDetail-Info ul:nth-child(2) li:nth-child(1){color:var(--primary-color)}.SaleDetail-Buttons{display:grid;grid-template-columns:1fr 1fr;gap:24px}.SaleDetail-Buttons button{margin-top:1em}.CreditEdit-Button{color:#007bff;cursor:pointer;font-size:14px;background-color:#fff;padding:.2em .3em;border-radius:4px}.SaleTag-green,.SaleTag-yellow{width:140px;height:34px;rotate:-50grad;position:absolute;left:-30px;top:23px;align-items:center;display:flex;justify-content:center;font-weight:700;font-size:18px;clip-path:polygon(22% 0%,78% 0%,100% 90%,0% 90%)}.SaleTag-yellow{background-color:#ff0}.SaleTag-green{background-color:green;color:#fff}.SaleReturn{display:flex;flex-direction:column;align-items:center;position:relative}.SaleReturn h1{color:var(--white);font-size:var(--xlg);margin:0}.SaleReturn h2{font-size:var(--lg);color:var(--white);text-align:center}.SaleReturn p{color:var(--white);margin:0}.SaleReturn .return-button{background-color:#ff0;color:#000}.SaleReturn-Info{display:flex;justify-content:space-between;width:100%}.SaleReturn-Info ul{margin:2em 0;padding:0}.SaleReturn-Info ul li{color:#fff;list-style:none;margin:.5em;font-size:18px}.SaleReturn-Info ul:nth-child(2) li:nth-child(1){color:var(--primary-color)}.SaleReturn-Buttons{display:grid;grid-template-columns:1fr 1fr;gap:24px}.SaleReturn-Buttons button{margin-top:1em}.ReturnTools{display:flex;justify-content:space-between;align-items:center;border-radius:4px;width:fit-content;gap:4px}.ReturnTools .action{display:flex;flex-direction:column;align-items:center}.ReturnTools label{margin-bottom:5px;font-size:10px;color:var(--white)}.ReturnTools input[type=number]{width:48px}.ConfirmReturn{display:flex;flex-direction:column;align-items:center;position:relative}.ConfirmReturn h1{color:var(--white);font-size:var(--xlg);margin:0}.ConfirmReturn h2{font-size:var(--lg);color:var(--white);text-align:center}.ConfirmReturn p{color:var(--white);margin:0}.ConfirmReturn textarea{background-color:var(--secondary-color);border-radius:12px;margin-top:24px;width:calc(100% - 1em);font-size:18px;padding:.5em;color:var(--white)}.ConfirmReturn-Info{display:flex;justify-content:space-between;width:100%}.ConfirmReturn-Info ul{margin:2em 0;padding:0}.ConfirmReturn-Info ul li{color:#fff;list-style:none;margin:.5em;font-size:18px}.ConfirmReturn-Info ul:nth-child(2) li:nth-child(1){color:var(--critical-color)}.ConfirmReturn-Info ul:nth-child(2) li:nth-child(2){color:var(--primary-color)}.ConfirmReturn-Info ul:nth-child(2) li:nth-child(3){color:var(--dark)}.ConfirmReturn-Buttons{display:grid;grid-template-columns:1fr 1fr;gap:24px}.ConfirmReturn-Buttons button{margin-top:1em}.SuccessfulReturn{background-color:var(--tertiary-color);border-radius:24px;padding:12px;min-width:400px;min-height:400px;display:flex;flex-direction:column;align-items:center}.SuccessfulReturn h1{color:var(--white);font-size:var(--xlg)}.SuccessfulReturn span{font-size:180px;color:var(--success-color)}.SuccessfulReturn button{margin-top:24px}.FailedReturn{background-color:var(--tertiary-color);border-radius:24px;padding:12px;min-width:400px;min-height:400px;display:flex;flex-direction:column;align-items:center}.FailedReturn h1{color:var(--white);font-size:var(--xlg)}.FailedReturn span{font-size:180px;color:var(--critical-color)}.FailedReturn p{color:var(--critical-color)}.FailedReturn button{margin-top:24px}.EditCreditPrices{position:relative}.EditCreditPrices h1{font-size:var(--xlg);color:var(--white);text-align:center}.EditCreditPrices h2{font-size:var(--lg);color:var(--white);text-align:center}.EditCreditController{background-color:var(--secondary-color);border-radius:8px;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;height:80px;padding:0 24px;width:calc(100% - 48px);margin-top:24px}.EditCreditController .sale-summary{padding:0 24px;display:flex;justify-content:space-around;flex-direction:column}.EditCreditController .sale-summary .total{font-size:var(--xlg);font-weight:700;margin:0;color:var(--white)}.EditCreditController .sale-summary .items{margin:0;color:var(--dark)}.EditCreditController .sale-summary .currentTotal{margin:0;color:var(--critical-color)}.EditCreditController .EditCreditController-Buttons{display:flex;gap:8px;align-items:center}.EditCreditConfirm{position:relative}.EditCreditConfirm h1{font-size:var(--xlg);color:var(--white);text-align:center}.EditCreditConfirm h2{font-size:var(--lg);color:var(--white);text-align:center}.Login{background-color:var(--tertiary-color);height:100vh;display:flex;align-items:center;justify-content:center}.Login-box{display:grid;grid-template-rows:auto 1fr;width:320px;height:300px;background-color:var(--secondary-color);border-radius:24px;position:relative}.Login-loader{position:absolute;top:0;bottom:0;left:0;right:0;background-color:#00000091;border-radius:24px;display:flex;justify-content:center;align-items:center}.Login-loader .lds-dual-ring{display:inline-block;width:80px;height:80px}.Login-loader .lds-dual-ring:after{content:" ";display:block;width:64px;height:64px;margin:8px;border-radius:50%;border:6px solid #fff;border-color:#fff transparent #fff transparent;animation:lds-dual-ring 1.2s linear infinite}@keyframes lds-dual-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.Login .title{border-top-right-radius:24px;border-top-left-radius:24px;background-color:var(--black);color:var(--white);font-size:var(--lg);align-items:center;width:100%;justify-content:center;height:40px;padding:0;display:flex;margin:0}.Login .error{color:var(--critical-color);font-size:var(--sm);text-align:center;background-color:#ff000024;margin:12px;padding:12px 0;border-radius:8px}.login-form{display:flex;flex-direction:column;justify-content:center}.login-form input{border:1px solid var(--very-light-pink);border-radius:8px;padding:12px;margin:12px}.Debts{display:grid;grid-template-rows:auto 1fr;width:100%;position:relative}.Debts .search{display:grid;grid-template-columns:1fr auto;height:80px;align-items:center;padding:0;margin:12px 0}.Debts .Debts-StatsCard-Container{position:absolute;bottom:0;right:0;display:flex;justify-content:space-between;gap:24px}.DebtDetail{display:flex;flex-direction:column;align-items:center;position:relative}.DebtDetail h2{font-size:var(--lg);color:var(--white);text-align:center}.DebtDetail p{color:var(--white);margin:0}.DebtDetail .return-button{background-color:orange;color:#000}.DebtDetail-Info{display:flex;justify-content:space-between;width:100%}.DebtDetail-Info ul{margin:2em 0;padding:0}.DebtDetail-Info ul li{color:#fff;list-style:none;margin:.5em;font-size:18px}.DebtDetail-Info ul:nth-child(2) li:nth-child(2){color:var(--primary-color)}.DebtDetail-Info ul:nth-child(2) li:nth-child(3){color:orange}.DebtDetail-Buttons{display:grid;grid-template-columns:1fr 1fr;gap:24px}.DebtDetail-Buttons button{margin-top:1em}.DebtPayForm{display:flex;flex-direction:column;align-items:center;position:relative;min-width:520px}.DebtPayForm h1{color:var(--white)}.DebtPayForm h2{font-size:var(--lg);color:var(--white);text-align:center}.DebtPayForm p{color:var(--white);margin:0}.DebtPayForm .return-button{background-color:orange;color:#000}.DebtPayForm-Info{display:flex;justify-content:space-between;width:100%}.DebtPayForm-Info ul{margin:2em 0;padding:0}.DebtPayForm-Info ul li{color:#fff;list-style:none;margin:.5em;font-size:18px}.DebtPayForm-Info ul:nth-child(2) li:nth-child(1){color:var(--primary-color)}.DebtPayForm-Info ul:nth-child(2) li:nth-child(2){color:orange}.DebtPayForm-Buttons{display:grid;grid-template-columns:1fr 1fr;gap:24px}.DebtPayForm-Buttons button{margin-top:1em}.DebtPayForm-Buttons button:disabled{background-color:#7e7e7e;color:#000;cursor:not-allowed}.DebtPayForm input[type=number]::-webkit-inner-spin-button,.DebtPayForm input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.DebtPayForm input[type=number]{-moz-appearance:textfield;appearance:textfield}.DebtPayForm input[type=number]{text-align:center;font-size:60px;border:none;background-color:var(--white);width:160px;margin-bottom:24px}.DebtPayForm textarea{background-color:var(--secondary-color);border-radius:12px;margin-top:24px;width:calc(100% - 1em);font-size:18px;padding:.5em;color:var(--white)}.SuccessfulDebtPayment{background-color:var(--tertiary-color);border-radius:24px;padding:12px;min-width:400px;min-height:400px;display:flex;flex-direction:column;align-items:center}.SuccessfulDebtPayment h1{color:var(--white);font-size:var(--xlg)}.SuccessfulDebtPayment span{font-size:180px;color:var(--success-color)}.SuccessfulDebtPayment button{margin-top:24px}.FailedDebtPayment{background-color:var(--tertiary-color);border-radius:24px;padding:12px;min-width:400px;min-height:400px;display:flex;flex-direction:column;align-items:center}.FailedDebtPayment h1{color:var(--white);font-size:var(--xlg)}.FailedDebtPayment span{font-size:180px;color:var(--critical-color)}.FailedDebtPayment p{color:var(--critical-color)}.FailedDebtPayment button{margin-top:24px}.button-container{position:relative}.button-container .countdown-timer{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-weight:700;color:#fffc}.DebtUpdateConfirmationModal{display:flex;flex-direction:column;background-color:var(--tertiary-color);padding:24px;border-radius:8px;align-items:center;position:relative;max-width:460px}.DebtUpdateConfirmationModal h1{font-size:var(--xlg);color:var(--white);text-align:center}.warning-container{display:flex;align-items:center;background-color:#fff8e1;border:1px solid #FFD600;padding:12px 16px;border-radius:4px;font-size:14px;width:90%;margin:0 auto}.warning-container .warning-icon{color:#ffd600;margin-right:10px}.warning-container p{margin:0}.DebtUpdateConfirmForm{margin-top:24px;width:100%;display:flex;flex-direction:column;align-items:center;gap:12px}.DebtUpdateConfirmForm input{width:300px}.DebtUpdateConfirmForm p.error{color:var(--critical-color)}.DebtUpdateConfirmForm .DebtUpdateConfirmationButtons{display:flex;gap:12px}@font-face{font-family:Material Icons;font-style:normal;font-weight:400;font-display:block;src:url(/assets/material-icons-8265f647.woff2) format("woff2"),url(/assets/material-icons-fd84f88b.woff) format("woff")}.material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}@font-face{font-family:Material Icons Outlined;font-style:normal;font-weight:400;font-display:block;src:url(/assets/material-icons-outlined-35dca8a7.woff2) format("woff2"),url(/assets/material-icons-outlined-8e94758c.woff) format("woff")}.material-icons-outlined{font-family:Material Icons Outlined;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}@font-face{font-family:Material Icons Round;font-style:normal;font-weight:400;font-display:block;src:url(/assets/material-icons-round-c948f126.woff2) format("woff2"),url(/assets/material-icons-round-1c135b15.woff) format("woff")}.material-icons-round{font-family:Material Icons Round;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}@font-face{font-family:Material Icons Sharp;font-style:normal;font-weight:400;font-display:block;src:url(/assets/material-icons-sharp-d31bfb81.woff2) format("woff2"),url(/assets/material-icons-sharp-fa3888ef.woff) format("woff")}.material-icons-sharp{font-family:Material Icons Sharp;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}@font-face{font-family:Material Icons Two Tone;font-style:normal;font-weight:400;font-display:block;src:url(/assets/material-icons-two-tone-1e673ba8.woff2) format("woff2"),url(/assets/material-icons-two-tone-3d34f30a.woff) format("woff")}.material-icons-two-tone{font-family:Material Icons Two Tone;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}:root{--white: #FFFFFF;--black: #000000;--primary-color: #7ad3d3;--secondary-color: #3b3e44;--tertiary-color: #22262e;--dark: #9ba0a8;--light-grey: #dddddd;--critical-color: #e93121;--success-color: #008060;--golden: rgb(160, 99, 0);--green: rgb(50, 205, 50);--xxxs: 8px;--xxsm: 10px;--xsm: 12px;--sm: 14px;--md: 16px;--lg: 18px;--xlg: 28px}@font-face{font-display:swap;font-family:Quicksand;font-style:normal;font-weight:300;src:url(/assets/quicksand-v30-latin-300-bd47331d.eot);src:url(/assets/quicksand-v30-latin-300-bd47331d.eot?#iefix) format("embedded-opentype"),url(/assets/quicksand-v30-latin-300-df15c963.woff2) format("woff2"),url(/assets/quicksand-v30-latin-300-b2babdc6.woff) format("woff"),url(/assets/quicksand-v30-latin-300-ca9b9b53.ttf) format("truetype"),url(/assets/quicksand-v30-latin-300-28baf8bb.svg#Quicksand) format("svg")}@font-face{font-display:swap;font-family:Quicksand;font-style:normal;font-weight:400;src:url(/assets/quicksand-v30-latin-regular-2f43096d.eot);src:url(/assets/quicksand-v30-latin-regular-2f43096d.eot?#iefix) format("embedded-opentype"),url(/assets/quicksand-v30-latin-regular-e3616551.woff2) format("woff2"),url(/assets/quicksand-v30-latin-regular-9ccbf89c.woff) format("woff"),url(/assets/quicksand-v30-latin-regular-a6298081.ttf) format("truetype"),url(/assets/quicksand-v30-latin-regular-f88678a2.svg#Quicksand) format("svg")}@font-face{font-display:swap;font-family:Quicksand;font-style:normal;font-weight:500;src:url(/assets/quicksand-v30-latin-500-bc55a234.eot);src:url(/assets/quicksand-v30-latin-500-bc55a234.eot?#iefix) format("embedded-opentype"),url(/assets/quicksand-v30-latin-500-b2acebc8.woff2) format("woff2"),url(/assets/quicksand-v30-latin-500-4587dda3.woff) format("woff"),url(/assets/quicksand-v30-latin-500-05323f45.ttf) format("truetype"),url(/assets/quicksand-v30-latin-500-5379f924.svg#Quicksand) format("svg")}@font-face{font-display:swap;font-family:Quicksand;font-style:normal;font-weight:700;src:url(/assets/quicksand-v30-latin-700-d5f4283d.eot);src:url(/assets/quicksand-v30-latin-700-d5f4283d.eot?#iefix) format("embedded-opentype"),url(/assets/quicksand-v30-latin-700-3bc49e2e.woff2) format("woff2"),url(/assets/quicksand-v30-latin-700-b71c0122.woff) format("woff"),url(/assets/quicksand-v30-latin-700-60f5c1c1.ttf) format("truetype"),url(/assets/quicksand-v30-latin-700-1524d838.svg#Quicksand) format("svg")}body{font-family:Quicksand,sans-serif;margin:0;background-color:var(--tertiary-color)}.SimpleThinButton{padding:8px;background-color:transparent;border:none;color:var(--primary-color);cursor:pointer;width:fit-content}.SimpleThinButton:hover{color:var(--light-grey)}.primary-button{background-color:var(--primary-color);border-radius:8px;border:none;padding:12px;font-size:var(--md);color:var(--white);cursor:pointer;text-shadow:2px 2px 2px rgba(0,0,0,.25)}.secondary-button{background-color:var(--critical-color);border-radius:8px;border:none;padding:12px;font-size:var(--md);color:var(--white);text-shadow:2px 2px 2px rgba(0,0,0,.25);cursor:pointer}.tertiary-button{background-color:var(--success-color);border-radius:8px;border:none;padding:12px;font-size:var(--md);color:var(--white);text-shadow:2px 2px 2px rgba(0,0,0,.25);cursor:pointer}.hide-on-print{display:block!important}.only-print{display:none!important}@media print{.hide-on-print{display:none!important}.only-print{display:block!important}}