@import"https://fonts.googleapis.com/css2?family=Sen:wght@400..800&display=swap";.layout{max-width:1600px;margin:auto}@media screen and (max-width: 1024px){.layout{padding-bottom:70px}}.layout .layout-container{display:grid;grid-template-columns:250px auto;gap:20px}@media screen and (max-width: 1200px){.layout .layout-container{grid-template-columns:170px auto;gap:0px}}@media screen and (max-width: 1024px){.layout .layout-container{display:block}}@media screen and (max-width: 1024px){.layout .layout-container .layout-left{display:none}}.layout .layout-container .layout-right{padding:0 20px}@media screen and (max-width: 1024px){.layout .layout-container .layout-right{padding:0 10px}}.layout .layout-container .layout-right{min-height:100vh}.layout .layout-container .layout-right .layout-content{margin-top:20px}.navbar{display:flex;justify-content:space-between;align-items:center;padding:10px 0}.navbar .navbar-left{display:flex;align-items:center;gap:10px;cursor:pointer}.navbar .navbar-left:hover p,.navbar .navbar-left:hover .user-icon{color:#2671fe}.navbar .navbar-left:hover .user-icon{background:#fff;border:2px solid #2671fe}.navbar .navbar-left .user-profile{display:flex;align-items:center;gap:10px}.navbar .navbar-left .user-icon{width:40px;height:40px;background:#fff;padding:5px;border-radius:50%;transition:all .3s ease-in-out;border:2px solid black}.navbar .navbar-left p{font-size:20px;font-weight:700;transition:all .3s ease-in-out}@media screen and (max-width: 480px){.navbar .navbar-left p{display:none}}.navbar .navbar-right .primary-btn{display:flex;align-items:center;gap:10px}.navbar .navbar-right .primary-btn .login-icon{font-size:20px;font-weight:700}.sidebar{box-shadow:4px 0 12px #0000001a;height:100vh}.sidebar .sideabr-logo{display:flex;justify-content:center;padding:10px 0;gap:10px;align-items:center}.sidebar .sideabr-logo img{width:50px;height:50px}.sidebar .sideabr-logo .sideabr-logo-desc p:first-child{font-size:25px;font-weight:500}.sidebar .sideabr-logo .sideabr-logo-desc p:last-child{font-size:18px}.sidebar .sidebar-items{margin-top:40px}.sidebar .sidebar-items .sidebar-item{display:flex;align-items:center;padding:15px 10px;gap:10px;cursor:pointer;transition:all .3s ease-in-out}.sidebar .sidebar-items .sidebar-item.active{background:#fff;color:#2671fe}.sidebar .sidebar-items .sidebar-item:hover{background:#fff}.sidebar .sidebar-items .sidebar-item:hover p,.sidebar .sidebar-items .sidebar-item:hover .sidebar-icon{color:#2671fe}.sidebar .sidebar-items .sidebar-item .sidebar-icon{width:20px;height:20px;transition:all .3s ease-in-out}.sidebar .sidebar-items .sidebar-item p{font-weight:700;transition:all .3s ease-in-out}.bottom-bar{position:fixed;bottom:0;left:0;right:0;background:#fff;display:flex;justify-content:space-around;padding:8px 0;box-shadow:0 -2px 10px #0000001a;z-index:1000}@media (min-width: 1025px){.bottom-bar{display:none}}.bottom-bar .bottom-bar-item{display:flex;flex-direction:column;align-items:center;gap:4px;text-decoration:none;color:#606060;font-size:12px;padding:8px 12px;border-radius:8px;transition:all .2s ease}@media screen and (max-width: 480px){.bottom-bar .bottom-bar-item{padding:5px}}.bottom-bar .bottom-bar-item svg{stroke-width:1.5}.bottom-bar .bottom-bar-item.active{color:#2671fe;background:#2671fe1a}.bottom-bar .bottom-bar-item.active svg{stroke-width:2}.invoice .invoice-top{display:flex;justify-content:space-between}.invoice .invoice-top .primary-btn{gap:5px}@media screen and (max-width: 480px){.invoice .invoice-top h1{font-size:25px}}.view-section{display:flex;gap:10px}.view-section .view-link:nth-child(2){background:#2671fe}.view-section .view-link.send-btn{position:relative;display:flex;align-items:center;gap:5px;background:#fff!important;color:#000;border:1px solid #000}.view-section .view-link.send-btn:hover .send-dropdown{display:block}.view-section .view-link.send-btn p{display:flex;align-items:center;gap:5px;position:relative}.view-section .view-link.send-btn .send-dropdown{position:absolute;background:#fff;width:150px;border-radius:5px;top:30px;right:30px;z-index:1000;border:1px solid #000;display:none;transition:all .3s ease-in-out}.view-section .view-link.send-btn .send-dropdown p{font-weight:700;padding:10px;display:flex;align-items:center;gap:5px;cursor:pointer;color:#fff;transition:all .3s ease-in-out}.view-section .view-link.send-btn .send-dropdown p .mail-icon{font-size:20px}.view-section .view-link.send-btn .send-dropdown p:last-child{color:#25d366}.view-section .view-link.send-btn .send-dropdown p:last-child:hover{background:#25d366;color:#fff}.view-section .view-link.send-btn .send-dropdown p:first-child{color:#007bff}.view-section .view-link.send-btn .send-dropdown p:first-child:hover{background:#007bff;color:#fff}.cardInvoice{position:fixed;top:0;left:0;height:100vh;width:100vw;background:#0009;z-index:9999;display:flex;justify-content:flex-end}.cardInvoice .cardInvoice-container{background:#f1f1f1;width:800px;height:100%;transition:transform .3s ease;padding:20px;overflow-y:auto}@media screen and (max-width: 768px){.cardInvoice .cardInvoice-container{padding:10px}}.cardInvoice .cardInvoice-container .cardInvoice-top{display:flex;justify-content:space-between}@media screen and (max-width: 480px){.cardInvoice .cardInvoice-container .cardInvoice-top{flex-direction:column;gap:20px}}.cardInvoice .cardInvoice-container .cardInvoice-top .cardInvoice-top-left{display:flex;align-items:center;gap:5px}.cardInvoice .cardInvoice-container .cardInvoice-top .cardInvoice-top-left .cross-icon{font-size:30px;stroke-width:1;color:#606060;cursor:pointer}.cardInvoice .cardInvoice-container .cardInvoice-top .cardInvoice-top-right{display:flex;gap:10px}.cardInvoice .cardInvoice-container .cardInvoice-top .cardInvoice-top-right button{background:#fff6cd;color:#000}.cardInvoice .cardInvoice-container .cardInvoice-desc{margin-top:30px}.cardInvoice .cardInvoice-container .cardInvoice-desc .details{font-weight:700;color:#606060}.cardInvoice .cardInvoice-container .cardInvoice-desc .cardInvoice-content .cardInvoice-content-left{display:flex;align-items:center;gap:10px;margin-top:20px}@media screen and (max-width: 768px){.cardInvoice .cardInvoice-container .cardInvoice-desc .cardInvoice-content .cardInvoice-content-left{flex-direction:column;align-items:normal}}.cardInvoice .cardInvoice-container .cardInvoice-desc .cardInvoice-content .cardInvoice-content-left .cardInvoice-content-left-item{height:40px;width:40px;background:#b5fdff;display:flex;align-items:center;justify-content:center;border-radius:50%}.cardInvoice .cardInvoice-container .cardInvoice-desc .cardInvoice-content .cardInvoice-content-left .cardInvoice-content-left-item .invoice-name{font-size:18x;font-weight:700;letter-spacing:1px}.cardInvoice .cardInvoice-container .cardInvoice-desc .cardInvoice-content .cardInvoice-content-left .cardInvoice-content-left-item2{display:flex;flex-direction:column;gap:5px}.cardInvoice .cardInvoice-container .cardInvoice-desc .cardInvoice-content .cardInvoice-content-left .cardInvoice-content-left-item2 .cardInvoice-content-left-item2-item{display:flex;gap:30px;flex-wrap:wrap}@media screen and (max-width: 480px){.cardInvoice .cardInvoice-container .cardInvoice-desc .cardInvoice-content .cardInvoice-content-left .cardInvoice-content-left-item2 .cardInvoice-content-left-item2-item{gap:10px}}.cardInvoice .cardInvoice-container .cardInvoice-desc .cardInvoice-content .cardInvoice-content-left .cardInvoice-content-left-item2 .cardInvoice-content-left-item2-item p{font-weight:500;display:flex;gap:10px;color:#606060}.cardInvoice .cardInvoice-container .cardInvoice-desc .cardInvoice-content .cardInvoice-content-left .cardInvoice-content-left-item2 .cardInvoice-content-left-item2-item p span{font-weight:700;color:#000}.cardInvoice .cardInvoice-container .cardInvoice-price{margin-top:30px}.cardInvoice .cardInvoice-container .cardInvoice-price h3{font-size:30px;margin-bottom:20px}.cardInvoice .cardInvoice-container .cardInvoice-price .cardInvoice-price-customer .cardInvoice-table{width:100%;border-collapse:collapse;table-layout:fixed}.cardInvoice .cardInvoice-container .cardInvoice-price .cardInvoice-price-customer .cardInvoice-table td{border:1px solid #ddd;padding:10px;font-size:14px}.cardInvoice .cardInvoice-container .cardInvoice-price .cardInvoice-price-customer .cardInvoice-table td:last-child{font-weight:700}.cardInvoice .cardInvoice-container .cardInvoice-price .cardInvoice-price-customer .cardInvoice-table tr td:first-child{width:20%}@media screen and (max-width: 768px){.cardInvoice .cardInvoice-container .cardInvoice-price .cardInvoice-price-customer .cardInvoice-table tr td:first-child{width:50%}}.cardInvoice .cardInvoice-container .cardInvoice-price .cardInvoice-price-customer .cardInvoice-table tr td:last-child{width:80%}@media screen and (max-width: 768px){.cardInvoice .cardInvoice-container .cardInvoice-price .cardInvoice-price-customer .cardInvoice-table tr td:last-child{width:50%}}.cardInvoice .cardInvoice-container .cardInvoice-price .cardInvoice-product-table{width:100%;border-collapse:collapse;table-layout:fixed;margin-top:30px;border:1px solid #ddd;border-radius:5px}.cardInvoice .cardInvoice-container .cardInvoice-price .cardInvoice-product-table th,.cardInvoice .cardInvoice-container .cardInvoice-price .cardInvoice-product-table td{padding:10px;font-size:14px;text-align:center}@media screen and (max-width: 480px){.cardInvoice .cardInvoice-container .cardInvoice-price .cardInvoice-product-table th,.cardInvoice .cardInvoice-container .cardInvoice-price .cardInvoice-product-table td{padding:5px 1px;font-size:11px}}.cardInvoice .cardInvoice-container .cardInvoice-price .cardInvoice-product-table th{background-color:#f5f5f5;font-weight:700;color:#606060}.cardInvoice .cardInvoice-container .cardInvoice-price .cardInvoice-product-table td:last-child{font-weight:700}.cardInvoice .cardInvoice-container .cardInvoice-price .cardInvoice-product-table tr td:first-child{width:30%}.cardInvoice .cardInvoice-container .cardInvoice-price .cardInvoice-product-table tr td:nth-child(2){width:20%}.cardInvoice .cardInvoice-container .cardInvoice-price .cardInvoice-product-table tr td:nth-child(3){width:20%}.cardInvoice .cardInvoice-container .cardInvoice-price .cardInvoice-product-table tr td:last-child{width:30%}.cardInvoice .cardInvoice-container .cardInvoice-price .cardInvoice-total-amount{display:flex;flex-direction:column;align-items:flex-end;margin-top:30px;gap:10px}.cardInvoice .cardInvoice-container .cardInvoice-price .cardInvoice-total-amount hr{background:#2671fe;height:1px;width:100%;border:none}.cardInvoice .cardInvoice-container .cardInvoice-price .cardInvoice-total-amount .cardInvoice-total-amount-item{display:flex;gap:30px;color:#606060;font-weight:700}.cardInvoice .cardInvoice-container .cardInvoice-price .cardInvoice-total-amount .cardInvoice-total-amount-item:last-child,.cardInvoice .cardInvoice-container .cardInvoice-price .cardInvoice-total-amount .cardInvoice-total-amount-item:nth-child(2){font-size:20px;font-weight:700;color:#000}.cardInvoice .cardInvoice-container .cardInvoice-price .cardInvoice-received{display:flex;align-items:center;margin-bottom:20px;gap:30px}@media screen and (max-width: 480px){.cardInvoice .cardInvoice-container .cardInvoice-price .cardInvoice-received{margin-top:30px}}.cardInvoice .cardInvoice-container .cardInvoice-price .cardInvoice-received p{color:#606060;font-weight:700}.cardInvoice .cardInvoice-container .cardInvoice-price .cardInvoice-received .checkbox{display:none}.cardInvoice .cardInvoice-container .cardInvoice-price .cardInvoice-received .slider{width:60px;height:30px;background-color:#d3d3d3;border-radius:20px;overflow:hidden;display:flex;align-items:center;border:4px solid transparent;transition:.3s;box-shadow:0 0 10px #00000040 inset;cursor:pointer}.cardInvoice .cardInvoice-container .cardInvoice-price .cardInvoice-received .slider:before{content:"";display:block;width:100%;height:100%;background-color:#fff;transform:translate(-30px);border-radius:20px;transition:.3s;box-shadow:0 0 10px 3px #00000040}.cardInvoice .cardInvoice-container .cardInvoice-price .cardInvoice-received .checkbox:checked~.slider:before{transform:translate(30px);box-shadow:0 0 10px 3px #00000040}.cardInvoice .cardInvoice-container .cardInvoice-price .cardInvoice-received .checkbox:checked~.slider{background-color:#2196f3}.cardInvoice .cardInvoice-container .cardInvoice-price .cardInvoice-received .checkbox:active~.slider:before{transform:translate(0)}.cardInvoice .cardInvoice-container .cardInvoice-price .cardInvoice-payments{display:flex;gap:30px;align-items:center}.cardInvoice .cardInvoice-container .cardInvoice-price .cardInvoice-payments p{color:#606060;font-weight:700}.cardInvoice .cardInvoice-container .cardInvoice-price .cardInvoice-payments span{background:green;padding:5px;color:#fff;border-radius:5px}.cardInvoice .cardInvoice-container .cardInvoice-price .cardInvoice-bank-details{margin-top:20px}.cardInvoice .cardInvoice-container .cardInvoice-price .cardInvoice-bank-details p{color:#606060;font-weight:700;margin-bottom:10px}.cardInvoice .cardInvoice-container .cardInvoice-price .cardInvoice-bank-details .cardInvoice-bank-details-items p{color:#000;margin-bottom:10px}.cardInvoice .cardInvoice-container .cardInvoice-price .cardInvoice-signature-details p{color:#606060;font-weight:700}.cardInvoice .cardInvoice-container .cardInvoice-price .cardInvoice-signature-details .cardInvoice-signature-details-items p{color:#000;margin-bottom:10px;margin-top:10px}.cardInvoice .cardInvoice-container .cardInvoice-price .cardInvoice-signature-details .cardInvoice-signature-details-items img{width:150px;height:150px}.cardRecord{position:fixed;top:0;left:0;height:100vh;width:100vw;background:#0009;z-index:9999;display:flex;justify-content:flex-end}.cardRecord .cardRecord-container{background:#f1f1f1;width:600px;height:100%;transition:transform .3s ease;padding:20px;overflow-y:auto}@media screen and (max-width: 480px){.cardRecord .cardRecord-container{padding:10px}}.cardRecord .cardRecord-container .cardRecord-top{display:flex;justify-content:space-between}@media screen and (max-width: 480px){.cardRecord .cardRecord-container .cardRecord-top{flex-direction:column;gap:10px}}.cardRecord .cardRecord-container .cardRecord-top .cardRecord-top-left{display:flex;align-items:center;gap:5px}@media screen and (max-width: 480px){.cardRecord .cardRecord-container .cardRecord-top .cardRecord-top-left h2{font-size:20px}}.cardRecord .cardRecord-container .cardRecord-top .cardRecord-top-left .cross-icon{font-size:30px;stroke-width:1;color:#606060;cursor:pointer}.cardRecord .cardRecord-container .cardRecord-top button{display:flex;gap:5px}@media screen and (max-width: 480px){.cardRecord .cardRecord-container .cardRecord-top button{width:max-content}}.cardRecord .cardRecord-container .cardRecord-form{margin-top:30px}.cardRecord .cardRecord-container .cardRecord-form p{font-weight:700;color:#606060}.cardRecord .cardRecord-container .cardRecord-form .det{font-size:18px}.cardRecord .cardRecord-container .cardRecord-form .record-date{margin-top:10px;font-weight:500}.cardRecord .cardRecord-container .cardRecord-form .cardRecord-form-top{display:flex;justify-content:space-between;margin-top:20px}.cardRecord .cardRecord-container .cardRecord-form .cardRecord-form-top p{color:red}.cardRecord .cardRecord-container .cardRecord-form form{margin-top:20px;background:#fff;padding:20px;display:flex;flex-direction:column;gap:10px;border-radius:5px}@media screen and (max-width: 480px){.cardRecord .cardRecord-container .cardRecord-form form{padding:10px}}.cardRecord .cardRecord-container .cardRecord-form form .form-group{display:flex;flex-direction:column;gap:10px}.cardRecord .cardRecord-container .cardRecord-form form .form-group.record-bank{margin-top:20px;gap:0px}.cardRecord .cardRecord-container .cardRecord-form form .form-group .recordTotal{margin-top:0;font-size:14px;color:#2671fe}.cardRecord .cardRecord-container .cardRecord-form form .form-group p{margin-top:10px}.cardRecord .cardRecord-container .cardRecord-form form .form-group label{font-weight:700;color:#606060}.cardRecord .cardRecord-container .cardRecord-form form .form-group label span{color:red;margin-right:5px}.cardRecord .cardRecord-container .cardRecord-form form .form-group input{padding:10px;font-size:16px;border:1px solid #ddd}.cardRecord .cardRecord-container .cardRecord-form form .form-group .payment-types{display:flex;gap:20px}@media screen and (max-width: 480px){.cardRecord .cardRecord-container .cardRecord-form form .form-group .payment-types{gap:10px}}.cardRecord .cardRecord-container .cardRecord-form form .form-group .payment-types span{background:#fce6e0;padding:10px;border-radius:30px;font-size:14px;font-weight:700;border:1px solid transparent;cursor:pointer;transition:all .3s ease-in-out;display:flex;align-items:center}@media screen and (max-width: 480px){.cardRecord .cardRecord-container .cardRecord-form form .form-group .payment-types span{font-size:12px}}.cardRecord .cardRecord-container .cardRecord-form form .form-group .payment-types span.selected{border-color:#1ec773;background-color:#e7fbee}.cardRecord .cardRecord-container .cardRecord-form form .form-group .payment-types span:hover{border:1px solid #2671fe;transition:all .3s ease-in-out}.cardRecord .cardRecord-container .cardRecord-form form .form-group .cardRecord-bank-details-items p span:last-child{color:#000}.loading-btn{display:inline-flex;justify-content:center;align-items:center;padding:10px 20px;gap:5px;font-size:16px;background-color:#738ca7;color:#fff;border:2px solid #007bff;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease;position:relative}.loading-btn:disabled{background-color:#ccc;cursor:not-allowed;border-color:#ccc}.loading-btn:hover:not(:disabled){background-color:#0056b3}.loader{border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;width:24px;height:24px;animation:spin 1s linear infinite}.newInvoice .newInvoice-product .newInvoice-product-content .newInvoice-sm-table .newInvoice-sm-table-items .newInvoice-sm-table-item .trash-icon{display:flex;align-items:center;color:red;margin-top:15px}.newCustomer{position:fixed;top:0;left:0;height:100vh;width:100vw;background:#0009;z-index:9999;display:flex;justify-content:flex-end}.newCustomer .newCustomer-container{background:#f1f1f1;width:800px;height:100%;transition:transform .3s ease;padding:20px;overflow-y:auto}.newCustomer .newCustomer-container .newCustomer-top{display:flex;justify-content:space-between}.newCustomer .newCustomer-container .newCustomer-top .newCustomer-top-left{display:flex;align-items:center;gap:5px}@media screen and (max-width: 480px){.newCustomer .newCustomer-container .newCustomer-top .newCustomer-top-left h2{font-size:20px}}.newCustomer .newCustomer-container .newCustomer-top .newCustomer-top-left .cross-icon{font-size:30px;stroke-width:1;color:#606060;cursor:pointer}.newCustomer .newCustomer-container .newCustomer-form{margin-top:30px}.newCustomer .newCustomer-container .newCustomer-form p{font-weight:700;color:#606060}.newCustomer .newCustomer-container .newCustomer-form form{margin-top:20px;background:#fff;padding:20px;display:flex;flex-direction:column;gap:10px;border-radius:5px}@media screen and (max-width: 480px){.newCustomer .newCustomer-container .newCustomer-form form{padding:10px}}.newCustomer .newCustomer-container .newCustomer-form form .form-group{display:flex;flex-direction:column;gap:10px}.newCustomer .newCustomer-container .newCustomer-form form .form-group p{margin-top:10px}.newCustomer .newCustomer-container .newCustomer-form form .form-group label{font-weight:700;color:#606060}.newCustomer .newCustomer-container .newCustomer-form form .form-group label span{color:red;margin-right:5px}.newCustomer .newCustomer-container .newCustomer-form form .form-group input{padding:10px;font-size:16px;border:1px solid #ddd}.newCustomer .newCustomer-container .newCustomer-form form .form-group .address{display:flex;align-items:center;color:#2671fe;gap:5px;font-weight:700;cursor:pointer}.newAdd{position:fixed;top:0;left:0;height:100vh;width:100vw;background:#0009;z-index:9999;display:flex;justify-content:flex-end}.newAdd .newAdd-container{background:#f1f1f1;width:800px;height:100%;transition:transform .3s ease;padding:20px;overflow-y:auto}.newAdd .newAdd-container .newAdd-top{display:flex;justify-content:space-between}.newAdd .newAdd-container .newAdd-top .newAdd-top-left{display:flex;align-items:center;gap:5px}.newAdd .newAdd-container .newAdd-top .newAdd-top-left .cross-icon{font-size:30px;stroke-width:1;color:#606060;cursor:pointer}.newAdd .newAdd-container .newAdd-top button{display:flex;gap:5px}.newAdd .newAdd-container .newAdd-form{margin-top:30px}.newAdd .newAdd-container .newAdd-form p{font-weight:700;color:#606060}.newAdd .newAdd-container .newAdd-form form{margin-top:20px;background:#fff;padding:20px;display:flex;flex-direction:column;gap:10px;border-radius:5px}.newAdd .newAdd-container .newAdd-form form .form-group{display:flex;flex-direction:column;gap:10px}.newAdd .newAdd-container .newAdd-form form .form-group p{margin-top:10px}.newAdd .newAdd-container .newAdd-form form .form-group label{font-weight:700;color:#606060}.newAdd .newAdd-container .newAdd-form form .form-group label span{color:red;margin-right:5px}.newAdd .newAdd-container .newAdd-form form .form-group input{padding:10px;font-size:16px;border:1px solid #ddd}.newAdd .newAdd-container .newAdd-form form .form-group .address{display:flex;align-items:center;color:#2671fe;gap:5px;font-weight:700;cursor:pointer}.newProduct{position:fixed;top:0;left:0;height:100vh;width:100vw;background:#0009;z-index:9999;display:flex;justify-content:flex-end}.newProduct .newProduct-container{background:#f1f1f1;width:800px;height:100%;transition:transform .3s ease;padding:20px;overflow-y:auto}@media screen and (max-width: 480px){.newProduct .newProduct-container{padding:10px}}.newProduct .newProduct-container .newProduct-top{display:flex;justify-content:space-between}.newProduct .newProduct-container .newProduct-top .newProduct-top-left{display:flex;align-items:center;gap:5px}@media screen and (max-width: 480px){.newProduct .newProduct-container .newProduct-top .newProduct-top-left h2{font-size:20px}}.newProduct .newProduct-container .newProduct-top .newProduct-top-left .cross-icon{font-size:30px;stroke-width:1;color:#606060;cursor:pointer}.newProduct .newProduct-container .newProduct-top button{display:flex;gap:5px}.newProduct .newProduct-container .newProduct-form{margin-top:30px}.newProduct .newProduct-container .newProduct-form p{font-weight:700;color:#606060}.newProduct .newProduct-container .newProduct-form form{margin-top:20px;background:#fff;padding:20px;display:flex;flex-direction:column;gap:10px;border-radius:5px}@media screen and (max-width: 480px){.newProduct .newProduct-container .newProduct-form form{padding:10px}}.newProduct .newProduct-container .newProduct-form form .form-group{display:flex;flex-direction:column;gap:10px}.newProduct .newProduct-container .newProduct-form form .form-group p{margin-top:10px}.newProduct .newProduct-container .newProduct-form form .form-group label{font-weight:700;color:#606060}.newProduct .newProduct-container .newProduct-form form .form-group label span{color:red;margin-right:5px}.newProduct .newProduct-container .newProduct-form form .form-group input{padding:10px;font-size:16px;border:1px solid #ddd}.newProduct .newProduct-container .newProduct-form form .form-group .address{display:flex;align-items:center;color:#2671fe;gap:5px;font-weight:700;cursor:pointer}.newBank{position:fixed;top:0;left:0;height:100vh;width:100vw;background:#0009;z-index:9999;display:flex;justify-content:flex-end}.newBank .newBank-container{background:#f1f1f1;width:800px;height:100%;transition:transform .3s ease;padding:20px;overflow-y:auto}@media screen and (max-width: 480px){.newBank .newBank-container{padding:10px}}.newBank .newBank-container .newBank-top{display:flex;justify-content:space-between}.newBank .newBank-container .newBank-top .newBank-top-left{display:flex;align-items:center;gap:5px}@media screen and (max-width: 480px){.newBank .newBank-container .newBank-top .newBank-top-left h2{font-size:20px}}.newBank .newBank-container .newBank-top .newBank-top-left .cross-icon{font-size:30px;stroke-width:1;color:#606060;cursor:pointer}.newBank .newBank-container .newBank-top button{display:flex;gap:5px}.newBank .newBank-container .newBank-form{margin-top:30px}.newBank .newBank-container .newBank-form p{font-weight:700;color:#606060}.newBank .newBank-container .newBank-form form{margin-top:20px;background:#fff;padding:20px;display:flex;flex-direction:column;gap:10px;border-radius:5px}@media screen and (max-width: 480px){.newBank .newBank-container .newBank-form form{padding:10px}}.newBank .newBank-container .newBank-form form .form-group{display:flex;flex-direction:column;gap:10px}.newBank .newBank-container .newBank-form form .form-group p{margin-top:10px}.newBank .newBank-container .newBank-form form .form-group label{font-weight:700;color:#606060}.newBank .newBank-container .newBank-form form .form-group label span{color:red;margin-right:5px}.newBank .newBank-container .newBank-form form .form-group input{padding:10px;font-size:16px;border:1px solid #ddd}.newBank .newBank-container .newBank-form form .form-group .address{display:flex;align-items:center;color:#2671fe;gap:5px;font-weight:700;cursor:pointer}.newSig{position:fixed;top:0;left:0;height:100vh;width:100vw;background:#0009;z-index:9999;display:flex;justify-content:flex-end}.newSig .newSig-container{background:#f1f1f1;width:800px;height:100%;transition:transform .3s ease;padding:20px;overflow-y:auto}@media screen and (max-width: 480px){.newSig .newSig-container{padding:10px}}.newSig .newSig-container .newSig-top{display:flex;justify-content:space-between}.newSig .newSig-container .newSig-top .newSig-top-left{display:flex;align-items:center;gap:5px}@media screen and (max-width: 480px){.newSig .newSig-container .newSig-top .newSig-top-left h2{font-size:20px}}.newSig .newSig-container .newSig-top .newSig-top-left .cross-icon{font-size:30px;stroke-width:1;color:#606060;cursor:pointer}.newSig .newSig-container .newSig-top button{display:flex;gap:5px}.newSig .newSig-container .newSig-form{margin-top:30px}.newSig .newSig-container .newSig-form p{font-weight:700;color:#606060}.newSig .newSig-container .newSig-form form{margin-top:20px;background:#fff;padding:20px;display:flex;flex-direction:column;gap:10px;border-radius:5px}@media screen and (max-width: 480px){.newSig .newSig-container .newSig-form form{padding:10px}}.newSig .newSig-container .newSig-form form .form-group{display:flex;flex-direction:column;gap:10px}.newSig .newSig-container .newSig-form form .form-group p{margin-top:10px}.newSig .newSig-container .newSig-form form .form-group .add-sig{border:1px dashed #ddd;width:fit-content;display:flex;flex-direction:column;align-items:center;padding:20px;border-radius:5px;cursor:pointer;transition:all .3s ease-in-out}.newSig .newSig-container .newSig-form form .form-group .add-sig:hover{border:1px dashed #2671fe}.newSig .newSig-container .newSig-form form .form-group .add-sig:hover .add-sig-icon,.newSig .newSig-container .newSig-form form .form-group .add-sig:hover p{color:#2671fe;transition:all .3s ease-in-out}.newSig .newSig-container .newSig-form form .form-group .add-sig label{display:flex;flex-direction:column;align-items:center;cursor:pointer}.newSig .newSig-container .newSig-form form .form-group .add-sig .add-sig-icon{margin-bottom:10px}.newSig .newSig-container .newSig-form form .form-group label{font-weight:700;color:#606060}.newSig .newSig-container .newSig-form form .form-group label span{color:red;margin-right:5px}.newSig .newSig-container .newSig-form form .form-group input{padding:10px;font-size:16px;border:1px solid #ddd}.newSig .newSig-container .newSig-form form .form-group .address{display:flex;align-items:center;color:#2671fe;gap:5px;font-weight:700;cursor:pointer}.newInvoice{padding:10px;position:relative}.newInvoice .newInvoice-top{display:flex;justify-content:space-between}.newInvoice .newInvoice-top .newInvoice-top-left{display:flex;align-items:center}.newInvoice .newInvoice-top .newInvoice-top-left h3{font-size:20px;cursor:pointer}.newInvoice .newInvoice-top .newInvoice-top-right{display:flex;gap:10px}.newInvoice .newInvoice-top .newInvoice-top-right button{height:100%;font-weight:700}.newInvoice .newInvoice-top .newInvoice-top-right button:last-child{gap:5px}.newInvoice .newInvoice-top .newInvoice-top-right button:first-child{background:#e8e8ed;color:#000}.newInvoice .newInvoice-customer{margin-top:40px;display:flex;gap:10px}@media (max-width: 1120px){.newInvoice .newInvoice-customer{flex-direction:column}}.newInvoice .newInvoice-customer .newInvoice-customer-left{flex:3}@media screen and (max-width: 1024px){.newInvoice .newInvoice-customer .newInvoice-customer-left{max-width:400px}}.newInvoice .newInvoice-customer .newInvoice-customer-left .newInvoice-customer-left-top{display:flex;gap:20px}.newInvoice .newInvoice-customer .newInvoice-customer-left .newInvoice-customer-left-top span{display:flex;align-items:center;gap:5px;color:#606060;font-weight:700}.newInvoice .newInvoice-customer .newInvoice-customer-left .newInvoice-customer-left-top span .plus-icon{width:20px}.newInvoice .newInvoice-customer .newInvoice-customer-left .newInvoice-customer-left-top span:last-child{cursor:pointer;border-bottom:1px solid transparent;transition:all .3s ease-in-out}.newInvoice .newInvoice-customer .newInvoice-customer-left .newInvoice-customer-left-top span:last-child:hover{color:#2671fe;border-bottom:1px solid #000}.newInvoice .newInvoice-customer .newInvoice-customer-left .customer-detail{background:#e6f2ff;padding:12px;margin-top:10px}.newInvoice .newInvoice-customer .newInvoice-customer-left .customer-detail span{color:#606060;font-weight:500}.newInvoice .newInvoice-customer .newInvoice-customer-left .customer-detail .customer-detail-search{display:flex;align-items:center;margin-top:10px;background:#fff;position:relative}.newInvoice .newInvoice-customer .newInvoice-customer-left .customer-detail .customer-detail-search .search-icon{color:#2671fe;width:20px;margin-left:10px}.newInvoice .newInvoice-customer .newInvoice-customer-left .customer-detail .customer-detail-search input{border:none;background:transparent;padding:10px;font-size:16px;outline:none;width:100%}.newInvoice .newInvoice-customer .newInvoice-customer-left .customer-detail .customer-detail-search .no-cust{position:absolute;top:44px;background:#fff;width:100%;padding:10px;border:1px solid #ddd;border-radius:5px}.newInvoice .newInvoice-customer .newInvoice-customer-left .customer-detail .customer-detail-search .search-results{position:absolute;top:44px;background:#fff;border:1px solid #ddd;width:100%;padding:10px;border-radius:5px;z-index:200}.newInvoice .newInvoice-customer .newInvoice-customer-left .customer-detail .customer-detail-search .search-results .search-result-item{padding:10px;cursor:pointer;border-bottom:1px solid #eee}.newInvoice .newInvoice-customer .newInvoice-customer-left .customer-detail .customer-detail-search .search-results .search-result-item:hover{background-color:#f1f1f1}.newInvoice .newInvoice-customer .newInvoice-customer-left .customer-name-sm{margin-top:10px}@media (min-width: 1121px){.newInvoice .newInvoice-customer .newInvoice-customer-left .customer-name-sm{display:none}}.newInvoice .newInvoice-customer .newInvoice-customer-left .customer-name-sm p{display:flex;align-items:center;gap:5px;background:#fdf0e6;border:1px solid #ddd;width:fit-content;padding:5px;font-size:16px;font-weight:700;border-radius:5px}.newInvoice .newInvoice-customer .newInvoice-customer-left .customer-name-sm p .cross-icon{cursor:pointer;transition:all .3s ease-in-out}.newInvoice .newInvoice-customer .newInvoice-customer-left .customer-name-sm p .cross-icon:hover{color:red}.newInvoice .newInvoice-customer .newInvoice-customer-right{flex:7}.newInvoice .newInvoice-customer .newInvoice-customer-right .newInvoice-customer-right-top{display:flex}.newInvoice .newInvoice-customer .newInvoice-customer-right .newInvoice-customer-right-top span{color:#606060;font-weight:700;border-bottom:1px solid transparent;display:flex;align-items:center}.newInvoice .newInvoice-customer .newInvoice-customer-right .newInvoice-customer-right-items{display:flex;align-items:start;margin-top:15px!important;background:#f8f8f8;gap:10px;padding:10px}@media screen and (max-width: 768px){.newInvoice .newInvoice-customer .newInvoice-customer-right .newInvoice-customer-right-items{flex-wrap:wrap;gap:15px}}.newInvoice .newInvoice-customer .newInvoice-customer-right .newInvoice-customer-right-items .newInvoice-customer-right-item:nth-child(3){flex:1}.newInvoice .newInvoice-customer .newInvoice-customer-right .newInvoice-customer-right-items .newInvoice-customer-right-item{display:flex;flex-direction:column}.newInvoice .newInvoice-customer .newInvoice-customer-right .newInvoice-customer-right-items .newInvoice-customer-right-item span{color:#606060;font-weight:500}.newInvoice .newInvoice-customer .newInvoice-customer-right .newInvoice-customer-right-items .newInvoice-customer-right-item input{border:1px solid rgba(221,221,221,.8666666667);background:transparent;padding:10px;font-size:16px;outline:none;margin-top:10px}.newInvoice .customer-name{margin-top:20px}@media (max-width: 1120px){.newInvoice .customer-name{display:none}}.newInvoice .customer-name p{display:flex;align-items:center;gap:5px;background:#fdf0e6;border:1px solid #ddd;width:fit-content;padding:5px;font-size:16px;font-weight:700;border-radius:5px}.newInvoice .customer-name p .cross-icon{cursor:pointer;transition:all .3s ease-in-out}.newInvoice .customer-name p .cross-icon:hover{color:red}.newInvoice .newInvoice-product{margin-top:40px}.newInvoice .newInvoice-product .newInvoice-product-top{display:flex;gap:20px}.newInvoice .newInvoice-product .newInvoice-product-top span{display:flex;align-items:center;gap:5px;color:#606060;font-weight:700}.newInvoice .newInvoice-product .newInvoice-product-top span .plus-icon{width:20px}.newInvoice .newInvoice-product .newInvoice-product-top span:last-child{cursor:pointer;border-bottom:1px solid transparent;transition:all .3s ease-in-out}.newInvoice .newInvoice-product .newInvoice-product-top span:last-child:hover{color:#2671fe;border-bottom:1px solid #000}.newInvoice .newInvoice-product .newInvoice-product-content{background:#e6f2ff;margin-top:10px;padding:10px}.newInvoice .newInvoice-product .newInvoice-product-content .newInvoice-product-content-top .newInvoice-product-content-top-item{display:flex;align-items:center}.newInvoice .newInvoice-product .newInvoice-product-content .newInvoice-product-content-top .newInvoice-product-content-top-item button{display:flex;gap:5px}.newInvoice .newInvoice-product .newInvoice-product-content .newInvoice-product-content-top .newInvoice-product-content-top-item button .plus-icon{width:18px}.newInvoice .newInvoice-product .newInvoice-product-content .newInvoice-product-content-top .newInvoice-product-content-top-item .search-icon{color:#2671fe;width:20px;margin-left:10px}.newInvoice .newInvoice-product .newInvoice-product-content .newInvoice-product-content-top .newInvoice-product-content-top-item.search-input{border:1px solid #ddd;width:40%;position:relative}@media screen and (max-width: 768px){.newInvoice .newInvoice-product .newInvoice-product-content .newInvoice-product-content-top .newInvoice-product-content-top-item.search-input{width:100%}}.newInvoice .newInvoice-product .newInvoice-product-content .newInvoice-product-content-top .newInvoice-product-content-top-item.search-input input{border:none}.newInvoice .newInvoice-product .newInvoice-product-content .newInvoice-product-content-top .newInvoice-product-content-top-item.search-input .no-cust{position:absolute;top:44px;background:#fff;width:100%;padding:10px;border:1px solid #ddd;border-radius:5px;z-index:200}.newInvoice .newInvoice-product .newInvoice-product-content .newInvoice-product-content-top .newInvoice-product-content-top-item.search-input .search-results{position:absolute;top:44px;background:#fff;border:1px solid #ddd;width:100%;padding:10px;border-radius:5px;z-index:200}.newInvoice .newInvoice-product .newInvoice-product-content .newInvoice-product-content-top .newInvoice-product-content-top-item.search-input .search-results .search-result-item{padding:10px;cursor:pointer;border-bottom:1px solid #eee}.newInvoice .newInvoice-product .newInvoice-product-content .newInvoice-product-content-top .newInvoice-product-content-top-item.search-input .search-results .search-result-item:hover{background-color:#f1f1f1}.newInvoice .newInvoice-product .newInvoice-product-content .newInvoice-product-content-top .newInvoice-product-content-top-item input{border:1px solid #ddd;background:transparent;padding:10px;font-size:16px;outline:none;width:100%}.newInvoice .newInvoice-product .newInvoice-product-content .newInvoice-sm-table{display:flex;flex-direction:column;gap:20px;min-height:400px}@media (min-width: 1025px){.newInvoice .newInvoice-product .newInvoice-product-content .newInvoice-sm-table{display:none}}.newInvoice .newInvoice-product .newInvoice-product-content .newInvoice-sm-table .newInvoice-sm-table-items{margin-top:10px;display:flex;gap:30px;flex-wrap:wrap;background:#2671fe;border-radius:5px}@media screen and (max-width: 768px){.newInvoice .newInvoice-product .newInvoice-product-content .newInvoice-sm-table .newInvoice-sm-table-items{gap:10px}}@media screen and (max-width: 480px){.newInvoice .newInvoice-product .newInvoice-product-content .newInvoice-sm-table .newInvoice-sm-table-items{gap:30px;row-gap:0px}}.newInvoice .newInvoice-product .newInvoice-product-content .newInvoice-sm-table .newInvoice-sm-table-items .newInvoice-sm-table-item{padding:5px}.newInvoice .newInvoice-product .newInvoice-product-content .newInvoice-sm-table .newInvoice-sm-table-items .newInvoice-sm-table-item span{font-weight:700}.newInvoice .newInvoice-product .newInvoice-product-content .newInvoice-sm-table .newInvoice-sm-table-items .newInvoice-sm-table-item:last-child p{margin-bottom:15px}.newInvoice .newInvoice-product .newInvoice-product-content .newInvoice-sm-table .newInvoice-sm-table-items .newInvoice-sm-table-item p{margin-bottom:10px;font-size:14px;font-weight:700;color:#fff}.newInvoice .newInvoice-product .newInvoice-product-content .newInvoice-sm-table .newInvoice-sm-table-items .newInvoice-sm-table-item input{border:1px solid #ddd;padding:5px}.newInvoice .newInvoice-product .newInvoice-product-content .newInvoice-sm-table .newInvoice-sm-table-items .newInvoice-sm-table-item select{border:1px solid #ddd;padding:4px}.newInvoice .newInvoice-product .newInvoice-product-content .newInvoice-products-table{margin-top:20px;background:#fff;position:relative;min-height:400px}@media screen and (max-width: 1024px){.newInvoice .newInvoice-product .newInvoice-product-content .newInvoice-products-table{display:none}}.newInvoice .newInvoice-product .newInvoice-product-content .newInvoice-products-table table{width:100%;border-collapse:collapse;margin-top:20px;border-radius:12px;overflow:hidden}.newInvoice .newInvoice-product .newInvoice-product-content .newInvoice-products-table table th{padding:15px;text-align:left;font-weight:600;font-size:16px;color:#333;text-align:center}.newInvoice .newInvoice-product .newInvoice-product-content .newInvoice-products-table table td{padding:15px;font-size:14px;color:#555;vertical-align:middle;text-align:center}.newInvoice .newInvoice-product .newInvoice-product-content .newInvoice-products-table table td.disc-data{position:relative}.newInvoice .newInvoice-product .newInvoice-product-content .newInvoice-products-table table td.disc-data select{padding:8px 10px;border:1px solid #ddd;border-radius:8px;font-size:14px;color:#333;z-index:200;margin:auto auto auto 5px}.newInvoice .newInvoice-product .newInvoice-product-content .newInvoice-products-table table .product-item{align-items:center;justify-content:center;gap:8px;margin:auto;text-align:center;position:relative}.newInvoice .newInvoice-product .newInvoice-product-content .newInvoice-products-table table .product-item p{display:flex;align-items:center;gap:5px}.newInvoice .newInvoice-product .newInvoice-product-content .newInvoice-products-table table .product-item .trash-icon{stroke-width:3;width:15px;position:absolute;left:10px;top:21px}.newInvoice .newInvoice-product .newInvoice-product-content .newInvoice-products-table table input{width:80px;padding:8px 10px;border:1px solid #ddd;border-radius:8px;font-size:14px;color:#333;margin:auto;width:50%}.newInvoice .newInvoice-product .newInvoice-product-content .newInvoice-products-table table .trash-icon{color:#e74c3c;cursor:pointer;transition:transform .2s ease}.newInvoice .newInvoice-product .newInvoice-product-content .newInvoice-products-table table .trash-icon:hover{transform:scale(1.2)}.newInvoice .newInvoice-product .newInvoice-product-content .newInvoice-products-table .table-add{height:400px}.newInvoice .newInvoice-product .newInvoice-product-content .newInvoice-products-table .table-add .newInvoice-products-table-add{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:10px}@media screen and (max-width: 480px){.newInvoice .newInvoice-product .newInvoice-product-content .newInvoice-products-table .table-add .newInvoice-products-table-add{width:100%}}.newInvoice .newInvoice-product .newInvoice-product-content .newInvoice-products-table .table-add .newInvoice-products-table-add .table-icon{width:50px;height:50px;stroke:#2671fe}.newInvoice .newInvoice-product .newInvoice-product-content .newInvoice-products-table .table-add .newInvoice-products-table-add p{color:#606060;text-align:center}@media screen and (max-width: 480px){.newInvoice .newInvoice-product .newInvoice-product-content .newInvoice-products-table .table-add .newInvoice-products-table-add p{font-size:14px}}.newInvoice .newInvoice-product .newInvoice-product-content .newInvoice-products-table .table-add .newInvoice-products-table-add button{gap:5px;margin-top:10px}.newInvoice .newInvoice-product .newInvoice-product-content .newInvoice-products-table .table-add .newInvoice-products-table-add button .plus-icon{width:20px}.newInvoice .newInvoice-product .product-summary{margin-top:30px;display:flex;padding:10px 30px;gap:30px}@media screen and (max-width: 768px){.newInvoice .newInvoice-product .product-summary{flex-direction:column-reverse;padding:0}}.newInvoice .newInvoice-product .product-summary .product-summary-left{flex:4}.newInvoice .newInvoice-product .product-summary .product-summary-left span{font-weight:700;font-size:14px;color:#606060}.newInvoice .newInvoice-product .product-summary .product-summary-left .product-summary-left-item{margin-top:10px}.newInvoice .newInvoice-product .product-summary .product-summary-left .product-summary-left-item p{display:flex;align-items:center;cursor:pointer}.newInvoice .newInvoice-product .product-summary .product-summary-left .product-summary-left-item p .right-icon{width:20px}.newInvoice .newInvoice-product .product-summary .product-summary-left .product-summary-left-item textarea{width:100%;margin-top:10px;height:100px;background:#fff;border:1px solid rgba(221,221,221,.8666666667);font-size:16px;padding:10px}.newInvoice .newInvoice-product .product-summary .product-summary-right{flex:6}.newInvoice .newInvoice-product .product-summary .product-summary-right .product-summary-amount{display:flex;justify-content:space-between;text-align:end;background:#e6f2ff;padding:10px}.newInvoice .newInvoice-product .product-summary .product-summary-right .product-summary-amount span{font-weight:700;color:#606060;margin-bottom:10px}.newInvoice .newInvoice-product .product-summary .product-summary-right .product-summary-amount .total-amount .total-amount-top{display:flex;flex-direction:column}.newInvoice .newInvoice-product .product-summary .product-summary-right .product-summary-amount .total-amount .total-amount-top .total-amount-top-desc{display:flex}.newInvoice .newInvoice-product .product-summary .product-summary-right .product-summary-amount .total-amount .total-amount-top .total-amount-top-desc input{border:1px solid #ddd;background:transparent;padding:10px;font-size:16px;outline:none;width:100%}.newInvoice .newInvoice-product .product-summary .product-summary-right .product-summary-amount .total-amount .total-amount-top .total-amount-top-desc select{border:1px solid #ddd;background:transparent;padding:10px;font-size:16px;outline:none}.newInvoice .newInvoice-product .product-summary .product-summary-right .product-summary-amount .total-amount .total-amount-money{margin-top:10px;display:flex;flex-direction:column;gap:10px}.newInvoice .newInvoice-product .product-summary .product-summary-right .product-summary-amount .total-amount .total-amount-money .total-amount-money-item{display:flex;justify-content:space-between;gap:30px}.newInvoice .newInvoice-product .product-summary .product-summary-right .product-summary-amount .total-amount .total-amount-money .total-amount-money-item.big-amount span{color:#000;font-size:20px}.newInvoice .newInvoice-product .product-summary .product-summary-right .product-payment-receive{display:flex;align-items:center;margin:20px 0;gap:30px}.newInvoice .newInvoice-product .product-summary .product-summary-right .product-payment-receive p{color:#606060;font-weight:700}.newInvoice .newInvoice-product .product-summary .product-summary-right .product-payment-receive .checkbox{display:none}.newInvoice .newInvoice-product .product-summary .product-summary-right .product-payment-receive .slider{width:60px;height:30px;background-color:#d3d3d3;border-radius:20px;overflow:hidden;display:flex;align-items:center;border:4px solid transparent;transition:.3s;box-shadow:0 0 10px #00000040 inset;cursor:pointer}.newInvoice .newInvoice-product .product-summary .product-summary-right .product-payment-receive .slider:before{content:"";display:block;width:100%;height:100%;background-color:#fff;transform:translate(-30px);border-radius:20px;transition:.3s;box-shadow:0 0 10px 3px #00000040}.newInvoice .newInvoice-product .product-summary .product-summary-right .product-payment-receive .checkbox:checked~.slider:before{transform:translate(30px);box-shadow:0 0 10px 3px #00000040}.newInvoice .newInvoice-product .product-summary .product-summary-right .product-payment-receive .checkbox:checked~.slider{background-color:#2196f3}.newInvoice .newInvoice-product .product-summary .product-summary-right .product-payment-receive .checkbox:active~.slider:before{transform:translate(0)}.newInvoice .newInvoice-product .product-summary .product-summary-right .product-summary-bank{display:flex;flex-direction:column;gap:10px;margin-top:30px}.newInvoice .newInvoice-product .product-summary .product-summary-right .product-summary-bank .product-summary-bank-top{display:flex;align-items:center}@media screen and (max-width: 768px){.newInvoice .newInvoice-product .product-summary .product-summary-right .product-summary-bank .product-summary-bank-top{flex-direction:column;align-items:normal;gap:10px}}.newInvoice .newInvoice-product .product-summary .product-summary-right .product-summary-bank .product-summary-bank-top span{font-weight:700;color:#606060;flex:2}.newInvoice .newInvoice-product .product-summary .product-summary-right .product-summary-bank .product-summary-bank-top .customer-detail-search{display:flex;align-items:center;background:#fff;position:relative;flex:10}.newInvoice .newInvoice-product .product-summary .product-summary-right .product-summary-bank .product-summary-bank-top .customer-detail-search .search-icon{color:#2671fe;width:20px;margin-left:10px}.newInvoice .newInvoice-product .product-summary .product-summary-right .product-summary-bank .product-summary-bank-top .customer-detail-search input{border:none;background:transparent;padding:10px;font-size:16px;outline:none;width:100%}.newInvoice .newInvoice-product .product-summary .product-summary-right .product-summary-bank .product-summary-bank-top .customer-detail-search .no-cust{position:absolute;top:44px;background:#fff;width:100%;padding:10px;border:1px solid #ddd;border-radius:5px}.newInvoice .newInvoice-product .product-summary .product-summary-right .product-summary-bank .product-summary-bank-top .customer-detail-search .search-results{position:absolute;top:44px;background:#fff;border:1px solid #ddd;width:100%;padding:10px;border-radius:5px;z-index:200}.newInvoice .newInvoice-product .product-summary .product-summary-right .product-summary-bank .product-summary-bank-top .customer-detail-search .search-results .search-result-item{padding:10px;cursor:pointer;border-bottom:1px solid #eee}.newInvoice .newInvoice-product .product-summary .product-summary-right .product-summary-bank .product-summary-bank-top .customer-detail-search .search-results .search-result-item:hover{background-color:#f1f1f1}.newInvoice .newInvoice-product .product-summary .product-summary-right .product-summary-bank button{padding:15px 0;font-size:16px;display:flex;align-items:center;justify-content:center;gap:10px;background:#2671fe;border:none;color:#fff;font-weight:700;border-radius:5px;cursor:pointer}.newInvoice .newInvoice-product .product-summary .product-summary-right .product-bank-name{background:#fff;margin-top:20px;display:flex;flex-direction:column;gap:10px;padding:5px;border-radius:5px}.newInvoice .newInvoice-product .product-summary .product-summary-right .product-bank-name p{display:flex;gap:10px}.newInvoice .newInvoice-product .product-summary .product-summary-right .product-bank-name p span:first-child{font-weight:700;color:#606060}.newInvoice .newInvoice-product .product-summary .product-summary-right .product-bank-name p span:last-child{font-weight:700;font-size:17px}.newInvoice .newInvoice-product .product-summary .product-summary-right .product-summary-paid{margin-top:30px;background:#e6f2ff;padding:10px}.newInvoice .newInvoice-product .product-summary .product-summary-right .product-summary-paid .product-summary-paid-top{display:flex;justify-content:space-between}@media screen and (max-width: 1024px){.newInvoice .newInvoice-product .product-summary .product-summary-right .product-summary-paid .product-summary-paid-top{flex-direction:column;gap:10px}}.newInvoice .newInvoice-product .product-summary .product-summary-right .product-summary-paid .product-summary-paid-top span{font-weight:700;color:#606060}.newInvoice .newInvoice-product .product-summary .product-summary-right .product-summary-paid .product-summary-paid-top .fully-paid{display:flex;align-items:center;gap:10px}.newInvoice .newInvoice-product .product-summary .product-summary-right .product-summary-paid .product-summary-paid-top .fully-paid input{border:1px solid #ddd}.newInvoice .newInvoice-product .product-summary .product-summary-right .product-summary-paid .product-summary-paid-items{display:flex;justify-content:space-between;margin-top:10px}@media screen and (max-width: 768px){.newInvoice .newInvoice-product .product-summary .product-summary-right .product-summary-paid .product-summary-paid-items{flex-direction:column;max-width:400px}}.newInvoice .newInvoice-product .product-summary .product-summary-right .product-summary-paid .product-summary-paid-items .product-summary-paid-item{display:flex;flex-direction:column;gap:10px}.newInvoice .newInvoice-product .product-summary .product-summary-right .product-summary-paid .product-summary-paid-items .product-summary-paid-item input,.newInvoice .newInvoice-product .product-summary .product-summary-right .product-summary-paid .product-summary-paid-items .product-summary-paid-item select{width:100%;background:#fff;border:1px solid #ddd;padding:5px;font-size:16px}.newInvoice .newInvoice-product .product-summary .product-summary-right .product-summary-paid .product-amount-balance{display:flex;flex-direction:column;align-items:end;margin-top:30px}.newInvoice .newInvoice-product .product-summary .product-summary-right .product-summary-paid .product-amount-balance p:first-child{font-size:20px;font-weight:700;margin-bottom:5px}.newInvoice .newInvoice-product .product-summary .product-summary-right .product-summary-paid .product-amount-balance p:last-child{color:green}.newInvoice .newInvoice-product .product-summary .product-summary-right .product-summary-sig{display:flex;flex-direction:column;gap:10px;margin-top:30px}.newInvoice .newInvoice-product .product-summary .product-summary-right .product-summary-sig span{font-weight:700;color:#606060}.newInvoice .newInvoice-product .product-summary .product-summary-right .product-summary-sig button{padding:15px 0;font-size:16px;display:flex;align-items:center;justify-content:center;gap:10px;background:#2671fe;border:none;color:#fff;font-weight:700;border-radius:5px;cursor:pointer}.newInvoice .newInvoice-product .product-summary .product-summary-right .product-sig-name{display:flex;flex-direction:column;align-items:end}.newInvoice .newInvoice-product .product-summary .product-summary-right .product-sig-name img{width:200px;height:200px;object-fit:contain;display:block;margin-top:20px}.newInvoice .newInvoice-product .product-summary .product-summary-right .product-sig-name p{margin-top:5px}.newInvoice .newInvoice-product .product-summary-btn{margin-top:30px;display:flex;align-items:center;justify-content:end;gap:10px;margin-right:30px}@media screen and (max-width: 768px){.newInvoice .newInvoice-product .product-summary-btn{justify-content:center;margin-right:0}}.delete-card{position:fixed;top:0;left:0;height:100vh;width:100vw;background:#0009;z-index:9999;display:flex;justify-content:center;align-items:center}.delete-card .delete-card-desc{background:#fff;padding:15px 20px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;border-radius:5px}.delete-card .delete-card-desc p{font-size:25px;color:#333;font-weight:600}.delete-card .delete-card-desc .delete-card-btn{display:flex;gap:20px;margin-top:50px}.customer .customer-top{display:flex;justify-content:space-between;align-items:center}.customer .customer-top h1{font-size:25px}.customer .customer-top .primary-btn{gap:5px;padding:10px 5px}.customer .customer-content{margin-top:20px}.customer .customer-content .customer-content-items{display:flex;gap:30px}.customer .customer-content .customer-content-items span{font-weight:700;color:#606060;transition:all .3s ease-in-out;cursor:pointer;border-bottom:2px solid transparent;border-radius:1px;padding-bottom:3px}.customer .customer-content .customer-content-items span.active-filter{color:#2671fe;border-bottom:2px solid #2671fe}.customer .customer-content .customer-content-items span:hover{color:#2671fe}.customer .customer-content .customer-content-inputs{display:flex;align-items:center;margin-top:20px;gap:30px}.customer .customer-content .customer-content-inputs .customer-content-inputs-search{display:flex;align-items:center;border:1px solid #ddd;border-radius:5px}.customer .customer-content .customer-content-inputs .customer-content-inputs-search .search-icon{color:#2671fe;width:20px;margin-left:10px}.customer .customer-content .customer-content-inputs .customer-content-inputs-search input{border:none;background:transparent;padding:10px;font-size:16px;outline:none;width:100%;height:100%}.customer .customer-content .customer-content-inputs .customer-content-inputs-week button{background:#e8e8ed;color:#000;display:flex;gap:5px}.customer-sm{margin-top:30px}@media (min-width: 769px){.customer-sm{display:none}}.customer-sm .customer-sm-items{display:flex;flex-direction:column;gap:20px}.customer-sm .customer-sm-items .customer-sm-item{display:flex;justify-content:space-between;padding:10px;background:#fff;box-shadow:#00000026 1.95px 1.95px 2.6px;border-radius:5px}.customer-sm .customer-sm-items .customer-sm-item .customer-sm-item-left p{color:#2671fe;font-weight:700;margin-bottom:10px;font-size:18px}.customer-sm .customer-sm-items .customer-sm-item .customer-sm-item-left span{font-weight:700;color:#606060}.customer-sm .customer-sm-items .customer-sm-item .customer-sm-item-right p{font-weight:700;margin:5px 0;font-size:25px}.customer-sm .customer-sm-items .customer-sm-item .customer-sm-item-right span{font-weight:700;color:#606060}.customer-table{width:100%;background:#fff;border-radius:5px;overflow-x:auto;margin-top:30px;height:80vh;display:flex;flex-direction:column;justify-content:space-between}@media screen and (max-width: 768px){.customer-table{display:none}}.customer-table table{width:100%;border-collapse:collapse;text-align:left}.customer-table table th{color:#606060;padding:12px;font-weight:700;cursor:pointer}.customer-table table td{padding:12px;border-bottom:1px solid #ddd;font-weight:700}.customer-table table tr:hover{background:#0046fd1a}.table-bottom{display:flex;justify-content:space-between;align-items:center;margin:10px 0}.table-bottom .table-bottom-desc{display:flex;gap:10px;margin-left:12px}.table-bottom .table-bottom-desc .table-bottom-desc-item{display:flex;gap:10px;padding:15px;border-radius:5px}.table-bottom .table-bottom-desc .table-bottom-desc-item span:first-child{color:#606060}.table-bottom .table-bottom-desc .table-bottom-desc-item span:last-child{font-weight:700;font-size:18px}.table-bottom .table-bottom-desc .table-bottom-desc-item:first-child{background:#ffefed}.table-bottom .table-bottom-desc .table-bottom-desc-item:last-child{background:#ebf5f1}.table-bottom .customer-pagination .page{margin:0 20px}.table-bottom .customer-pagination button{background:#0046fd;color:#fff;border:none;padding:8px 12px;margin:0 5px;border-radius:5px;cursor:pointer}.table-bottom .customer-pagination button:disabled{background:#aaa;cursor:not-allowed}.cardCustomer{position:fixed;top:0;left:0;height:100vh;width:100vw;background:#0009;z-index:9999;display:flex;justify-content:flex-end}.cardCustomer .cardCustomer-container{background:#f1f1f1;width:800px;height:100%;transition:transform .3s ease;padding:20px;overflow-y:auto}.cardCustomer .cardCustomer-container .cardCustomer-top{display:flex;justify-content:space-between}.cardCustomer .cardCustomer-container .cardCustomer-top .cardCustomer-top-left{display:flex;align-items:center;gap:5px}.cardCustomer .cardCustomer-container .cardCustomer-top .cardCustomer-top-left .cross-icon{font-size:30px;stroke-width:1;color:#606060;cursor:pointer}.cardCustomer .cardCustomer-container .cardCustomer-top button{display:flex;gap:5px}.cardCustomer .cardCustomer-container .cardCustomer-desc{margin-top:30px}.cardCustomer .cardCustomer-container .cardCustomer-desc .details{font-weight:700;color:#606060}.cardCustomer .cardCustomer-container .cardCustomer-desc .cardCustomer-content p{margin-top:10px;font-size:20px;font-weight:700}.cardCustomer .cardCustomer-container .cardCustomer-price{margin-top:30px}.cardCustomer .cardCustomer-container .cardCustomer-price h3{font-size:25px;margin-bottom:20px}.cardCustomer .cardCustomer-container .cardCustomer-price h3 span:first-child{font-size:18px}.cardCustomer .cardCustomer-container .cardCustomer-price .cardCustomer-product-table{width:100%;border-collapse:collapse;text-align:center;font-size:14px}@media screen and (max-width: 768px){.cardCustomer .cardCustomer-container .cardCustomer-price .cardCustomer-product-table{display:none}}.cardCustomer .cardCustomer-container .cardCustomer-price .cardCustomer-product-table th,.cardCustomer .cardCustomer-container .cardCustomer-price .cardCustomer-product-table td{padding:10px;border:none}.cardCustomer .cardCustomer-container .cardCustomer-price .cardCustomer-product-table thead{background-color:#f9f9f9;font-weight:700}.cardCustomer .cardCustomer-container .cardCustomer-price .cardCustomer-product-table tbody tr:nth-child(2n){background-color:#fafafa}.cardCustomer .cardCustomer-container .cardCustomer-price .cardCustomer-product-table button{padding:6px 12px;border:none;background-color:#e91010;color:#fff;border-radius:4px;cursor:pointer}.cardCustomer .cardCustomer-container .cardCustomer-price .cardCustomer-product-table button:hover{background-color:#ff0000ef}.cardCustomer .cardCustomer-container .cardCustomer-price .cardCustomer-total-amount{display:flex;flex-direction:column;align-items:flex-end;margin-top:30px;gap:10px}.cardCustomer .cardCustomer-container .cardCustomer-price .cardCustomer-total-amount .cardCustomer-total-amount-item{display:flex;gap:30px;font-size:20px;font-weight:700}.cardCustomer .cardCustomer-container .cardCustomer-price .cardCustomer-total-amount .cardCustomer-total-amount-item:first-child{color:#606060;font-weight:700;font-size:16px}.cardCustomer-sm{display:flex;justify-content:space-between;background:#fff;padding:5px;border-radius:5px}@media (min-width: 769px){.cardCustomer-sm{display:none}}.cardCustomer-sm .cardCustomer-sm-left{display:flex;flex-direction:column;gap:5px}.cardCustomer-sm .cardCustomer-sm-left p:first-child{font-weight:700}.cardCustomer-sm .cardCustomer-sm-right{display:flex;flex-direction:column;gap:5px}.cardCustomer-sm .cardCustomer-sm-right p{font-weight:700}.cardCustomer-sm .cardCustomer-sm-right p:nth-child(2){font-size:22px;font-weight:700;color:#2671fe}.cardCustomer-sm .cardCustomer-sm-right p:nth-child(3){color:#606060;font-weight:700}.product .product-top{display:flex;justify-content:space-between}.product .product-top .primary-btn{gap:5px}.product .product-content{margin-top:20px}.product .product-content .product-content-items{display:flex;gap:30px}.product .product-content .product-content-items span{font-weight:700;color:#606060;transition:all .3s ease-in-out;cursor:pointer;border-bottom:2px solid transparent;border-radius:1px;padding-bottom:3px}.product .product-content .product-content-items span.active-filter{color:#2671fe;border-bottom:2px solid #2671fe}.product .product-content .product-content-items span:hover{color:#2671fe}.product .product-content .product-content-inputs{display:flex;align-items:center;margin-top:20px;gap:30px}.product .product-content .product-content-inputs .product-content-inputs-search{display:flex;align-items:center;border:1px solid #ddd;border-radius:5px}.product .product-content .product-content-inputs .product-content-inputs-search .search-icon{color:#2671fe;width:20px;margin-left:10px}.product .product-content .product-content-inputs .product-content-inputs-search input{border:none;background:transparent;padding:10px;font-size:16px;outline:none;width:100%;height:100%}.product .product-content .product-content-inputs .product-content-inputs-week button{background:#e8e8ed;color:#000;display:flex;gap:5px}.product-sm{margin-top:30px}@media (min-width: 769px){.product-sm{display:none}}.product-sm .product-sm-items{display:flex;flex-direction:column;gap:20px}.product-sm .product-sm-items .product-sm-item{display:flex;justify-content:space-between;padding:10px;background:#fff;box-shadow:#00000026 1.95px 1.95px 2.6px;border-radius:5px}.product-sm .product-sm-items .product-sm-item .product-sm-item-left p{color:#2671fe;font-weight:700;margin-bottom:10px;font-size:16px}.product-sm .product-sm-items .product-sm-item .product-sm-item-left span{font-weight:700;color:#606060}.product-sm .product-sm-items .product-sm-item .product-sm-item-right p{font-weight:700;margin:5px 0;font-size:25px}.product-sm .product-sm-items .product-sm-item .product-sm-item-right span{font-weight:700;color:#606060}.product-table{width:100%;background:#fff;border-radius:5px;overflow-x:auto;margin-top:30px;height:80vh;display:flex;flex-direction:column;justify-content:space-between}@media screen and (max-width: 768px){.product-table{display:none}}.product-table table{width:100%;border-collapse:collapse;text-align:left}.product-table table th{color:#606060;padding:12px;font-weight:700;cursor:pointer}.product-table table td{padding:12px;border-bottom:1px solid #ddd;font-weight:700}.product-table table tr:hover{background:#0046fd1a}.product-pagination{display:flex;justify-content:center;align-items:center;margin:10px 0}.product-pagination .page{margin:0 20px}.product-pagination button{background:#0046fd;color:#fff;border:none;padding:8px 12px;margin:0 5px;border-radius:5px;cursor:pointer}.product-pagination button:disabled{background:#aaa;cursor:not-allowed}.cardProduct{position:fixed;top:0;left:0;height:100vh;width:100vw;background:#0009;z-index:9999;display:flex;justify-content:flex-end}.cardProduct .cardProduct-container{background:#f1f1f1;width:800px;height:100%;transition:transform .3s ease;padding:20px;overflow-y:auto}.cardProduct .cardProduct-container .cardProduct-top{display:flex;justify-content:space-between}.cardProduct .cardProduct-container .cardProduct-top .cardProduct-top-left{display:flex;align-items:center;gap:5px}.cardProduct .cardProduct-container .cardProduct-top .cardProduct-top-left .cross-icon{font-size:30px;stroke-width:1;color:#606060;cursor:pointer}.cardProduct .cardProduct-container .cardProduct-top button{display:flex;gap:5px}.cardProduct .cardProduct-container .cardProduct-desc{margin-top:30px}.cardProduct .cardProduct-container .cardProduct-desc .details{font-weight:700;color:#606060}.cardProduct .cardProduct-container .cardProduct-desc .cardProduct-content .cardProduct-content-left{display:flex;align-items:center;gap:10px;margin-top:20px}.cardProduct .cardProduct-container .cardProduct-desc .cardProduct-content .cardProduct-content-left .cardProduct-content-left-item .invoice-name{background:#b5fdff;padding:15px;font-size:18x;font-weight:700;border-radius:50%;letter-spacing:1px}.cardProduct .cardProduct-container .cardProduct-desc .cardProduct-content .cardProduct-content-left .cardProduct-content-left-item2{display:flex;flex-direction:column;gap:5px}.cardProduct .cardProduct-container .cardProduct-desc .cardProduct-content .cardProduct-content-left .cardProduct-content-left-item2 .cardProduct-content-left-item2-item{display:flex;gap:30px}.cardProduct .cardProduct-container .cardProduct-desc .cardProduct-content .cardProduct-content-left .cardProduct-content-left-item2 .cardProduct-content-left-item2-item p{font-weight:500;display:flex;gap:10px;color:#606060}.cardProduct .cardProduct-container .cardProduct-desc .cardProduct-content .cardProduct-content-left .cardProduct-content-left-item2 .cardProduct-content-left-item2-item p span{font-weight:700;color:#000}.cardProduct .cardProduct-container .cardProduct-price{margin-top:30px;display:flex;gap:20%}@media screen and (max-width: 768px){.cardProduct .cardProduct-container .cardProduct-price{gap:60px}}@media screen and (max-width: 480px){.cardProduct .cardProduct-container .cardProduct-price{gap:20px}}.cardProduct .cardProduct-container .cardProduct-price .cardProduct-price-item{display:flex;flex-direction:column;align-items:center}.cardProduct .cardProduct-container .cardProduct-price .cardProduct-price-item p{color:#606060;font-size:18px;margin-bottom:15px;font-weight:700}@media screen and (max-width: 768px){.cardProduct .cardProduct-container .cardProduct-price .cardProduct-price-item p{font-size:14px}}.cardProduct .cardProduct-container .cardProduct-price .cardProduct-price-item:nth-child(1) span,.cardProduct .cardProduct-container .cardProduct-price .cardProduct-price-item:nth-child(2) span{color:#0c8346}.cardProduct .cardProduct-container .cardProduct-price .cardProduct-price-item:last-child span{color:#e11900}.cardProduct .cardProduct-container .cardProduct-price .cardProduct-price-item span{font-size:30px;font-weight:700}@media screen and (max-width: 768px){.cardProduct .cardProduct-container .cardProduct-price .cardProduct-price-item span{font-size:25px}}.invoice .invoice-top{display:flex;justify-content:space-between;align-items:center}.invoice .invoice-top .primary-btn{gap:5px;font-size:16px;padding:10px}@media screen and (max-width: 480px){.invoice .invoice-top h1{font-size:22px}}.invoice .invoice-content{margin-top:20px}.invoice .invoice-content .invoice-content-items{display:flex;gap:30px}.invoice .invoice-content .invoice-content-items span{font-weight:700;color:#606060;transition:all .3s ease-in-out;cursor:pointer;border-bottom:2px solid transparent;border-radius:1px;padding-bottom:3px}.invoice .invoice-content .invoice-content-items span.active-filter{color:#2671fe;border-bottom:2px solid #2671fe}.invoice .invoice-content .invoice-content-items span:hover{color:#2671fe}.invoice .invoice-content .invoice-content-inputs{display:flex;align-items:center;margin-top:20px;gap:30px;justify-content:space-between}@media screen and (max-width: 1024px){.invoice .invoice-content .invoice-content-inputs{flex-direction:column;align-items:normal;gap:20px}}.invoice .invoice-content .invoice-content-inputs .invoice-content-left{display:flex;align-items:center;gap:30px;flex-wrap:wrap}@media screen and (max-width: 480px){.invoice .invoice-content .invoice-content-inputs .invoice-content-left{gap:10px}}.invoice .invoice-content .invoice-content-inputs .invoice-content-left .invoice-content-inputs-search{display:flex;align-items:center;border:1px solid #ddd;border-radius:5px}.invoice .invoice-content .invoice-content-inputs .invoice-content-left .invoice-content-inputs-search .search-icon{color:#2671fe;width:20px;margin-left:10px}.invoice .invoice-content .invoice-content-inputs .invoice-content-left .invoice-content-inputs-search input{border:none;background:transparent;padding:10px;font-size:16px;outline:none;width:100%;height:100%}.invoice .invoice-content .invoice-content-inputs .invoice-content-left .invoice-content-inputs-week button{background:#e8e8ed;color:#000;display:flex;gap:5px}.invoice .invoice-content .invoice-content-inputs .invoice-content-right{display:flex;gap:20px;flex-wrap:wrap}@media screen and (max-width: 480px){.invoice .invoice-content .invoice-content-inputs .invoice-content-right{gap:10px}}.invoice .invoice-content .invoice-content-inputs .invoice-content-right p{background:#f3f9ff;padding:10px 5px;border-radius:5px;display:flex;gap:10px}.invoice .invoice-content .invoice-content-inputs .invoice-content-right p:last-child{background:#fdf0e6}.invoice .invoice-content .invoice-content-inputs .invoice-content-right p span:first-child{font-weight:700;color:#606060}.invoice .invoice-content .invoice-content-inputs .invoice-content-right p span:last-child{font-size:18px;font-weight:700}.view-section{display:flex;gap:5px}.view-section .view-link{color:#fff;font-size:14px;padding:5px;border-radius:5px;font-weight:100;cursor:pointer}.view-section .view-link:first-child{background:green}.view-section .view-link:last-child{background:#2671fe}.invoice-table{width:100%;background:#fff;border-radius:5px;overflow-x:auto;margin-top:30px;height:80vh;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;margin-bottom:30px}@media screen and (max-width: 768px){.invoice-table{display:none}}.invoice-table table{width:100%;border-collapse:collapse;text-align:left}.invoice-table table th{color:#606060;padding:12px;font-weight:700;cursor:pointer}.invoice-table table td{padding:12px;border-bottom:1px solid #ddd;font-weight:700}.invoice-table table tr:hover{background:#0046fd1a}.pagination{display:flex;justify-content:center;margin-top:10px;align-items:center;margin-bottom:10px}.pagination .page{margin:0 20px}.pagination button{background:#0046fd;color:#fff;border:none;padding:8px 12px;margin:0 5px;border-radius:5px;cursor:pointer}.pagination button:disabled{background:#aaa;cursor:not-allowed}.status{padding:4px 8px;border-radius:5px;font-weight:700}.status.active{background:#d4edda;color:#155724}.status.inactive{background:#f8d7da;color:#721c24}.status.pending{background:#fff3cd;color:#856404}.actions-dropdown{position:relative;display:flex;justify-content:center}.actions-dropdown .three-dots-button{background:none;border:none;cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center}.actions-dropdown .three-dots-button:hover{border-radius:50%}.dropdown-menu-portal{position:absolute;z-index:1000;background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 8px #00000026;min-width:120px;display:flex;align-items:center;justify-content:center;flex-direction:column}.dropdown-menu-portal .row-delete-btn{border:none;padding:10px 5px;transition:all .3s ease-in-out;color:red;background:#fff;width:100%;font-weight:700;cursor:pointer;border-radius:5px}.dropdown-menu-portal .row-delete-btn:hover{background:red;color:#fff}.dropdown-menu-portal .row-send-btn{border:none;padding:10px 5px;transition:all .3s ease-in-out;color:red;background:#fff;width:100%;font-weight:700;cursor:pointer;border-radius:5px;position:relative}.dropdown-menu-portal .row-send-btn:hover{background:red;color:#fff}.invoice-sm{margin-top:30px}@media (min-width: 769px){.invoice-sm{display:none}}.invoice-sm .invoice-sm-items{display:flex;flex-direction:column;gap:20px}.invoice-sm .invoice-sm-items .invoice-sm-item{background:#fff;padding:10px;display:flex;justify-content:space-between;align-items:center;box-shadow:#00000026 1.95px 1.95px 2.6px;border-radius:5px}.invoice-sm .invoice-sm-items .invoice-sm-item .invoice-sm-item-left .invoice-sm-item-top p{font-weight:700;font-size:18px;color:#2671fe}.invoice-sm .invoice-sm-items .invoice-sm-item .invoice-sm-item-left .invoice-sm-item-bill span{font-weight:700}.invoice-sm .invoice-sm-items .invoice-sm-item .invoice-sm-item-left .invoice-sm-item-bill span .mode{font-size:10px;background:#2671fe;padding:2px;border-radius:3px;color:#fff}.invoice-sm .invoice-sm-items .invoice-sm-item .invoice-sm-item-left .invoice-sm-status{margin-top:5px}.invoice-sm .invoice-sm-items .invoice-sm-item .invoice-sm-item-left .invoice-sm-status p span:first-child{font-size:14px;color:#606060;font-weight:700}.invoice-sm .invoice-sm-items .invoice-sm-item .invoice-sm-item-left .invoice-sm-status p .pay-done{font-size:16px;color:green;font-weight:700}.invoice-sm .invoice-sm-items .invoice-sm-item .invoice-sm-item-left .invoice-sm-status p .pay-pending{font-size:16px;color:#f39c12;font-weight:700}.invoice-sm .invoice-sm-items .invoice-sm-item .invoice-sm-item-left .invoice-sm-view{display:flex;gap:5px}.invoice-sm .invoice-sm-items .invoice-sm-item .invoice-sm-item-left .invoice-sm-view .sm-view{color:#fff;padding:5px;font-size:12px;margin-top:10px;border-radius:2px;font-weight:500}.invoice-sm .invoice-sm-items .invoice-sm-item .invoice-sm-item-left .invoice-sm-view .sm-view:first-child{background:#2671fe}.invoice-sm .invoice-sm-items .invoice-sm-item .invoice-sm-item-left .invoice-sm-view .sm-view:last-child{background:green}.invoice-sm .invoice-sm-items .invoice-sm-item .invoice-sm-item-right h3{font-size:22px}.invoice-sm .invoice-sm-items .invoice-sm-item .invoice-sm-item-right p{color:#606060;font-weight:700;font-size:14px;margin-top:5px}.invoice-sm .invoice-sm-items .invoice-sm-item .invoice-sm-item-right span{background:red;color:#fff;display:flex;align-items:center;padding:5px;border-radius:5px;margin-top:10px;gap:5px}.invoice-sm .invoice-sm-items .invoice-sm-item .invoice-sm-item-right span .bin-icon{font-size:12px}.report{background-color:#f8f9fa;min-height:100vh;padding:2rem;color:#212529}.report .loading{display:flex;justify-content:center;align-items:center;height:100vh;font-size:1.2rem;font-weight:500;color:#6c757d}.report .report-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;padding-bottom:10px;border-bottom:1px solid #e9ecef}.report .report-top .report-top-left{display:flex;align-items:center;gap:1rem;color:#212529;text-decoration:none;transition:.15s ease-in-out}.report .report-top .report-top-left:hover{color:#4361ee}.report .report-top .report-top-left:hover svg{transform:translate(-3px)}.report .report-top .report-top-left h3{font-size:1.5rem;font-weight:600;margin:0}.report .report-top .report-top-left svg{transition:.15s ease-in-out}.report .report-top .report-actions{display:flex;gap:1rem}.report .report-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:3rem;padding:10px;background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.report .report-filters .filter-group{display:flex;align-items:center;gap:1rem}.report .report-filters .filter-group label{font-weight:500;font-size:.9rem;color:#6c757d;white-space:nowrap}.report .report-filters .filter-group input,.report .report-filters .filter-group select{padding:.5rem 1rem;border:1px solid #e9ecef;border-radius:4px;font-size:.9rem;transition:.15s ease-in-out}.report .report-filters .filter-group input:focus,.report .report-filters .filter-group select:focus{outline:none;border-color:#4361ee;box-shadow:0 0 0 2px #4361ee33}.report .report-filters .filter-group span{color:#6c757d;font-size:.9rem}.report .report-section{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:2rem;overflow:hidden;transition:.3s ease-in-out}.report .report-section:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.report .report-section.alert-section{border-left:4px solid #f72585}.report .report-section .section-header{display:flex;justify-content:space-between;align-items:center;padding:10px 2rem;background-color:#4361ee0d;border-bottom:1px solid #e9ecef}@media screen and (max-width: 768px){.report .report-section .section-header{padding:10px}}.report .report-section .section-header h3{margin:0;font-size:1.2rem;font-weight:600;color:#212529}.report .report-section .section-header .download-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#4361ee;color:#fff;border:none;border-radius:4px;font-size:.9rem;font-weight:500;cursor:pointer;transition:.15s ease-in-out}.report .report-section .section-header .download-btn:hover{background-color:#153ae9}.report .report-section .summary-stats,.report .report-section .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;padding:2rem}.report .report-section .summary-stats .stat-card,.report .report-section .stats-grid .stat-card{background-color:#4361ee0d;border-radius:8px;padding:10px;text-align:center;transition:.3s ease-in-out}.report .report-section .summary-stats .stat-card:hover,.report .report-section .stats-grid .stat-card:hover{transform:translateY(-3px);box-shadow:0 1px 3px #0000001a}.report .report-section .summary-stats .stat-card h4,.report .report-section .stats-grid .stat-card h4{margin:0 0 .5rem;font-size:.9rem;font-weight:500;color:#6c757d}.report .report-section .summary-stats .stat-card p,.report .report-section .stats-grid .stat-card p{margin:0;font-size:1.5rem;font-weight:600;color:#212529}.report .report-section .table-container{padding:0 2rem 2rem;overflow-x:auto}.report .report-section .table-container table{width:100%;border-collapse:collapse;font-size:.9rem}.report .report-section .table-container table thead{background-color:#4361ee0d}.report .report-section .table-container table thead th{padding:1rem;text-align:left;font-weight:600;color:#6c757d;border-bottom:2px solid #e9ecef;cursor:pointer;transition:.15s ease-in-out}.report .report-section .table-container table thead th:hover{color:#4361ee}.report .report-section .table-container table tbody tr{border-bottom:1px solid #e9ecef;transition:.15s ease-in-out}.report .report-section .table-container table tbody tr:hover{background-color:#4361ee08}.report .report-section .table-container table tbody tr.overdue-row{background-color:#f725850d}.report .report-section .table-container table tbody tr.overdue-row:hover{background-color:#f7258514}.report .report-section .table-container table tbody tr td{padding:1rem;vertical-align:middle}.report .report-section .table-container table tbody tr td .status-badge{display:inline-block;padding:.5rem 1rem;border-radius:4px;font-size:.8rem;font-weight:500}.report .report-section .table-container table tbody tr td .status-badge.paid{background-color:#4cc9f01a;color:#119ac5}.report .report-section .table-container table tbody tr td .status-badge.unpaid{background-color:#f8961e1a;color:#ab6005}.report .report-section .table-container table tbody tr td .status-badge.overdue{background-color:#f725851a;color:#b00654}.report .report-section .chart-container{padding:2rem}.report .btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 10px;border:none;border-radius:4px;font-size:.9rem;font-weight:500;cursor:pointer;transition:.15s ease-in-out}.report .btn-primary{background-color:#4361ee;color:#fff}.report .btn-primary:hover{background-color:#153ae9}.report .btn-print{background-color:#e9ecef;color:#212529}.report .btn-print:hover{background-color:#cbd3da}@media screen and (max-width: 768px){.report{padding:10px}.report .report-filters{flex-direction:column;gap:1rem}.report .report-filters .filter-group{flex-direction:column;align-items:flex-start;width:100%}.report .summary-stats,.report .stats-grid{grid-template-columns:1fr 1fr}}@media screen and (max-width: 480px){.report .summary-stats,.report .stats-grid{grid-template-columns:1fr}}.pdf{position:relative}.pdf .pdf-back{display:flex;justify-content:space-between;width:100%;padding-top:10px;padding-bottom:10px}.pdf .pdf-back .pdf-back-left .back-icon{margin-left:10px;font-size:30px;cursor:pointer}.pdf .pdf-back .pdf-back-right{display:flex;flex-direction:column;gap:10px}.pdf .pdf-back .pdf-back-right button{margin-right:10px;padding:10px 15px;background:#2671fe;border:none;font-size:16px;color:#fff;font-weight:700;cursor:pointer;border-radius:5px;transition:all .3s ease-in-out}.pdf .pdf-back .pdf-back-right button:hover{transform:scale(1.05)}.pdf .pdf-back .pdf-back-right span{margin-right:10px;padding:10px 15px;background:green;border:none;font-size:16px;color:#fff;font-weight:700;cursor:pointer;border-radius:5px;transition:all .3s ease-in-out;text-align:center;display:flex;align-items:center;justify-content:center;gap:10px}.pdf .pdf-back .pdf-back-right .pdf-send-dropdown{border:1px solid #000;width:130px;border-radius:5px}.pdf .pdf-back .pdf-back-right .pdf-send-dropdown p{display:flex;align-items:center;gap:5px;padding:8px 5px;cursor:pointer}.pdf .pdf-back .pdf-back-right .pdf-send-dropdown p:last-child{color:#25d366;border-bottom:1px solid #ddd}.pdf .pdf-back .pdf-back-right .pdf-send-dropdown p:last-child:hover{background:#25d366;color:#fff}.pdf .pdf-back .pdf-back-right .pdf-send-dropdown p:first-child{color:#007bff}.pdf .pdf-back .pdf-back-right .pdf-send-dropdown p:first-child:hover{background:#007bff;color:#fff}.pdf .pdf-main{width:900px;height:1123px;margin:auto}.pdf .pdf-container{width:794px;height:1123px;border:1px solid black;background-color:#fff;overflow:hidden;margin:auto}.pdf .pdf-container hr{height:1px;width:100%;background-color:#000;border:none}.pdf .pdf-container .pdf-container-top{display:flex;padding:5px;text-transform:uppercase;justify-content:space-between}.pdf .pdf-container .pdf-container-top p{flex:1}.pdf .pdf-container .pdf-container-top p{font-weight:700;text-align:end;font-size:14px}.pdf .pdf-container .pdf-container-top p:nth-child(2){text-align:center;color:#2671fe}.pdf .pdf-container .pdf-container-company{display:flex}.pdf .pdf-container .pdf-container-company .pdf-container-company-left{flex:1;border-right:1px solid #000}.pdf .pdf-container .pdf-container-company .pdf-container-company-left .pdf-container-company-left-top{display:flex;border-bottom:1px solid #000;align-items:center;padding:5px 0}.pdf .pdf-container .pdf-container-company .pdf-container-company-left .pdf-container-company-left-top .pdf-container-company-left-top-left{flex:3}.pdf .pdf-container .pdf-container-company .pdf-container-company-left .pdf-container-company-left-top .pdf-container-company-left-top-left img{height:70px;width:70px;margin-left:10px}.pdf .pdf-container .pdf-container-company .pdf-container-company-left .pdf-container-company-left-top .pdf-container-company-left-top-right{flex:7}.pdf .pdf-container .pdf-container-company .pdf-container-company-left .pdf-container-company-left-top .pdf-container-company-left-top-right p{line-height:1}.pdf .pdf-container .pdf-container-company .pdf-container-company-left .pdf-container-company-left-top .pdf-container-company-left-top-right p .comp-name{font-size:16px}.pdf .pdf-container .pdf-container-company .pdf-container-company-left .pdf-container-company-left-top .pdf-container-company-left-top-right p span{font-size:12px}.pdf .pdf-container .pdf-container-company .pdf-container-company-left .pdf-container-company-left-top .pdf-container-company-left-top-right p span:first-child{font-weight:700}.pdf .pdf-container .pdf-container-company .pdf-container-company-left .pdf-container-company-left-bottom{display:flex;flex-direction:column;padding:5px}.pdf .pdf-container .pdf-container-company .pdf-container-company-left .pdf-container-company-left-bottom span{font-size:12px;font-weight:700}.pdf .pdf-container .pdf-container-company .pdf-container-company-left .pdf-container-company-left-bottom span:first-child{color:#606060}.pdf .pdf-container .pdf-container-company .pdf-container-company-right{flex:1}.pdf .pdf-container .pdf-container-company .pdf-container-company-right .pdf-container-company-right-top{display:flex}.pdf .pdf-container .pdf-container-company .pdf-container-company-right .pdf-container-company-right-top span{font-weight:700;font-size:14px}.pdf .pdf-container .pdf-container-company .pdf-container-company-right .pdf-container-company-right-top span:first-child{font-size:12px}.pdf .pdf-container .pdf-container-company .pdf-container-company-right .pdf-container-company-right-top .pdf-container-company-right-top-left{flex:1;border-right:1px solid #000;display:flex;flex-direction:column;padding:5px}.pdf .pdf-container .pdf-container-company .pdf-container-company-right .pdf-container-company-right-top .pdf-container-company-right-top-right{flex:1;display:flex;flex-direction:column;padding:5px}.pdf .pdf-container .pdf-container-company .pdf-container-company-right .pdf-container-company-right-bottom{border-bottom:1px solid #000;display:flex;flex-direction:column;padding:5px}.pdf .pdf-container .pdf-container-company .pdf-container-company-right .pdf-container-company-right-bottom span{font-weight:700;font-size:14px}.pdf .pdf-container .pdf-container-company .pdf-container-company-right .pdf-container-company-right-bottom span:first-child{font-size:12px}.pdf .pdf-container .pdf-item{height:200px}.pdf .pdf-container .pdf-item .pdf-table{width:100%;border-collapse:collapse;text-align:center}.pdf .pdf-container .pdf-item .pdf-table th,.pdf .pdf-container .pdf-item .pdf-table td{border:1px solid #000;border-left:none;border-right:none;padding:8px;font-size:12px}.pdf .pdf-container .pdf-item .pdf-table th{background-color:#f0f0f0;font-weight:700;text-transform:uppercase}.pdf .pdf-container .pdf-qty .pdf-qty-item{border-bottom:1px solid #000;padding:2px;display:flex}.pdf .pdf-container .pdf-qty .pdf-qty-item.disc{justify-content:flex-end}.pdf .pdf-container .pdf-qty .pdf-qty-item.disc p{font-weight:700;font-size:14px;display:flex;justify-content:end}.pdf .pdf-container .pdf-qty .pdf-qty-item.disc p:first-child{flex:4}.pdf .pdf-container .pdf-qty .pdf-qty-item.disc p:last-child{flex:1}.pdf .pdf-container .pdf-qty .pdf-qty-item.total p{font-size:20px}.pdf .pdf-container .pdf-qty .pdf-qty-item.words p{font-size:14px}.pdf .pdf-container .pdf-qty .pdf-qty-item.paid{display:flex;justify-content:end;align-items:center;gap:5px}.pdf .pdf-container .pdf-qty .pdf-qty-item.paid p{font-weight:700}.pdf .pdf-container .pdf-qty .pdf-qty-item.paid .check,.pdf .pdf-container .pdf-qty .pdf-qty-item.paid .cross{width:15px;height:15px}.pdf .pdf-container .pdf-qty .pdf-qty-item:first-child p{color:#606060;font-size:14px;padding:5px}.pdf .pdf-container .pdf-details{height:200px;border-bottom:1px solid #000;display:flex}.pdf .pdf-container .pdf-details .pdf-details-left{flex:7;border-right:1px solid #000;padding:5px}.pdf .pdf-container .pdf-details .pdf-details-left .pdf-details-left-left{font-size:14px}.pdf .pdf-container .pdf-details .pdf-details-left .pdf-details-left-left .bank-detail{font-weight:700;color:#606060}.pdf .pdf-container .pdf-details .pdf-details-left .pdf-details-left-left .pdf-details-left-left-item p{display:flex;font-weight:400}.pdf .pdf-container .pdf-details .pdf-details-left .pdf-details-left-left .pdf-details-left-left-item p span:first-child{flex:1;font-weight:400}.pdf .pdf-container .pdf-details .pdf-details-left .pdf-details-left-left .pdf-details-left-left-item p span:last-child{flex:3;font-weight:700}.pdf .pdf-container .pdf-details .pdf-details-right{flex:3;display:flex;flex-direction:column;padding:5px}.pdf .pdf-container .pdf-details .pdf-details-right p{font-size:10px}.pdf .pdf-container .pdf-details .pdf-details-right .pdf-details-right-img{display:flex;justify-content:center;margin-top:10px}.pdf .pdf-container .pdf-details .pdf-details-right .pdf-details-right-img img{width:130px;height:130px;object-fit:contain}.pdf .pdf-container .pdf-notes{height:100%;display:flex}.pdf .pdf-container .pdf-notes p{font-size:14px;color:#606060;font-weight:700}.pdf .pdf-container .pdf-notes span{font-size:14px}.pdf .pdf-container .pdf-notes .pdf-notes-left{flex:4;border-right:1px solid #000;padding:5px}.pdf .pdf-container .pdf-notes .pdf-notes-right{flex:6;padding:5px}.smpdf .smpdf-container{width:794px;height:1123px;margin:50px auto;border:1px solid black;background-color:#fff;overflow:hidden;padding:30px}.smpdf .smpdf-container hr{background:#2671fe;height:1px;border:none}.smpdf .smpdf-container .smpdf-top{display:flex;justify-content:space-between;text-transform:uppercase;align-items:center}.smpdf .smpdf-container .smpdf-top p:first-child{font-weight:700;color:#2671fe}.smpdf .smpdf-container .smpdf-top p:last-child{font-size:14px}.smpdf .smpdf-container .smpdf-details{margin:15px 0}.smpdf .smpdf-container .smpdf-details h3{font-size:30px;font-weight:700;text-transform:uppercase}.smpdf .smpdf-container .smpdf-details .comp-detail{display:flex;margin-top:10px;gap:50px;align-items:center}.smpdf .smpdf-container .smpdf-details .comp-detail p{display:flex;align-items:center;gap:10px}.smpdf .smpdf-container .smpdf-details .comp-detail p span:last-child{font-weight:700}.smpdf .smpdf-container .smpdf-details .comp-date{display:flex;gap:50px;margin:15px 0;align-items:center}.smpdf .smpdf-container .smpdf-details .comp-date p{display:flex;gap:10px;align-items:center}.smpdf .smpdf-container .smpdf-details .comp-date p span:first-child{font-size:14px;color:#606060;font-weight:500}.smpdf .smpdf-container .smpdf-details .comp-date p span:last-child{font-weight:700}.smpdf .smpdf-container .smpdf-details .comp-user p{font-weight:700}.smpdf .smpdf-container .smpdf-details .comp-user p:first-child{font-size:14px;color:#606060;font-weight:700}.smpdf .smpdf-container .smpdf-details .comp-table{margin-top:30px}.smpdf .smpdf-container .smpdf-details .comp-table table{width:100%;border-collapse:collapse;text-align:center}.smpdf .smpdf-container .smpdf-details .comp-table table th,.smpdf .smpdf-container .smpdf-details .comp-table table td{border:1px solid #2671fe;border-left:none;border-right:none;padding:8px;font-size:12px}.smpdf .smpdf-container .smpdf-details .comp-table table th{background-color:#f0f0f0;font-weight:700;text-transform:uppercase}.smpdf .smpdf-container .smpdf-details .comp-total{margin-top:5px}.smpdf .smpdf-container .smpdf-details .comp-total .comp-total-item{display:flex;justify-content:end}.smpdf .smpdf-container .smpdf-details .comp-total .comp-total-item p{text-align:end}.smpdf .smpdf-container .smpdf-details .comp-total .comp-total-item p:first-child{flex:5}.smpdf .smpdf-container .smpdf-details .comp-total .comp-total-item p:last-child{flex:1}.smpdf .smpdf-container .smpdf-details .comp-total .comp-total-item:first-child{font-weight:700;font-size:20px}.smpdf .smpdf-container .smpdf-details .comp-total .comp-total-item:last-child{font-size:14px}.smpdf .smpdf-container .smpdf-details .comp-word{display:flex;justify-content:space-between;font-size:12px;color:#606060;margin-top:5px}.smpdf .smpdf-container .smpdf-details .comp-sig{display:flex;flex-direction:column;align-items:end;margin-top:15px}.smpdf .smpdf-container .smpdf-details .comp-sig img{height:200px;width:200px;object-fit:contain;display:block;margin:5px 0}.smpdf .smpdf-container .smpdf-details .comp-sig p{font-size:12px}@keyframes pulse{0%{box-shadow:0 0 #2671fe66}70%{box-shadow:0 0 0 10px #2671fe00}to{box-shadow:0 0 #2671fe00}}.login{height:100vh}.login .login-top{display:flex;justify-content:center;padding:30px 0}.login .login-top img{width:100px}.login .login-container{display:flex;justify-content:center;align-items:center}.login .login-container .login-card{background:#fff;border-radius:16px;box-shadow:0 10px 30px #0000001a;width:100%;max-width:420px;padding:40px;transition:transform .3s ease,box-shadow .3s ease}.login .login-container .login-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #00000026}.login .login-container .login-header{text-align:center;margin-bottom:32px}.login .login-container .login-header h2{color:#2d3748;font-size:28px;font-weight:700;margin-bottom:8px}.login .login-container .login-header p{color:#718096;font-size:14px}.login .login-container .login-form{display:flex;flex-direction:column;gap:24px}.login .login-container .input-group{position:relative;margin-bottom:8px}.login .login-container .input-group .input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#718096;font-size:16px}.login .login-container .input-group input{width:100%;padding:14px 14px 14px 40px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;transition:all .3s ease;background-color:#f7fafc}.login .login-container .input-group input:focus{outline:none;border-color:#2671fe;background-color:#fff;box-shadow:0 0 0 3px #2671fe1a}.login .login-container .input-group input::placeholder{color:#718096;opacity:.7}.login .login-container .input-group .password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#718096;cursor:pointer;font-size:16px;padding:4px;transition:all .3s ease}.login .login-container .input-group .password-toggle:hover{color:#2671fe}.login .login-container .input-group input:focus~.input-underline{width:100%}.login .login-container .forgot-password{text-align:right;margin-top:-16px}.login .login-container .forgot-password a{color:#718096;font-size:13px;text-decoration:none;transition:all .3s ease}.login .login-container .forgot-password a:hover{color:#2671fe;text-decoration:underline}.login .login-container .login-button{background-color:#2671fe;color:#fff;border:none;border-radius:8px;padding:14px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.login .login-container .login-button:hover{background-color:#4f46e5;animation:pulse 1.5s infinite}.login .login-container .login-button:disabled{background-color:#8cb3fe;cursor:not-allowed}.login .login-container .login-button.loading:after{content:"";position:absolute;width:16px;height:16px;top:0;left:0;right:0;bottom:0;margin:auto;border:3px solid transparent;border-top-color:#fff;border-radius:50%;animation:button-loading-spinner 1s linear infinite}.login .login-container .signup-link{text-align:center;font-size:14px;color:#718096}.login .login-container .signup-link a{color:#2671fe;font-weight:600;text-decoration:none;transition:all .3s ease}.login .login-container .signup-link a:hover{text-decoration:underline}@media (max-width: 480px){.login-container{padding:16px}.login-container .login-card{padding:32px 24px}}@keyframes button-loading-spinner{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.profile-container{display:flex;justify-content:center;align-items:center;padding:2rem;animation:fadeIn .6s ease-out}@media screen and (max-width: 480px){.profile-container{padding:10px!important}}.profile-container .profile-card{background:#fff;border-radius:12px;box-shadow:0 10px 25px #00000014;width:100%;max-width:600px;overflow:hidden;transition:transform .3s ease}.profile-container .profile-card:hover{transform:translateY(-5px)}.profile-container .profile-header{background:linear-gradient(135deg,#2671fe,#3a86ff);color:#fff;padding:2.5rem 2rem;text-align:center;position:relative}.profile-container .profile-header .avatar{width:80px;height:80px;background-color:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;font-size:2rem;font-weight:700;color:#fff;border:3px solid rgba(255,255,255,.3)}.profile-container .profile-header h2{margin:.5rem 0;font-size:1.8rem}.profile-container .profile-header p{margin:0;opacity:.9;font-size:.9rem;letter-spacing:1px}.profile-container .profile-details{padding:2rem}.profile-container .profile-details .detail-item{display:flex;align-items:center;padding:1.2rem 0;border-bottom:1px solid #e2e8f0;position:relative}.profile-container .profile-details .detail-item:last-child{border-bottom:none}.profile-container .profile-details .detail-item .detail-icon{font-size:1.2rem;color:#2671fe;margin-right:1rem;flex-shrink:0}.profile-container .profile-details .detail-item .detail-content{flex-grow:1}.profile-container .profile-details .detail-item .detail-content .detail-label{display:block;font-size:.8rem;color:#64748b;margin-bottom:.3rem;text-transform:uppercase;letter-spacing:.5px}.profile-container .profile-details .detail-item .detail-content .detail-value{font-size:1rem;color:#2d3748;font-weight:500}.profile-container .profile-details .detail-item .detail-content .edit-input{width:100%;padding:.5rem;border:1px solid #e2e8f0;border-radius:6px;font-size:1rem;transition:all .3s ease;background-color:#f8fafc}.profile-container .profile-details .detail-item .detail-content .edit-input:focus{outline:none;border-color:#2671fe;background-color:#fff;box-shadow:0 0 0 3px #2671fe1a}.profile-container .profile-details .detail-item .edit-button{background-color:#2671fe1a;color:#2671fe;border:none;border-radius:6px;padding:.5rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;margin-left:1rem;font-size:1rem}.profile-container .profile-details .detail-item .edit-button:hover{background-color:#2671fe33}.profile-container .profile-details .detail-item .cancel-button{background-color:#64748b1a;color:#64748b;border:none;border-radius:6px;padding:.5rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;margin-left:.5rem;font-size:1rem}.profile-container .profile-details .detail-item .cancel-button:hover{background-color:#64748b33}.profile-container .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out}.profile-container .modal-overlay .password-modal{background:#fff;border-radius:12px;padding:2rem;width:100%;max-width:450px;animation:slideIn .3s ease-out}.profile-container .modal-overlay .password-modal h3{margin-top:0;color:#2d3748;text-align:center;margin-bottom:1.5rem}.profile-container .modal-overlay .password-modal .input-group{margin-bottom:1.2rem}.profile-container .modal-overlay .password-modal .input-group label{display:block;margin-bottom:.5rem;color:#64748b;font-size:.9rem}.profile-container .modal-overlay .password-modal .input-group input{width:100%;padding:.8rem;border:1px solid #e2e8f0;border-radius:6px;font-size:1rem;transition:all .3s ease}.profile-container .modal-overlay .password-modal .input-group input:focus{outline:none;border-color:#2671fe;box-shadow:0 0 0 3px #2671fe1a}.profile-container .modal-overlay .password-modal .input-check{display:flex;align-items:center;gap:10px;cursor:pointer}.profile-container .modal-overlay .password-modal .input-check input{height:15px;width:15px}.profile-container .modal-overlay .password-modal .input-check label{color:#2671fe;cursor:pointer}.profile-container .modal-overlay .password-modal .modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem}.profile-container .modal-overlay .password-modal .modal-actions .cancel-button{background-color:#f8fafc;color:#64748b;border:none;border-radius:6px;padding:.7rem 1.5rem;cursor:pointer;transition:all .3s ease;font-weight:500}.profile-container .modal-overlay .password-modal .modal-actions .cancel-button:hover{background-color:#e2e8f0}.profile-container .modal-overlay .password-modal .modal-actions .save-button{background-color:#2671fe;color:#fff;border:none;border-radius:6px;padding:.7rem 1.5rem;cursor:pointer;transition:all .3s ease;font-weight:500}@media screen and (max-width: 480px){.profile-container .modal-overlay .password-modal .modal-actions .save-button{padding:10px 5px}}.profile-container .modal-overlay .password-modal .modal-actions .save-button:hover{background-color:#1a5de8}@media (max-width: 768px){.profile-container{padding:1rem}.profile-container .profile-card .profile-header{padding:1.5rem 1rem}.profile-container .profile-card .profile-header .avatar{width:70px;height:70px;font-size:1.5rem}.profile-container .profile-card .profile-header h2{font-size:1.5rem}.profile-container .profile-card .profile-details{padding:1.5rem}}@media (max-width: 480px){.profile-container .profile-card .profile-details .detail-item{flex-wrap:wrap}.profile-container .profile-card .profile-details .detail-item .edit-button,.profile-container .profile-card .profile-details .detail-item .cancel-button{margin-top:20px;margin-left:0;width:100%}.profile-container .modal-overlay .password-modal{padding:1.5rem;margin:0 1rem}.profile-container .modal-overlay .password-modal .modal-actions button{width:100%;font-size:12px}}.not-found{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f0f9ff,#e6f3ff);padding:20px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.not-found .not-found-container{max-width:800px;width:100%;text-align:center;animation:fadeInUp .6s ease-out}.not-found .error-code{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:30px}.not-found .error-code h1{font-size:120px;font-weight:800;color:#1e40af;margin:0;text-shadow:4px 4px 0 rgba(30,64,175,.1);animation:float 3s ease-in-out infinite}@media (max-width: 768px){.not-found .error-code h1{font-size:80px}}.not-found .error-code .zero{position:relative;width:100px;height:100px;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.not-found .error-code .zero{width:70px;height:70px}}.not-found .error-code .zero .zero-ring{position:absolute;width:100%;height:100%;border:8px solid #3b82f6;border-radius:50%;border-top-color:#bfdbfe;animation:spin 2s linear infinite}.not-found .error-code .zero .zero-circle{width:40px;height:40px;background:#3b82f6;border-radius:50%;animation:pulse 2s ease-in-out infinite}@media (max-width: 768px){.not-found .error-code .zero .zero-circle{width:30px;height:30px}}.not-found .error-content h2{font-size:32px;color:#1e3a8a;margin-bottom:16px;font-weight:700}@media (max-width: 768px){.not-found .error-content h2{font-size:24px}}.not-found .error-content p{font-size:18px;color:#475569;margin-bottom:32px;line-height:1.5}@media (max-width: 768px){.not-found .error-content p{font-size:16px}}.not-found .button-group{display:flex;gap:16px;justify-content:center;margin-bottom:48px;flex-wrap:wrap}.not-found .button-group .btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s ease;cursor:pointer}@media (max-width: 768px){.not-found .button-group .btn{padding:10px 20px;font-size:14px}}.not-found .button-group .btn svg{font-size:18px}.not-found .button-group .btn-primary{background:#3b82f6;color:#fff;border:none;box-shadow:0 4px 6px #3b82f633}.not-found .button-group .btn-primary:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 6px 12px #3b82f64d}.not-found .button-group .btn-secondary{background:#fff;color:#1e40af;border:2px solid #3b82f6}.not-found .button-group .btn-secondary:hover{background:#eff6ff;transform:translateY(-2px);border-color:#2563eb}.not-found .helpful-links{padding-top:32px;border-top:1px solid #bfdbfe}.not-found .helpful-links p{font-size:14px;color:#64748b;margin-bottom:16px;font-weight:500}.not-found .helpful-links .links{display:flex;gap:24px;justify-content:center;flex-wrap:wrap}.not-found .helpful-links .links a{color:#3b82f6;text-decoration:none;font-size:14px;font-weight:500;transition:all .3s ease;position:relative}.not-found .helpful-links .links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:#3b82f6;transition:width .3s ease}.not-found .helpful-links .links a:hover{color:#1e40af}.not-found .helpful-links .links a:hover:after{width:100%}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}@media (max-width: 640px){.not-found .button-group{flex-direction:column;width:100%}.not-found .button-group .btn{justify-content:center;width:100%}.not-found .helpful-links .links{gap:16px}.not-found .helpful-links .links a{font-size:12px}}*{margin:0;padding:0;scroll-behavior:smooth;box-sizing:border-box;font-family:Sen,sans-serif}a{text-decoration:none;color:inherit}.app{background:#f1f1f1}.app button,.app input{font-family:Sen,sans-serif}.app .primary-btn{display:flex;align-items:center;padding:10px 20px;background-color:#2671fe;color:#fff;border:none;border-radius:5px;font-weight:500;font-size:16px;letter-spacing:.5px;cursor:pointer;box-shadow:0 2px 4px #2671fe4d;transition:all .2s ease-in-out}.app .primary-btn:hover{background-color:#1a5fe0;box-shadow:0 4px 8px #2671fe4d}.app .primary-btn:active{background-color:#0d4fc7;transform:translateY(1px)}.app .delete-btn{display:flex;align-items:center;padding:10px 20px;background-color:#e11900;color:#fff;display:inline-flex;border:none;border-radius:5px;font-weight:500;font-size:16px;letter-spacing:.5px;cursor:pointer;box-shadow:0 2px 4px #cf0b0b4d;transition:all .2s ease-in-out}.app .delete-btn:hover{background-color:#e20a0a;box-shadow:0 4px 8px #ff0505d7}.app .delete-btn:active{background-color:#ff0404;transform:translateY(1px)}