*{padding:0;margin:0;box-sizing:border-box}.BodyBG{margin:0;padding:0;height:100vh;background:transparent;overflow-x:hidden}.BodyBG:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(#00000000),url(bgimg.52ccce94b387114e.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;z-index:-1;background-color:transparent!important}#BODY{display:flex;justify-content:center;align-items:center}#TableRepalce{width:100%;max-width:1200px;height:auto;background-color:#fff5;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);box-shadow:0 .4rem .8rem #0003;border-radius:.8rem;overflow:hidden}#TableRepalce .table-header{width:100%;padding:.8rem 1rem}#TableRepalce .table-header h1{font-size:22px;font-weight:700}.loan-table-wrap{width:100%;max-width:1200px;background:#bcbcbc63;padding:5px 8px;border-radius:16px;box-shadow:4px 4px 12px #0000001a,-4px -4px 12px #ffffffd9;border:1px solid #e4e4e4;box-sizing:border-box;margin:0 auto}.table-inner{display:block;max-height:440px;overflow-y:auto;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-right:14px}.table-inner::-webkit-scrollbar{width:5px;height:5px;background:rgba(20,60,130,.15);border-radius:4px}.table-inner::-webkit-scrollbar-thumb{background:rgba(30,79,216,.55);border-radius:4px;box-shadow:0 0 6px #1e4fd866}.table-inner::-webkit-scrollbar-thumb:hover{background:rgba(30,79,216,.75);box-shadow:0 0 8px #1e4fd899}.loan-table{width:100%;border-collapse:separate;border-spacing:0 4px;font-family:Poppins,sans-serif;table-layout:fixed;margin:0 auto}.loan-table thead tr{background:linear-gradient(145deg,#3e2a00 0%,#6b4e00 25%,#b08a1a 50%,#7a5a00 75%,#3e2a00 100%);box-shadow:inset 0 2px 3px #ffdc9659,inset 0 -3px 4px #3c280099,0 6px 14px #00000073}.loan-table thead th{text-transform:uppercase;padding:8px;color:#fff3c4;font-size:13px;font-weight:600;text-align:center;border-right:1px solid rgba(255,240,200,.25);text-shadow:0 1px 1px rgba(60,40,0,.9),0 0 6px rgba(255,215,120,.35)}.loan-table thead th:first-child{width:240px;min-width:200px;max-width:250px;text-align:left;border-top-left-radius:5px;border-bottom-left-radius:5px}.loan-table thead th:not(:first-child){width:120px}.loan-table tbody tr{cursor:pointer}.loan-table thead th:last-child{border-right:none;border-top-right-radius:5px;border-bottom-right-radius:5px}.loan-table tbody td:last-child{border-top-right-radius:5px;border-bottom-right-radius:5px}.loan-table tbody td{padding:10px 8px;font-size:12.5px;background:rgba(235,240,255,.6);border-right:1px solid #d4def2;text-align:center;vertical-align:middle;word-wrap:break-word;cursor:pointer!important}.loan-table tbody td{background:#ffffff;box-shadow:0 2px 6px #00000014;border:1px solid rgba(0,0,0,.04);transition:box-shadow .25s ease,transform .25s ease,background .25s ease}.loan-table tbody td *{cursor:inherit!important}.loan-table tbody td:first-child{width:240px;min-width:200px;max-width:250px;text-align:left;background:linear-gradient(145deg,#3e2a00 0%,#6b4e00 30%,#b08a1a 55%,#7a5a00 75%,#3e2a00 100%);color:#fff3c4;font-weight:600;border-top-left-radius:5px;border-bottom-left-radius:5px;box-shadow:inset 0 1px 2px #ffdc9659,inset 0 -2px 3px #3c28008c}.loan-table tbody td:not(:first-child){width:120px}.loan-table tbody td:last-child{border-right:none;border-top-right-radius:5px;border-bottom-right-radius:5px}.loan-table tbody tr:hover{transform:translateY(-2px);background:#eef3ff;box-shadow:0 4px 10px #1e4fd859;border-color:#1e4fd859}.loan-table tbody tr:hover td:first-child{position:relative;padding-left:16px}.loan-table tbody tr:hover td:first-child:before{content:"";position:absolute;left:0;width:5px;height:80%;top:10%;background:linear-gradient(180deg,#ffd700,#ffea85);border-radius:5px;box-shadow:0 0 10px #ffd70099}.loan-table tfoot tr{background:linear-gradient(135deg,#f7e08a,#e2b84f,#cfa233);color:#2b1c00;font-weight:700;font-size:14px;border-top:3px solid #a77b14}.loan-table tfoot td{padding:11px 14px;text-align:center;border-right:1px solid rgba(120,80,10,.35)}.loan-table tfoot td:first-child{text-align:left;padding-left:18px;letter-spacing:.5px;color:#3a2600}.loan-table tfoot td:first-child{width:240px;min-width:200px;max-width:250px;text-align:left;border-top-left-radius:10px;border-bottom-left-radius:10px}.loan-table tfoot td:not(:first-child){width:120px}.loan-table tfoot td:last-child{border-right:none;border-top-right-radius:10px;border-bottom-right-radius:10px}@media (max-width: 1061px){.table-inner{padding-right:0}}@media (max-width: 768px){.loan-table-wrap{padding:8px 12px}.loan-table thead th:first-child,.loan-table tbody td:first-child{width:200px!important;min-width:200px;max-width:200px}.loan-table thead th:not(:first-child),.loan-table tbody td:not(:first-child){width:100px}.loan-table{width:100%}}@media (max-width: 480px){.loan-table-wrap{padding:6px 8px}.table-inner{padding:6px 0}.loan-table thead th:first-child,.loan-table tbody td:first-child{width:220px!important;min-width:220px}.loan-table thead th:not(:first-child),.loan-table tbody td:not(:first-child){width:100px}}.loan-title{font-size:48px;font-weight:900;text-align:left;text-transform:uppercase;letter-spacing:2px;color:#001f4d;position:relative;display:inline-block;background:linear-gradient(120deg,#001f4d 30%,#ffffff 50%,#001f4d 70%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shine 6s linear infinite,floatEffect 3s ease-in-out infinite}@keyframes shine{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes floatEffect{0%{transform:translateY(0)}50%{transform:translateY(-4px)}to{transform:translateY(0)}}@media (max-width: 768px){.loan-title{font-size:36px;justify-content:center}}@media (max-width: 480px){.loan-title{font-size:28px}}.premium-btn{position:relative;display:inline-flex;align-items:center;gap:8px;padding:8px 11px;border-radius:32px;font-size:13.5px;font-weight:700;letter-spacing:.5px;color:#fff;border:1px solid rgba(255,255,255,.18);cursor:pointer;overflow:hidden;background-clip:padding-box;transform-style:preserve-3d;box-shadow:inset 0 2px 3px #ffffff59,inset 0 -6px 10px #0000008c,0 10px #0000008c,0 18px 30px #0009;transition:all .28s ease}.premium-btn i{font-size:1.15rem;opacity:.95}.premium-btn:before{content:"";position:absolute;top:2px;left:6%;width:88%;height:45%;border-radius:25px;background:linear-gradient(to bottom,rgba(255,255,255,.45),rgba(255,255,255,.05));pointer-events:none}.premium-btn:after{content:"";position:absolute;inset:0;border-radius:32px;box-shadow:inset 0 0 0 1px #ffffff26;pointer-events:none}.premium-btn:hover{transform:translateY(-3px);box-shadow:inset 0 2px 3px #fff6,inset 0 -8px 14px #0009,0 14px #0009,0 26px 40px #000000b3}.premium-btn:active{transform:translateY(6px);box-shadow:inset 0 4px 10px #0009,inset 0 -2px 4px #ffffff26,0 4px 10px #00000080}.btn-import{background:linear-gradient(145deg,#1b7c5a,#0e3f2f)}.btn-export{background:linear-gradient(145deg,#f3d27c,#c49317,#6d4c00);color:#2a1a00}.btn-ADD{background:linear-gradient(145deg,#9b59b6,#6c3483);color:#fff}.btn-submit{background:linear-gradient(145deg,#064dd1,#0a2f7a);color:#fff}.btn-cancel{background:linear-gradient(145deg,#b40101,#c62828);color:#fff}.btn-reset{background:linear-gradient(145deg,#2b2f36,#3a3f47);color:#f1f5f9}.btn-add-img{background:linear-gradient(145deg,#0b1f3a,#102a4d);color:#f5d27a}@media (max-width: 768px){.premium-btn{padding:9px 22px;font-size:12.5px}}@media (max-width: 768px){.premium-btn{padding:9px 22px;font-size:12.5px;min-width:160px;max-width:100%;justify-content:center;flex-wrap:nowrap}}.premium-btn:disabled,.premium-btn[disabled]{opacity:.55;cursor:not-allowed;pointer-events:none;transform:none;box-shadow:inset 0 2px 3px #ffffff2e,inset 0 -4px 6px #00000073,0 4px 10px #00000073}.premium-btn:disabled:hover,.premium-btn[disabled]:hover{transform:none;box-shadow:inset 0 2px 3px #ffffff2e,inset 0 -4px 6px #00000073,0 4px 10px #00000073}.premium-btn:disabled i{opacity:.6}#wifi-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;z-index:9999}#wifi-overlay #wifi-loader{--background: #4169aa;--front-color: #f9e88c;--back-color: #6e9cf5;--text-color: #ffffff;width:64px;height:64px;border-radius:50px;position:relative;display:flex;justify-content:center;align-items:center}#wifi-loader svg{position:absolute;display:flex;justify-content:center;align-items:center}#wifi-loader svg circle{position:absolute;fill:none;stroke-width:6px;stroke-linecap:round;stroke-linejoin:round;transform:rotate(-100deg);transform-origin:center}#wifi-loader svg circle.back{stroke:var(--back-color)}#wifi-loader svg circle.front{stroke:var(--front-color)}#wifi-loader svg.circle-outer{height:86px;width:86px}#wifi-loader svg.circle-outer circle{stroke-dasharray:62.75 188.25}#wifi-loader svg.circle-outer circle.back{animation:circle-outer135 1.8s ease infinite .3s}#wifi-loader svg.circle-outer circle.front{animation:circle-outer135 1.8s ease infinite .15s}#wifi-loader svg.circle-middle{height:60px;width:60px}#wifi-loader svg.circle-middle circle{stroke-dasharray:42.5 127.5}#wifi-loader svg.circle-middle circle.back{animation:circle-middle6123 1.8s ease infinite .25s}#wifi-loader svg.circle-middle circle.front{animation:circle-middle6123 1.8s ease infinite .1s}#wifi-loader svg.circle-inner{height:34px;width:34px}#wifi-loader svg.circle-inner circle{stroke-dasharray:22 66}#wifi-loader svg.circle-inner circle.back{animation:circle-inner162 1.8s ease infinite .2s}#wifi-loader svg.circle-inner circle.front{animation:circle-inner162 1.8s ease infinite .05s}#wifi-loader .text{position:absolute;bottom:-40px;display:flex;justify-content:center;align-items:center;text-transform:lowercase;font-weight:500;font-size:14px;letter-spacing:.2px}#wifi-loader .text:before,#wifi-loader .text:after{content:attr(data-text)}#wifi-loader .text:before{color:var(--text-color)}#wifi-loader .text:after{color:var(--front-color);animation:text-animation76 3.6s ease infinite;position:absolute;left:0}@keyframes circle-outer135{0%{stroke-dashoffset:25}25%{stroke-dashoffset:0}65%{stroke-dashoffset:301}80%{stroke-dashoffset:276}to{stroke-dashoffset:276}}@keyframes circle-middle6123{0%{stroke-dashoffset:17}25%{stroke-dashoffset:0}65%{stroke-dashoffset:204}80%{stroke-dashoffset:187}to{stroke-dashoffset:187}}@keyframes circle-inner162{0%{stroke-dashoffset:9}25%{stroke-dashoffset:0}65%{stroke-dashoffset:106}80%{stroke-dashoffset:97}to{stroke-dashoffset:97}}@keyframes text-animation76{0%{clip-path:inset(0 100% 0 0)}50%{clip-path:inset(0)}to{clip-path:inset(0 0 0 100%)}}.popup{position:fixed;top:20px;left:50%;transform:translate(-50%);padding:16px 32px;border-radius:18px;font-weight:600;font-size:16px;text-align:center;color:#fff;z-index:99999!important;background:rgba(255,255,255,.1);backdrop-filter:blur(18px) saturate(180%);-webkit-backdrop-filter:blur(18px) saturate(180%);border:1px solid rgba(255,255,255,.25);box-shadow:0 4px 15px #0000004d,inset 0 2px 4px #ffffff1a;opacity:0;transform:translate(-50%) translateY(-10px);animation:slideDown .5s forwards}@keyframes slideDown{to{opacity:1;transform:translate(-50%) translateY(0)}}.popup.success{background:linear-gradient(145deg,#0f3d0f,#1a5d1a);border:1px solid #196619;box-shadow:0 6px 18px #00400066,inset 0 2px 4px #ffffff0d}.popup.error{background:linear-gradient(145deg,#5c0d0d,#a31f1f);border:1px solid #801818;box-shadow:0 6px 18px #40000066,inset 0 2px 4px #ffffff0d}.actions{width:100%!important;height:100%!important;text-align:center;vertical-align:middle}.actions .action-btn{display:inline-block;width:36px;height:36px;line-height:36px;margin:2px;border-radius:12px;border:none;cursor:pointer;font-size:16px;font-weight:600;color:#fff;text-align:center;vertical-align:middle;background:rgba(255,255,255,.1);backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border:1px solid rgba(255,255,255,.25);box-shadow:0 4px 12px #0000004d,inset 0 2px 4px #ffffff0d;background-size:200% 200%;animation:pulseGradient 3s ease-in-out infinite;transition:all .2s ease-in-out}.action-btn:hover{transform:translateY(-2px) scale(1.1);box-shadow:0 6px 18px #0006,inset 0 2px 6px #ffffff14}.action-btn.edit{background:linear-gradient(145deg,#45bc45,#0f3d0f);border:1px solid #196619}.action-btn.delete{background:linear-gradient(145deg,#c21f1f,#5c0d0d);border:1px solid #801818}.action-btn.pdf{background:linear-gradient(145deg,#5ac6ff,#002a42);border:1px solid #009290}.action-btn.view{background:linear-gradient(145deg,#5ac6ff,#002a42);border:1px solid #009290;color:#fff}.action-btn.view:hover{transform:translateY(-2px) scale(1.1);box-shadow:0 6px 18px #0006,inset 0 2px 6px #ffffff14}@keyframes pulseGradient{0%{filter:brightness(1);transform:translateY(0)}50%{filter:brightness(1.1);transform:translateY(-1px)}to{filter:brightness(1);transform:translateY(0)}}.fir-modal{position:relative;border-radius:20px;overflow:hidden;background:url(bgform.071d577d20f185ef.jpg) center / cover no-repeat;animation:modalPop .5s cubic-bezier(.25,.8,.25,1);box-shadow:0 24px 60px #091e4259,inset 0 1px #ffffffa6}@keyframes modalPop{0%{transform:translateY(18px) scale(.96);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.fir-header{background:linear-gradient(135deg,#d89700,#6CA0DC);color:#fff;padding:14px 20px;border-radius:12px;box-shadow:inset 0 -1px #ffffff40,0 6px 14px #00000040;transition:transform .3s ease,box-shadow .3s ease}.fir-header:hover{transform:translateY(-3px);box-shadow:inset 0 -1px #ffffff40,0 10px 20px #0000004d}.fir-header h5{font-weight:700;font-size:15px;letter-spacing:.4px;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.fir-body{padding:18px;background:linear-gradient(#ffffff3b,rgba(255,255,255,0));box-shadow:inset 0 8px 20px #091e421f}.fir-footer{padding:14px 20px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(rgba(16,15,15,.23),rgba(255,255,255,0));box-shadow:inset 0 1px #ffffffbf,0 -6px 14px #091e4240}.premium-label{font-size:11px;font-weight:700;color:#001245;letter-spacing:.45px;margin-bottom:4px;text-transform:uppercase}.premium-input{width:100%;padding:10px 13px;height:45px;border-radius:12px;font-size:13.5px;color:#1c2d44;background:rgba(255,255,255,.85);border:1px solid rgba(15,45,90,.25);box-shadow:inset 0 1px 2px #ffffffe6,0 4px 12px #091e4226;transition:all .28s ease}.premium-input::placeholder{color:#5069918c}.premium-input:focus{outline:none;transform:translateY(-2px);border-color:#ffb26a;background:#ffffff;box-shadow:0 0 0 3px #ffb26a59,0 10px 22px #ffb26a73}.premium-input:disabled{background:rgba(240,244,250,.85);color:#9aa8c2;cursor:not-allowed}.fir-modal:after{content:"";position:absolute;inset:0;border-radius:20px;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.35),transparent,rgba(255,255,255,.35));animation:edgeGlow 8s linear infinite}@keyframes edgeGlow{0%{background-position:0% 0%}to{background-position:200% 0%}}@media (max-width: 576px){.fir-body{padding:14px}.fir-footer{flex-direction:column;gap:10px}.save-btn,.cancel-btn{width:100%;text-align:center}}.fir-body small{font-size:13px;font-weight:600;letter-spacing:.2px;background:linear-gradient(90deg,#6f0000,#c40000,#ef4444);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;margin-top:5px}.custom-red-modal{border-radius:15px;overflow:hidden;background:#fdfdfd;box-shadow:0 15px 35px #0003;position:relative;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.custom-red-modal .modal-header{background:linear-gradient(145deg,#8B0000,#C62828);color:#fff;font-weight:700;font-size:1.2rem;border-bottom:none;padding:8px 1.5rem;border-radius:12px 12px 0 0;text-shadow:0 1px 2px rgba(0,0,0,.3);box-shadow:inset 0 -3px 5px #0000004d,0 5px 12px #0003}.custom-close-btn{color:#fff;background:linear-gradient(135deg,#fff5df,#ffbd00);border:none;border-radius:50%;width:35px;height:35px;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;box-shadow:0 4px 10px #0000004d;transition:transform .2s,box-shadow .2s,background .3s}.custom-close-btn:hover{transform:scale(1.1);background:linear-gradient(135deg,#1E3A8A,#0D1F47);box-shadow:0 6px 15px #0006}.custom-red-modal .modal-body{font-size:1rem;color:#630000;text-align:center;font-weight:700;padding:20px 1.5rem;position:relative;overflow:hidden}.custom-red-modal .modal-footer{justify-content:center;gap:1rem;padding:1rem 1.5rem}#DeleteBtn .btn-secondary{border-radius:50px;font-weight:500;padding:.6rem 1.4rem;background:linear-gradient(135deg,#fff5df,#ffbd00);color:#fff;box-shadow:0 5px 12px #0003;cursor:pointer;transition:transform .2s,box-shadow .2s,background .3s;border:none}#DeleteBtn .btn-secondary:hover{transform:scale(1.05);box-shadow:0 7px 18px #00000059}#DeleteBtn .btn-delete{border-radius:50px;font-weight:500;padding:.6rem 1.4rem;background:linear-gradient(135deg,#de0000,#770000);color:#fff;box-shadow:0 5px 12px #0003;cursor:pointer;transition:transform .2s,box-shadow .2s,background .3s;border:none}#DeleteBtn .btn-delete:hover{transform:scale(1.05);box-shadow:0 7px 18px #00000059}#deleteConfirmModal .circle{position:absolute;border-radius:50%;opacity:.08;pointer-events:none;z-index:0;animation:floatCircle 8s ease-in-out infinite}#deleteConfirmModal .circle1{width:120px;height:120px;background:#0D1F47;top:-40px;left:-40px;animation-delay:0s}#deleteConfirmModal .circle2{width:90px;height:90px;background:#1E3A8A;bottom:-30px;right:-30px;animation-delay:2s}@keyframes floatCircle{0%{transform:translate(0)}25%{transform:translate(10px,-10px)}50%{transform:translate(-10px,10px)}75%{transform:translate(10px,10px)}to{transform:translate(0)}}@media (max-width: 576px){#TableRepalce .table-header h1{font-size:16px}}::ng-deep .ck-editor__editable{min-height:150px}.ck.ck-editor{border-radius:12px;font-size:13.5px;color:#1c2d44;background:rgba(255,255,255,.85);border:1px solid rgba(15,45,90,.25)}