.auth-screen{overflow:hidden}body.auth-screen #root{max-width:none!important;padding:0!important;width:100vw;height:100vh}html,body,#root{height:100%}body{margin:0;font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.main_login_div{width:100%;height:100vh;display:flex;overflow:hidden}.login_right_section{width:50%;flex:1;display:flex;flex-direction:column;justify-content:space-between;animation:none}.login_right_section_upper_img{transform:rotate(180deg)}.login_right_section_lower_img{transform:rotate(90deg)}.login_right_section_form{display:flex;justify-content:center}.login_left_section{background-color:#e6deff;width:50%;flex:1;height:100vh;animation:none;background-image:url(/dna%20effect%20-%20white.svg);background-repeat:no-repeat;background-size:cover;display:flex;justify-content:center;align-items:center}.login_left_section_content{background-color:#5700da2a;width:40%;height:fit-content;z-index:10!important;background:#ffffff40;box-shadow:0 5px 5px #1f26875e;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);border-radius:10px;border:1px solid rgba(255,255,255,.18);color:#795ea7;padding:50px;font-size:1.5em;font-weight:900}.login_left_section_content_img{margin-bottom:-150px;margin-right:-80px}.login_left_section_svg{width:96%;height:99vh;top:0;left:0}.login_form{width:40%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}.login_form_input{width:100%;height:50px;border-radius:15px;border:none;background-color:#f0edffcc;padding-left:40px;outline-offset:none;box-sizing:border-box}.input-container{position:relative;width:100%;height:fit-content}.input-icon{position:absolute;top:50%;left:14px;transform:translateY(-50%);color:#999;font-size:1.1em}.password-toggle-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#666;display:flex;align-items:center;justify-content:center;padding:0;width:20px;height:20px;transition:color .2s ease}.password-toggle-btn:hover{color:#333}.password-toggle-btn:focus{outline:none}.login_form_input:focus-visible{outline:none}.login_form_button{border-radius:15px;border:none;background-color:#6e4e9f;color:#fff;font-weight:700;padding:15px 40px;cursor:pointer;transition:.8s ease}.login_form_button:hover{background-color:#e5deff;color:#6e4e9f}@keyframes expandWidthsidee{0%{width:0%}to{width:50%}}.disablebutton{opacity:.5;cursor:not-allowed;pointer-events:none;display:flex;align-items:center;gap:10px}.loader{border:2px solid #f3f3f3;border-top:2px solid #3b82f6;border-radius:50%;width:20px;height:20px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login_form_heading2{font-weight:400;font-size:17px;color:#797070}.headings{display:flex;flex-direction:column;justify-content:center;align-items:center}.login_form_heading{padding:0;margin:0}.forgot-password-button{color:#6e4e9f;text-decoration:none;font-size:.9em;font-weight:500;border:none;background-color:transparent;cursor:pointer}.forgot-password-button:hover{color:#000}@media (max-width: 900px){.main_login_div{flex-direction:column;height:auto}.login_right_section,.login_left_section{width:100%;min-height:50vh;height:auto;animation:none}.login_left_section{min-height:40vh;padding:20px 0}.login_left_section_content{width:80%;padding:30px;font-size:1.1em}.login_form{width:80%;min-width:220px}}@media (max-width: 600px){.main_login_div{flex-direction:column;height:100vh;overflow:hidden}.login_right_section,.login_left_section{width:100%;min-height:40vh;height:50vh;animation:none}.login_left_section_content{width:95%;padding:15px;font-size:1em}.login_form{width:95%;min-width:150px;gap:10px}.login_form_heading{font-size:1.5em}.login_form_heading2{font-size:1em}.login_left_section_content_img{width:100%;margin-bottom:-60px;margin-right:0}.login_form_input{padding-left:38px;font-size:1em}.input-icon{left:10px;font-size:1em}}html,body,.page,.invoice,.sidebar,*{scrollbar-width:thin!important;scrollbar-color:#6e4e9f #f5f6fa!important}html::-webkit-scrollbar,body::-webkit-scrollbar,.page::-webkit-scrollbar,.invoice::-webkit-scrollbar,.sidebar::-webkit-scrollbar,*::-webkit-scrollbar{width:10px!important;background:#f5f6fa!important}html::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb,.page::-webkit-scrollbar-thumb,.invoice::-webkit-scrollbar-thumb,.sidebar::-webkit-scrollbar-thumb,*::-webkit-scrollbar-thumb{background:#6e4e9f!important;border-radius:8px!important;border:2px solid #f5f6fa!important}html::-webkit-scrollbar-track,body::-webkit-scrollbar-track,.page::-webkit-scrollbar-track,.invoice::-webkit-scrollbar-track,.sidebar::-webkit-scrollbar-track,*::-webkit-scrollbar-track{background:#f5f6fa!important}.page.dark,.page.dark .invoice,.page.dark .sidebar,.page.dark *{scrollbar-color:#6e4e9f #18191a!important}.page.dark::-webkit-scrollbar,.page.dark .invoice::-webkit-scrollbar,.page.dark .sidebar::-webkit-scrollbar,.page.dark *::-webkit-scrollbar{background:#18191a!important}.page.dark::-webkit-scrollbar-thumb,.page.dark .invoice::-webkit-scrollbar-thumb,.page.dark .sidebar::-webkit-scrollbar-thumb,.page.dark *::-webkit-scrollbar-thumb{background:#6e4e9f!important;border-radius:8px!important;border:2px solid #18191a!important}.page.dark::-webkit-scrollbar-track,.page.dark .invoice::-webkit-scrollbar-track,.page.dark .sidebar::-webkit-scrollbar-track,.page.dark *::-webkit-scrollbar-track{background:#18191a!important}body,.page.light{background:#f5f6fa;color:#222}.page.dark{background:#18191a;color:#f5f6fa}.page.dark .invoice{background:#23272f;color:#f5f6fa;border-color:#333}.page.dark .sidebar{background:#18191a;color:#f5f6fa;border-left-color:#333}.page.dark input,.page.dark textarea,.page.dark select{background:#23272f;color:#f5f6fa;border:1px solid #333}.page.dark .logoBox{border-color:#444;color:#aaa}.page.dark .thead{background:#6e4e9f;color:#fff}.trow input:first-child{text-align:left;padding-left:12px}.page.dark .trow input,.page.dark .trow .moneyInput input{background:#23272f;color:#f5f6fa;padding-left:12px;margin-left:0;border:1px solid #333}.page.dark .notesDisplay{background:#23272f;color:#f5f6fa;border:1px solid #333}.notesDisplay{margin-top:8px;padding:12px;border:1px solid #e5e7eb;border-radius:6px;background:#fff;color:#374151;font-size:15px;min-height:40px;white-space:pre-line}#root{max-width:1200px;margin:0 auto;padding:24px}.page{display:grid;grid-template-columns:260px 1fr;gap:24px}.sidebar{border-left:1px solid #e5e7eb;padding-left:16px;padding-top:35px;position:relative}.sidebar:before{content:"";position:absolute;left:-1px;top:0;height:35px;width:1px;background:#e5e7eb}.sidebar .download{width:100%;background:#6e4e9f;color:#fff;border:none;padding:10px 55px;border-radius:6px;margin-top:16px}.sidebar .field{margin-bottom:12px;display:flex;flex-direction:column;gap:6px;padding-top:15px;min-height:calc(100vh - 150px)}.sidebar label{font-size:12px;color:#374151}.sidebar select{padding:8px;border:1px solid #e5e7eb;border-radius:6px}.invoice{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:35px;box-sizing:border-box;max-height:calc(100vh - 80px);overflow-y:auto}.header{display:flex;justify-content:space-between;gap:16px}.logoBox{width:180px;height:120px;border:1px dashed #d1d5db;display:flex;align-items:center;justify-content:center;border-radius:6px;color:#6b7280}.logoUpload input{display:none}.logoUpload{cursor:pointer;font-size:14px}.logoImg{max-width:100%;max-height:100%;object-fit:contain}.titleArea{text-align:right}.titleArea h1{margin:0;letter-spacing:2px}.invoiceNo{display:inline-flex;align-items:center;gap:8px;border:1px solid #e5e7eb;border-radius:6px;padding:4px 8px;background-color:#eee2ff}.invoiceNo input{width:60px;border:none;outline:none}.row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.row.twoCols{grid-template-columns:1fr 1fr}.col .full{width:80%}.meta{display:grid;grid-template-columns:1fr 1fr;gap:30px}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;background-color:#6e4e9f;border-radius:5px}input,textarea,select{padding:9px;border:1px solid #e5e7eb;border-radius:6px;width:90%;background:#eee2ff;color:#222}label{display:block;font-size:12px;color:#6b7280;margin-bottom:4px}.labelEdit{border:none;background:transparent;font-size:12px;color:#6b7280;margin-bottom:6px;width:auto}.labelEdit:focus{outline:1px dashed #6e4e9f;border-radius:4px}textarea{min-height:80px}.table{margin-top:22px}.tableScroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.tableInner{width:100%;min-width:700px}.thead{display:grid;grid-template-columns:2fr 200px 0px 320px;background:#6e4e9f;color:#fff;padding:12px 0;border-radius:6px;column-gap:12px;text-align:center}.thead div{padding:0 8px}.thead div:first-child{text-align:left;padding-left:16px}.trow{display:grid;grid-template-columns:2fr 120px 150px 150px 50px;gap:12px;align-items:center;padding:12px 0;text-align:left}.lineItem{margin-top:10px;padding:10px 12px;background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0;border-radius:6px}.moneyInput{display:flex;align-items:center;border:1px solid #e5e7eb;border-radius:6px;padding-left:10px;width:90%;margin-left:10px}.moneyInput span{color:#6b7280}.moneyInput input{border:none;outline:none;width:100%;padding:10px;background:#fff;color:#222}.amount{text-align:center;padding-right:35px;font-weight:600}.remove{background:transparent;border:none;color:#ef4444;font-size:18px}.notes,.terms{margin-top:16px}.summary{margin-top:32px;width:400px;margin-left:auto;background:none;border:none;border-radius:0;padding:0;box-shadow:none}.summary .rowItem{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid #ececec;font-size:16px}.summary .rowItem:last-child{border-bottom:none}.summary .rowItem.total{font-weight:700;font-size:18px;color:#1d4ed8;background:#e0e7ff;border-radius:6px;margin:12px 0;padding:16px 0;border-bottom:none}.summary .tax{display:flex;align-items:center;gap:8px}.summary .moneyInput{margin-left:0;width:140px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding-left:8px}.summary .moneyInput input{padding:8px;font-size:15px}.summary .iconBtn{margin-left:4px}.summary .smallBtns{gap:10px;padding:10px 0;background:none;border-bottom:none}.summary .smallBtns button{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;padding:6px 14px;font-size:14px;color:#374151;margin-right:8px;transition:background .2s}.summary{margin-top:0;width:320px;margin-left:auto;background:none;border:none;border-radius:0;padding:0;box-shadow:none}.summary .rowItem{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:none;font-size:15px;gap:10px}.summary .rowItem.total{font-weight:700;font-size:16px;color:#1d4ed8;background:none;border-radius:0;margin:0;padding:6px 0}.summary .moneyInput{margin-left:0;width:100px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding-left:6px}.summary .moneyInput input{padding:6px;font-size:14px}.summary .smallBtns{gap:6px;padding:4px 0;background:none;border-bottom:none}.summary .smallBtns button{background:#fff;border:none;color:#059669;font-weight:600;font-size:14px;margin-right:8px;padding:0;transition:color .2s;cursor:pointer}.summary .smallBtns button:hover{color:#1d4ed8}.iconBtn{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;padding:6px 8px;line-height:1}@media (max-width: 960px){#root{padding:12px}.page{grid-template-columns:1fr}.sidebar{order:2;border-left:none;padding-left:0}.sidebar:before{display:none}.invoice{order:1}.row{grid-template-columns:1fr}.meta{grid-template-columns:1fr 1fr}.thead{grid-template-columns:2fr 90px 110px 110px;font-size:14px}.trow{grid-template-columns:2fr 90px 110px 110px 40px}.summary{width:100%}}@media (max-width: 600px){.titleArea h1{font-size:24px}.invoiceNo input{width:48px}.meta{grid-template-columns:1fr}input,textarea,select{padding:8px}}.salary-slip-container{padding:2rem;padding-bottom:100px;max-width:1000px;margin:0 auto;background-color:#fff;min-height:100vh;color:#333;position:relative}.salary-slip-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1rem}.company-logo-section{display:flex;flex-direction:column;gap:1rem}.upload-box{border:2px dashed #e2e8f0;border-radius:8px;padding:1.5rem;text-align:center;cursor:pointer;background-color:#f8fafc;transition:all .2s;width:100%;height:50%}.upload-box:hover{border-color:#cbd5e1;background-color:#f1f5f9}.preview-logo{max-width:200px;max-height:100px;object-fit:contain}.payslip-month-title{text-align:right}.payslip-month-title h2{font-size:clamp(1.2rem,2vw,1.5rem);font-weight:600;color:#1e293b;margin:0}.payslip-month-title p{color:#64748b;margin:0 0 .5rem}.form-section{margin-bottom:2.5rem}.section-title{font-size:1.1rem;font-weight:600;color:#1e293b;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.input-group{margin-bottom:1rem}.input-group label{display:block;font-size:.9rem;font-weight:500;color:#475569;margin-bottom:.5rem}.input-field{width:100%;padding:.75rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.95rem;transition:border-color .2s}.input-field:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}textarea.input-field{font-family:inherit}.labelEdit{font-size:.9rem;font-weight:500;color:#475569;margin-bottom:.5rem;border:1px dotted transparent;transition:all .2s;background:transparent;padding:2px 5px;border-radius:4px;width:auto;cursor:text;display:inline-block}.labelEdit:hover{border-color:#cbd5e1;background:#f8fafc}.labelEdit:focus{outline:none;border-color:#3b82f6;background:#fff;border-style:solid}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.row-item{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem;padding:.5rem;background:#fff;border-bottom:1px solid #f1f5f9}.row-label{width:120px;color:#64748b;font-size:clamp(.5rem,1vw,.9rem)}.amount-display{font-weight:600;color:#1e293b;margin-left:auto}.earnings-deductions-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:1rem}.card{border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.card-header{background-color:#f8fafc;padding:1rem;display:flex;justify-content:space-between;font-weight:600;color:#334155;border-bottom:1px solid #e2e8f0}.card-body{padding:1rem}.line-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;gap:1rem}.item-name{flex:1}.item-amount{width:120px;text-align:right}.delete-btn{color:#ef4444;background:none;border:none;cursor:pointer;padding:4px}.delete-btn:hover{background-color:#fee2e2;border-radius:4px}.add-more-btn{display:flex;align-items:center;gap:.5rem;color:#3b82f6;background:none;border:none;font-weight:500;cursor:pointer;padding:.5rem 0;font-size:.9rem}.add-more-btn:hover{text-decoration:underline}.summary-section{background-color:#f0f9ff;padding:1rem;border-top:1px solid #e0f2fe;display:flex;justify-content:space-between;align-items:center;font-weight:600}.net-payable{margin-top:2rem;display:flex;justify-content:space-between;align-items:center;font-size:1.25rem;font-weight:700;color:#0f172a;padding:1.5rem 0;border-top:2px solid #e2e8f0;border-bottom:2px solid #e2e8f0}.amount-in-words{font-size:.9rem;color:#64748b;font-weight:400;text-align:right;margin-top:.5rem}.notes-section,.signature-section{margin-top:2rem}.action-bar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:1000px;background-color:#fff;padding:1rem 2rem;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;gap:1rem;z-index:1000;box-shadow:0 -5px 15px #0000000d}.btn-primary{background-color:#3b82f6;color:#fff;padding:.75rem 2rem;border-radius:6px;font-weight:600;border:none;cursor:pointer;transition:background-color .2s}.btn-primary:hover{background-color:#2563eb}.btn-secondary{background-color:#eff6ff;color:#1d4ed8;padding:.75rem 2rem;border-radius:6px;font-weight:600;border:none;cursor:pointer;transition:background-color .2s}.btn-secondary:hover{background-color:#dbeafe}@media (max-width: 768px){.salary-slip-container{padding:1rem;padding-bottom:80px;width:100%;max-width:100%}.salary-slip-header{flex-direction:column;align-items:center;gap:1.5rem}.company-logo-section{width:100%;align-items:center}.upload-box{width:100%;max-width:300px}.payslip-month-title{text-align:center}.grid-2,.earnings-deductions-grid{grid-template-columns:1fr;gap:1.5rem}.row-item{flex-direction:column;align-items:flex-start;gap:.5rem}.row-label{width:100%;font-size:.9rem}.line-item{flex-wrap:wrap;gap:.5rem}.item-name{width:100%;order:1}.item-amount{flex:1;order:2;text-align:left}.delete-btn{order:3}.net-payable{flex-direction:column;align-items:flex-end;gap:.5rem;text-align:right}.net-payable>div:first-child{align-items:flex-end;text-align:right;width:100%}.action-bar{padding:.75rem 1rem;justify-content:space-between}.btn-primary,.btn-secondary{padding:.6rem 1rem;font-size:.9rem;flex:1}}html,body{margin:0;background-color:#f6f4ff}.invoice-container{padding:40px 20px;display:flex;flex-direction:column;align-items:center;width:100%;max-width:1200px;margin:0 auto;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:auto;overflow:visible}.page-title{margin-bottom:25px;font-weight:800;font-size:32px;color:#2d3748;text-align:left;width:100%}.table-actions{width:100%;display:flex;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}.table-actions-right{display:flex;align-items:center;gap:12px}.page-size-wrapper{display:flex;align-items:center;gap:6px;font-size:13px;color:#4a5568}.page-size-select{padding:8px 10px;border-radius:8px;border:1px solid #d3c9ee;background:#fff;font-size:13px;color:#2d3748}.search-input{flex:1;min-width:220px;padding:12px 16px;border-radius:10px;border:1px solid #d3c9ee;background:#f8f6ff;font-size:15px;color:#2d3748;transition:border-color .15s ease,box-shadow .15s ease}.search-input:focus{outline:none;border-color:#6c43a6;box-shadow:0 0 0 3px #6c43a626}.btn-refresh{padding:12px 22px;border-radius:10px;border:none;background:linear-gradient(90deg,#6c43a6,#8a5bc7);color:#fff;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;display:none}.btn-refresh:hover{transform:translateY(-1px);box-shadow:0 10px 20px #6c43a633}.pagination-bar{width:100%;display:flex;justify-content:center;align-items:center;gap:16px;margin-top:16px;font-size:14px;color:#4a5568}@media screen and (max-width: 768px){.pagination-bar{flex-direction:column;gap:10px}.pagination-bar .btn-page{width:100%}.page-info{font-size:13px}}.btn-page{padding:8px 18px;border-radius:999px;border:1px solid #d3c9ee;background:#fff;color:#6c43a6;font-weight:600;cursor:pointer;transition:all .15s ease}.btn-page:hover:not(:disabled){background:#6c43a6;color:#fff;box-shadow:0 8px 18px #6c43a640}.btn-page:disabled{opacity:.4;cursor:not-allowed}.page-info{font-weight:500}.table-wrapper{width:100%;overflow-x:hidden;background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000000d;border:1px solid #eaeaea;max-height:calc(70vh - 120px);overflow-y:auto}.invoice-table{width:100%;border-collapse:collapse;table-layout:fixed}.invoice-table thead{background:linear-gradient(90deg,#6c43a6,#8a5bc7);color:#fff}.invoice-table th{padding:18px 15px;font-size:14px;text-transform:uppercase;letter-spacing:.5px;font-weight:600;text-align:left;white-space:nowrap;position:sticky;top:0;z-index:3}.invoice-table tbody tr{border-bottom:1px solid #f0f0f0;transition:all .2s ease}.invoice-table tbody tr:nth-child(2n){background-color:#fcfcfc}.invoice-table tbody tr:hover{background-color:#f3eefc;transform:scale(1.002)}.invoice-table td{padding:16px 15px;font-size:15px;color:#4a5568;white-space:normal;word-break:break-word;overflow:hidden;text-overflow:ellipsis}.invoice-table td.col-kitid{font-weight:600;color:#6c43a6!important;font-size:15px}.invoice-table th.col-kitid{font-weight:700}.text-center{text-align:center}.font-bold{font-weight:600;color:#2d3748}.col-id{width:5%}.col-invoice{width:10%;min-width:110px}.col-kitid{width:12%;min-width:120px}.col-company{width:15%}.col-email{width:18%}.col-date{width:11%}.col-item{width:15%}.col-qty{width:7%}.col-amount{width:12%}.col-actions{width:160px}.col-emp-id{width:10%;min-width:100px}.col-pay-period{width:15%;min-width:120px}.col-emp-name{width:15%}.btn-delete{background-color:#ffeef2;color:#cc0f35;border:1px solid #fadce4;border-radius:6px;padding:6px 14px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.btn-delete:hover{background-color:#cc0f35;color:#fff;box-shadow:0 2px 5px #cc0f3566}.btn-delete:disabled{opacity:.5;cursor:not-allowed}.btn-edit{background-color:#eef5ff;color:#1b5fbf;border:1px solid #cfe0ff;border-radius:6px;padding:6px 14px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.btn-edit:hover:not(:disabled){background-color:#1b5fbf;color:#fff;box-shadow:0 2px 5px #1b5fbf4d}.btn-edit:disabled{opacity:.5;cursor:not-allowed}.action-buttons{display:flex;justify-content:center;align-items:center;gap:6px;flex-wrap:wrap}.item-count-pill{display:inline-flex;align-items:center;justify-content:center;margin-left:8px;padding:0 8px;min-width:32px;height:20px;border-radius:999px;background:#f1f5f9;color:#475569;font-size:12px;font-weight:600}@media screen and (max-width: 768px){.invoice-container{padding:24px 12px;height:auto}.page-title{text-align:center;font-size:24px}.table-actions{flex-direction:column;align-items:stretch;gap:10px}.search-input{width:100%;min-width:0}.table-actions-right{width:100%;justify-content:space-between;flex-wrap:wrap;gap:8px}.page-size-wrapper{width:100%;justify-content:space-between}.page-size-select{flex:1;max-width:140px}.btn-refresh{width:100%;text-align:center}.invoice-table{min-width:100%;display:block}.table-wrapper{box-shadow:none;border:none;background:transparent;max-height:none}.invoice-table thead{display:none}.invoice-table tbody,.invoice-table tr,.invoice-table td{display:block;width:90%}.invoice-table tr{background:#fff;margin:10px auto 15px;width:92%;border-radius:10px;box-shadow:0 4px 10px #0000000d;padding:8px 0;border:1px solid #eaeaea}.invoice-table td{display:flex;justify-content:space-between;align-items:center;text-align:left;padding:10px 24px;border-bottom:1px solid #f5f5f5;gap:12px}.invoice-table td:last-child{border-bottom:none;justify-content:flex-end}.invoice-table td:before{content:attr(data-label);flex:1;min-width:45%;font-weight:700;color:#6c43a6;font-size:13px;text-transform:uppercase}.invoice-table td span,.invoice-table td div,.invoice-table td button{flex-shrink:0}.btn-delete{padding:10px 20px;width:100%}}