.btn{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:none;transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1);outline:none;font-family:inherit;box-sizing:border-box}.btn-primary{background-color:var(--dt-primary-bg);color:var(--dt-primary-text);padding:10px 24px;border-radius:4px;font-weight:500;font-size:14px;letter-spacing:0.5px;box-shadow:0 2px 4px rgba(0, 0, 0, 0.2)}.btn-primary:hover:not(:disabled){filter:brightness(1.2);transform:translateY(-1px);box-shadow:0 4px 8px rgba(0, 0, 0, 0.3)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-icon{width:42px;height:42px;border-radius:50%;padding:0;box-shadow:0 2px 8px rgba(0, 0, 0, 0.15)}.btn-icon:hover:not(:disabled){background-color:#333;transform:scale(1.08);box-shadow:0 4px 12px rgba(0, 0, 0, 0.25)}.btn-icon:active:not(:disabled){transform:scale(0.95)}.btn-icon img{width:24px;height:24px;filter:brightness(0) invert(1)}.btn-add{background-color:var(--dt-material-blue);padding:0 20px 0 12px;border-radius:24px;height:44px;color:white;text-transform:none;font-weight:600;box-shadow:0 4px 6px rgba(0, 0, 0, 0.1)}.btn-add .plus-icon{font-size:24px;font-weight:300;margin-top:-2px;margin-right:8px}.btn-approve{background-color:var(--dt-status-approve);color:white}.btn-reject{background-color:var(--dt-status-reject);color:white}.btn-sendback{background-color:var(--dt-status-sendback);color:white}.btn-approve:hover:not(:disabled),.btn-reject:hover:not(:disabled),.btn-sendback:hover:not(:disabled){filter:brightness(1.1);box-shadow:0 4px 12px rgba(0, 0, 0, 0.2)}.btn-submit,.btn-save,.btn-validate,.btn-delete,.btn-download-file,.btn-upload-file,.btn-search{background-color:var(--dt-primary-bg);color:var(--dt-primary-text);padding:10px 24px;border-radius:8px;gap:12px;font-weight:600;box-shadow:0 2px 4px rgba(0, 0, 0, 0.2)}.btn-submit::before,.btn-save::before,.btn-validate::before,.btn-delete::before,.btn-download-file::before,.btn-upload-file::before,.btn-search::before{content:'';width:20px;height:20px;background-color:#fff;mask-size:contain;-webkit-mask-size:contain;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;display:inline-block;flex-shrink:0}.btn-submit:hover:not(:disabled),.btn-save:hover:not(:disabled),.btn-validate:hover:not(:disabled),.btn-delete:hover:not(:disabled),.btn-download-file:hover:not(:disabled),.btn-upload-file:hover:not(:disabled),.btn-search:hover:not(:disabled){filter:brightness(1.2);transform:translateY(-1px);box-shadow:0 4px 8px rgba(0, 0, 0, 0.3)}.btn-submit:disabled,.btn-save:disabled,.btn-validate:disabled,.btn-delete:disabled,.btn-download-file:disabled,.btn-upload-file:disabled,.btn-search:disabled{background-color:#f5f5f5;color:#aaa;border-color:#eee;cursor:not-allowed;box-shadow:none}.btn-submit:disabled::before,.btn-save:disabled::before,.btn-validate:disabled::before,.btn-delete:disabled::before,.btn-download-file:disabled::before,.btn-upload-file:disabled::before,.btn-search:disabled::before{background-color:#ccc;opacity:0.5}.btn-submit::before{mask-image:url('../assets/svg/submit.svg');-webkit-mask-image:url('../assets/svg/submit.svg')}.btn-save::before{mask-image:url('../assets/svg/save.svg');-webkit-mask-image:url('../assets/svg/save.svg')}.btn-validate::before{mask-image:url('../assets/svg/check-circle.svg');-webkit-mask-image:url('../assets/svg/check-circle.svg')}.btn-delete::before{mask-image:url('../assets/svg/delete.svg');-webkit-mask-image:url('../assets/svg/delete.svg')}.btn-download-file::before{mask-image:url('../assets/svg/download-file.svg');-webkit-mask-image:url('../assets/svg/download-file.svg')}.btn-upload-file::before{mask-image:url('../assets/svg/upload-file.svg');-webkit-mask-image:url('../assets/svg/upload-file.svg')}.btn-search::before{mask-image:url('../assets/svg/search.svg');-webkit-mask-image:url('../assets/svg/search.svg')}.summary-cards-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));gap:16px}.summary-card{display:flex;align-items:center;padding:20px;background:white;border-radius:12px;border:1px solid var(--dt-border-color, #e2e8f0);box-shadow:0 1px 3px rgba(0, 0, 0, 0.05);transition:transform 0.2s,
    box-shadow 0.2s}.summary-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1)}.summary-card .card-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;font-size:24px;margin-right:16px;background:#f1f5f9;color:#64748b}.summary-card.themed .card-icon{background:var(--accent-bg);color:var(--accent-clr)}.summary-card .card-info{display:flex;flex-direction:column}.summary-card .card-label{font-size:14px;color:#64748b;font-weight:500;letter-spacing:0.5px}.summary-card .card-value{font-size:20px;font-weight:700;color:var(--dt-primary-bg, #1e293b);margin-top:4px}.status-badge{padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;display:inline-flex;align-items:center;justify-content:center}.status-ok{background:#dcfce7;color:#166534}.status-due,.status-error{background:#fee2e2;color:#991b1b}.status-warn{background:#fef3c7;color:#92400e}.type-badge{padding:2px 8px;background:#f1f5f9;color:#475569;border-radius:4px;font-size:12px;font-weight:500}.entity-tabs{display:flex;background:#e2e8f0;padding:4px;border-radius:10px;gap:4px}.tab-btn{display:flex;align-items:center;gap:8px;border:none;background:transparent;padding:8px 16px;font-size:14px;font-weight:600;color:#64748b;cursor:pointer;border-radius:8px;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.tab-btn .tab-icon{font-size:16px;opacity:0.7}.tab-btn:hover:not(.active){background:rgba(255, 255, 255, 0.5);color:#334155}.tab-btn.active{background:#fff;color:var(--accent-clr) !important;box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1),
    0 2px 4px -1px rgba(0, 0, 0, 0.06)}.header-actions,[slot='actions'],.actions,.form-actions{display:flex;align-items:center;gap:12px}.header-actions,[slot='actions']{justify-content:flex-end}.upload-download-file{cursor:pointer;display:flex;justify-content:center}.upload-download-file img{width:20px;height:20px}.file-name-label{font-size:14px;color:#64748b;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:250px;display:inline-block}.file-upload-section{display:flex;align-items:center;gap:12px}.dt-component-container,.dt-lov-wrapper{font-family:inherit;--dt-font-size-header:15px;--dt-font-size-body:14px;border-radius:var(--dt-border-radius);display:block;width:100%}.dt-component-container{height:100%;box-sizing:border-box;overflow:hidden}.dt-component-container{display:flex;flex-direction:column;width:100%;height:100%;background:var(--dt-secondary-bg);border-radius:4px;overflow:hidden;box-shadow:0 2px 4px rgba(0, 0, 0, 0.1);position:relative}.dt-table-wrapper{flex:1 1 auto;min-height:0;overflow:auto;width:100%;position:relative;background-color:#fff}.dt-table-wrapper::-webkit-scrollbar{width:8px;height:8px}.dt-table-wrapper::-webkit-scrollbar-track{background:#f1f1f1}.dt-table-wrapper::-webkit-scrollbar-thumb{background:rgba(15, 29, 63, 0.6);border-radius:4px}.dt-component-container table{border-collapse:separate;border-spacing:0;width:max-content;min-width:100%}.dt-component-container thead th{background-color:var(--dt-primary-bg);color:var(--dt-primary-text);padding:10px 12px;position:sticky;top:0;z-index:10;text-align:left;font-size:var(--dt-font-size-header);font-weight:600;border-bottom:1px solid rgba(255, 255, 255, 0.15);white-space:nowrap;box-shadow:0 1px 0 rgba(255, 255, 255, 0.1)}.dt-th-content{display:flex;flex-direction:column;gap:6px}.dt-header-label{display:block;overflow:hidden;text-overflow:ellipsis}.dt-header-input{width:100%;background:transparent;border:none;border-bottom:1px solid var(--dt-input-border);color:white;padding:4px 20px 4px 0;font-size:0.75rem;outline:none;transition:border 0.2s}.dt-header-input:focus{border-bottom-color:#fff}.dt-header-input::placeholder{color:rgba(255, 255, 255, 0.6)}.dt-clear-icon{position:absolute;right:0;top:50%;left:100%;transform:translateY(-50%);cursor:pointer;color:#ccc;font-size:10px;line-height:1}input[type='date']::-webkit-calendar-picker-indicator{filter:invert(1);cursor:pointer}.dt-component-container tbody tr{background-color:#fff;transition:background 0.1s}.dt-component-container tbody tr:nth-child(even){background-color:#fcfcfc}.dt-component-container tbody tr:hover{background-color:var(--dt-row-hover);cursor:pointer}.dt-component-container td{padding:10px 12px;color:var(--dt-text-color);font-size:var(--dt-font-size-body);border-bottom:1px solid var(--dt-border-color);box-sizing:border-box;}.dt-sticky-col{position:sticky;left:0;z-index:5;background-color:inherit;border-right:2px solid var(--dt-border-color)}thead th.dt-sticky-col{z-index:15;background-color:var(--dt-primary-bg);border-right:1px solid #4a5a8a}.dt-paginator{background-color:var(--dt-primary-bg);color:white;padding:8px 16px;flex-shrink:0;border-top:1px solid #333;font-size:0.8rem;display:flex;align-items:center;flex:0 0 auto}.dt-paginator-left{display:flex;align-items:center;gap:20px}.dt-page-select{background:#fff;color:#333;border-radius:4px;padding:2px 4px;font-size:0.8rem;cursor:pointer}.dt-page-controls button{background:transparent;border:none;color:#fff;cursor:pointer;font-weight:bold;padding:4px 8px;opacity:0.8}.dt-page-controls button:hover:not(:disabled){opacity:1;background:rgba(255, 255, 255, 0.1);border-radius:4px}.dt-page-controls button:disabled{opacity:0.3;cursor:not-allowed}.dt-lov-wrapper{position:fixed;top:var(--dt-header-height);left:0;width:100%;height:calc(100% - var(--dt-header-height));z-index:900;display:flex;justify-content:flex-end;pointer-events:none;visibility:hidden;transition:visibility 0s linear 0.4s;}.dt-lov-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.3);opacity:0;transition:opacity 0.4s ease;cursor:pointer}.dt-lov-container{position:relative;height:100%;background:white;box-shadow:-5px 0 20px rgba(0, 0, 0, 0.15);display:flex;flex-direction:column;width:40%;min-width:400px;max-width:1000px;border-top-left-radius:16px;border-bottom-left-radius:16px;transform:translateX(100%);transition:transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);pointer-events:auto;}.dt-lov-wrapper.is-open{visibility:visible;pointer-events:auto;transition-delay:0s}.dt-lov-wrapper.is-open .dt-lov-backdrop{opacity:1}.dt-lov-wrapper.is-open .dt-lov-container{transform:translateX(0);}.dt-lov-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid var(--dt-border-color);background-color:#fff;border-top-left-radius:16px;flex:0 0 auto}.dt-lov-title{font-size:1.1rem;color:var(--dt-primary-bg);font-weight:700;margin:0}.dt-close-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#f8f9fa;cursor:pointer;transition:all 0.3s ease}.dt-close-btn svg{stroke:#555;transition:stroke 0.3s ease}.dt-close-btn:hover{background:#ffecec;transform:rotate(90deg)}.dt-close-btn:hover svg{stroke:#d32f2f;}.dt-lov-body{flex:1 1 auto;overflow:hidden;padding:0;background-color:#fff;border-bottom-left-radius:16px;position:relative;display:flex;flex-direction:column}.dt-message-container{padding:40px;text-align:center;color:#666}.dt-spinner{border:3px solid rgba(255, 255, 255, 0.3);border-top:3px solid var(--dt-primary-bg);border-radius:50%;width:24px;height:24px;animation:dt-spin 1s linear infinite;margin:0 auto 10px}@keyframes dt-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@media (max-width: 1024px){.dt-lov-container{width:60%}}@media (max-width: 768px){.dt-lov-container{width:100%;min-width:unset;border-radius:0;}}.lc-component-container.list-table thead th{padding:0;vertical-align:bottom;height:72px;background-color:var(--lc-primary-bg, #1a1a1a);color:var(--lc-primary-text, #ffffff);font-weight:600;font-size:var(--lc-font-size-header, 15px);border-bottom:2px solid rgba(255, 255, 255, 0.2);box-shadow:0 2px 4px rgba(0, 0, 0, 0.1);position:sticky;top:0;z-index:10}.lc-component-container.list-table thead{position:sticky;top:0;z-index:10}.lc-floating-wrapper{position:relative;width:100%;height:100%;padding:0 8px;display:flex;align-items:flex-end;padding-bottom:8px;box-sizing:border-box}.lc-input-group{position:relative;width:100%;height:42px}.lc-floating-input{width:100%;height:100%;background:transparent;border:none;border-bottom:1px solid rgba(255, 255, 255, 0.3);color:#fff;font-size:14px;padding:0;outline:none;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);z-index:2;font-family:inherit;text-align:center;position:absolute;bottom:0;left:0}.lc-pointer{cursor:pointer}.lc-floating-input:focus,.lc-input-focused{border-bottom:1px solid #ffffff;box-shadow:0 1px 0 0 rgba(255, 255, 255, 0.8)}.lc-floating-label{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:#ffffff !important;opacity:1 !important;font-weight:700 !important;font-size:14px;pointer-events:none;transition:all 0.25s cubic-bezier(0.4, 0, 0.2, 1);width:100%;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;z-index:1}.lc-floating-input:focus~.lc-floating-label,.lc-floating-input:not(:placeholder-shown)~.lc-floating-label,.lc-floating-wrapper:hover .lc-floating-label,.lc-floated{top:0;transform:translate(-50%, -18px) scale(0.85);text-shadow:0 0 4px rgba(0, 0, 0, 0.4)}.lc-clear-icon{position:absolute;right:0;bottom:10px;font-size:14px;color:rgba(255, 255, 255, 0.7);cursor:pointer;z-index:5;padding:4px;transition:all 0.2s}.lc-clear-icon:hover{color:#fff;transform:scale(1.1)}.lc-message-container{height:520px;display:flex;align-items:center;justify-content:center;color:#6b7280;font-size:16px;font-weight:500}.lc-skeleton-row td{padding:12px 0px}.lc-skeleton-box{height:20px;width:100%;background:#e5e7eb;border-radius:8px;position:relative;overflow:hidden}.lc-skeleton-box::after{content:'';position:absolute;top:0;right:0;bottom:0;left:0;transform:translateX(-100%);background-image:linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0,
    rgba(255, 255, 255, 0.25) 20%,
    rgba(255, 255, 255, 0.55) 60%,
    rgba(255, 255, 255, 0)
  );animation:lc-shimmer 1.2s infinite linear}@keyframes lc-shimmer{100%{transform:translateX(100%)}}.lc-component-container.list-table{background:#fff;border-radius:8px;border:1px solid rgba(226, 232, 240, 1);box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1),
    0 2px 4px -1px rgba(0, 0, 0, 0.06);overflow:hidden;display:flex;flex-direction:column;width:100%;height:100%}.lc-table-wrapper{flex:1 1 auto;min-height:0;overflow:auto;width:100%;position:relative;background-color:#fff}.lc-table-wrapper::-webkit-scrollbar{width:8px;height:8px}.lc-table-wrapper::-webkit-scrollbar-track{background:#f1f1f1}.lc-table-wrapper::-webkit-scrollbar-thumb{background:rgba(15, 29, 63, 0.6);border-radius:4px}.lc-table{width:max-content;min-width:100%;border-collapse:separate;border-spacing:0}.lc-table th,.lc-table td{text-align:left;border-bottom:1px solid var(--lc-border-color, #e5e7eb);color:rgba(15, 23, 42, 1);font-size:var(--lc-font-size-body, 14px);line-height:1.5}.lc-table td{padding:12px 0px;min-height:52px}.lc-component-container.list-table tbody tr{background-color:#fff;transition:background-color 0.15s ease,
    transform 0.1s ease}.lc-component-container.list-table tbody tr:nth-child(even){background-color:#f9fafb}.lc-component-container.list-table tbody tr:hover{background-color:var(--lc-row-hover, #f3f4f6);transform:translateY(-1px);box-shadow:0 2px 4px rgba(0, 0, 0, 0.05)}.lc-row-clickable{cursor:pointer}.lc-row-clickable:focus{outline:2px solid var(--lc-primary-bg, #1a1a1a);outline-offset:-2px;background-color:var(--lc-row-hover, #f3f4f6) !important}.lc-component-container.list-table .lc-paginator{background-color:var(--lc-primary-bg, #1a1a1a);color:var(--lc-primary-text, #ffffff);padding:12px 20px;flex-shrink:0;border-top:2px solid rgba(255, 255, 255, 0.1);font-size:0.875rem;display:flex;align-items:center;justify-content:flex-start;flex:0 0 auto}.lc-component-container.list-table .lc-paginator-left{display:flex;align-items:center;gap:24px}.lc-component-container.list-table .lc-page-select{background:#fff;color:#333;border-radius:6px;padding:6px 10px;font-size:0.875rem;cursor:pointer;border:1px solid #e5e7eb;font-weight:500;transition:all 0.2s ease}.lc-component-container.list-table .lc-page-select:hover{border-color:#cbd5e0;box-shadow:0 1px 3px rgba(0, 0, 0, 0.1)}.lc-component-container.list-table .lc-page-controls{display:inline-flex;gap:6px}.lc-component-container.list-table .lc-page-controls button{background:rgba(255, 255, 255, 0.1);border:1px solid rgba(255, 255, 255, 0.2);color:#fff;cursor:pointer;font-weight:600;padding:6px 12px;opacity:0.9;border-radius:6px;transition:all 0.2s ease;font-size:0.875rem}.lc-component-container.list-table .lc-page-controls button:hover:not(:disabled){opacity:1;background:rgba(255, 255, 255, 0.2);border-color:rgba(255, 255, 255, 0.3);transform:translateY(-1px)}.lc-component-container.list-table .lc-page-controls button:disabled{opacity:0.4;cursor:not-allowed;background:rgba(255, 255, 255, 0.05)}.layout-wrapper{display:flex;flex-direction:column;width:100%;height:100%;background-color:#f9f9f9;font-family:'Inter', sans-serif;box-sizing:border-box}.layout-header{flex:0 0 63px;display:flex;justify-content:space-between;align-items:center;background-color:#ffffff;padding:0 24px;border-bottom:1px solid #e0e0e0;z-index:50;box-shadow:0 1px 3px rgba(0, 0, 0, 0.05)}.header-left{display:flex;align-items:center;gap:12px}.back-btn{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--dt-primary-bg);transition:background-color 0.2s;margin-right:-4px;}.back-btn:hover{background-color:rgba(0, 0, 0, 0.05)}.header-icon{width:28px;height:28px}.header-title{margin:0;font-size:1.25rem;font-weight:600;color:var(--dt-primary-bg);}.layout-content{flex:1;overflow:auto;padding:16px;display:flex;justify-content:center}.content-card{background-color:#ffffff;width:100%;max-width:100%;border-radius:8px;box-shadow:0 1px 2px rgba(0, 0, 0, 0.08);padding:24px;height:fit-content;min-height:500px}@media (max-width: 768px){.layout-header{padding:0 16px}.layout-content{padding:8px}.content-card{padding:16px}}.comparison-wrapper{background:#ffffff;border-radius:8px;box-shadow:0 2px 6px rgba(0, 0, 0, 0.06);border:1px solid var(--dt-border-color);margin-bottom:24px;padding:20px;display:flex;gap:0;overflow:hidden}.entity-column{flex:1;padding:0 24px;border-right:1px dashed var(--dt-border-color);display:flex;flex-direction:column;gap:16px}.entity-column:last-child{border-right:none}.entity-header{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:2px solid transparent;margin-bottom:4px}.entity-icon{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;background-color:#f3f4f6;}.entity-title{font-size:1rem;font-weight:700;color:var(--dt-primary-bg);text-transform:uppercase;letter-spacing:0.5px}.entity-column.customer .entity-icon{background-color:var(--clr-customer-bg);color:var(--clr-customer)}.entity-column.customer .entity-header{border-bottom-color:var(--clr-customer)}.entity-column.bank .entity-icon{background-color:var(--clr-bank-bg);color:var(--clr-bank)}.entity-column.bank .entity-header{border-bottom-color:var(--clr-bank)}.entity-column.nbfc .entity-icon{background-color:var(--clr-nbfc-bg);color:var(--clr-nbfc)}.entity-column.nbfc .entity-header{border-bottom-color:var(--clr-nbfc)}.entity-data-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 12px}.data-item{display:flex;flex-direction:column;gap:4px}.data-label{font-size:0.75rem;color:#64748b;font-weight:500;}.data-value{font-size:0.95rem;color:#1e293b;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 1024px){.comparison-wrapper{flex-direction:column;gap:24px}.entity-column{border-right:none;border-bottom:1px dashed var(--dt-border-color);padding-bottom:24px}.entity-column:last-child{border-bottom:none;padding-bottom:0}}.reactive-form-container{display:block;width:100%;font-family:'Inter', Roboto, 'Helvetica Neue', sans-serif;}.reactive-form-container{display:flex;flex-direction:column;gap:40px;}.fields-grid{display:flex;flex-wrap:wrap;gap:32px;align-items:flex-end;}.form-field-wrapper{position:relative;box-sizing:border-box;flex:1 1 auto;}.width-default{width:270px;flex:none}.material-input-group{position:relative;padding-top:20px;width:100%;display:flex;}.material-input-group.has-prefix .native-input{flex:1}.input-prefix{display:none;font-weight:500;color:#555;margin-right:2px;user-select:none;font-size:15px;line-height:28px;height:28px;padding-bottom:2px;border-bottom:1px solid transparent}.material-input-group:focus-within .input-prefix,.material-input-group.has-value .input-prefix{display:block}.has-value .input-prefix{display:block}.material-input-group::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#ccc;transition:all 0.2s ease;pointer-events:none}.focus-bar{position:absolute;bottom:0;left:50%;width:0%;height:2px;background-color:var(--dt-material-blue);transition:width 0.2s ease,
    left 0.2s ease;z-index:10}.material-input-group:focus-within .focus-bar{width:100%;left:0}.native-input{width:100%;border:none;background:transparent;padding:4px 0 2px 0;font-size:15px;font-weight:400;color:#333;outline:none;height:28px;line-height:28px;cursor:text;border-radius:0;margin:0;box-sizing:border-box}.native-textarea{height:auto;line-height:1.4;resize:vertical;min-height:64px}.native-textarea:disabled{resize:vertical;cursor:ns-resize}.select-wrapper{position:relative;width:100%;height:32px;background-color:transparent;cursor:pointer}select.native-input{appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;padding-right:24px;position:relative;z-index:2;width:100%;height:100%}select.native-input:-moz-focusring{color:transparent;text-shadow:0 0 0 #000}select.native-input:required:invalid{color:transparent}select.native-input option{color:#333}.select-arrow{position:absolute;right:0;top:50%;transform:translateY(-50%);pointer-events:none;font-size:10px;color:#666;z-index:1}.custom-select-trigger .select-arrow{top:auto;bottom:6px;transform:none}.floating-label{position:absolute;left:0;top:24px;font-size:15px;color:rgba(0, 0, 0, 0.6);font-weight:400;pointer-events:none;transition:0.2s cubic-bezier(0.25, 0.8, 0.25, 1);transform-origin:top left;z-index:0}.native-input:focus~.floating-label,.select-wrapper:focus-within~.floating-label,.lov-wrapper:focus-within~.floating-label,.has-value .floating-label{transform:translateY(-20px) scale(0.85);color:#666;}.material-input-group:focus-within .floating-label{color:var(--dt-material-blue)}.lov-wrapper{position:relative;width:100%;height:28px;cursor:pointer}.lov-input{cursor:pointer;padding-right:50px;text-overflow:ellipsis}.lov-icons-container{position:absolute;right:0;top:50%;transform:translateY(-50%);display:flex;align-items:center;pointer-events:auto;}.lov-icon,.lov-icon-clear{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.lov-icon img{width:24px;height:24px}.lov-icon-clear{cursor:pointer}.lov-icon svg,.lov-icon-clear svg{width:20px;height:20px;fill:#666}.lov-icon-clear svg path{stroke:#666;fill:none}.error-msg{font-size:11px;color:var(--dt-error-red);margin-top:4px;position:absolute;top:100%}.has-error .material-input-group::after{background-color:var(--dt-error-red)}.has-error .focus-bar{background-color:var(--dt-error-red)}.has-error .floating-label{color:var(--dt-error-red) !important}.custom-select-trigger{cursor:pointer;padding:20px 0 0 0;background:transparent;border-radius:0;box-sizing:border-box;display:flex;align-items:flex-end;transition:all 0.2s ease;position:relative}.custom-select-trigger:hover{background:transparent}.custom-select-trigger.is-open{background:transparent}.custom-select-trigger .floating-label{left:0;top:24px;font-size:15px}.custom-select-trigger.is-open .floating-label,.has-value .custom-select-trigger .floating-label{transform:translateY(-20px) scale(0.85);top:24px;left:0}.custom-select-trigger:not(.is-open) .selection-display.is-placeholder{opacity:0}.selection-display{margin-top:0;font-size:15px;color:#333;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:24px;height:28px;line-height:28px}.custom-dropdown-panel{position:absolute;top:100%;left:0;width:100%;max-height:250px;overflow-y:auto;background:white;box-shadow:0 10px 25px rgba(0, 0, 0, 0.1),
    0 6px 10px rgba(0, 0, 0, 0.05);border:1px solid rgba(0, 0, 0, 0.08);border-radius:8px;margin-top:8px;z-index:1000;animation:dropdownFadeIn 0.2s cubic-bezier(0, 0, 0.2, 1);overflow-x:hidden}.custom-dropdown-panel::-webkit-scrollbar{width:6px}.custom-dropdown-panel::-webkit-scrollbar-track{background:transparent}.custom-dropdown-panel::-webkit-scrollbar-thumb{background:#ddd;border-radius:10px}.custom-dropdown-panel::-webkit-scrollbar-thumb:hover{background:#ccc}@keyframes dropdownFadeIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.custom-option{padding:0 16px;height:48px;display:flex;align-items:center;cursor:pointer;font-size:14px;color:#444;transition:all 0.15s ease;border-left:3px solid transparent}.custom-option:hover{background:#f8f9fa;color:var(--dt-material-blue);border-left-color:rgba(63, 81, 181, 0.3)}.custom-option.selected{background:#edf2ff;color:var(--dt-material-blue);font-weight:600;border-left-color:var(--dt-material-blue)}.custom-option.disabled{color:#bbb;background:transparent;cursor:not-allowed;border-left-color:transparent}.toggle-field-wrapper{display:flex;align-items:center;gap:12px;padding-top:12px;padding-bottom:8px}.toggle-switch{position:relative;display:inline-block;width:36px;height:20px}.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:#b0b0b0;transition:0.4s;border-radius:20px}.toggle-slider:before{position:absolute;content:'';height:16px;width:16px;left:2px;bottom:2px;background-color:white;transition:0.4s;border-radius:50%;box-shadow:0 1px 3px rgba(0, 0, 0, 0.4)}input:checked+.toggle-slider{background-color:rgb(176, 176, 176);opacity:1}input:checked+.toggle-slider{background-color:rgba(63, 81, 181, 0.4)}input:checked+.toggle-slider:before{transform:translateX(16px);background-color:var(--dt-material-blue)}.toggle-label{font-size:15px;color:#666;cursor:pointer}.loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255, 255, 255, 0.4);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:10000;cursor:wait;animation:fadeIn 0.2s ease-in}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.spinner-circle{width:32px;height:32px;border:3px solid rgba(63, 81, 181, 0.1);border-top:3px solid var(--dt-material-blue);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.reactive-form-container.is-pending{position:relative;}.native-input:disabled{opacity:1;cursor:not-allowed;background:transparent}.is-disabled{opacity:1;cursor:not-allowed;}.is-disabled>*{pointer-events:none}.is-disabled .textarea-group{pointer-events:auto}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:32px;padding-top:16px;border-top:1px solid rgba(0, 0, 0, 0.05);width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:none;transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1);outline:none;font-family:inherit;box-sizing:border-box}.btn-primary{background-color:var(--dt-primary-bg);color:var(--dt-primary-text);padding:10px 24px;border-radius:4px;font-weight:500;font-size:14px;letter-spacing:0.5px;box-shadow:0 2px 4px rgba(0, 0, 0, 0.2)}.btn-primary:hover:not(:disabled){filter:brightness(1.2);transform:translateY(-1px);box-shadow:0 4px 8px rgba(0, 0, 0, 0.3)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-icon{width:42px;height:42px;border-radius:50%;padding:0;box-shadow:0 2px 8px rgba(0, 0, 0, 0.15)}.btn-icon:hover:not(:disabled){background-color:#333;transform:scale(1.08);box-shadow:0 4px 12px rgba(0, 0, 0, 0.25)}.btn-icon:active:not(:disabled){transform:scale(0.95)}.btn-icon img{width:24px;height:24px;filter:brightness(0) invert(1)}.btn-add{background-color:var(--dt-material-blue);padding:0 20px 0 12px;border-radius:24px;height:44px;color:white;text-transform:none;font-weight:600;box-shadow:0 4px 6px rgba(0, 0, 0, 0.1)}.btn-add .plus-icon{font-size:24px;font-weight:300;margin-top:-2px;margin-right:8px}.btn-approve{background-color:var(--dt-status-approve);color:white}.btn-reject{background-color:var(--dt-status-reject);color:white}.btn-sendback{background-color:var(--dt-status-sendback);color:white}.btn-approve:hover:not(:disabled),.btn-reject:hover:not(:disabled),.btn-sendback:hover:not(:disabled){filter:brightness(1.1);box-shadow:0 4px 12px rgba(0, 0, 0, 0.2)}.btn-submit,.btn-save,.btn-validate,.btn-delete,.btn-download-file,.btn-upload-file,.btn-search{background-color:var(--dt-primary-bg);color:var(--dt-primary-text);padding:10px 24px;border-radius:8px;gap:12px;font-weight:600;box-shadow:0 2px 4px rgba(0, 0, 0, 0.2)}.btn-submit::before,.btn-save::before,.btn-validate::before,.btn-delete::before,.btn-download-file::before,.btn-upload-file::before,.btn-search::before{content:'';width:20px;height:20px;background-color:#fff;mask-size:contain;-webkit-mask-size:contain;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;display:inline-block;flex-shrink:0}.btn-submit:hover:not(:disabled),.btn-save:hover:not(:disabled),.btn-validate:hover:not(:disabled),.btn-delete:hover:not(:disabled),.btn-download-file:hover:not(:disabled),.btn-upload-file:hover:not(:disabled),.btn-search:hover:not(:disabled){filter:brightness(1.2);transform:translateY(-1px);box-shadow:0 4px 8px rgba(0, 0, 0, 0.3)}.btn-submit:disabled,.btn-save:disabled,.btn-validate:disabled,.btn-delete:disabled,.btn-download-file:disabled,.btn-upload-file:disabled,.btn-search:disabled{background-color:#f5f5f5;color:#aaa;border-color:#eee;cursor:not-allowed;box-shadow:none}.btn-submit:disabled::before,.btn-save:disabled::before,.btn-validate:disabled::before,.btn-delete:disabled::before,.btn-download-file:disabled::before,.btn-upload-file:disabled::before,.btn-search:disabled::before{background-color:#ccc;opacity:0.5}.btn-submit::before{mask-image:url('../assets/svg/submit.svg');-webkit-mask-image:url('../assets/svg/submit.svg')}.btn-save::before{mask-image:url('../assets/svg/save.svg');-webkit-mask-image:url('../assets/svg/save.svg')}.btn-validate::before{mask-image:url('../assets/svg/check-circle.svg');-webkit-mask-image:url('../assets/svg/check-circle.svg')}.btn-delete::before{mask-image:url('../assets/svg/delete.svg');-webkit-mask-image:url('../assets/svg/delete.svg')}.btn-download-file::before{mask-image:url('../assets/svg/download-file.svg');-webkit-mask-image:url('../assets/svg/download-file.svg')}.btn-upload-file::before{mask-image:url('../assets/svg/upload-file.svg');-webkit-mask-image:url('../assets/svg/upload-file.svg')}.btn-search::before{mask-image:url('../assets/svg/search.svg');-webkit-mask-image:url('../assets/svg/search.svg')}.summary-cards-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));gap:16px}.summary-card{display:flex;align-items:center;padding:20px;background:white;border-radius:12px;border:1px solid var(--dt-border-color, #e2e8f0);box-shadow:0 1px 3px rgba(0, 0, 0, 0.05);transition:transform 0.2s,
    box-shadow 0.2s}.summary-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1)}.summary-card .card-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;font-size:24px;margin-right:16px;background:#f1f5f9;color:#64748b}.summary-card.themed .card-icon{background:var(--accent-bg);color:var(--accent-clr)}.summary-card .card-info{display:flex;flex-direction:column}.summary-card .card-label{font-size:14px;color:#64748b;font-weight:500;letter-spacing:0.5px}.summary-card .card-value{font-size:20px;font-weight:700;color:var(--dt-primary-bg, #1e293b);margin-top:4px}.status-badge{padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;display:inline-flex;align-items:center;justify-content:center}.status-ok{background:#dcfce7;color:#166534}.status-due,.status-error{background:#fee2e2;color:#991b1b}.status-warn{background:#fef3c7;color:#92400e}.type-badge{padding:2px 8px;background:#f1f5f9;color:#475569;border-radius:4px;font-size:12px;font-weight:500}.entity-tabs{display:flex;background:#e2e8f0;padding:4px;border-radius:10px;gap:4px}.tab-btn{display:flex;align-items:center;gap:8px;border:none;background:transparent;padding:8px 16px;font-size:14px;font-weight:600;color:#64748b;cursor:pointer;border-radius:8px;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.tab-btn .tab-icon{font-size:16px;opacity:0.7}.tab-btn:hover:not(.active){background:rgba(255, 255, 255, 0.5);color:#334155}.tab-btn.active{background:#fff;color:var(--accent-clr) !important;box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1),
    0 2px 4px -1px rgba(0, 0, 0, 0.06)}.header-actions,[slot='actions'],.actions,.form-actions{display:flex;align-items:center;gap:12px}.header-actions,[slot='actions']{justify-content:flex-end}.upload-download-file{cursor:pointer;display:flex;justify-content:center}.upload-download-file img{width:20px;height:20px}.file-name-label{font-size:14px;color:#64748b;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:250px;display:inline-block}.file-upload-section{display:flex;align-items:center;gap:12px}.date-input-group{position:relative;display:flex;align-items:flex-end}.date-picker-toggle{position:absolute;right:0;bottom:2px;background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:#666;opacity:0.7;transition:opacity 0.2s ease;z-index:5}.date-picker-toggle:hover{opacity:1;color:var(--dt-material-blue)}.date-picker-toggle:disabled{cursor:not-allowed;opacity:0.4}.date-input-group .native-input{padding-right:32px}.form-field-wrapper.is-readonly .date-picker-toggle{display:none}.form-field-wrapper.is-readonly .date-input-group .native-input{padding-right:0}.upload-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:16px;width:100%}:root{--dt-primary-bg:#1a1a1a;--dt-primary-text:#ffffff;--dt-secondary-bg:#ffffff;--dt-text-color:#333333;--dt-row-hover:#f8fafc;--dt-border-color:#e2e8f0;--dt-input-border:#94a3b8;--dt-active-blue:#3b82f6;--dt-error-red:#cc2647;--dt-warning-yellow:#fed141;--dt-banking-blue:#1a1a1a;--dt-material-blue:#4f46e5;--dt-status-approve:rgb(7, 143, 27);--dt-status-reject:var(--dt-error-red);--dt-status-sendback:#0f1d3f;--dt-border-radius:5px;--dt-header-height:48px;--zi-sticky:100;--zi-nav:500;--zi-dropdown:1000;--zi-overlay:2000;--zi-modal:3000;--zi-toast:9999;--clr-customer:#4f46e5;--clr-customer-bg:rgba(79, 70, 229, 0.1);--clr-bank:#10b981;--clr-bank-bg:rgba(16, 185, 129, 0.1);--clr-nbfc:#f59e0b;--clr-nbfc-bg:rgba(245, 158, 11, 0.1)}.customer-theme{--accent-clr:var(--clr-customer);--accent-bg:var(--clr-customer-bg)}.bank-theme{--accent-clr:var(--clr-bank);--accent-bg:var(--clr-bank-bg)}.nbfc-theme{--accent-clr:var(--clr-nbfc);--accent-bg:var(--clr-nbfc-bg)}.clr-customer{color:var(--clr-customer) !important}.clr-bank{color:var(--clr-bank) !important}.clr-nbfc{color:var(--clr-nbfc) !important}.bg-customer{background-color:var(--clr-customer-bg) !important}.bg-bank{background-color:var(--clr-bank-bg) !important}.bg-nbfc{background-color:var(--clr-nbfc-bg) !important}.text-accent{color:var(--accent-clr) !important}.bg-accent{background-color:var(--accent-bg) !important}.border-accent{border-color:var(--accent-clr) !important}body{margin:0;font-family:'Inter', 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;background:#fafafa;color:var(--dt-text-color)}