@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";:root{--primary-color: #1e3a8a;--primary-soft:#bfcffe;--success: #16a34a;--warning: #f59e0b;--error: #dc2626;--bg-light: #f9fafb;--text: #6b7280;--logo-font: "Outfit", sans-serif;--soft-blue: #e0e7ff;--soft-green: #dcfce7;--soft-yellow: #fef9c3;--soft-red: #fee2e2;--soft-purple: #ede9fe}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}body{background-color:var(--bg-light)}p{font-size:15px;font-weight:400;line-height:20px;color:var(--text)}h3{font-size:20px;font-weight:600;line-height:24px;color:var(--primary-color)}h2{font-size:30px;font-weight:600;line-height:36px;color:var(--primary-color)}.app-section{width:100%;height:100vh;display:flex;flex-direction:row;gap:20px;overflow:hidden}.side-bar-container{width:15%;height:100vh;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:25px;padding:20px;background-color:var(--primary-soft);min-width:300px}.logo-container{width:100%}.logo-box{width:100%;display:flex;justify-content:center;align-items:center;gap:0px;background-color:#fff;padding:6px;border-radius:10px}.logo-box .image-box{width:27%}.image-box img{width:90%}.logo-box .logo-title{width:73%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:10px}.logo-title h1{font-size:28px;line-height:16px;font-weight:500;color:var(--primary-color);text-transform:capitalize;letter-spacing:.5px;text-align:left;font-family:var(--logo-font)}.logo-title p{font-size:12px;line-height:12px;font-weight:400;text-transform:uppercase;letter-spacing:10px;text-align:center;color:var(--text);margin-left:3px}.nav-container{width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:10px;margin-top:50px}.nav-container ul{width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:10px;padding:0;margin:0}.nav-container ul li{width:100%;list-style:none;margin-bottom:15px}.nav-container ul li a{display:flex;align-items:center;gap:10px;width:100%;font-size:14px;padding:10px 15px;background-color:#fff;border-radius:10px;color:var(--primary-color);text-decoration:none;transition:all .3s ease-in-out}.nav-container ul li a:hover{background-color:#dbe4fe;color:#172754;transform:translate(5px)}.nav-container ul li a.active{background-color:var(--primary-color);color:#fff}.footer-container{width:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.logout{width:100%;margin-bottom:15px}.logout button{width:100%;display:flex;justify-content:center;align-items:center;gap:10px;padding:10px 20px;color:#fff;background-color:#172754;border-radius:10px;border:none;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease-in-out}.logout button:hover{background-color:var(--primary-color);color:#fff}.footer-container p{font-size:12px;line-height:12px;text-align:center;color:var(--text);padding-top:5px}@media (max-width:768px){.side-bar-container{display:none}}.dashboard-container{width:85%;height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:40px 30px;overflow-y:scroll}::-webkit-scrollbar{display:none}*{scrollbar-width:none;-ms-overflow-style:none}.statistics-container{display:flex;flex-direction:row;width:100%;justify-content:space-between;align-items:center;gap:20px;margin-top:30px}.status-box{width:20%;height:120px;display:flex;flex-direction:column;justify-content:space-between;padding:18px 20px;border-radius:16px;transition:all .3s ease-in-out;cursor:pointer}.status-box:hover{transform:translateY(-5px);box-shadow:0 6px 14px #00000026}.status-box .heading{display:flex;align-items:center;gap:6px}.status-box .heading h3{font-size:16px;font-weight:500;color:var(--primary-color)}.status-box .heading svg{font-size:22px;color:var(--primary-color)}.status-box .value p{margin:8px 0 0;text-align:right;font-size:20px;font-weight:500;color:var(--primary-color)}.status-box .value span{font-size:8px;color:var(--primary-color);margin-left:6px;margin-top:10px;text-align:right;display:none}.status-box .loss{color:red!important}.status-box .gain{color:#228b22}.status-box:hover span{display:block}.total-amount-box{background:var(--soft-yellow)}.total-customer-box{background:var(--soft-green)}.total-active-loans-box{background:var(--soft-blue)}.total-cloased-loans-box{background:var(--soft-red)}.month-collections-box{background:var(--soft-purple)}.profit{font-size:10px!important;font-weight:500!important;color:var(--primary-color)!important}.graph-container{display:flex;flex-direction:column;gap:10px;padding:20px 0;background:var(--bg-light);box-sizing:border-box;width:100%}.reports-row{display:flex;gap:30px;flex-wrap:wrap;justify-content:space-between;align-items:flex-start}.line-chart-container,.bar-chart-container,.piechart-container,.upcoming-renewal-table{flex:1;padding:0}.line-chart-container h2,.bar-chart-container h3,.piechart-container h3,.upcoming-renewal-table h3{font-family:var(--logo-font);color:var(--primary-color);margin-bottom:20px;font-size:20px}.line-chart-box{background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 12px #00000014;margin-bottom:20px}.piechart-container{width:98%!important}.chart-title{font-family:var(--logo-font);color:var(--primary-color);font-size:20px;margin-bottom:20px}.latest-loan-container{background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 12px #00000014;font-family:Outfit,sans-serif}.latest-loan-container h2{font-size:20px;font-weight:600;margin-bottom:15px;color:var(--primary-color)}.custom-datagrid{border:none!important;font-family:Outfit,sans-serif!important;font-size:14px;color:#374151;background:#fff}.custom-datagrid .MuiDataGrid-columnHeaders{background-color:var(--primary-soft);color:var(--primary-color);font-weight:600;font-size:14px}.custom-datagrid .MuiDataGrid-row:hover{background-color:#f3f4f6}.custom-datagrid .MuiDataGrid-cell{border-bottom:1px solid #e5e7eb}.custom-datagrid .MuiDataGrid-footerContainer{border-top:1px solid #e5e7eb;background:#fafafa}@media (max-width: 1366px){.dashboard-container{width:90%;padding:30px 20px}.status-box{height:110px;padding:15px 16px}.status-box .heading h3{font-size:15px}.status-box .value p{font-size:18px}.line-chart-box,.latest-loan-container{padding:16px}}@media (max-width: 1024px){.statistics-container{flex-wrap:wrap;gap:15px}.status-box{width:45%;height:110px}.line-chart-container,.bar-chart-container,.piechart-container,.upcoming-renewal-table{width:100%}.reports-row{flex-direction:column;gap:20px}.line-chart-box,.latest-loan-container{padding:15px}.chart-title,.latest-loan-container h2{font-size:18px}}@media (max-width: 768px){.dashboard-container{width:100%;padding:20px 15px}.statistics-container{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.status-box{width:100%;height:auto;padding:14px 16px}.status-box .heading h3{font-size:16px}.status-box .value p{font-size:14px;text-align:right}.reports-row{flex-direction:column}.line-chart-container,.bar-chart-container,.piechart-container,.upcoming-renewal-table{width:100%}.line-chart-box,.latest-loan-container{padding:12px}.chart-title,.latest-loan-container h2{font-size:16px}.custom-datagrid{font-size:12px}}@media (max-width: 480px){.dashboard-container{padding:15px 10px}.statistics-container{gap:10px}.status-box{padding:12px;border-radius:10px}.status-box .heading h3{font-size:14px}.status-box .heading svg{font-size:18px}.status-box .value p{font-size:14px}.status-box .value span{font-size:8px;display:none}.status-box:hover span{display:block}.chart-title,.latest-loan-container h2{font-size:15px}.line-chart-box,.latest-loan-container{padding:10px}.custom-datagrid .MuiDataGrid-columnHeaders{font-size:12px}.custom-datagrid{font-size:11px}}@media (max-width: 360px){.status-box .heading h3{font-size:12px}.status-box .value p{font-size:10px}.chart-title{font-size:12px}}.header-container{width:100%;display:flex;justify-content:space-between;align-items:center;background:var(--bg-light);padding:2px 0;border-bottom:1px solid var(--primary-soft);font-family:var(--logo-font)}.title-box h2{font-size:30px;font-weight:600;color:var(--primary-color);margin:0;font-family:var(--logo-font)}.login-status{display:flex;align-items:center;gap:20px}.date-box p,.time-box p{font-size:12px;color:var(--text);margin:0;font-weight:400}.login-id{display:flex;align-items:center;gap:5px;padding:6px 12px;transition:all .3s ease-in-out;cursor:pointer}.login-id:hover{background:var(--primary-soft);transform:translateY(-2px);box-shadow:0 3px 6px #b4c5f711;border-radius:10px}.login-id p{margin:0;font-size:14px;font-weight:500;color:var(--primary-color);display:flex;align-items:center;gap:6px}.active-green-dot{display:inline-block;width:8px;height:8px;background:var(--success);border-radius:50%;margin-left:4px}@media (min-width: 1200px){.title-box h2{font-size:32px}.login-id p{font-size:15px}}@media (max-width: 1199px) and (min-width: 768px){.title-box h2{font-size:26px}.login-status{gap:15px}.login-id p{font-size:13px}}@media (max-width: 767px){.header-container{flex-direction:column;align-items:flex-start;padding:5px;gap:10px}.title-box h2{font-size:22px}.login-status{width:100%;justify-content:space-between}.date-box p,.time-box p{font-size:11px}.login-id p{font-size:13px}}@media (max-width: 480px){.header-container{flex-direction:row;align-items:center;justify-content:space-between;padding:10px 12px;gap:6px;width:100%}.title-box h2{font-size:18px}.title-box,.login-status{width:50%}.login-status{flex-direction:row;align-items:center;justify-content:flex-end;gap:6px}.date-box,.time-box{display:none}.date-box p,.time-box p{font-size:10px}.login-id{padding:4px 10px}.login-id p{font-size:12px}.active-green-dot{width:6px;height:6px}}.mobile-menu{position:fixed;bottom:0;left:0;width:100%;height:80px;background-color:#fff;border-top:1px solid #e7efff;display:flex;justify-content:space-around;align-items:center;padding:20px 0;box-shadow:0 -2px 15px #00000014;z-index:1000;border-radius:12px}.menu-link{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:var(--primary-color);font-size:12px;position:relative;transition:all .3s ease}.menu-icon{font-size:22px;margin-bottom:2px;transition:all .3s ease}.menu-link.active{color:var(--primary-color)}.menu-link.active .menu-icon{transform:scale(1.2);color:var(--primary-color)}.menu-link:hover{color:var(--primary-color)}.menu-title{opacity:0;transform:translateY(6px);transition:all .3s ease;font-weight:500}.menu-link:hover .menu-title{opacity:1;transform:translateY(0)}@media (min-width: 769px){.mobile-menu{display:none}}@media (max-width: 768px){.mobile-menu{display:flex}}.create-loans-container{width:1000px;margin:20px auto;padding:10px;background:#fff;border-radius:12px}.create-loans-container h2{margin-bottom:40px;font-size:20px;font-weight:600;color:var(--primary-color);text-transform:uppercase;letter-spacing:.5px;text-align:center}.create-loans-form{display:grid;grid-template-columns:1fr 1fr;gap:20px 40px}.form-input{width:100%}.file-upload{grid-column:span 2;display:flex;flex-direction:column;gap:8px;font-size:14px;color:#555}.file-upload input{padding:8px;border:1px solid #ccc;border-radius:6px}.loan-btn{grid-column:span 2;margin-top:20px!important;padding:15px!important;font-size:16px!important;font-weight:500!important;text-transform:none!important;background-color:var(--primary-color)!important;border-radius:8px!important;color:#fff!important;transition:all .3s ease-in-out!important}.all-loanlist-container .table-title{margin-bottom:30px}.loan-info-title{font-size:12px!important;font-weight:500!important;color:#16a34a!important;margin-bottom:10px!important;text-align:center!important;padding:0!important}.close-img-box{width:100%;display:flex;justify-content:center;align-items:center;gap:10px}.close-img-box img{width:50%;margin-top:-10px}@media (max-width: 1024px){.create-loans-container{width:90%;padding:15px}.create-loans-form{gap:20px}}@media (max-width: 600px){.create-loans-container{width:95%;padding:15px;margin:10px auto}.create-loans-container h2{font-size:18px;margin-bottom:25px;width:100%}.create-loans-form{grid-template-columns:1fr;gap:10px}.css-1knm6qq{width:100%!important;overflow-y:scroll}.file-upload{grid-column:span 1}.loan-btn{grid-column:span 1;width:100%;font-size:15px!important;padding:12px!important}.close-img-box{flex-direction:column;gap:8px}.close-img-box img{width:80%}}.loader-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;width:100%;background-color:#ffffff3f}.loading{--speed-of-animation: .9s;--gap: 6px;--first-color: #4c86f9;--second-color: #49a84c;--third-color: #f6bb02;--fourth-color: #f6bb02;--fifth-color: #2196f3;display:flex;justify-content:center;align-items:center;gap:var(--gap)}.loading span{width:4px;height:50px;background:var(--first-color);animation:scale var(--speed-of-animation) ease-in-out infinite}.loading span:nth-child(2){background:var(--second-color);animation-delay:-.8s}.loading span:nth-child(3){background:var(--third-color);animation-delay:-.7s}.loading span:nth-child(4){background:var(--fourth-color);animation-delay:-.6s}.loading span:nth-child(5){background:var(--fifth-color);animation-delay:-.5s}@keyframes scale{0%,40%,to{transform:scaleY(.05)}20%{transform:scaleY(1)}}.customer-data-table-container{background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 12px #00000014;margin-top:20px;width:100%}.customer-table-title-box{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;margin-top:10px}.table-title{font-size:20px;font-weight:600;color:var(--primary-color);margin:0}.add-customer-btn{display:flex;align-items:center;justify-content:center;gap:5px;padding:8px 16px;background:var(--primary-color);color:#fff;font-size:14px;line-height:14px;font-weight:500;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease}.add-customer-btn:hover{background:var(--success)}.add-icon{font-size:18px}.search-container{display:flex;align-items:flex-start;gap:10px;margin-bottom:15px}.search-select{padding:8px 12px;border:1px solid var(--primary-soft);border-radius:6px;font-size:12px;color:var(--primary-color);cursor:pointer;outline:none;background:#dbe4fe}.search-input{flex:1;padding:8px 12px;border:1px solid var(--primary-soft);border-radius:6px;font-size:14px;outline:none;transition:all .3s ease}.search-input:focus{border-color:var(--primary-soft);box-shadow:0 0 6px #d4af3766}.custom-customers-datagrid{border:none!important;font-size:14px}.preview-btn{padding:6px 10px 3px;border:none;border-radius:6px;background:var(--success);color:#fff;cursor:pointer;transition:.3s}.preview-btn:hover{background:#43a047}.delete-btn{padding:6px 10px 3px;border:none;border-radius:6px;background:var(--error);color:#fff;cursor:pointer;transition:.3s}.delete-btn:hover{background:#c62828}.modal-container .MuiBox-root{position:relative;background:#fff;border-radius:12px;overflow-y:auto;max-height:100vh}.close-btn{position:absolute;top:12px;right:12px;background:transparent;border:none;font-size:28px;cursor:pointer;color:var(--error);transition:color .3s ease}.close-btn:hover{color:#000}.customer-form-container{padding:10px 0;text-align:center}.customer-form-container h2{margin-bottom:20px;font-size:20px;font-weight:600;color:var(--primary-color);text-transform:uppercase;letter-spacing:.5px}.customer-form{display:grid;grid-template-columns:1fr;gap:16px 20px;padding:0 10px}.customer-form .MuiTextField-root{width:100%}.customer-form input[type=file]{grid-column:1 / -1;margin-top:10px;padding:8px 12px;font-size:14px;border:1px solid #ddd;border-radius:8px;background:#f5f5f5;cursor:pointer}.customer-form input[type=file]:hover{border-color:var(--primary-color)}.customer-form .MuiButton-root{grid-column:1;margin-top:20px;padding:12px 0;font-size:16px;font-weight:500;text-transform:none;border-radius:8px;background:var(--primary-color);color:#fff;transition:background .3s ease}.customer-form .MuiButton-root:hover{background:var(--success)}.modal-container .MuiBox-root::-webkit-scrollbar{display:none}.modal-container .MuiBox-root{-ms-overflow-style:none;scrollbar-width:none}@media (max-width: 1024px){.customer-data-table-container{padding:15px}.customer-table-title-box{flex-direction:column;align-items:flex-start;gap:10px}.table-title{font-size:18px}.search-container{flex-wrap:wrap;gap:10px}.search-select,.search-input{width:100%}.add-customer-btn{font-size:13px;padding:8px 12px}.customer-form-container h2{font-size:18px}}@media (max-width: 768px){.customer-data-table-container{padding:12px;border-radius:10px}.customer-table-title-box{flex-direction:column;align-items:flex-start;gap:12px}.table-title{font-size:17px;text-align:left}.add-customer-btn{width:100%;justify-content:center;font-size:13px;padding:10px}.search-container{flex-direction:column;align-items:stretch}.search-select,.search-input{width:100%;font-size:13px;padding:8px}.custom-customers-datagrid{font-size:13px}.preview-btn,.delete-btn{padding:6px 8px;font-size:12px}.modal-container .MuiBox-root{width:95%;padding:15px;border-radius:10px}.customer-form-container h2{font-size:17px}.customer-form{display:flex;flex-direction:column;gap:4px}.customer-form .MuiTextField-root,.customer-form input[type=file],.customer-form .MuiButton-root{width:100%!important}.customer-form .MuiButton-root{padding:10px 0;font-size:15px}.css-15ymsxx{width:100%!important}}@media (max-width: 480px){.customer-data-table-container{padding:10px;margin-top:15px}.table-title{font-size:16px}.add-customer-btn{padding:8px;font-size:12px}.search-container{gap:8px}.search-select,.search-input{font-size:12px;padding:8px 10px}.custom-customers-datagrid{font-size:12px}.preview-btn,.delete-btn{padding:5px 6px;font-size:11px}.modal-container .MuiBox-root{padding:12px;border-radius:8px}.customer-form-container h2{font-size:15px}.customer-form .MuiButton-root{font-size:14px;padding:8px 0}.css-15ymsxx{width:100%!important}}.renewal-page{padding:30px 0;font-family:Latha,Noto Sans Tamil,sans-serif;color:#222}.renewal-page .title{margin-bottom:20px}.heading-notice{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;padding:30px 0;border-bottom:1px solid #ccc;text-align:left}.content-space{width:100%;padding:30px 0;border-bottom:1px solid #ccc}.ti-main{font-size:20px;font-weight:600;margin-bottom:20px}.signature-box{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:30px 0 20px;border-bottom:1px solid #ccc}select{width:100%;padding:12px 16px;font-size:15px;font-weight:500;color:#333;background-color:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,#555 50%),linear-gradient(135deg,#555 50%,transparent 50%);background-position:calc(100% - 20px) calc(1em + 2px),calc(100% - 15px) calc(1em + 2px);background-size:5px 5px,5px 5px;background-repeat:no-repeat;transition:all .3s ease;cursor:pointer;margin-bottom:20px}select:hover{border-color:var(--primary-color);box-shadow:0 0 6px #1e3a8a33}select:focus{border-color:var(--primary-color);box-shadow:0 0 8px #1e3a8a4d;background-image:linear-gradient(45deg,transparent 50%,var(--primary-color) 50%),linear-gradient(135deg,var(--primary-color) 50%,transparent 50%)}select option{padding:12px;background-color:#fff;color:#333}@media (prefers-color-scheme: dark){select{background-color:#1f2937;color:#f3f4f6;border-color:#374151}select:hover,select:focus{border-color:var(--primary-color);box-shadow:0 0 6px #3b82f64d}}.letter-box{background:#fff;border:1px solid #ccc;padding:25px;line-height:1.8;border-radius:6px;box-shadow:0 2px 6px #00000014;margin-bottom:20px}.loan-table{width:100%;border-collapse:collapse;margin:15px 0}.loan-table th,.loan-table td{border:1px solid #ccc;padding:8px 12px;text-align:center;font-size:14px}.loan-table th{background:#f4f6f9;font-weight:600}.print-btn{background:#0d3b66;color:#fff;padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-size:15px}.print-btn:hover{background:#08407a}@media print{body *{visibility:hidden}#notice-box,#notice-box *{visibility:visible}#notice-box{position:absolute;left:0;top:0;width:100%}.print-btn,select{display:none!important}}@media (max-width: 992px){.renewal-page{padding:20px}.heading-notice,.signature-box{flex-direction:column;align-items:flex-start;text-align:left;gap:15px}.loan-table th,.loan-table td{font-size:13px;padding:6px 8px}.letter-box{padding:20px;font-size:15px}.ti-main{font-size:18px}select{font-size:14px;padding:10px 14px}.print-btn{font-size:14px;padding:8px 16px}}@media (max-width: 600px){.renewal-page{padding:15px 10px}.heading-notice,.signature-box{flex-direction:column;align-items:flex-start;gap:10px;padding:20px 0}.ti-main{font-size:16px;margin-bottom:10px}.letter-box{padding:15px;font-size:14px;line-height:1.6}.loan-table{display:block;overflow-x:auto;white-space:nowrap;border-radius:8px}.loan-table th,.loan-table td{padding:8px;font-size:13px}select{width:100%;padding:10px 12px;font-size:13px}.print-btn{width:100%;text-align:center;padding:12px;font-size:14px;border-radius:8px}}@media (max-width: 400px){.ti-main{font-size:15px}.letter-box{padding:12px;font-size:13px}.loan-table th,.loan-table td{font-size:12px;padding:6px}.print-btn{font-size:13px;padding:10px}}.calendar-wrapper{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 15px #00000014;margin-top:20px;width:100%}.fc .fc-toolbar{display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom:20px}.fc .fc-toolbar-title{font-size:1.4rem;font-weight:600;color:#2c3e50}.fc .fc-button{background:var(--primary-color);border:none;border-radius:6px;padding:6px 12px;color:#fff;font-size:.9rem;transition:background .3s ease}.fc .fc-button:hover{background:#357ab8}.fc .fc-daygrid-day-number{font-size:.9rem;font-weight:500;color:#333;padding:6px}.fc .fc-daygrid-day.fc-day-today{background:#eaf6ff;border:2px solid #4a90e2!important}.fc .fc-event{border:none;border-radius:8px;padding:4px 8px;font-size:.85rem;font-weight:500;transition:transform .2s ease,box-shadow .2s ease}.fc .fc-event:hover{transform:scale(1.05);box-shadow:0 3px 10px #00000026;cursor:pointer}.fc .fc-daygrid-day-frame{padding:6px}.customer-profile{max-width:1200px;width:100%;margin:30px auto;padding:20px;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;overflow-y:scroll}.customer-profile .header{display:flex;width:100%;justify-content:space-between;align-items:flex-end}.customer-profile .header-left{display:flex;align-items:center;gap:15px}.customer-profile .avatar{width:80px;height:80px;border-radius:10px;object-fit:cover}.customer-profile .name{margin:0;font-size:24px;font-family:var(--logo-font);font-weight:500}.customer-profile .id{margin:-1px 0 4px;color:var(--text);font-size:14px}.customer-profile .status{display:inline-block;padding:3px 10px;font-size:12px;border-radius:12px;font-weight:500}.customer-profile .status.active{background:#e8f5e9;color:green}.edit-btn{background-color:var(--primary-color);color:#fff}.add-loan-btn{background-color:var(--success);color:#fff}.customer-profile .header-right{display:flex;align-items:flex-end;gap:20px}.customer-profile .header-right button{padding:4px 12px;border:none;cursor:pointer;border-radius:6px;font-size:13px;font-weight:400;transition:all .3s ease;display:flex;align-items:center;gap:5px}.customer-profile .header-right button:hover{transform:translateY(-4px)}.profile-info-box{width:100%;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-top:30px;margin-bottom:30px}.customer-profile .card{background:#f6f9ff;border-radius:10px;padding:20px;margin-top:20px}.customer-profile .basic-info{width:70%;height:270px}.customer-profile .basic-info .info-bx h6{font-size:14px;font-weight:400;font-family:var(--logo-font);text-transform:capitalize;color:var(--text);margin-bottom:1px}.customer-profile .basic-info .info-bx p{font-size:14px;color:var(--primary-color);margin:0;font-weight:500}.customer-profile .basic-info .address p{width:200px;text-wrap:wrap;overflow:scroll}.customer-profile .loan-summary{width:30%;height:270px}.no-loans-base{display:none}.loan-summary h3{font-size:20px;font-weight:600;line-height:24px;color:var(--primary-color);margin-bottom:20px}.loan-summary .summary{width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}.loan-summary .summary .summary-box{width:100%;padding:10px 15px;background-color:#fff;border-radius:10px}.loan-summary .summary .summary-box h6{font-size:18px;font-weight:400;line-height:24px;color:var(--primary-color);margin-bottom:10px;font-family:var(--logo-font)}.loan-summary .summary .summary-box p{font-size:22px;color:var(--primary-color);font-weight:500;text-align:right;margin-top:25px}.customer-profile .info-grid{display:flex;justify-content:space-between;margin-top:20px}.info-grid-one{display:flex;flex-direction:column;align-items:flex-start;gap:30px}.loan-history h3{font-size:20px;font-weight:600;line-height:24px;color:var(--primary-color);margin-bottom:20px}@media (max-width: 1024px){.customer-profile{padding:15px;margin:20px auto}.customer-profile .header{flex-direction:column;align-items:flex-start;gap:10px}.customer-profile .header-left{flex-wrap:wrap}.customer-profile .avatar{width:70px;height:70px}.customer-profile .name{font-size:20px}.customer-profile .header-right{width:100%;justify-content:flex-start;gap:10px}.customer-profile .basic-info,.customer-profile .loan-summary{height:auto}}@media (max-width: 768px){.customer-profile{width:95%;padding:15px;border-radius:10px}.customer-profile .header{flex-direction:column;align-items:flex-start;gap:15px}.customer-profile .header-left{flex-direction:row;align-items:center;gap:10px}.customer-profile .name{font-size:18px}.customer-profile .id{font-size:13px}.customer-profile .header-right{flex-direction:row;width:100%}.customer-profile .header-right button{width:100%;justify-content:center;font-size:11px}.profile-info-box{flex-direction:column;gap:20px}.customer-profile .basic-info,.customer-profile .loan-summary{width:100%}.loan-summary h3,.loan-history h3{font-size:18px}.loan-summary .summary .summary-box h6{font-size:16px}.loan-summary .summary .summary-box p{font-size:20px}.customer-profile .basic-info .info-bx h6{font-size:13px}.customer-profile .basic-info .info-bx p{font-size:11px}.customer-profile .basic-info .address p{width:100%;overflow:visible;white-space:normal}.info-grid-one{width:100%}}@media (max-width: 480px){.customer-profile{margin:15px auto;padding:12px}.customer-profile .avatar{width:60px;height:60px}.customer-profile .name{font-size:16px}.customer-profile .header-right button{font-size:10px;padding:5px}.loan-summary .summary .summary-box{padding:8px 10px}.loan-summary .summary .summary-box h6{font-size:14px}.loan-summary .summary .summary-box p{font-size:18px}.loan-history h3{font-size:16px}}.loan-page{max-width:1200px;width:100%;margin:30px auto;padding:20px;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;overflow-y:scroll}.loan-page .header{display:flex;width:100%;justify-content:space-between;align-items:flex-end}.loan-page .header-left{display:flex;align-items:center;gap:16px}.loan-page .header-right button{padding:4px 12px;border:none;cursor:pointer;border-radius:6px;font-size:13px;font-weight:400;transition:all .3s ease;display:flex;align-items:center;gap:5px}.loan-page .loan-img{width:70px;height:70px;border-radius:50%;object-fit:cover}.loan-page .loan-title{margin:0;font-size:24px;font-family:var(--logo-font);font-weight:500;color:var(--primary-color)}.loan-page .sub-title{margin:-1px 0 4px;color:var(--text);font-size:14px}.loan-page .status{display:inline-block;padding:3px 10px;font-size:12px;border-radius:12px;font-weight:500}.loan-page .status.active{background:#d1fae5;color:#065f46}.loan-page .status.closed{background:#fee2e2;color:var(--error)}.loan-page .loan-info-box{display:flex;gap:30px;margin-bottom:30px;width:100%;justify-content:space-between}.loan-page .header .header-right{display:flex;justify-content:center;align-items:center;gap:30px}.loan-info-box .loan-details{width:40%;height:450px}.loan-info-box .Ornaments-image-box{width:30%;height:450px;background:#f6f9ff;border-radius:10px;padding:20px;margin-top:20px}.add-btn:disabled{cursor:not-allowed!important;opacity:.4!important}.loan-info-box .Ornaments-image-box img{width:100%;height:85%;object-fit:cover;border-radius:10px}.loan-info-box .Ornaments-image-box h3{margin-bottom:20px}.loan-info-box .loan-summary{width:30%;height:450px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:10px}.loan-page .card{background:#f6f9ff;border-radius:10px;padding:20px;margin-top:20px}.loan-page .card h3{font-size:20px;font-weight:600;line-height:24px;color:var(--primary-color)}.loan-page .info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;width:100%;margin-top:20px}.loan-page .info-bx h6{font-size:14px;font-weight:400;font-family:var(--logo-font);text-transform:capitalize;color:var(--text);margin-bottom:1px}.loan-page .info-bx p{font-size:14px;color:var(--primary-color);margin:0;font-weight:500}.loan-page .summary-box{width:100%;padding:10px 15px;background-color:#fff;border-radius:10px;height:200px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:10px}.loan-page .summary-box h6{font-size:20px;font-weight:400;line-height:24px;color:var(--primary-color);margin-bottom:10px;font-family:var(--logo-font)}.loan-page .summary-box p{font-size:30px;color:var(--primary-color);font-weight:500;text-align:right;width:100%;padding-bottom:30px}.loan-page .emi-history{margin-top:20px}.loan-page .emi-history h3{font-size:20px;font-weight:600;line-height:24px;color:var(--primary-color);margin-bottom:20px}.loan-page .emi-add-from{margin-bottom:20px;width:100%}.loan-page .emi-form{display:flex;flex-direction:row;align-items:center;gap:12px;flex-wrap:wrap;width:100%;justify-content:space-between}.loan-page .form-input-box{display:flex;flex-direction:row;gap:12px;width:65%}.loan-page .add-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:15px 16px;background:var(--primary-color);color:#fff;font-weight:500;font-size:16px;text-transform:uppercase;text-align:center;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;width:30%}.loan-page .add-btn:hover{background:var(--success)}.loan-page .MuiDataGrid-root{border:none!important;font-family:Inter,sans-serif!important;background:#fff;border-radius:12px;box-shadow:0 2px 6px #0000000d}.loan-page .MuiDataGrid-columnHeaders{background:#f1f5f9;font-weight:600;color:#0f172a}.loan-page .MuiDataGrid-cell{font-size:14px;color:#1e293b}.loan-page .MuiTablePagination-root{color:#475569}@media print{body *{visibility:hidden}#loan-page,#loan-page *{visibility:visible}#loan-page{position:absolute;left:0;top:0;width:100%}.edit-btn,.loan-summary,.emi-history{display:none!important}}@page{size:A4;margin:1mm}@media print{body{-webkit-print-color-adjust:exact;print-color-adjust:exact;font-size:11px}.pdf-print{page-break-after:always}}.pdf-print{width:100%;max-width:210mm;min-height:297mm;margin:auto;font-family:Arial,sans-serif;color:#333;display:flex;flex-direction:column;gap:5px;box-sizing:border-box;padding:5px}.print-front-side{page-break-after:always}.h-left{width:100%}.h-left h3{font-size:16px;color:#000;font-weight:600}.pdf-print .customer-info-box{display:flex;gap:15px;align-items:flex-start;margin-bottom:10px;margin-top:20px}.pdf-print h2{font-size:25px}.pdf-print .heading-notice p{font-size:14px}.pdf-print .cus-image-box img{width:150px;height:150px;object-fit:cover;object-position:top center;border:2px solid #ccc;border-radius:6px}.pdf-print .cus-basic-info-box table{width:100%;border-collapse:collapse;font-size:10px}.pdf-print .cus-basic-info-box th,.cus-basic-info-box td{border:1px solid #ccc;padding:4px 6px;text-align:left}.pdf-print .cus-loan-info-box{display:flex;justify-content:space-between;gap:10px;margin-top:10px}.important-note{width:100%;padding:5px 25px}.important-note h4{font-size:14px;font-weight:600;margin:10px 0}.important-note ol li{font-size:12px}.pdf-print .cus-loan-info-table{flex:1;overflow-x:auto}.pdf-print .cus-loan-info-table table{width:100%;border-collapse:collapse;font-size:8px;table-layout:fixed}.cus-loan-info-table th,.cus-loan-info-table td{border:1px solid #ccc;padding:4px 6px;word-wrap:break-word}.pdf-print .ornaments-image-box img{width:150px;height:150px;object-fit:cover;border:2px solid #ccc;border-radius:6px}.pdf-print .signature-box{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;flex-wrap:nowrap}.signature-box p{font-size:12px}.pdf-print .cutomer-acc-ment-part{margin-top:20px}.pdf-print .cutomer-acc-ment-part h4{font-size:14px;margin-bottom:8px;text-decoration:underline}.pdf-print .cutomer-acc-ment-part table{width:100%;border-collapse:collapse;font-size:10px;table-layout:fixed}.pdf-print .cutomer-acc-ment-part th,.cutomer-acc-ment-part td{border:1px solid #ccc;padding:4px 6px;word-wrap:break-word}.pdf-print .print-back-side{page-break-before:always;font-size:12px;line-height:1.5}.pdf-print .content-info-box{padding:10px}.pdf-print .content-info-box .title{font-size:16px;font-weight:700;margin-bottom:5px}.pdf-print .content-info-box .subtitle{font-size:13px;margin-bottom:10px}.pdf-print .content-info-box .section-title{font-size:14px;font-weight:700;margin-top:10px;margin-bottom:5px}.pdf-print .rules{padding-left:18px}.pdf-print .rules li{margin-bottom:5px;font-size:12px}.pdf-print h2,h3,h4{color:#222}.pdf-print p{margin:2px 0}.print-front-side .header-left{width:60%!important}.print-front-side .header-right{width:40%!important}.print-front-side .header-left p{font-size:13px!important}.pdf-print .main-info-box{width:100%!important;display:flex!important;justify-content:space-between!important;gap:10px!important;align-items:center;margin-bottom:10px}.pdf-print .loan-info-title-sp{margin-top:20px;font-size:10px!important;font-weight:400!important;margin-bottom:10px!important;text-decoration:underline}.pdf-print .cus-loan-info-box{border-bottom:1px solid #ccc;padding-bottom:10px}.print-back-side{padding-top:100px;width:100%!important;display:flex;flex-direction:column;justify-content:center;align-items:center}.voucher-btn{padding:6px 15px;border:none;border-radius:6px;cursor:pointer;font-size:10px;background:var(--primary-color);color:#fff}.monthly-payment-details-table{width:100%;border-collapse:collapse;font-size:10px;table-layout:fixed}.monthly-payment-details-table .head-table h2{background:#f1f5f9;font-weight:600;color:#0f172a;border:none!important;padding:4px 6px;text-align:left;font-size:12px}.monthly-payment-details-table .head-table{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;margin-top:20px}.print-back-side .signature-box h3{font-size:12px;margin-bottom:30px;font-weight:600;text-align:center;color:#222;text-decoration:underline}.sn-signature{justify-content:flex-end!important}.print-back-side .signature-box p{font-size:14px;margin-bottom:30px;font-weight:600;text-align:center;color:#222}@media (max-width: 1024px){.loan-page{padding:15px;margin:20px auto}.loan-page .loan-title{font-size:20px}.loan-page .loan-info-box{flex-direction:column;align-items:center}.loan-info-box .loan-details,.loan-info-box .Ornaments-image-box,.loan-info-box .loan-summary{width:100%;height:auto}.loan-page .info-grid{grid-template-columns:repeat(2,1fr);gap:20px}.loan-page .form-input-box,.loan-page .add-btn{width:100%}}@media (max-width: 600px){.loan-page{padding:10px;margin:10px auto;box-shadow:none;border-radius:8px}.loan-page .header{flex-direction:column;align-items:flex-start;gap:10px}.loan-page .header-left{flex-direction:column;align-items:flex-start;gap:8px}.loan-page .header .header-right{gap:10px}.loan-page .header-right button{font-size:10px;padding:5px}.loan-page .loan-img{width:60px;height:60px}.loan-page .loan-title{font-size:18px}.loan-page .sub-title{font-size:13px}.loan-page .loan-info-box{flex-direction:column;gap:20px}.loan-info-box .loan-details,.loan-info-box .Ornaments-image-box,.loan-info-box .loan-summary{width:100%;height:auto}.loan-page .info-grid{grid-template-columns:3fr;gap:15px}.loan-page .add-btn{width:100%;font-size:14px;padding:10px 12px}.loan-page .summary-box{height:auto;padding:12px}.loan-page .summary-box p{font-size:22px}.loan-page .emi-form{flex-direction:column;gap:10px}.loan-page .form-input-box{width:100%;flex-direction:column}.loan-page .MuiDataGrid-root{font-size:12px}.voucher-btn{font-size:10px;padding:5px 10px}}@media (max-width: 400px){.loan-page .loan-title{font-size:16px}.loan-page .info-grid{grid-template-columns:repeat(3,1fr)}.loan-page .add-btn{padding:8px 10px;font-size:13px}.loan-page .summary-box p{font-size:18px}}.login-container{display:flex;height:100vh;width:100%;overflow:hidden;background-color:#edf4ff}.login-left-section{width:70%;display:flex;align-items:center;justify-content:center;color:#fff;position:relative;animation:fadeIn 1s ease-in-out}.login-left-section img{width:100%}.login-right-section{width:30%;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 20px;box-shadow:-5px 0 20px #0000001a;animation:slideIn 1s ease}.login-heading{text-align:center;margin-bottom:25px;width:100%}.login-heading h2{color:var(--primary-color);margin:0;font-size:25px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;text-align:center;font-family:var(--logo-font)}.login-heading h4{font-size:40px;font-weight:600;color:var(--primary-color)}.login-heading p{color:var(--text);font-size:15px;font-weight:400;text-align:center}.login-form{display:flex;flex-direction:column;gap:15px;width:100%;padding:30px}.login-form h3{color:var(--primary-color);margin:0 0 20px;font-size:25px;font-weight:600;text-align:center;font-family:var(--logo-font)}.input-box{display:flex;align-items:center;border:1px solid #e5e7eb;border-radius:10px;padding:12px 15px;background:#f9fafb;transition:.3s;width:100%;margin-bottom:40px}.input-box svg{font-size:1.2rem;color:var(--primary-color);margin-right:10px}.input-box input{border:none;outline:none;flex:1;background:transparent;font-size:.95rem}.input-box:focus-within{border-color:var(--primary-color);background:#fff;box-shadow:0 0 10px #1e3a8a26}.login-btn{margin-top:20px}.login-btn button{width:100%;background:var(--primary-color);color:#fff;padding:12px;font-size:1rem;font-weight:600;border:none;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:.3s}.login-btn button:hover{background:#152c74;transform:translateY(-2px);box-shadow:0 6px 15px #1e3a8a4d}@keyframes fadeIn{0%{opacity:0;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes slideIn{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@media (max-width: 900px){.login-container{flex-direction:column}.login-left-section{flex:1;height:40vh}.login-right-section{flex:1;height:60vh;padding:30px}}@media (max-width: 1024px){.login-left-section{width:60%}.login-right-section{width:40%;padding:40px 25px}.login-heading h4{font-size:32px}.login-form{padding:20px}}@media (max-width: 768px){.login-container{flex-direction:column;height:auto}.login-left-section{width:100%;height:40vh}.login-right-section{width:100%;height:auto;padding:30px 20px;box-shadow:none}.login-heading h4{font-size:28px}.login-form h3{font-size:22px}.input-box{margin-bottom:25px}}@media (max-width: 480px){.login-left-section{height:30vh}.login-right-section{padding:20px 15px}.login-heading h4{font-size:24px}.login-heading h2{font-size:18px}.login-form h3{font-size:20px}.input-box{padding:10px 12px;margin-bottom:20px}.input-box svg{font-size:1rem}.input-box input{font-size:.9rem}.login-btn button{padding:10px;font-size:.95rem}}@media (max-width: 360px){.login-form{padding:15px}.login-heading h4{font-size:20px}.login-btn button{font-size:.85rem;padding:8px}}