.modal-header-left{display:flex;align-items:center;gap:8px}.back-btn{padding:0 8px 0 0;margin-right:4px;justify-content:center;height:32px;width:32px;border-radius:4px;transition:background .2s}.back-btn:hover{background:var(--pastel-2)}.auth-page{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;background:var(--bg-main)}.auth-brand{background:var(--primary);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:48px;color:var(--white)}.auth-brand-logo{margin-bottom:32px}.auth-brand h1{font-size:28px;font-weight:600;margin-bottom:12px;text-align:center}.auth-brand p{font-size:14px;color:var(--text-grey);text-align:center;max-width:360px;line-height:1.6}.auth-form-panel{display:flex;justify-content:center;align-items:center;padding:48px 32px}.auth-form-container{width:100%;max-width:420px}.auth-form-container h2{font-size:24px;font-weight:600;color:var(--text-primary);margin-bottom:6px}.auth-form-subtitle{font-size:14px;color:var(--primary-pastel);margin-bottom:32px}.auth-form{gap:20px}.auth-field,.auth-form{display:flex;flex-direction:column}.auth-field{gap:6px}.auth-field label{font-size:13px;font-weight:500;color:var(--text-primary)}.auth-field input{width:100%;height:48px;padding:0 14px;border:1px solid var(--grey-1);border-radius:8px;font-size:14px;font-family:var(--font-family);color:var(--text-primary);background:var(--white);outline:none;transition:border-color .2s ease}.auth-field input:focus{border-color:var(--primary)}.auth-field input::placeholder{color:var(--text-grey)}.auth-field-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.password-wrapper{position:relative}.password-wrapper input{width:100%;padding-right:44px}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--primary-pastel);display:flex;align-items:center;padding:4px}.password-toggle:hover{color:var(--text-primary)}.auth-btn{height:48px;background:var(--primary);color:var(--white);border:none;border-radius:8px;font-size:15px;font-weight:500;font-family:var(--font-family);cursor:pointer;transition:background .2s ease,opacity .2s ease}.auth-btn:hover{background:var(--primary-hover)}.auth-btn:disabled{opacity:.6;cursor:not-allowed}.auth-link-row{display:flex;justify-content:space-between;align-items:center;font-size:13px}.auth-link{color:var(--primary);font-weight:500;text-decoration:none;cursor:pointer;transition:opacity .2s}.auth-link:hover{opacity:.7}.auth-footer{text-align:center;margin-top:24px;font-size:13px;color:var(--primary-pastel)}.auth-footer a{color:var(--primary);font-weight:500;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.auth-error{background:var(--red-pastel);color:var(--red)}.auth-error,.auth-success{padding:10px 14px;border-radius:8px;font-size:13px;text-align:center}.auth-success{background:var(--green-pastel);color:var(--green)}@media (max-width:900px){.auth-page{grid-template-columns:1fr}.auth-brand{display:none}.auth-form-panel{padding:32px 20px}}.table-topbar{justify-content:space-between;height:70px;padding:0 16px}.table-topbar,.topbar-left{display:flex;align-items:center}.topbar-left{gap:12px}.topbar-right{gap:8px}.icon-btn,.topbar-right{display:flex;align-items:center}.icon-btn{width:40px;height:40px;border-radius:8px;background:var(--white);border:1px solid var(--grey-1);justify-content:center;cursor:pointer;transition:background .2s}.icon-btn:hover{background:var(--pastel-2)}.table-container{width:100%;display:flex;flex-direction:column;flex:1 1;min-height:0;overflow:hidden}.table-inner{width:100%;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch}.table-inner::-webkit-scrollbar{height:8px}.table-inner::-webkit-scrollbar-track{background:transparent}.table-inner::-webkit-scrollbar-thumb{background:var(--grey-1);border-radius:4px}.crm-table{border-collapse:separate;min-width:100%;width:100%;border-spacing:0 10px;table-layout:auto}.crm-table td,.crm-table tr{background-color:var(--bg-main);overflow:visible}.crm-table td{font-size:16px;font-weight:400;color:var(--primary-pastel);white-space:normal;word-break:break-word}.crm-table td:has(.popover-anchor),.crm-table td:has(button[aria-label=Menu]){z-index:100!important;position:relative}.crm-table td,.crm-table th{padding:12px 16px;border-bottom:1px solid #eee;text-align:left}.crm-table thead{position:-webkit-sticky;position:sticky;top:0;z-index:10}.crm-table th,.crm-table thead{background-color:var(--pastel-2)}.crm-table th{font-size:16px;font-weight:500}.crm-table td.sticky-col{z-index:5;background-color:var(--bg-main);min-width:auto;width:auto}.crm-table td.sticky-col,.crm-table th.sticky-col{position:-webkit-sticky;position:sticky;left:0;border-right:1px solid #e0e0e0}.crm-table th.sticky-col{z-index:12;background-color:var(--pastel-2)}.sticky-col{position:-webkit-sticky;position:sticky;left:0;background:var(--bg-main);z-index:5;border-right:1px solid #e0e0e0}.actions-checkbox{display:flex;align-items:center}.actions{display:flex;gap:8px}.btn{border:none;border-radius:6px;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;width:40px;height:40px;transition:all .2s ease;font-weight:500;min-width:40px}.btn:disabled{opacity:.6;cursor:not-allowed}.btn.green{background:var(--green-pastel);color:var(--green)}.btn.green:hover:not(:disabled){background:var(--green);color:var(--white);transform:translateY(-1px);box-shadow:0 2px 6px rgba(76,175,80,.2)}.btn.green:active:not(:disabled){transform:translateY(0)}.btn.orange{background:var(--orange-pastel);color:var(--orange)}.btn.orange:hover:not(:disabled){background:var(--orange);color:var(--white);transform:translateY(-1px);box-shadow:0 2px 6px rgba(255,152,0,.2)}.btn.orange:active:not(:disabled){transform:translateY(0)}.btn.red{background:var(--red-pastel);color:var(--red)}.btn.red:hover:not(:disabled){background:var(--red);color:var(--white);transform:translateY(-1px);box-shadow:0 2px 6px rgba(244,67,54,.2)}.btn.red:active:not(:disabled){transform:translateY(0)}.btn.menu-btn{color:var(--text-primary)}.btn.menu-btn:hover:not(:disabled){background:var(--pastel-2)}.btn.cancel-btn-icon:hover:not(:disabled){background:var(--red);color:var(--white)}.crm-table tbody{overflow:visible}.arrow-distance{display:flex;gap:7px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(33,37,41,.4);display:flex;align-items:center;justify-content:center;z-index:999}.modal{width:774px;background:var(--bg-main);border-radius:12px;display:flex;flex-direction:column;max-height:90vh;overflow:hidden}.modal-header{justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--grey-1)}.close-btn,.modal-header{display:flex;align-items:center}.close-btn{color:var(--text-primary);justify-content:center;width:32px;height:32px;transition:all .2s ease}.close-btn:hover{background:var(--pastel-2);color:var(--red)}.close-btn:active{background:var(--red-pastel)}.modal-body{padding:20px;flex:1 1;overflow-y:auto;display:flex;flex-direction:column;gap:18px}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid var(--grey-1)}.upload-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(33,37,41,.4);display:flex;align-items:center;justify-content:center;z-index:999}.upload-modal{width:600px;background:var(--white);border-radius:16px;overflow:hidden}.upload-modal,.upload-modal-body{display:flex;flex-direction:column}.upload-modal-body{padding:20px;gap:20px}.desc{color:var(--primary-pastel);font-size:14px;line-height:1.5}.download-btn{background:var(--primary);color:var(--white);border-radius:10px;height:44px;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;border:none}.upload-box{border:1px solid var(--grey-1);border-radius:10px;padding:30px;text-align:center;position:relative;cursor:pointer}.upload-box input{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer}.upload-content{flex-direction:column;gap:8px;color:var(--text-grey)}.checkbox-row,.upload-content{display:flex;align-items:center}.checkbox-row{gap:10px;font-size:14px}.party-page{display:flex;flex-direction:column;height:100%;overflow:hidden}.party-topbar{display:flex;justify-content:space-between;align-items:center;padding:0 0 16px}.party-topbar .topbar-left{display:flex;gap:12px}.party-topbar .topbar-right{display:flex;gap:8px}.party-topbar .icon-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:6px;border:1px solid var(--grey-1);background:var(--white);cursor:pointer;transition:all .2s ease;color:var(--text-primary)}.party-topbar .icon-btn:hover{background:var(--primary);border-color:var(--primary);color:var(--white);transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.15)}.items-pagination,.party-pagination{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-top:1px solid var(--grey-1)}.items-pagination p,.party-pagination p{font-size:16px;color:var(--text-primary)}.pagination-controls{display:flex;align-items:center;gap:12px}.page-btn{background:none;border:none;cursor:pointer;font-size:16px;color:var(--text-primary);font-family:var(--font-family)}.page-btn:disabled{opacity:.4;cursor:default}.page-number{font-size:16px;font-weight:500;padding:4px 10px;border-radius:4px}.page-number.active{background:var(--primary);color:var(--white)}.items-per-page{display:flex;align-items:center;gap:8px;font-size:16px}.items-per-page select{padding:4px 8px;border:1px solid var(--grey-1);border-radius:4px;font-family:var(--font-family)}.field-input:is(select),.field-select,.payment-method-select,select,select.field-input,select.field-tag{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-color:var(--white);background-image:url(/icons/chevron-down.svg);background-repeat:no-repeat;background-position:right 12px center;background-size:14px 14px;padding-right:38px;line-height:1.4}.dt-items-per-page select,.items-per-page select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-color:var(--white);background-image:none;padding:4px 8px;line-height:1.4;border:1px solid var(--grey-1);border-radius:4px;font-family:var(--font-family);font-size:14px}.items-page{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;background:#ffffff;border:1px solid #e8eaee;border-radius:14px;padding:10px 12px 14px}.items-page>.table-container{flex:1 1;min-height:0}.items-topbar{display:flex;justify-content:space-between;align-items:center;padding:0 0 16px}.items-topbar .topbar-left{display:flex;gap:12px}.items-topbar .topbar-right{display:flex;gap:8px}.items-topbar .icon-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid var(--grey-1);background:var(--white);cursor:pointer;transition:all .2s ease;color:var(--text-primary)}.items-topbar .icon-btn:hover{background:var(--primary);border-color:var(--primary);color:var(--white);transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.15)}.party-modal{width:820px;max-height:90vh;background:var(--bg-main);border-radius:12px;display:flex;flex-direction:column;overflow:hidden}.stepper{justify-content:center;gap:24px;padding:24px 20px;border-bottom:1px solid var(--grey-1);flex-shrink:0;background:#fff}.stepper,.stepper .step{display:flex;align-items:center}.stepper .step{gap:10px;color:var(--text-grey);font-weight:500;font-size:15px}.stepper .step-number,.stepper .step.active{color:var(--text-primary)}.stepper .step-number{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--bg-main);font-size:14px;transition:all .3s}.stepper .step.active .step-number{background:var(--primary);color:var(--white);box-shadow:0 0 0 4px rgba(33,37,41,.1)}.stepper .step-line{width:80px;height:2px;background:var(--grey-1);border-radius:2px}.stepper .step.active~.step-line{background:var(--primary)}.step{display:flex;align-items:center;gap:8px;opacity:.4;transition:opacity .2s ease}.step.active{opacity:1}.step-number{width:28px;height:28px;border-radius:50%;background:var(--grey-1);color:var(--text-primary);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:500}.step.active .step-number{background:var(--primary);color:var(--white)}.step-label{font-size:16px;font-weight:500}.step-line{width:80px;height:2px;background:var(--grey-1)}.section-title{font-size:16px;font-weight:500;margin-bottom:16px;color:var(--text-primary)}.shipping-header{justify-content:space-between;margin-top:24px;margin-bottom:0}.same-address,.shipping-header{display:flex;align-items:center}.same-address{gap:8px;font-size:14px;cursor:pointer}.same-address input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary)}.input-with-tag{display:flex;gap:0;border:1px solid var(--grey-1);border-radius:8px;overflow:hidden;background:var(--white);height:40px;transition:border-color .2s}.input-with-tag:focus-within{border-color:var(--primary)}.input-with-tag .field-input{flex:1 1;border:none!important;font-size:14px;background:transparent;min-width:0;box-shadow:none!important;border-radius:0!important}.input-with-tag .field-input,.input-with-tag .field-tag{outline:none;padding:0 12px;font-family:var(--font-family);height:100%}.input-with-tag .field-tag{border:none;border-left:1px solid var(--grey-1);font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;min-width:100px;color:var(--primary-pastel)}.form-grid-3col{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px}.phone-input-wrapper{display:flex;align-items:center;border:1px solid var(--grey-1);border-radius:6px;background:var(--white);overflow:hidden;height:40px}.phone-flag{padding:0 4px 0 10px;font-size:18px;line-height:1}.phone-code{padding:0 4px;font-size:13px;color:var(--text-primary);font-family:var(--font-family);white-space:nowrap}.phone-divider{width:1px;height:20px;background:var(--grey-1);margin:0 6px}.phone-number-input{flex:1 1;border:none;outline:none;padding:0 10px 0 0;font-size:14px;font-family:var(--font-family);background:transparent;color:var(--text-primary)}.phone-number-input::placeholder{color:var(--text-grey)}.remove-selected-btn{display:flex;align-items:center;gap:8px;background:var(--red-pastel,#fce4ec);color:var(--red,#e53935);border:1px solid var(--red,#e53935);border-radius:8px;padding:0 20px;font-size:14px;font-weight:600;font-family:var(--font-family);cursor:pointer;transition:all .2s ease;height:40px;min-width:140px;justify-content:center}.remove-selected-btn:hover{background:var(--red,#e53935);color:var(--white);transform:translateY(-1px);box-shadow:0 4px 12px rgba(229,57,53,.2)}.remove-selected-btn:active{transform:translateY(0)}.remove-modal-icon svg{width:32px;height:32px;color:#D32F2F}.remove-modal-cancel-btn:hover{background:#F5C7CE}.party-details-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(33,37,41,.4);display:flex;justify-content:flex-end;z-index:999}.party-details-panel{width:600px;height:100vh;background:var(--white);display:flex;flex-direction:column;overflow-y:auto;animation:slideInRight .3s ease}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}.panel-header{justify-content:space-between;align-items:center;border-bottom:1px solid var(--grey-1)}.panel-body,.panel-header{display:flex;padding:20px 24px}.panel-body{flex:1 1;overflow-y:auto;flex-direction:column;gap:16px}.detail-section-card{border:1px solid var(--grey-1);border-radius:10px;padding:20px}.detail-section-title{font-size:15px}.detail-grid-3col{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-label{color:var(--text-grey,#888)}.close-btn{background:none;border:none;cursor:pointer;font-size:16px;color:var(--red,#e53935);line-height:1;padding:4px;border-radius:4px}.close-btn:hover{background:var(--red-pastel,#fce4ec)}.filter-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px}.filter-modal-party{width:600px}.filter-modal-party,.item-modal{background:var(--bg-main);border-radius:12px;display:flex;flex-direction:column}.item-modal{width:820px;max-height:90vh;overflow:hidden}.input-with-action{display:flex;align-items:stretch;border:1px solid var(--grey-1);border-radius:6px;overflow:hidden;background:var(--white);height:42px;width:100%}.input-with-action .field-input{flex:1 1;border:none!important;outline:none;padding:0 12px;font-family:var(--font-family);font-size:14px;background:transparent;min-width:0;height:100%}.generate-barcode-icon-btn{width:46px;background:var(--primary);color:var(--white);border:none;border-left:1px solid var(--grey-1);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.generate-barcode-icon-btn:hover{background:var(--primary-hover,#1a1a2e)}.generate-barcode-icon-btn img{filter:brightness(0) invert(1)}.attachment-section{margin-top:18px;display:flex;flex-direction:column;gap:6px}.upload-box-small{border:2px dashed var(--grey-1);border-radius:8px;padding:24px;text-align:center;cursor:pointer}.upload-box-small:hover{border-color:var(--primary)}.upload-box-small p{color:var(--text-grey)}.toggle-row{grid-column:1/-1;margin-top:8px}.toggle-label{display:flex;align-items:center;gap:8px;font-size:16px;cursor:pointer}.toggle-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary)}.stock-form{display:flex;flex-direction:column}.attachment-list{gap:8px;margin-top:12px}.attachment-item{display:flex;align-items:center;gap:12px;background:var(--white);padding:10px 14px;border-radius:10px;border:1px solid var(--grey-1);transition:all .2s}.attachment-item:hover{border-color:var(--primary-pastel);box-shadow:0 2px 8px rgba(0,0,0,.05)}.file-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--pastel-2);border-radius:6px}.file-info{flex:1 1;display:flex;flex-direction:column;gap:4px;min-width:0}.file-name{font-size:13px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.progress-container{height:4px;background:var(--grey-2);border-radius:2px;overflow:hidden;width:100%}.progress-bar{height:100%;background:var(--green);transition:width .3s ease}.delete-file-btn{background:none;border:none;padding:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.delete-file-btn:hover{background:var(--red-pastel,#ffebee)}.delete-file-btn img{width:16px;height:16px}.order-table{border-collapse:separate;width:max-content;min-width:1200px;border-spacing:0 10px;table-layout:fixed}.order-table td,.order-table tr{background-color:var(--bg-main)}.order-table td{font-size:16px;font-weight:400;color:var(--primary-pastel)}.order-table td,.order-table th{padding:12px 16px;border-bottom:1px solid #eee;text-align:left;white-space:nowrap}.order-table th,.order-table thead{background-color:var(--pastel-2)}.order-table th{font-size:16px;font-weight:500}.order-table th.sticky-col{z-index:3}.order-table td.sticky-col{position:-webkit-sticky;position:sticky;left:0;z-index:5}.order-table td:first-child,.order-table th:first-child{width:160px;border-right:1px solid var(--text-grey)}.order-table td:nth-child(2),.order-table th:nth-child(2){width:80px}.order-table td:nth-child(3),.order-table th:nth-child(3){width:150px}.order-table td:nth-child(4),.order-table th:nth-child(4){width:250px}.order-table td:nth-child(5),.order-table th:nth-child(5){width:120px}.order-table td:nth-child(6),.order-table td:nth-child(7),.order-table th:nth-child(6),.order-table th:nth-child(7){width:180px}.order-details-cell{display:flex;flex-direction:column;gap:2px;font-size:14px}.file-link{color:var(--text-primary);text-decoration:underline}.units-cell{flex-direction:column;gap:2px;font-size:14px}.status-cell,.units-cell{display:flex;align-items:center}.status-cell{gap:8px}.status-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.status-dot.pending{background-color:var(--orange)}.status-dot.paid{background-color:var(--green)}.status-text{font-size:14px;font-weight:500}.status-text.pending{color:var(--orange)}.status-text.paid{color:var(--green)}.service-table{border-collapse:separate;width:max-content;min-width:1200px;border-spacing:0 10px;table-layout:fixed}.service-table td,.service-table tr{background-color:var(--bg-main)}.service-table td{font-size:16px;font-weight:400;color:var(--primary-pastel)}.service-table td,.service-table th{padding:12px 16px;border-bottom:1px solid #eee;text-align:left;white-space:nowrap}.service-table th,.service-table thead{background-color:var(--pastel-2)}.service-table th{font-size:16px;font-weight:500}.service-table td:first-child,.service-table th:first-child{width:80px}.service-table td:nth-child(2),.service-table th:nth-child(2){width:220px}.service-table td:nth-child(3),.service-table td:nth-child(4),.service-table td:nth-child(5),.service-table th:nth-child(3),.service-table th:nth-child(4),.service-table th:nth-child(5){width:180px}.user-table{border-collapse:separate;width:max-content;min-width:1200px;border-spacing:0 10px;table-layout:fixed}.user-table td,.user-table tr{background-color:var(--bg-main)}.user-table td{font-size:16px;font-weight:400;color:var(--primary-pastel)}.user-table td,.user-table th{padding:12px 16px;border-bottom:1px solid #eee;text-align:left;white-space:nowrap}.user-table th,.user-table thead{background-color:var(--pastel-2)}.user-table th{font-size:16px;font-weight:500}.user-table th.sticky-col{z-index:3}.user-table .sticky-col,.user-table td.sticky-col{position:-webkit-sticky;position:sticky;left:0;z-index:5}.user-table .sticky-col{background:var(--bg-main);width:160px}.user-table td:first-child,.user-table th:first-child{width:160px;border-right:1px solid var(--text-grey)}.user-table td:nth-child(2),.user-table th:nth-child(2){width:80px}.user-table td:nth-child(3),.user-table th:nth-child(3){width:180px}.user-table td:nth-child(4),.user-table th:nth-child(4){width:250px}.user-table td:nth-child(5),.user-table th:nth-child(5){width:150px}.item-details-modal{width:1080px;max-height:90vh;background:var(--bg-main);border-radius:20px;display:flex;flex-direction:column;overflow:hidden}.item-details-body{flex:1 1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:40px}.item-details-section{display:flex;flex-direction:column;gap:10px}.item-details-card{background:var(--white);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:24px}.item-details-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px}.item-detail-item{display:flex;flex-direction:column;gap:4px}.item-detail-label{font-size:14px;font-weight:400;color:var(--primary-pastel);line-height:1.6}.item-detail-value{font-size:14px;font-weight:500;color:var(--text-primary);line-height:1.6}.attachment-list{display:flex;flex-direction:column;gap:4px}.attachment-link{font-size:14px;color:var(--text-primary);text-decoration:underline;cursor:pointer}.barcode-modal{width:548px;background:var(--bg-main);border-radius:20px;display:flex;flex-direction:column;overflow:hidden}.barcode-body{padding:24px;display:flex;justify-content:center}.barcode-display{background:var(--white);border-radius:16px;padding:24px;display:flex;flex-direction:column;align-items:center;gap:16px;width:100%}.barcode-image-container{width:100%;display:flex;justify-content:center}.barcode-svg{width:100%;max-width:400px;height:auto}.barcode-number{font-size:18px;font-weight:500;color:var(--text-primary);letter-spacing:2px}.barcode-footer{display:flex;gap:12px;padding:16px 24px;border-top:1px solid var(--grey-1);justify-content:center}.barcode-action-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;border-radius:10px;border:none;font-size:16px;font-weight:500;font-family:var(--font-family);cursor:pointer;transition:opacity .2s}.barcode-action-btn:hover{opacity:.9}.barcode-action-btn.primary{background:var(--primary);color:var(--white)}.barcode-action-btn.danger{background:var(--red-pastel);color:var(--red)}.quotation-barcode-modal{border-radius:12px}.quotation-barcode-item-name{margin:4px 0 0;color:var(--primary-pastel);font-size:13px;font-weight:400}.quotation-barcode-empty{margin:0;color:var(--primary-pastel);font-size:14px;text-align:center}.sales-invoice-page{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;background:#ffffff;border:1px solid #e8eaee;border-radius:14px;padding:10px 12px 14px}.content:has(.dt-root){display:flex;flex-direction:column;min-height:0;overflow:hidden}.content:has(.dt-root)>.items-page,.content:has(.dt-root)>.party-page,.content:has(.dt-root)>.sales-invoice-page,.content:has(.dt-root)>.table-container{flex:1 1 auto;height:100%;min-height:0;overflow:hidden}.content:has(>.dt-root)>.dt-root{flex:1 1 auto;min-height:0}.items-page>.dt-root,.items-page>.table-container,.party-page>.dt-root,.party-page>.table-container,.sales-invoice-page>.dt-root,.sales-invoice-page>.table-container,.table-container>.dt-root{flex:1 1 auto;min-height:0}.items-topbar,.page-section-title,.selection-chip,.summary-cards,.table-topbar{flex:0 0 auto}.summary-cards{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;margin-bottom:16px}.summary-card{border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:8px;border-left:none}.summary-card.orange{background:#fdf0ea}.summary-card.green{background:#e8f7ed}.summary-card.red{background:#fdecef}.summary-card.grey{background:#eef1f5}.summary-card-header{display:flex;align-items:center;gap:8px}.summary-card-label{font-size:14px;font-weight:500}.summary-card-label.green{color:var(--green)}.summary-card-label.orange{color:var(--orange)}.summary-card-label.red{color:var(--red)}.summary-card-value{font-size:33px;font-weight:600;color:#202733;line-height:1.1}.invoice-status{padding:4px 12px;border-radius:20px;font-size:13px;font-weight:500}.invoice-status.paid{background:var(--green-pastel);color:var(--green)}.invoice-status.unpaid{background:var(--orange-pastel);color:var(--orange)}.invoice-status.cancelled{background:var(--red-pastel);color:var(--red)}.sales-invoice-topbar{padding:0;margin-bottom:10px}.create-sales-btn{height:30px;border:none;border-radius:8px;background:#18202a;color:#fff;font-size:12px;font-weight:500;padding:0 12px;display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-family:var(--font-family)}.create-sales-btn:hover{opacity:.9}.sales-invoice-topbar .icon-btn{width:28px;height:28px;border-radius:8px;background:#eef1f5;border:1px solid #e3e7ed}.create-invoice-page{display:flex;flex-direction:column;height:100%;overflow-y:auto}.error-banner{justify-content:space-between;background:var(--red-pastel);color:var(--red);padding:12px 16px;border-radius:8px;margin-bottom:16px;border:1px solid var(--red)}.error-banner,.error-message{display:flex;align-items:center}.error-message{gap:12px;flex:1 1;font-size:14px;font-weight:500}.error-close{background:none;border:none;cursor:pointer;font-size:24px;color:var(--red);padding:0 8px;display:flex;align-items:center;justify-content:center}.error-close:hover{opacity:.7}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:20px;color:var(--text-primary)}.spinner{width:40px;height:40px;border:4px solid var(--grey-1);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.invoice-page-header{display:flex;justify-content:space-between;align-items:center;padding:0 0 12px;border-bottom:1px solid #e8eaee;margin-bottom:10px}.invoice-header-left{display:flex;align-items:center;gap:12px}.back-btn,.settings-btn{background:none;border:none;cursor:pointer;display:flex;align-items:center;padding:8px}.invoice-form{display:flex;flex-direction:column;gap:16px;border:1px solid #e8eaee;border-radius:14px;padding:14px}.form-grid-2{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:18px;gap:18px}.invoice-section{display:flex;flex-direction:column;gap:12px}.invoice-section-title{font-size:16px;font-weight:500;color:var(--text-primary);padding-bottom:8px;border-bottom:1px solid #e8eaee}.section-header-row{display:flex;justify-content:space-between;align-items:center}.change-btn{display:flex;align-items:center;gap:6px;background:none;border:none;cursor:pointer;font-size:14px;font-weight:500;color:var(--text-primary);font-family:var(--font-family)}.line-items-table{border:1px solid #e8eaee;border-radius:8px;overflow-x:auto}.line-items-header{background:#f1f4f8;padding:9px 12px;font-size:13px;font-weight:500;color:var(--primary-pastel);white-space:nowrap}.line-item-row,.line-items-header{display:grid;grid-template-columns:minmax(160px,2fr) minmax(80px,1fr) minmax(90px,1fr) minmax(90px,1fr) minmax(110px,1.2fr) minmax(110px,1fr) minmax(90px,1fr) 40px;grid-gap:8px;gap:8px;align-items:center}.line-item-row{padding:10px 12px;border-top:1px solid var(--grey-1)}.line-items-table.with-upload .line-item-row,.line-items-table.with-upload .line-items-header{grid-template-columns:minmax(230px,1.8fr) minmax(120px,.9fr) minmax(110px,.8fr) minmax(120px,.9fr) minmax(150px,1.1fr) minmax(150px,1fr) minmax(140px,.9fr) minmax(240px,1.1fr) 40px;min-width:1430px}.li-col{display:flex;flex-direction:column;gap:4px}.li-col .field-input{width:100%;padding:7px 8px;border:1px solid var(--grey-1);border-radius:6px;font-family:var(--font-family);font-size:13px;outline:none;background:var(--white);color:var(--text-primary)}.li-col .field-input:focus{border-color:var(--primary)}.line-item-row .item-col{flex-direction:row;align-items:center;gap:6px}.line-item-row .item-col .field-input,.line-item-row .item-col .fs-wrapper{flex:1 1;min-width:0}.scan-barcode-btn{position:relative;display:flex;align-items:center;justify-content:center;padding:7px 8px;border:1px solid var(--grey-1);border-radius:6px;background:var(--white);cursor:pointer;flex-shrink:0;transition:border-color .15s}.scan-barcode-btn:hover{border-color:var(--primary)}.scan-barcode-btn.has-barcode{border-color:var(--primary);background:#eef4ff}.scan-barcode-btn.has-barcode:after{content:attr(data-barcode);position:absolute;left:50%;bottom:calc(100% + 6px);transform:translateX(-50%);max-width:180px;padding:4px 7px;border-radius:4px;background:var(--text-primary);color:var(--white);font-size:11px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;pointer-events:none;transition:opacity .15s;z-index:20}.scan-barcode-btn.has-barcode:focus-visible:after,.scan-barcode-btn.has-barcode:hover:after{opacity:1}.discount-inputs{display:flex;flex-direction:column;gap:3px}.input-with-tag.compact{height:auto}.input-with-tag.compact .field-input{padding:5px 6px;font-size:12px}.input-with-tag.compact .field-tag{padding:5px 6px;font-size:12px;min-width:22px;text-align:center}.tax-input{display:flex;flex-direction:column;gap:4px}.tax-amount{font-size:12px;color:var(--primary-pastel)}.delete-line-btn{padding:4px;justify-content:center}.add-line-item-btn,.delete-line-btn{background:none;border:none;cursor:pointer;display:flex;align-items:center}.add-line-item-btn{justify-content:flex-end;gap:4px;padding:12px 0;font-size:14px;font-weight:500;color:var(--text-primary);font-family:var(--font-family)}.invoice-bottom-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:40px;gap:40px}.invoice-left-col,.invoice-right-col{display:flex;flex-direction:column;gap:24px}.bank-details-grid{display:flex;flex-direction:column;gap:8px}.bank-detail-row{display:grid;grid-template-columns:180px 20px 1fr;font-size:14px}.bank-label{color:var(--primary-pastel);font-weight:400}.bank-separator{color:var(--primary-pastel);text-align:center}.bank-value{color:var(--text-primary);font-weight:500}.price-details{display:flex;flex-direction:column;gap:8px}.price-row{display:flex;justify-content:space-between;align-items:center;font-size:14px;padding:4px 0}.price-row.total{font-weight:600;font-size:16px;padding:12px 0;border-top:1px solid var(--grey-1);border-bottom:1px solid var(--grey-1)}.price-row.balance{padding-top:12px;border-top:1px solid var(--grey-1)}.balance-value{color:var(--green);font-weight:600}.price-add-btn{background:none;border:none;cursor:pointer;font-size:14px;font-weight:500;color:var(--text-primary);font-family:var(--font-family);text-align:left;padding:4px 0}.checkbox-inline{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer}.checkbox-inline.right{justify-content:flex-end}.checkbox-inline input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary)}.round-off-inputs{display:flex;align-items:center;gap:8px}.round-off-inputs .field-input.compact{padding:4px 8px;font-size:13px;width:auto}.round-off-mode-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:none!important;padding-right:8px!important}.signatory-section{margin-top:16px;display:flex;flex-direction:column;gap:8px;font-size:14px}.invoice-form-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 0 0;border-top:1px solid #e8eaee;margin-top:8px}.invoice-settings-modal{width:640px;background:var(--bg-main);border-radius:14px;display:flex;flex-direction:column;max-height:90vh;overflow:hidden}.settings-toggle-card{border-radius:8px;padding:10px 12px}.settings-toggle-title{font-size:13px}.settings-toggle-desc{font-weight:400;color:var(--primary-pastel)}.settings-theme-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0}.settings-theme-label{font-size:16px;font-weight:500;color:var(--primary-pastel)}.settings-theme-select{width:300px}.toggle-switch{display:inline-block;width:48px;height:26px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--grey-1);border-radius:26px;transition:.3s}.toggle-slider:before{content:"";position:absolute;height:20px;width:20px;left:3px;bottom:3px;background-color:white;border-radius:50%;transition:.3s}.toggle-switch input:checked+.toggle-slider{background-color:var(--primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(22px)}.change-bank-modal{width:500px;background:var(--bg-main);border-radius:12px;display:flex;flex-direction:column;max-height:90vh;overflow:hidden}.bank-account-card{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;cursor:pointer;border-bottom:1px solid var(--grey-1);transition:background .2s}.bank-account-card.selected,.bank-account-card:hover{background:var(--pastel-2)}.bank-account-left{display:flex;align-items:center;gap:16px}.bank-logo-wrapper{width:32px;height:32px;border-radius:8px;background:var(--pastel-2);display:flex;align-items:center;justify-content:center;overflow:hidden}.bank-logo-placeholder{font-size:24px;font-weight:600;color:var(--primary-pastel)}.bank-account-info{display:flex;flex-direction:column;gap:4px}.bank-account-name{font-size:13px;font-weight:600;color:var(--text-primary)}.bank-account-details{font-size:11px;font-weight:400;color:var(--primary-pastel)}.bank-radio{width:20px;height:20px;accent-color:var(--primary);cursor:pointer}.invoice-actions-popover{position:absolute;top:44px;right:0;display:flex;gap:12px;padding:16px;background:var(--bg-main);border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.12);z-index:9999}.popover-group{display:flex;flex-direction:column;gap:8px}.popover-group-title{font-size:12px;font-weight:500;color:var(--primary-pastel);padding:0 4px}.popover-group-card{background:var(--white);border-radius:12px;display:flex;flex-direction:column;min-width:160px;overflow:visible}.popover-item{padding:10px 16px;font-size:14px;font-weight:400;color:var(--text-primary);background:none;border:none;text-align:left;cursor:pointer;font-family:var(--font-family);transition:background .2s}.popover-item:hover{background:var(--pastel-2)}.invoice-detail-page{display:flex;flex-direction:column;height:100%;overflow-y:auto}.invoice-header-actions{display:flex;align-items:center;gap:8px}.icon-btn.danger{border-color:var(--red-pastel)}.icon-btn.danger:hover{background:var(--red-pastel)}.invoice-detail-content{display:flex;flex-direction:column;gap:28px;padding-top:16px}.invoice-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}.line-item-row.detail-view,.line-items-header.detail-view{grid-template-columns:2fr 1fr .8fr 1fr 1fr 1fr 1fr}.detail-text{font-size:14px;color:var(--primary-pastel);line-height:1.6}.modal-title{font-size:18px;font-weight:600;color:var(--text-primary)}.user-table td:nth-child(6),.user-table th:nth-child(6){width:200px}.user-table td:nth-child(7),.user-table th:nth-child(7){width:150px}.details-modal{width:820px;max-height:90vh;background:var(--bg-main);border-radius:12px;overflow:hidden}.details-body,.details-modal{display:flex;flex-direction:column}.details-body{padding:24px;overflow-y:auto;gap:28px}.details-section{display:flex;flex-direction:column;gap:16px}.details-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px}.detail-label{font-size:13px;font-weight:500;color:var(--primary-pastel)}.detail-value{font-size:15px;font-weight:400}.social-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:18px;gap:18px}.social-item{display:flex;flex-direction:column;gap:4px}.social-link{font-size:14px;color:#0077b5;text-decoration:underline;word-break:break-all}.social-link:hover{opacity:.8}.edit-history-modal{width:860px;max-height:90vh;background:var(--bg-main);border-radius:12px;display:flex;flex-direction:column;overflow:hidden}.edit-history-content{display:flex;flex:1 1;overflow:hidden}.edit-history-preview{flex:1 1;padding:20px;overflow-y:auto;border-right:1px solid var(--border-light)}.edit-history-timeline{width:280px;padding:20px;overflow-y:auto}.timeline-title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:20px}.timeline-entry{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--border-light)}.timeline-icon{width:32px;height:32px;border-radius:50%;background:var(--pastel-2);display:flex;align-items:center;justify-content:center;flex-shrink:0}.timeline-info{flex:1 1}.timeline-date-row{display:flex;justify-content:space-between;align-items:center}.timeline-date{font-size:14px;font-weight:600;color:var(--text-primary)}.timeline-view-btn{font-size:13px;color:var(--primary-pastel);background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:4px}.timeline-view-btn:hover{text-decoration:underline}.view-arrow{font-size:12px}.timeline-author{font-size:13px;color:var(--primary-pastel);margin-top:4px;display:block}.invoice-preview-card{background:#fff;border:1px solid var(--border-light);border-radius:8px;padding:32px;font-size:13px}.invoice-document-card{box-sizing:border-box;width:min(100%,780px);margin:0 auto;padding:40px 42px 34px;border:1px solid #d9e2ef;border-radius:6px;box-shadow:0 18px 48px rgba(15,23,42,.08);color:#111827;background:linear-gradient(90deg,#0b63b6 0 8px,transparent 8px),linear-gradient(180deg,#ffffff,#ffffff 72%,#f8fafc)}.invoice-preview-header{display:flex;justify-content:space-between;margin-bottom:24px}.invoice-document-header{align-items:flex-start;gap:24px;margin-bottom:30px;padding-bottom:22px;border-bottom:2px solid #e5ebf3}.invoice-preview-logo{display:flex;align-items:flex-start}.invoice-brand-logo{width:180px;max-width:180px;height:auto;object-fit:contain;display:block}.invoice-document-card .invoice-brand-logo{width:132px;max-width:132px}.invoice-preview-logo .logo-text{font-size:14px;font-weight:700;color:var(--text-primary)}.invoice-preview-title h3{font-size:22px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.invoice-document-title{flex:0 0 270px;text-align:right;min-width:0}.invoice-document-title .invoice-type-label,.invoice-document-title h3{margin:0;color:#0f172a;font-size:28px;line-height:1;font-weight:800;letter-spacing:0;white-space:nowrap}.invoice-document-title .company-name-preview,.invoice-document-title p{margin-top:8px;color:#64748b;font-size:13px;font-weight:600}.invoice-preview-title p{color:var(--primary-pastel);margin:2px 0}.invoice-preview-title p.small{font-size:12px}.invoice-preview-info{display:flex;justify-content:space-between;margin-bottom:24px}.invoice-document-info{align-items:stretch;gap:20px;margin-bottom:30px}.invoice-preview-client{font-size:14px}.invoice-document-client,.invoice-document-meta{flex:1 1;min-height:104px;padding:16px 18px;border:1px solid #dbe4ef;border-radius:4px;background:#f8fafc}.invoice-document-client span{display:block;margin-bottom:12px;color:#64748b;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.invoice-document-client strong{display:block;color:#0f172a;font-size:18px;line-height:1.25}.invoice-preview-meta{text-align:right}.meta-row{display:flex;justify-content:space-between;gap:24px;margin-bottom:4px;font-size:13px}.meta-row span:first-child{color:var(--primary-pastel)}.invoice-document-meta{display:flex;flex-direction:column;justify-content:center;min-width:0;text-align:left}.invoice-document-meta .meta-row{margin:0;padding:7px 0;border-bottom:1px solid #e5ebf3;font-size:13px}.invoice-document-meta .meta-row:last-child{border-bottom:none}.invoice-document-meta .meta-row span:first-child{color:#64748b;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.invoice-document-meta .meta-row span:last-child{color:#0f172a;font-weight:800}.invoice-preview-table{width:100%;border-collapse:collapse;margin-bottom:24px}.invoice-document-table{margin-bottom:28px;border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid #dbe4ef;border-radius:4px}.invoice-preview-table th{text-align:left;padding:10px 8px;font-size:12px;font-weight:600;color:var(--primary-pastel);border-bottom:1px solid var(--border-light);border-top:1px solid var(--border-light)}.invoice-document-table th{padding:12px;border:none;background:#0f172a;color:#ffffff;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.invoice-preview-table td{padding:10px 8px;font-size:13px;color:var(--text-primary);border-bottom:1px solid var(--border-light)}.invoice-document-table td{padding:13px 12px;border-bottom:1px solid #e5ebf3;color:#111827;font-size:13px}.invoice-document-table tbody tr:nth-child(2n) td{background:#fbfdff}.invoice-document-table tbody tr:last-child td{border-bottom:none}.invoice-document-table td:not(:first-child),.invoice-document-table th:not(:first-child){text-align:right;white-space:nowrap}.quotation-file-downloads{display:flex;flex-direction:column;gap:6px;min-width:140px}.quotation-file-download-btn{display:flex;align-items:center;gap:6px;max-width:190px;border:1px solid #dbe3ef;border-radius:6px;background:#f8fafc;color:var(--text-primary);cursor:pointer;font-family:var(--font-family);font-size:12px;padding:5px 7px}.quotation-file-download-btn:hover:not(:disabled){border-color:var(--primary);background:#eef2ff}.quotation-file-download-btn:disabled{cursor:not-allowed;opacity:.55}.quotation-file-download-btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invoice-preview-bottom{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.invoice-document-bottom{gap:28px;align-items:flex-end}.invoice-signatory{text-align:center}.signatory-image-placeholder{width:80px;height:40px;margin-bottom:8px;background:var(--pastel-2);border-radius:4px}.signatory-label{font-size:12px;color:var(--primary-pastel)}.signatory-name{font-size:13px;font-weight:600;color:var(--text-primary)}.invoice-preview-totals{text-align:right;min-width:280px}.invoice-document-totals{width:330px;min-width:300px;margin-left:auto;padding:16px 18px;border:1px solid #dbe4ef;border-radius:4px;background:#f8fafc;text-align:left}.total-row{display:flex;justify-content:space-between;padding:4px 0;font-size:13px;color:var(--text-primary)}.total-row.bold{font-weight:700;border-top:1px solid var(--border-light);padding-top:8px;margin-top:4px}.invoice-document-totals .total-row,.invoice-document-totals .totals-row{display:flex;justify-content:space-between;gap:24px;padding:7px 0;color:#475569;font-size:13px}.invoice-document-totals .total-row span:last-child,.invoice-document-totals .totals-row span:last-child{color:#0f172a;font-weight:800}.invoice-document-totals .total-row.bold,.invoice-document-totals .totals-row.totals-due{margin-top:8px;padding-top:14px;border-top:2px solid #dbe4ef;color:#0f172a;font-size:17px;font-weight:800}.invoice-payment-instructions{border-top:1px solid var(--border-light);padding-top:16px}.invoice-document-card .invoice-payment-instructions,.invoice-document-card .invoice-preview-footer{margin-top:28px;padding-top:18px;border-top:1px solid #dbe4ef}.invoice-payment-instructions h4{font-size:12px;font-weight:600;color:var(--primary-pastel);margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.invoice-document-card .invoice-payment-instructions h4,.invoice-document-card .payment-instructions-label{color:#64748b;font-size:11px;font-weight:800;letter-spacing:.06em}.payment-instructions-grid{display:flex;justify-content:space-between;gap:24px}.payment-instructions-left p,.payment-instructions-right p{font-size:12px;color:var(--text-primary);margin:2px 0}.payment-link{color:#0077b5;text-decoration:underline}.qr-placeholder{width:60px;height:60px;background:var(--pastel-2);border-radius:4px;margin-top:8px}.credit-note-settings-modal{width:480px}.cancel-invoice-modal,.credit-note-settings-modal{background:var(--bg-main);border-radius:12px;display:flex;flex-direction:column;overflow:hidden}.cancel-invoice-modal{width:420px}.cancel-invoice-body{padding:24px;display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.cancel-icon-wrapper{width:48px;height:48px;border-radius:50%;background:var(--red-pastel);display:flex;align-items:center;justify-content:center}.cancel-text{font-size:14px;color:var(--text-primary);line-height:1.6}.issue-credit-note-modal{width:720px;background:var(--bg-main);border-radius:12px;display:flex;flex-direction:column;overflow:hidden}.form-grid-3{grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;margin-bottom:16px}.payment-in-settings-modal{width:480px}.payment-in-settings-modal,.record-payment-in-modal{background:var(--bg-main);border-radius:12px;display:flex;flex-direction:column;overflow:hidden}.record-payment-in-modal{width:720px}.profit-calculation-modal{width:560px;background:var(--bg-main);border-radius:12px;display:flex;flex-direction:column;overflow:hidden}.profit-calc-body{padding:0}.profit-calc-table{width:100%;border-collapse:collapse}.profit-calc-table th{text-align:left;font-weight:700;background:var(--pastel-2)}.profit-calc-table td,.profit-calc-table th{padding:12px 16px;font-size:13px;color:var(--text-primary);border-bottom:1px solid var(--border-light)}.profit-item-name{font-style:italic;color:var(--primary-pastel)}.profit-col-item{width:35%}.profit-col-qty{width:15%}.profit-col-price{width:30%;text-align:right}.profit-col-total{width:20%;text-align:right}.profit-calc-table td:nth-child(3),.profit-calc-table td:nth-child(4){text-align:right}.profit-summary{padding:16px}.profit-summary-row{display:flex;justify-content:space-between;padding:8px 0;font-size:13px;color:var(--text-primary)}.profit-summary-row.profit-final{border-top:1px solid var(--border-light);padding-top:12px;margin-top:4px}.profit-summary-row.profit-final small{font-size:11px;color:var(--primary-pastel)}.thermal-print-modal{width:480px}.bank-details-form-modal,.thermal-print-modal{background:var(--bg-main);border-radius:12px;display:flex;flex-direction:column;overflow:hidden}.bank-details-form-modal{width:760px}.toggle-switch-inline{display:flex;align-items:center;gap:8px}.toggle-label-text{font-size:13px;color:var(--primary-pastel)}.tra-actions-container{display:flex;align-items:center;gap:4px;position:relative;overflow:visible;z-index:1}.tra-icon-button{display:flex;align-items:center;justify-content:center;padding:6px;background:none;border:none;cursor:pointer;border-radius:4px;transition:background .2s}.tra-icon-button:hover{background:var(--pastel-2)}.tra-menu-trigger{display:flex;align-items:center;justify-content:center;padding:6px;background:none;border:none;cursor:pointer;border-radius:4px;transition:background .2s;position:relative}.tra-menu-trigger:hover{background:var(--pastel-2)}.popover-anchor{position:relative;display:inline-block;overflow:visible!important;z-index:1000}.invoice-row-menu{position:fixed;z-index:9999999!important;background:var(--bg-main);border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.12);border:1px solid var(--border-light);min-width:148px;padding:4px 0;margin-top:4px;pointer-events:auto;top:auto;left:auto}.row-menu-item{display:block;width:100%;padding:8px 12px;font-size:11px;color:var(--text-primary);background:none;border:none;text-align:left;cursor:pointer;font-family:var(--font-family);transition:background .2s}.row-menu-item:hover{background:var(--pastel-2)}.invoice-detail-toolbar{justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border-light);flex-wrap:wrap}.invoice-detail-toolbar,.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:8px}.toolbar-dropdown-wrapper{position:relative}.toolbar-dropdown-btn{display:flex;align-items:center;gap:6px;padding:7px 12px;border-radius:8px;border:1px solid var(--border-light);background:var(--bg-main);font-size:12px;font-weight:500;color:var(--text-primary);cursor:pointer;font-family:var(--font-family);transition:all .2s}.toolbar-dropdown-btn:hover{background:var(--pastel-2)}.toolbar-dropdown-menu{position:absolute;top:100%;left:0;margin-top:4px;background:var(--bg-main);border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.12);border:1px solid var(--border-light);min-width:180px;padding:4px 0;z-index:100}.toolbar-dropdown-item{display:block;width:100%;padding:10px 16px;font-size:13px;color:var(--text-primary);background:none;border:none;text-align:left;cursor:pointer;font-family:var(--font-family)}.toolbar-dropdown-item:hover{background:var(--pastel-2)}.toolbar-action-btn{padding:7px 12px;border-radius:8px;font-size:12px;font-weight:500;cursor:pointer;font-family:var(--font-family);display:flex;align-items:center;gap:6px;transition:all .2s}.toolbar-action-btn.outline{background:var(--bg-main);border:1px solid var(--border-light);color:var(--text-primary)}.toolbar-action-btn.outline:hover{background:var(--pastel-2)}.btn-profit-details{display:flex;align-items:center;gap:6px;padding:7px 12px;border-radius:8px;border:1px solid #4caf50;background:var(--bg-main);color:#2e343e;font-size:12px;font-weight:500;cursor:pointer;font-family:var(--font-family)}.btn-profit-details:hover{background:#eef1f5}.invoice-detail-split{display:flex;gap:24px;padding:20px 0}.invoice-detail-split,.invoice-preview-section{flex:1 1;overflow-y:auto}.payment-history-sidebar{width:260px;flex-shrink:0;border:1px solid #e8eaee;border-radius:12px;padding:12px;background:#fff}.payment-history-title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:16px}.payment-history-rows{display:flex;flex-direction:column}.payment-history-row{display:flex;justify-content:space-between;padding:10px 0;font-size:13px;color:var(--text-primary)}.payment-history-row.total{font-weight:600}.payment-history-row.received{margin-top:8px}.received-amount,.received-label{color:#4caf50;font-weight:600}.payment-amount{font-weight:500}.payment-history-divider{border-bottom:1px solid var(--border-light);margin:8px 0}.payment-history-credit-note{padding:8px 0}.credit-note-header{margin-bottom:4px}.credit-note-row{display:flex;justify-content:space-between;font-size:13px;color:var(--primary-pastel)}.credit-note-date{font-size:12px;color:var(--primary-pastel)}.credit-note-amount{font-weight:500}.credit-note-view-btn{font-size:12px;color:var(--primary-pastel);background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:4px;padding:4px 0}.credit-note-view-btn:hover{text-decoration:underline}.filter-grid-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;margin-bottom:16px}.download-sample-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 16px;border-radius:8px;background:#4caf50;color:#fff;border:none;font-size:14px;font-weight:500;cursor:pointer;font-family:var(--font-family);margin-bottom:16px;transition:background .2s}.download-sample-btn:hover{background:#43a047}.btn.cancel-btn-icon{background:var(--red-pastel);border-radius:6px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;padding:0}.btn.cancel-btn-icon:hover{opacity:.8}.btn.menu-btn{background:none;border:none;cursor:pointer;padding:0}.create-payment-in-modal{width:860px;max-height:90vh;background:var(--white);border-radius:12px;display:flex;flex-direction:column;overflow:hidden}.form-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:16px 20px;gap:16px 20px}.note-row{margin-top:16px}.modal-header-actions{display:flex;align-items:center;gap:8px}.settings-icon-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;border:1px solid var(--grey-1);background:var(--bg-main);cursor:pointer;transition:background .2s}.settings-icon-btn:hover{background:var(--pastel-2)}.custom-select-trigger{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border:1px solid var(--grey-1);border-radius:6px;background:var(--white);cursor:pointer;font-size:14px;min-height:40px;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:border-color .2s}.custom-select-trigger:hover{border-color:var(--primary)}.custom-select-trigger .placeholder-val{color:var(--text-grey)}.custom-select-trigger .selected-val{color:var(--text-primary)}.chevron-icon{flex-shrink:0;color:var(--text-grey);transition:transform .2s}.chevron-icon.open{transform:rotate(180deg)}.party-dropdown-panel{position:absolute;top:calc(100% + 4px);left:0;width:100%;background:var(--white);border:1px solid var(--grey-1);border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.1);z-index:200;overflow:hidden}.create-party-btn{display:block;width:100%;padding:10px 16px;font-size:14px;font-weight:500;color:var(--primary);background:var(--pastel-2);border:none;border-bottom:1px solid var(--grey-1);text-align:left;cursor:pointer;font-family:var(--font-family);transition:background .15s}.create-party-btn:hover{background:var(--pastel-1)}.party-list{max-height:180px;overflow-y:auto}.party-option{padding:10px 16px;font-size:14px;color:var(--text-primary);cursor:pointer;transition:background .15s}.party-option:hover{background:var(--pastel-2)}.payment-mode-dropdown-panel{position:absolute;top:calc(100% + 4px);left:0;width:100%;background:var(--white);border:1px solid var(--grey-1);border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.1);z-index:200;overflow:hidden}.payment-in-detail-modal{width:860px;max-height:90vh;background:var(--white);border-radius:12px;display:flex;flex-direction:column;overflow:hidden}.detail-modal-toolbar{display:flex;align-items:center;gap:8px;padding:12px 20px;border-bottom:1px solid var(--grey-1);flex-wrap:wrap;position:relative}.payment-in-detail-body{flex:1 1;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:24px}.payment-detail-card{background:var(--bg-main);border:1px solid var(--grey-1);border-radius:10px;padding:20px}.detail-section-title{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:16px}.payment-detail-grid{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:16px 24px;gap:16px 24px}.detail-field{display:flex;flex-direction:column;gap:4px}.detail-label{font-size:12px;color:var(--text-grey);font-weight:400}.detail-value{font-size:14px;color:var(--text-primary);font-weight:500}.settled-invoices-section{display:flex;flex-direction:column;gap:12px}.settled-invoices-table-wrap{border:1px solid var(--grey-1);border-radius:8px;overflow:auto}.settled-invoices-table{width:100%;border-collapse:collapse;font-size:13px}.settled-invoices-table thead tr{background:var(--pastel-2)}.settled-invoices-table th{text-align:left;font-weight:500}.settled-invoices-table td,.settled-invoices-table th{padding:10px 14px;color:var(--text-primary);white-space:nowrap;border-bottom:1px solid var(--grey-1)}.settled-invoices-table tbody tr:last-child td{border-bottom:none}.settled-invoices-table tbody tr:hover{background:var(--pastel-2)}.remove-icon-wrap{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:var(--red-pastel);margin:0 auto 16px}.remove-desc{font-size:14px;color:var(--text-primary);text-align:center;max-width:360px;margin:0 auto}.payment-out-settings-modal{width:480px;background:var(--white);border-radius:12px;display:flex;flex-direction:column;overflow:hidden}.settings-toggle-card{display:flex;align-items:center;justify-content:space-between;background:var(--white);border:1px solid var(--grey-1);border-radius:10px;padding:16px 18px;gap:16px}.settings-toggle-info{display:flex;flex-direction:column;gap:4px}.settings-toggle-title{font-size:14px;font-weight:600;color:var(--text-primary)}.settings-toggle-desc{font-size:12px;color:var(--text-grey)}.toggle-switch{flex-shrink:0;width:44px;height:24px;border-radius:999px;background:var(--grey-1);border:none;cursor:pointer;position:relative;transition:background .2s;padding:0}.toggle-switch.on{background:var(--primary)}.toggle-thumb{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--white);transition:left .2s;box-shadow:0 1px 4px rgba(0,0,0,.18)}.toggle-switch.on .toggle-thumb{left:calc(100% - 21px)}.create-payment-out-modal{width:860px;max-height:90vh;background:var(--white);border-radius:12px;display:flex;flex-direction:column;overflow:hidden}.settle-invoices-section{margin-top:20px}.settle-invoices-title{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.settle-invoices-table-wrap{border:1px solid var(--grey-1);border-radius:8px;overflow:auto}.settle-invoices-table{width:100%;border-collapse:collapse;font-size:13px}.settle-invoices-table thead tr{background:var(--pastel-2)}.settle-invoices-table th{padding:10px 14px;text-align:left;font-weight:500}.settle-invoices-table td,.settle-invoices-table th{color:var(--text-primary);white-space:nowrap;border-bottom:1px solid var(--grey-1)}.settle-invoices-table td{padding:8px 14px;vertical-align:middle}.settle-invoices-table tfoot tr td{border-bottom:none;border-top:1px solid var(--grey-1);font-weight:600;background:var(--pastel-2)}.settle-invoices-table tbody tr:last-child td{border-bottom:none}.settle-invoices-table tbody tr:hover{background:var(--pastel-2)}.settle-check-col{width:40px;text-align:center}.settle-checkbox{width:16px;height:16px;cursor:pointer;accent-color:var(--primary)}.settle-total-label{font-weight:600;color:var(--text-primary)}.settle-discount-input-wrap{display:flex;align-items:center;border:1px solid var(--grey-1);border-radius:6px;overflow:hidden;background:var(--white);min-width:100px}.settle-discount-input{flex:1 1;border:none;outline:none;padding:6px 8px;font-size:13px;color:var(--text-primary);background:transparent;font-family:var(--font-family);min-width:0}.settle-discount-input::placeholder{color:var(--text-grey)}.settle-discount-currency{padding:0 8px;font-size:13px;color:var(--text-grey);border-left:1px solid var(--grey-1);background:var(--bg-main);height:100%;display:flex;align-items:center;line-height:32px}.payment-out-detail-modal{width:860px;max-height:90vh;background:var(--white);border-radius:12px;display:flex;flex-direction:column;overflow:hidden}.payment-out-detail-body{flex:1 1;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:24px}.quotation-detail-modal{width:900px;max-height:90vh;background:var(--white);border-radius:12px;display:flex;flex-direction:column;overflow:hidden}.quotation-detail-toolbar{justify-content:space-between;padding:12px 20px;border-bottom:1px solid var(--grey-1);flex-wrap:wrap}.detail-toolbar-left,.detail-toolbar-right,.quotation-detail-toolbar{display:flex;align-items:center;gap:8px}.detail-action-dropdown{position:relative}.detail-action-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;border:1px solid var(--grey-1);background:var(--white);font-size:13px;font-weight:500;color:var(--text-primary);cursor:pointer;font-family:var(--font-family);transition:background .2s}.detail-action-btn:hover{background:var(--pastel-2)}.detail-action-btn.icon-only{width:36px;height:36px;padding:0;justify-content:center}.detail-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;background:var(--white);border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.12);border:1px solid var(--grey-1);min-width:180px;padding:4px 0;z-index:100}.detail-dropdown-item{display:block;width:100%;padding:10px 16px;font-size:13px;color:var(--text-primary);background:none;border:none;text-align:left;cursor:pointer;font-family:var(--font-family);transition:background .2s}.detail-dropdown-item:hover{background:var(--pastel-2)}.convert-to-invoice-btn,.convert-to-purchase-invoice-btn,.generate-einvoice-btn,.generate-eway-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;border:1px solid var(--grey-1);background:var(--white);font-size:13px;font-weight:500;color:var(--text-primary);cursor:pointer;font-family:var(--font-family);transition:background .2s}.convert-to-invoice-btn:hover,.convert-to-purchase-invoice-btn:hover,.generate-einvoice-btn:hover,.generate-eway-btn:hover{background:var(--pastel-2)}.quotation-pdf-preview{flex:1 1;overflow-y:auto;padding:20px 24px}.invoice-preview-card.large{padding:40px}.invoice-preview-card.large.invoice-document-card{padding:42px 44px 36px}.invoice-preview-card.large:not(.invoice-document-card) .invoice-brand-logo{width:190px;max-width:190px}.logo-block-icon{font-size:11px;font-weight:700;color:var(--text-primary);line-height:1.4;text-transform:uppercase}.logo-b{font-size:24px;font-weight:900;display:block;line-height:1}.invoice-type-label{font-size:22px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.company-name-preview{font-size:14px;font-weight:500;color:var(--text-primary);margin:2px 0}.company-meta{font-size:12px;color:var(--primary-pastel);margin:1px 0}.invoice-preview-footer-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.invoice-preview-signature{text-align:center}.signature-line{width:80px;height:40px;background:var(--pastel-2);border-radius:4px;margin:0 auto 8px}.signature-label{font-size:12px;color:var(--primary-pastel)}.signature-company{font-size:13px;font-weight:600;color:var(--text-primary)}.invoice-preview-footer{border-top:1px solid var(--grey-1);padding-top:16px;display:flex;justify-content:space-between;gap:24px}.invoice-pay-online p,.invoice-payment-info p{font-size:12px;color:var(--text-primary);margin:2px 0}.payment-instructions-label{font-size:12px;font-weight:600;color:var(--primary-pastel);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.stripe-link{font-size:12px;color:#0077b5;text-decoration:underline}.totals-row{display:flex;justify-content:space-between;padding:4px 0;font-size:13px;color:var(--text-primary)}.totals-row.totals-due{font-weight:700;border-top:1px solid var(--grey-1);padding-top:8px;margin-top:4px}.signatory-line{width:80px;height:40px;margin:0 auto 8px;display:flex;align-items:center;justify-content:center}.signatory-line,.signature-img-placeholder{background:var(--pastel-2);border-radius:4px}.signature-img-placeholder{width:100%;height:100%}.invoice-contact-footer{font-size:11px;color:var(--primary-pastel);text-align:center;margin-top:16px;padding-top:12px;border-top:1px solid var(--grey-1)}.field{display:flex;flex-direction:column;gap:6px;position:relative}.field-label{font-size:13px;font-weight:500;color:var(--text-primary)}.field-wrapper{display:flex;flex-direction:column;gap:6px}.field-with-info{position:relative;display:flex;align-items:flex-end;gap:6px}.field-with-info>:first-child{flex:1 1}.field-tag-sep{padding:0 4px;font-size:14px;color:var(--text-grey);align-self:center}.input-wrapper{position:relative;display:flex;align-items:center}.prefix{padding:0 10px;color:var(--primary-pastel);border:1px solid var(--grey-1);border-right:none;border-radius:6px 0 0 6px;background:var(--pastel-2);display:flex;align-items:center}.date-input,.prefix{font-size:14px;height:40px}.date-input{width:100%;padding:0 12px;border:1px solid var(--grey-1);border-radius:6px;font-family:var(--font-family);color:var(--text-primary);outline:none;background:var(--white)}.date-input:focus{border-color:var(--primary)}.select{height:40px;padding:0 10px;border:1px solid var(--grey-1);border-radius:6px;font-family:var(--font-family);font-size:14px;color:var(--text-primary);background:var(--white);outline:none;cursor:pointer}.info-icon-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:none;cursor:pointer;color:var(--primary-pastel);flex-shrink:0;margin-bottom:2px}.info-icon-btn:hover{color:var(--text-primary)}.amount-col,.discount-col,.hsn-col,.item-col,.price-col,.qty-col,.rate-col,.tax-col,.upload-col{min-width:0}.action-col{width:40px;flex:0 0 40px}.stepper-input{display:flex;align-items:center;border:1px solid var(--grey-1);border-radius:6px;overflow:hidden;background:var(--white)}.stepper-input .field-input{flex:1 1;border:none;outline:none;padding:6px 8px;font-size:13px;font-family:var(--font-family);min-width:0;text-align:center}.stepper-arrows{display:flex;flex-direction:column;border-left:1px solid var(--grey-1)}.stepper-down,.stepper-up{border:none;background:var(--bg-main);cursor:pointer;font-size:8px;padding:2px 6px;line-height:1;color:var(--primary-pastel);transition:background .15s}.stepper-down:hover,.stepper-up:hover{background:var(--pastel-1)}.qty-input-wrapper{display:flex;align-items:center;border:1px solid var(--grey-1);border-radius:6px;overflow:hidden;background:var(--white)}.qty-input-wrapper .field-input{flex:1 1;border:none;outline:none;padding:6px 8px;font-size:13px;font-family:var(--font-family);min-width:0;text-align:center}.qty-arrows{display:flex;flex-direction:column;border-left:1px solid var(--grey-1)}.qty-arrow-btn{border:none;background:var(--bg-main);cursor:pointer;font-size:8px;padding:2px 6px;line-height:1;color:var(--primary-pastel);transition:background .15s}.qty-arrow-btn:hover{background:var(--pastel-1)}.discount-separator{padding:0 4px;font-size:14px;color:var(--text-grey);align-self:center}.price-details-section{display:flex;flex-direction:column;gap:4px}.price-detail-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:14px;border-bottom:1px solid var(--grey-2)}.price-label{font-size:14px;color:var(--primary-pastel);font-weight:400}.price-label.green{color:var(--green)}.price-label.bold{font-weight:600;color:var(--text-primary)}.price-value{font-size:14px;color:var(--text-primary);font-weight:500;text-align:right}.price-value.bold{font-weight:700}.price-value.green{color:var(--green)}.price-value.red{color:var(--red)}.price-add-link{background:none;border:none;cursor:pointer;font-size:13px;font-weight:500;color:var(--primary);font-family:var(--font-family);padding:0;text-decoration:underline;text-underline-offset:2px}.price-add-link:hover{opacity:.75}.auto-round-row{align-items:center}.auto-round-row .checkbox-inline{flex:1 1}.amount-received-row{align-items:center;display:flex;gap:12px}.discount-input-row{display:flex;gap:8px}.amount-received-input{display:flex;align-items:center;gap:4px}.balance-row{border-top:2px solid var(--grey-1);padding-top:8px;margin-top:4px}.mark-paid-row{justify-content:flex-end}.round-off-input{display:flex;align-items:center;gap:4px}.currency-prefix{font-size:13px;color:var(--primary-pastel)}.add-btn-small{font-size:12px;padding:2px 8px;border-radius:4px;background:var(--primary);color:var(--white);border:none;cursor:pointer;font-family:var(--font-family)}.add-btn-small:hover{background:var(--primary-hover)}.chevron-btn{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:1px solid var(--grey-1);border-radius:4px;background:var(--white);cursor:pointer;padding:0;color:var(--primary-pastel)}.chevron-btn:hover{background:var(--pastel-2)}.alert{padding:12px 16px;border-radius:8px;font-size:14px;margin-bottom:20px;display:flex;align-items:center;gap:12px}.alert-warning{background-color:#fff3cd;color:#856404;border:1px solid #ffeeba}.alert-error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.payment-method-select{min-height:40px;height:40px;padding:0 38px 0 14px;border:1px solid var(--grey-1);border-radius:8px;font-size:13px;font-family:var(--font-family);background:var(--white);cursor:pointer;outline:none;color:var(--text-primary)}.dt-items-per-page select,.field-input:is(select),.field-select,.items-per-page select,.payment-method-select,select,select.field-input,select.field-tag{background-image:url(/icons/chevron-down.svg);background-repeat:no-repeat;background-position:right 12px center;background-size:14px 14px}.bank-details-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.bank-sep{color:var(--primary-pastel);text-align:center;padding:0 4px}.bank-detail-label{font-size:13px;color:var(--primary-pastel);font-weight:400}.bank-detail-sep{color:var(--primary-pastel);padding:0 4px}.bank-detail-value,.change-bank-btn{font-size:13px;color:var(--text-primary);font-weight:500}.change-bank-btn{display:flex;align-items:center;gap:6px;background:none;border:none;cursor:pointer;font-family:var(--font-family);padding:4px 0}.change-bank-btn:hover{text-decoration:underline}.address-form{display:flex;flex-direction:column;gap:16px}.authorized-signatory-section{margin-top:16px;display:flex;flex-direction:column;gap:8px}.upload-signatory-box{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border:1px dashed var(--grey-1);border-radius:8px;background:var(--white);cursor:pointer;gap:8px;transition:border-color .2s}.upload-signatory-box:hover{border-color:var(--primary)}.signatory-placeholder{font-size:13px;color:var(--text-grey);flex:1 1}.signatory-signature{display:flex;align-items:center;justify-content:center;width:80px;height:40px;background:var(--pastel-2);border-radius:4px}.signature-img{font-size:20px;color:var(--primary-pastel)}.upload-placeholder{font-size:13px;color:var(--text-grey);flex:1 1}.upload-box-label{display:flex;flex-direction:column;align-items:center;width:100%;cursor:pointer}.upload-placeholder-text{font-size:13px;color:var(--text-grey)}.upload-box-content{flex-direction:column;padding:8px}.upload-box-content,.upload-box-small-content{display:flex;align-items:center;gap:8px;width:100%}.upload-box-small-content{justify-content:space-between}.upload-placeholder-small{font-size:12px;color:var(--text-grey);flex:1 1}.edit-history-list{display:flex;flex-direction:column;overflow-y:auto}.edit-history-list-title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:16px}.edit-history-entry{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border-light)}.edit-history-entry-left{display:flex;align-items:flex-start;gap:10px}.edit-history-entry-info{display:flex;flex-direction:column;gap:2px}.entry-date{font-size:13px;font-weight:600;color:var(--text-primary)}.entry-editor{font-size:12px;color:var(--primary-pastel)}.entry-view-btn{display:flex;align-items:center;gap:4px;font-size:13px;color:var(--primary-pastel);background:none;border:none;cursor:pointer;font-family:var(--font-family);white-space:nowrap}.entry-view-btn:hover{text-decoration:underline}.quotation-history-modal{width:min(960px,calc(100vw - 32px));max-height:88vh}.quotation-history-subtitle{margin:4px 0 0;color:var(--text-grey);font-size:13px}.quotation-history-body{display:grid;grid-template-columns:minmax(220px,280px) 1fr;grid-gap:0;gap:0;min-height:420px;overflow:hidden}.quotation-history-summary{padding:22px;border-right:1px solid var(--border-light);background:#fafafa}.quotation-history-summary-card{background:#fff;border:1px solid var(--border-light);border-radius:8px;padding:18px}.quotation-history-kicker{display:block;color:var(--text-grey);font-size:12px;font-weight:600;margin-bottom:8px;text-transform:uppercase}.quotation-history-summary-card h3{margin:0 0 18px;color:var(--text-primary);font-size:20px}.quotation-history-summary-card dl{display:flex;flex-direction:column;gap:14px;margin:0}.quotation-history-summary-card dt{color:var(--text-grey);font-size:12px;margin-bottom:3px}.quotation-history-summary-card dd{color:var(--text-primary);font-size:14px;font-weight:600;margin:0;word-break:break-word}.quotation-history-list{padding:22px;overflow-y:auto;display:flex;flex-direction:column;gap:14px}.quotation-history-entry{background:#fff;border:1px solid var(--border-light);border-radius:8px;padding:16px}.quotation-history-entry-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.quotation-history-date{color:var(--primary-pastel);font-size:12px;font-weight:600;margin:0 0 5px}.quotation-history-entry h3{color:var(--text-primary);font-size:15px;margin:0}.quotation-history-editor{color:var(--text-grey);font-size:12px;white-space:nowrap}.quotation-history-changes{display:flex;flex-direction:column;gap:8px;margin-top:14px}.quotation-history-change{display:grid;grid-template-columns:140px minmax(0,1fr) auto minmax(0,1fr);grid-gap:10px;gap:10px;align-items:center;padding:10px;border-radius:6px;background:#fafafa}.quotation-history-field{color:var(--text-primary);font-size:13px;font-weight:600}.quotation-history-value{color:var(--text-primary);font-size:13px;min-width:0;overflow-wrap:anywhere}.quotation-history-value.old{color:#9ca3af;text-decoration:line-through}.quotation-history-value.new{color:#166534;font-weight:600}.quotation-history-arrow{color:var(--text-grey);font-size:12px}.quotation-history-empty,.quotation-history-empty-inline{color:var(--text-grey);font-size:13px}.quotation-history-empty{border:1px dashed var(--border-light);border-radius:8px;padding:36px 20px;text-align:center;margin:auto}.quotation-history-empty h3{color:var(--text-primary);margin:12px 0 6px}.quotation-history-empty p{margin:0;max-width:360px}@media (max-width:760px){.quotation-history-body{grid-template-columns:1fr}.quotation-history-summary{border-right:none;border-bottom:1px solid var(--border-light)}.quotation-history-change{grid-template-columns:1fr}.quotation-history-arrow{display:none}}.edit-history-entries{width:280px;padding:20px;overflow-y:auto;border-left:1px solid var(--border-light);flex-shrink:0}.edit-history-title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:16px}.edit-history-row{display:flex;justify-content:space-between;align-items:center}.edit-history-date-block,.edit-history-date-row{display:flex;align-items:center;gap:6px}.edit-history-date{font-size:13px;font-weight:600;color:var(--text-primary)}.edit-history-by,.edit-history-editor{font-size:12px;color:var(--primary-pastel);margin-top:4px}.view-history-btn{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--primary-pastel);background:none;border:none;cursor:pointer;font-family:var(--font-family)}.view-history-btn:hover{text-decoration:underline}.record-payment-out-modal{width:860px;max-height:90vh;background:var(--white);border-radius:12px;display:flex;flex-direction:column;overflow:hidden}.record-payment-out-body{flex:1 1;overflow-y:auto;padding:20px 24px;display:flex;gap:24px}.record-payment-out-form{flex:1 1;display:flex;flex-direction:column;gap:16px}.record-payment-out-summary{width:260px;flex-shrink:0;display:flex;flex-direction:column;gap:20px;background:var(--bg-main);border-radius:10px;padding:16px}.payment-summary-section{display:flex;flex-direction:column;gap:8px}.payment-summary-title{font-size:13px;font-weight:700;color:var(--text-primary);margin-bottom:4px;text-transform:uppercase;letter-spacing:.3px}.payment-summary-row{display:flex;justify-content:space-between;align-items:center;font-size:13px;padding:3px 0}.payment-summary-label{color:var(--primary-pastel);font-weight:400}.payment-summary-label.bold{font-weight:600;color:var(--text-primary)}.payment-summary-value{color:var(--text-primary);font-weight:500;text-align:right}.payment-summary-value.bold{font-weight:700}.payment-summary-divider{border-bottom:1px solid var(--border-light);margin:4px 0}.payment-pending-label{font-size:13px;color:var(--orange);font-weight:500}.payment-pending-value{font-size:13px;color:var(--orange);font-weight:600}.issue-debit-note-modal{width:720px;background:var(--bg-main);border-radius:12px;display:flex;flex-direction:column;overflow:hidden}.selection-chip{display:flex;align-items:center;gap:8px;padding:6px 0}.selection-chip-cancel{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;background:var(--red-pastel);color:var(--red);border:none;cursor:pointer;font-size:13px;font-weight:500;font-family:var(--font-family);transition:opacity .2s}.selection-chip-cancel:hover{opacity:.8}.bulk-remove-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:10px;border:none;background:#FAE1E3;color:#D32F2F;font-size:13px;font-weight:500;cursor:pointer;font-family:var(--font-family);transition:background .2s}.bulk-remove-btn:hover{background:#F5C7CE}.remove-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(33,37,41,.4);display:flex;align-items:center;justify-content:center;z-index:999}.remove-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;background:var(--white);border-radius:12px;width:360px;box-shadow:0 4px 12px rgba(0,0,0,.15);overflow:hidden}.remove-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--grey-1)}.remove-modal-title{font-size:16px;font-weight:600;color:var(--text-primary);margin:0}.remove-modal-close-btn{background:none;border:none;cursor:pointer;padding:0;color:var(--text-primary);display:flex;align-items:center;justify-content:center;width:32px;height:32px;transition:all .2s ease}.remove-modal-close-btn:hover{background:var(--red-pastel,#FAE1E3);color:#D32F2F}.remove-modal-close-btn:disabled{opacity:.6;cursor:not-allowed}.remove-modal-content{display:flex;flex-direction:column;align-items:center;padding:32px 24px 24px;text-align:center;gap:16px}.remove-modal-icon{width:64px;height:64px;background:#FAE1E3;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.remove-modal-icon img,.remove-modal-icon svg{width:32px;height:32px;color:#D32F2F}.remove-modal-text{font-size:14px;color:var(--text-primary);line-height:1.5;margin:0;font-weight:400}.remove-modal-footer{display:flex;gap:12px;padding:16px 20px;border-top:1px solid var(--grey-1);justify-content:flex-end}.remove-modal-cancel-btn{background:#FAE1E3;color:#D32F2F;border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:var(--font-family)}.remove-modal-cancel-btn:hover:not(:disabled){background:#F5C7CE}.remove-modal-cancel-btn:disabled{opacity:.6;cursor:not-allowed}.remove-modal-confirm-btn{background:#1a1a1a;color:var(--white);border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:var(--font-family)}.remove-modal-confirm-btn:hover:not(:disabled){background:#333333}.remove-modal-confirm-btn:disabled{opacity:.6;cursor:not-allowed}.page-section-title{font-size:14px;font-weight:600;color:var(--text-primary);padding:8px 0;border-bottom:1px solid var(--grey-1);margin-bottom:8px}.form-grid-1{display:grid;grid-template-columns:1fr;grid-gap:16px;gap:16px}.remove-icon-wrapper{width:56px;height:56px;margin:0 auto 16px}.cancel-icon-wrap,.remove-icon-wrapper{display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--red-pastel)}.cancel-icon-wrap{width:48px;height:48px;margin:0 auto}.row-menu-item-danger{color:var(--red)!important}.row-menu-item-danger:hover{background:var(--red-pastel)!important}.quotation-detail-body{flex:1 1;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:24px}.payment-instructions{flex:1 1;font-size:12px;color:var(--text-primary)}.payment-instructions p{margin:2px 0;font-size:12px}.payment-instructions-title{font-size:12px;font-weight:700;color:var(--primary-pastel);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.payment-inst-left{flex:1 1;font-size:12px;color:var(--text-primary)}.payment-inst-left p{margin:2px 0}.payment-inst-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-size:12px}.payment-inst-title{font-size:12px;font-weight:700;color:var(--primary-pastel);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.payment-qr{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:12px}.payment-url{font-size:12px;color:#0077b5;text-decoration:underline;word-break:break-all}.qr-code-placeholder{width:60px;height:60px;background:var(--pastel-2);border-radius:4px;margin-top:4px}.edit-history-view-btn{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--primary-pastel);background:none;border:none;cursor:pointer;font-family:var(--font-family);white-space:nowrap}.edit-history-view-btn:hover{text-decoration:underline}.settle-total-row td{font-weight:600;color:var(--text-primary);background:var(--pastel-2);border-top:1px solid var(--grey-1);border-bottom:none}.modal-overlay,.remove-modal-overlay,.upload-modal-overlay{background:rgba(15,23,42,.42);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:appOverlayIn .18s ease-out}.issue-debit-note-modal,.modal,.party-modal,.record-payment-out-modal,.remove-modal,.upload-modal{border:1px solid rgba(33,37,41,.08);border-radius:10px;box-shadow:0 24px 70px rgba(15,23,42,.22);transform-origin:center;animation:appModalIn .22s cubic-bezier(.22,1,.36,1)}.remove-modal{animation-name:appRemoveModalIn}.modal[data-state=open]{animation:appRadixModalIn .22s cubic-bezier(.22,1,.36,1)}.modal[data-state=closed]{animation:appRadixModalOut .14s ease-in forwards}.modal-overlay[data-state=closed]{animation:appOverlayOut .14s ease-in forwards}.modal-header,.remove-modal-header{background:var(--white)}.modal-body,.quotation-detail-body,.record-payment-out-body{scrollbar-gutter:stable}.back-btn,.btn,.bulk-remove-btn,.change-bank-btn,.close-btn,.download-btn,.edit-history-view-btn,.entry-view-btn,.icon-btn,.page-btn,.remove-modal-cancel-btn,.remove-modal-confirm-btn,.selection-chip-cancel,.upload-box,.view-history-btn{transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s cubic-bezier(.22,1,.36,1),opacity .16s ease}.download-btn:hover,.icon-btn:hover,.upload-box:hover{transform:translateY(-1px)}.back-btn:focus-visible,.btn:focus-visible,.bulk-remove-btn:focus-visible,.close-btn:focus-visible,.icon-btn:focus-visible,.page-btn:focus-visible,.remove-modal-cancel-btn:focus-visible,.remove-modal-confirm-btn:focus-visible,.selection-chip-cancel:focus-visible{box-shadow:var(--focus-ring,0 0 0 3px rgba(33,37,41,.14));outline:none}.auth-field input:focus,.dt-items-per-page select:focus,.input-with-tag:focus-within,.items-per-page select:focus,.payment-method-select:focus,.phone-input-wrapper:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px rgba(33,37,41,.08)}@keyframes appOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes appOverlayOut{to{opacity:0}}@keyframes appModalIn{0%{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes appRemoveModalIn{0%{opacity:0;transform:translate(-50%,calc(-50% + 18px)) scale(.97)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes appRadixModalIn{0%{opacity:0;transform:translate(-50%,calc(-50% + 18px)) scale(.97)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes appRadixModalOut{to{opacity:0;transform:translate(-50%,calc(-50% + 8px)) scale(.98)}}@media (max-width:768px){.issue-debit-note-modal,.modal,.party-modal,.record-payment-out-modal,.upload-modal{width:calc(100vw - 32px);max-height:calc(100vh - 32px)}.remove-modal{width:min(360px,calc(100vw - 32px))}}@media (prefers-reduced-motion:reduce){.issue-debit-note-modal,.modal,.modal-overlay,.party-modal,.record-payment-out-modal,.remove-modal,.remove-modal-overlay,.upload-modal,.upload-modal-overlay{animation:none}}