*{box-sizing:border-box}.savings-container{width:100%;max-width:900px;margin:30px auto;padding:20px;margin-top:20%!important}@media(max-width:768px){.savings-container{width:100%;height:100%!important;margin:auto;padding:20px;margin-top:0%!important}}.savings-card{background-image:url(../assets/images/Backg\ 2.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:12px;overflow:hidden;padding:20px 60px!important}@media(max-width:768px){.savings-card{background-image:url(../assets/images/Backg\ 2.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:8px;overflow:hidden;padding:20px!important;margin-top:40vh!important;width:100%!important}}.savings-header{color:#fff;padding:18px 25px;border-radius:10px!important;width:50%!important;margin:10px auto auto!important}@media(max-width:768px){.savings-header{color:#fff;padding:18px 25px;border-radius:10px!important;width:100%!important;margin:10px auto auto!important}}.savings-header h2{margin:0;font-size:24px;font-weight:600;color:#00f!important}.search-section{padding:25px;display:flex;flex-direction:column;border:none!important;background:#70aa8f27!important;padding:20px!important;border-radius:10px!important;margin-bottom:40px!important}select{padding:10px!important;border:navajowhite!important;outline:none!important;margin-left:10px!important;background:transparent!important}.member-details{padding:20px;border-radius:10px;background:#000!important;margin-top:20px!important;width:100%!important;height:200px!important;color:#fff!important}.member-details p{color:#fff!important;margin:8px!important}.member-details h3{margin-top:0;margin-bottom:15px;color:orange!important}.search-section label,.form-group label{font-weight:600;color:#000!important}.search-section input{width:100%;padding:20px;border:1px solid rgb(162,162,202)!important;border-radius:10px!important;outline:none;font-size:15px;transition:.3s}.form-group textarea{width:100%;padding:15px!important;border:1px solid rgb(109,169,184)!important;border-radius:10px;outline:none;font-size:15px;transition:.3s;background:#c7dad127!important}input::placeholder,textarea::placeholder{color:#000!important}.search-section input:focus,.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border:none!important;background:#ffffff42!important}.search-section button,.save-btn{background:#198754;color:#fff;border:none;border-radius:8px;padding:12px;font-size:16px;font-weight:600;cursor:pointer;transition:.3s}.search-section button:hover,.save-btn:hover{background:#157347}.search-section button:disabled,.save-btn:disabled{opacity:.6;cursor:not-allowed}#nin{margin-top:20px!important}.savings-form{padding:0 25px 25px}.form-group{margin-bottom:20px}.form-group textarea{resize:vertical;min-height:120px;margin-top:10px!important}.receipt-overlay{background:#fff;width:100%!important;height:100%!important;position:fixed;z-index:48000;padding:20px;text-align:left!important}.receipt-modal{width:300px!important;margin:auto!important}.receipt-header{align-items:center;padding:10px;flex-wrap:wrap;margin:auto;border-radius:10px;color:green;margin-top:15vh}.receipt-header h1{font-size:20px;text-align:center;margin:auto;text-align:left!important}.receipt-header h2{font-size:17px;margin:auto;margin-top:-5px!important}.receipt-overlay button{width:10vw;margin:0}@media(max-width:768px){.receipt-overlay button{width:10vw;margin:10px}}.receipt-modal span,strong{font-size:12px!important}.receipt-remarks{display:flex!important;align-items:center;gap:10px}.arise-user-menu-button{font-size:30px!important}.accountmgr-sidebar-wrapper{position:fixed;top:30%;left:0;z-index:9999;background:none!important;width:15%!important}.accountmgr-sidebar{width:100%!important;padding:10px;text-align:left;height:100vh;transition:transform .3s ease}.accountmgr-sidebar-link{color:#fff!important;display:flex;align-items:center;gap:12px;text-decoration:none;padding:10px;border-radius:10px;font-weight:700;font-size:20px;transition:color .3s ease}.accountmgr-sidebar-link:hover{color:orange!important}.accountmgr-sidebar-item{margin-bottom:8px}.accountmgr-logout-button{display:flex;align-items:center;gap:12px;width:100%;padding:10px;border:none;background:transparent!important;color:#fff!important;cursor:pointer;font-size:20px;font-weight:700;text-align:left;border-radius:10px}.accountmgr-logout-button:hover{color:orange!important;background:none!important}@media(max-width:768px){.accountmgr-sidebar{width:80%;transform:translate(-100%);top:8%;display:none!important}.accountmgr-sidebar.accountmgr-sidebar-active{transform:translate(0)}.accountmgr-sidebar-link,.accountmgr-logout-button{font-size:18px}#accountmgr-hamburger-container{display:block;position:fixed;top:15px;left:15px;font-size:28px;color:#fff;cursor:pointer;z-index:10000;background:#00f!important}.accountmgr-sidebar-overlay{display:block;position:fixed;inset:0;background:#0006;z-index:9998}.accountmgr-sidebar-overlay.accountmgr-active{display:block}}.mobile-sidebar{position:fixed;top:15%!important;left:-1000px;width:100%!important;height:100vh;background:#06080f!important;padding-top:70px;transition:.3s ease;z-index:20000;overflow-y:auto}.mobile-sidebar-open{left:0}.mobile-sidebar p{margin:0}.mobile-sidebar a{display:flex;align-items:center;gap:12px;width:100%;padding:15px 22px;text-decoration:none;color:#fff;border:none;background:transparent;cursor:pointer;font-size:25px!important;font-weight:700!important;transition:.25s;box-sizing:border-box;margin-left:0!important}.mobile-sidebar-logout{display:flex;align-items:center!important;width:100%;padding:15px;text-decoration:none;color:#fff;border:none;background:transparent!important;cursor:pointer;font-size:25px!important;font-weight:700!important;box-sizing:border-box;margin-top:-5px!important;margin-left:10px!important}.mobile-sidebar a:hover,.mobile-sidebar-logout:hover{background:transparent!important;color:orange!important}.mobile-sidebar svg{width:18px}.mobile-sidebar-toggle{position:fixed;top:80px!important;left:0!important;width:45px;height:45px;border:none;border-radius:6px;background:transparent!important;color:#fff;font-size:40px!important;cursor:pointer;display:none;align-items:center;justify-content:center;z-index:21000}@media(max-width:768px){.mobile-sidebar-toggle{position:fixed;top:7%!important;left:0!important;width:45px;height:45px;border:none;border-radius:6px;background:none!important;color:#fff;font-size:35px!important;cursor:pointer;display:block;align-items:center;justify-content:center;z-index:21000}}.mobile-sidebar-toggle:hover{background:none!important;color:orange!important}.mobile-sidebar-overlay{position:fixed;inset:0;background:#00000073;z-index:1999}.specialbar-toggle-btn{top:45px!important;font-size:30px!important;display:none!important}@media(max-width:768px){.specialbar-toggle-btn{top:45px!important;font-size:30px!important;display:block!important}}.specialbar-toggle-btn:hover{color:orange!important}@media(max-width:768px){.mobile-sidebar-toggle{display:flex}}@media(min-width:769px){.mobile-sidebar,.mobile-sidebar-toggle,.mobile-sidebar-overlay{display:none}}.loan-app-container{width:100%;display:flex;justify-content:center;align-items:flex-start;padding:20px}.loan-app-card{width:40%!important;background-image:url(../assets/images/Backg\ 2.jpg);border-radius:15px;padding:35px;box-shadow:0 10px 25px #0000001f;margin-top:17%!important}@media(max-width:768px){.loan-app-card{width:100%!important;background-image:url(../assets/images/Backg\ 2.jpg);border-radius:15px;padding:40px!important;box-shadow:0 10px 25px #0000001f;margin-top:75%!important}}.loan-app-textarea{width:100%;height:60px!important;border:1px solid #d1d5db;border-radius:10px;padding:10px;font-size:15px;outline:none;transition:.3s;background:none!important;text-align:center!important}.loan-app-header{text-align:center;margin-bottom:25px}.loan-app-title{font-size:30px;font-weight:700;color:#1e293b;margin-bottom:8px}.loan-app-subtitle{color:#64748b;font-size:15px}.loan-app-info-box{background:#eef5ff;padding:10px!important;border-radius:8px;margin-bottom:20px!important;color:#334155;font-size:15px;line-height:1.7}.loan-app-form{display:flex;flex-direction:column;gap:22px}.loan-app-group{display:flex;flex-direction:column}.loan-app-label{font-size:15px;font-weight:600;color:#334155;margin-bottom:8px}.loan-app-input{width:100%;border:1px solid #d1d5db;font-size:15px;outline:none!important;background:#fff;text-align:center!important}.loan-app-button{width:100%;padding:15px;border:none;border-radius:10px;background:#2563eb;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:.3s;margin-top:-10px!important}.loan-app-button:hover:not(:disabled){background:#1d4ed8}.loan-app-button:disabled{background:#94a3b8;cursor:not-allowed}.loan-app-success-icon{font-size:70px;text-align:center;margin-bottom:20px}.loan-app-success-message{text-align:center;color:#555;font-size:17px;margin:20px 0}.loan-app-status-box{background:#fff8e5;border:1px solid #f2c94c;color:#8a6d3b;padding:18px;border-radius:10px;text-align:center;font-size:18px;font-weight:600;margin:25px 0}@media(max-width:768px){.loan-app-container{padding:20px;width:100%!important}.loan-app-card{padding:25px}.loan-app-title{font-size:24px}.loan-app-subtitle,.loan-app-info-box,.loan-app-input,.loan-app-textarea{font-size:14px}.loan-app-button{font-size:15px}.loan-app-status-box{font-size:16px}.loan-app-success-icon{font-size:55px}}.specialbar-toggle-btn{display:none;position:fixed;top:14px;left:-40%!important;z-index:50000;background:none;border:none;color:#fff;font-size:25px;cursor:pointer;padding:10px;background:none!important}.specialbar-toggle-btn:hover{color:orange}.specialbar-toggle-btn:hover{background:none!important;color:#609960}.specialbar-panel{position:fixed;top:20px!important;left:-100%;width:100%!important;height:100vh;background:#85a8c9;padding-top:80px;transition:left .3s ease;z-index:45000}.specialbar-panel.specialbar-open{left:0}.specialbar-link{display:flex;align-items:center;width:100%;padding:16px 22px;color:#fff;text-decoration:none;font-size:20px;font-weight:600;background:transparent;border:none;cursor:pointer;text-align:left;transition:color .3s}.specialbar-link:hover{color:orange!important}.specialbar-link svg{font-size:18px}.specialbar-logout-btn{background:transparent!important;border:none;margin-top:-5px!important}.specialbar-logout-btn:hover{background:transparent!important;color:orange!important}@media(max-width:768px){.specialbar-toggle-btn{display:block}.specialbar-panel{width:220px;background:#06080f}}.loan-review-container{width:100%;padding:30px;background:none!important;min-height:100vh;margin-top:13%!important}@media(max-width:768px){.loan-review-container{width:100%;padding:30px;background:#f5f7fb;min-height:100vh;margin-top:65%!important}}.loan-review-header{margin-bottom:25px}.loan-review-header h2{font-size:30px;color:#fff!important;margin-bottom:8px}@media(max-width:768px){.loan-review-header h2{font-size:30px;color:#bc2ff0!important;padding:10px!important;border-radius:10px!important;width:70%!important;justify-content:center!important;margin:15% auto auto!important;border:1px solid #361a41!important}}.loan-review-header p{color:#64748b;font-size:15px}.loan-review-table-wrapper{background:#fff;border-radius:12px;overflow-x:auto;box-shadow:0 8px 20px #00000014;width:80%!important;margin:auto!important;padding:20px!important;background-image:url(../assets/images/Backg\ 2.jpg)}@media(max-width:768px){.loan-review-table-wrapper{background:#fff;border-radius:0%!important;overflow-x:auto;box-shadow:0 8px 20px #00000014;width:100%!important;margin:10% auto auto!important;padding:20px!important;background-image:url(../assets/images/Backg\ 2.jpg)}}.loan-review-table{width:100%;border-collapse:collapse;min-width:1000px}@media(max-width:768px){.loan-review-table{width:100%;border-collapse:collapse;min-width:1000px}}.loan-review-table thead{background:#2563eb;color:#fff}.loan-review-table th{padding:16px;text-align:center!important;font-size:15px;font-weight:600}.loan-review-table td{padding:16px;border-bottom:1px solid #ececec;font-size:14px;color:#444}.loan-review-table tbody tr:hover{background:#f9fafb}.loan-status{display:inline-block;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600}.loan-status.pending{background:#fff3cd;color:#856404}.loan-status.approved{background:#d4edda;color:#155724}.loan-status.rejected{background:#f8d7da;color:#721c24}.loan-status.disbursed{background:#d1ecf1;color:#0c5460}.approve-btn,.reject-btn,.disburse-btn{border:none;border-radius:6px;padding:8px 14px;color:#fff;cursor:pointer;font-size:13px;margin:2px;transition:.3s}.approve-btn{background:#16a34a}.approve-btn:hover{background:#15803d}.reject-btn{background:#dc2626}.reject-btn:hover{background:#b91c1c}.disburse-btn{background:#2563eb}.disburse-btn:hover{background:#1d4ed8}.loan-review-empty{text-align:center;padding:35px;color:#888;font-size:16px}.loan-review-loading{text-align:center;margin-top:60px;color:#2563eb;font-size:22px}@media(max-width:768px){.loan-review-container{padding:15px}.loan-review-header h2{font-size:24px}.loan-review-header p{font-size:14px}.loan-review-table th,.loan-review-table td{padding:12px;font-size:13px}.approve-btn,.reject-btn,.disburse-btn{width:100%;margin-bottom:6px}}.analytics-container{padding:20px 60px!important;background-image:url(../assets/images/Backg\ 2.jpg);min-height:100vh;font-family:Arial,Helvetica,sans-serif;margin-top:15%!important;width:75%!important;border-radius:10px!important;margin-left:9%!important}@media(max-width:768px){.analytics-container{padding:20px!important;background-image:url(../assets/images/Backg\ 2.jpg);font-family:Arial,Helvetica,sans-serif;top:21%!important;width:100%!important;border-radius:10px!important;position:absolute!important;margin-left:0%!important}}.analytics-title{color:orange!important;margin-bottom:25px;font-size:28px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;border-radius:0!important;width:100%!important;background:#171d22;text-align:center!important;margin:auto!important}@media(max-width:768px){.analytics-title{color:orange!important;margin-bottom:25px;font-size:15px;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;padding:10px 20px;border-radius:10px!important;width:100%!important;background:#171d22;text-align:center!important;margin:20px auto auto!important}}.filter-bar{display:block!important;flex-wrap:wrap;align-items:flex-end;gap:20px!important;background:#e9f0f5;padding:20px;border-radius:10px;margin:auto!important;justify-content:center!important}.filter-group{display:flex;flex-direction:column;background:#d2e0dc;padding:20px!important;box-shadow:0 0 5px #00000014;border:1px solid white!important;border-radius:10px!important}.filter-group label{margin-bottom:6px;font-size:14px;color:#00f!important;font-weight:600}.filter-group input{width:250px!important;padding:15px 20px;border:1px solid green!important;border-radius:10px!important;font-size:14px;outline:none;transition:.3s}.filter-group input:focus{border-color:#0d6efd;box-shadow:0 0 0 3px #0d6efd26}.search-btn{width:100%!important;margin-top:-10px!important;padding:10px 24px;border:none;background:#0d6efd;color:#fff;font-size:15px;font-weight:600;border-radius:6px;cursor:pointer;transition:.3s}.search-btn:hover{background:#0b5ed7}.stats-grid{background:#e9f0f5!important;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:10px!important;padding:20px!important}.stat-card{background:#dff0eb;border-radius:10px;padding:25px;box-shadow:0 0 5px #00000014;transition:.3s;border:1px solid white!important}.stat-card:hover{transform:translateY(-4px)}.stat-card h4{color:#000!important;margin-bottom:10px;font-size:15px;font-weight:600}.stat-card h2{color:#0d6efd;font-size:30px;font-weight:700}.table-card{background:#e9f0f5!important;border-radius:10px;padding:20px;box-shadow:0 2px 8px #00000014;margin-top:10px!important}.table-card h3{margin-bottom:20px;color:green!important;padding:15px!important;border:1px solid white;box-shadow:0 0 5px #00000014}.table-wrapper{overflow-x:auto}table{width:100%;border-collapse:collapse}thead{background:#06080c;color:#fff}thead th{padding:14px;text-align:center!important;font-size:14px}tbody td{padding:14px;border-bottom:1px solid #e5e7eb;font-size:14px;color:#000;font-weight:700!important}tbody tr:hover{background:#f8fbff}.status{display:inline-block;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600}.active{background:#d1fae5;color:#047857}.pending{background:#fff3cd;color:#856404}.rejected{background:#f8d7da;color:#842029}.error{background:#f8d7da;color:#842029;padding:12px;border-radius:6px;margin-bottom:20px}.loading{color:#0d6efd;font-weight:700;margin-bottom:20px}.empty-row{text-align:center;color:#6b7280;padding:20px}@media(max-width:992px){.filter-bar{flex-direction:column;align-items:stretch}.filter-group input,.search-btn{width:100%}}@media(max-width:768px){.analytics-container{padding:15px}.analytics-title{font-size:22px}.stat-card h2{font-size:24px}table{min-width:750px}}.arise-user-sidebar{position:fixed;top:30%;left:0;z-index:9999;width:15%!important;height:100vh;padding:10px;box-sizing:border-box;background:#06080f!important;text-align:left}@media(max-width:768px){.arise-user-sidebar{top:8%!important;left:0!important;width:100%!important;height:92vh;transform:translate(-110%);z-index:30600!important}}.arise-user-sidebar.arise-user-sidebar-open{transform:translate(0)}.arise-user-sidebar.arise-user-sidebar-closed{transform:translate(-110%)}.arise-user-sidebar p{margin-bottom:8px}.arise-user-navigation-link{color:#fff!important;display:flex;align-items:center;gap:12px;width:100%;text-decoration:none;padding:10px;box-sizing:border-box;border-radius:10px;font-family:inherit;font-weight:700;font-size:20px;text-align:left;cursor:pointer;transition:color .3s ease;background:transparent!important}.arise-user-navigation-link:hover{color:orange!important}.arise-user-navigation-link svg{width:20px;min-width:20px}.arise-user-logout-button{display:flex;align-items:center;gap:12px;width:100%;margin-top:10px;padding:10px;border:none;background:transparent!important;color:#fff!important;cursor:pointer;font-family:inherit;font-size:20px;font-weight:700;text-align:left;border-radius:10px}.arise-user-logout-button:hover{color:orange!important;background:none!important}.arise-user-menu-button{position:fixed;top:20px;left:calc(15% + 15px);width:45px;height:45px;z-index:10600!important;display:flex;align-items:center;justify-content:center;border:none;border-radius:8px;background:none!important;color:#fff!important;font-size:20px;cursor:pointer}.arise-user-menu-button:hover{color:orange!important;background:none!important}.arise-user-menu-button.arise-user-menu-button-open{left:calc(15% + 15px)}.arise-user-menu-button.arise-user-menu-button-closed{left:15px}.arise-user-menu-overlay{position:fixed;inset:0;z-index:9998;background:#0006;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility .3s ease}.arise-user-menu-overlay.arise-user-menu-overlay-visible{opacity:1;visibility:visible;pointer-events:auto}@media(max-width:768px){.arise-user-sidebar.arise-user-sidebar-open{transform:translate(0)}.arise-user-sidebar.arise-user-sidebar-closed{transform:translate(-110%)}.arise-user-navigation-link,.arise-user-logout-button{font-size:18px}.arise-user-menu-button{position:fixed!important;top:8%!important;left:4px!important;right:auto!important;width:45px!important;height:45px!important;z-index:100000!important;display:flex!important;align-items:center!important;justify-content:center!important;visibility:visible!important;opacity:1!important;background:none!important;color:#fff!important;border:none!important;border-radius:8px!important;cursor:pointer!important;font-size:26px!important}.arise-user-menu-button.arise-user-menu-button-open{left:calc(80% + 15px)!important;max-width:300px}.arise-user-menu-overlay{display:block}}@media(min-width:769px){.arise-user-sidebar{transform:translate(0)!important}.arise-user-menu-button{display:flex!important}.arise-user-menu-overlay{display:none!important}}.loan-tracker{width:100%;max-width:1000px;margin:0 auto;padding:30px 20px;box-sizing:border-box}@media(max-width:768px){.loan-tracker{width:100%;max-width:1000px;margin:0 auto;padding:30px 20px;box-sizing:border-box;margin-top:46%!important}}.tracker-title{margin:0 0 25px;font-size:28px;font-weight:700}.loan-state-message{text-align:center;margin-top:20px}.loan-card{width:100%;background:#fff;border-radius:12px;padding:25px;box-sizing:border-box;box-shadow:0 4px 15px #00000014}.loan-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:14px 0;border-bottom:1px solid #eeeeee}.loan-row:last-of-type{border-bottom:none}.loan-row span{color:#555;font-size:15px}.loan-row strong{color:#222;font-size:15px;text-align:right}.status{text-transform:capitalize}.status.approved{color:#2e8b57}.status.active{color:#2563eb}.status.pending{color:#d97706}.status.rejected{color:#dc2626}.status.completed{color:#2e8b57}.status.default{color:#dc2626}.progress-container{width:100%;height:12px;margin-top:25px;overflow:hidden;background:#e5e7eb;border-radius:10px}.progress-bar{display:block;width:100%;height:12px;border:none;border-radius:10px;overflow:hidden;appearance:none;-webkit-appearance:none;background:#2563eb;transition:width .3s ease}.progress-text{margin:10px 0 25px;text-align:center;font-size:14px;font-weight:600;color:#555}.chart-container{width:100%;margin-top:30px;min-width:0}.chart-container h3{margin:0 0 20px;font-size:20px;font-weight:700}.chart-scroll-container{width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;box-sizing:border-box;padding-bottom:10px}.chart-inner{width:100%;min-width:900px;height:350px;position:relative}.chart-legend{display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:20px}.legend-item{display:flex;align-items:center;gap:6px}.legend-color{width:12px;height:12px;border-radius:3px;display:inline-block}.legend-paid{background-color:#2e8b57}.legend-not-paid{background-color:#dc2626}.legend-future{background-color:#2563eb}.chart-message{text-align:center;margin-top:15px}.loan-tooltip{background:#fff;border:1px solid #dddddd;border-radius:8px;padding:10px 14px;box-shadow:0 3px 10px #0000001f}.loan-tooltip p{margin:4px 0}.loan-tooltip .tooltip-month{margin:0 0 6px;font-weight:600}@media(max-width:768px){.loan-tracker{padding:20px 15px}.tracker-title{font-size:24px}.loan-card{padding:18px}.loan-row{align-items:flex-start;gap:10px}.loan-row span,.loan-row strong{font-size:14px}.chart-scroll-container{width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:auto}.chart-inner{width:900px;min-width:900px;height:350px}}@media(max-width:480px){.loan-tracker{padding:15px 10px}.tracker-title{font-size:22px}.loan-card{padding:15px;border-radius:8px}.loan-row{flex-direction:column;align-items:flex-start}.loan-row strong{text-align:left}.chart-legend{gap:12px}.chart-scroll-container{width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.chart-inner{width:900px;min-width:900px;height:350px}}.savings-tracker{width:100%;max-width:1000px;margin:20px auto;margin-top:15%!important}@media(max-width:768px){.savings-tracker{width:100%;max-width:1000px;margin:auto;margin-top:0%!important}}.savings-card{background:#fff;border-radius:10px;padding:25px;box-shadow:0 2px 10px #0000001a}.savings-row{display:flex;justify-content:space-between;margin:12px 0;background:#dae7e0!important;padding:10px!important;border-radius:10px!important;box-shadow:0 0 5px #3b3a3a;border:1px solid white!important}.status.active{color:green;font-weight:700}.progress-container{margin-top:25px;background:#ddd;height:12px;border-radius:20px;overflow:hidden}.progress-bar{height:100%;background:#1e88e5}.progress-text{text-align:right;font-weight:700;margin-top:8px}.chart-container{margin-top:40px}.loan-tracker-container{background-image:url(../assets/images/Backg\ 2.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:8px;overflow:hidden;padding:30px!important;margin-top:22%!important;width:50%!important}@media(max-width:768px){.loan-tracker-container{background-image:url(../assets/images/Backg\ 2.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:8px;overflow:hidden;padding:30px!important;margin-top:90%!important;width:100%!important}}.loan-tracker-container h2{margin-bottom:25px;text-align:center;color:#1e3a8a;font-size:28px}.loan-search-form{display:block!important;gap:15px;margin-bottom:25px}.loan-search-form input{width:100%;padding:20px;border:1px solid rgb(162,162,202)!important;border-radius:10px!important;outline:none;font-size:15px;transition:.3s}.loan-search-form input:focus{border-color:#1e3a8a;box-shadow:0 0 5px #1e3a8a33}.loan-search-form button{padding:14px 28px;border:none;border-radius:8px;background:#1e3a8a;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:.3s}.loan-search-form button:hover{background:#16306f}.tracker-message{margin-bottom:20px;text-align:center;color:#dc143c;font-weight:600}.loan-card{margin-top:25px;border-radius:10px;overflow:hidden;border:1px solid #e4e4e4;background:#fafafa;margin:auto!important}.loan-card h3{background:#1e3a8a;color:#fff;padding:15px;margin:0;text-align:center}.loan-card table{width:100%;border-collapse:collapse}.loan-card th,.loan-card td{padding:20px!important;border-bottom:1px solid #ececec;text-align:left;background:#eae6e6!important}.loan-card th{width:35%;background:#f5f7fb;color:#444;font-weight:600}.loan-card td{color:#222}.loan-card tr:last-child th,.loan-card tr:last-child td{border-bottom:none}.status-approved{color:#16a34a;font-weight:700}.status-pending{color:#f59e0b;font-weight:700}.status-rejected{color:#dc2626;font-weight:700}.status-paid{color:#2563eb;font-weight:700}@media(max-width:768px){.loan-tracker-container{margin:20px;padding:18px}.loan-search-form{flex-direction:column}.loan-search-form button{width:100%}.loan-card table,.loan-card tbody,.loan-card tr,.loan-card th,.loan-card td{display:block;width:100%}.loan-card tr{margin-bottom:15px;border-bottom:1px solid #ddd}.loan-card th{background:#f5f7fb;border-bottom:none;padding-bottom:5px}.loan-card td{padding-top:5px}}#forgot-password-container{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;padding:24px;background-image:url(../assets/images/Backg\ 2.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}#forgot-password-card{width:600px;padding:45px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background:#00000069;border:1px solid rgba(156,139,139,.32);border-radius:10px;text-align:center;margin-top:15%!important}@media(max-width:768px){#forgot-password-card{width:600px!important;height:500px!important;padding:50px!important;background:transparent!important;border:none!important;border-radius:10px;margin-top:70%!important;text-align:center}}.forgot-password-icon{width:70px;height:70px;margin:auto;margin-top:0%!important;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#000!important;border:1px solid rgba(9,21,18,.874);font-size:30px;color:#fff!important}.forgot-password-form{width:100%;display:flex;flex-direction:column;gap:18px}.forgot-password-input{width:100%;height:54px;padding:16px;border:1px solid #000000!important;border-radius:10px;outline:none;background:#e0f7fa;color:#fff!important;font-size:16px;font-weight:500;text-align:left;margin-top:30px!important}@media(max-width:768px){.forgot-password-input{width:100%;height:54px;padding:16px;border:1px solid #000000!important;border-radius:10px;outline:none;background:#e0f7fa;color:#000;font-size:16px;font-weight:500;text-align:left;margin-top:30px!important}}.forgot-password-input::placeholder{color:#64748b;font-weight:400}.forgot-password-input:focus{border-color:#00c896;box-shadow:0 0 0 3px #00c89633}.forgot-password-input:disabled{opacity:.6;cursor:not-allowed}.forgot-password-button{width:100%;height:54px;padding:0 18px;border:none;border-radius:10px;background:linear-gradient(135deg,#00c896,#00a87b);color:#fff;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,box-shadow .2s ease,opacity .2s ease}.forgot-password-button:hover{background:linear-gradient(135deg,#00d6a2,#00b889);box-shadow:0 8px 20px #00c89640}.forgot-password-button:active{transform:none}.forgot-password-button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.forgot-password-loading{display:inline-flex;align-items:center;justify-content:center;gap:9px}.forgot-password-spinner{width:17px;height:17px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:forgotPasswordSpinner .7s linear infinite}.forgot-password-message{width:100%;margin-bottom:20px;padding:13px 15px;border-radius:9px;font-size:14px;line-height:1.5;text-align:left;animation:forgotPasswordMessageIn .25s ease}.forgot-password-success{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.forgot-password-error{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.forgot-password-back{display:inline-flex;align-items:center;justify-content:center;gap:5px;margin-top:22px;color:#000!important;font-size:14px;font-weight:600;text-decoration:none;transition:color .2s ease}.forgot-password-back:hover{color:#00c896;text-decoration:underline}@keyframes forgotPasswordMessageIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes forgotPasswordSpinner{to{transform:rotate(360deg)}}@media(max-width:768px){#forgot-password-container{padding:20px}#forgot-password-card{width:100%;max-width:600px;min-height:450px;padding:45px 35px}}@media(max-width:480px){#forgot-password-container{padding:15px}#forgot-password-card{width:100%;min-height:430px;padding:35px 22px;border-radius:12px}.forgot-password-icon{width:60px;height:60px;margin-bottom:22px;font-size:26px}.forgot-password-input,.forgot-password-button{height:52px;font-size:15px}.forgot-password-back{font-size:13px}}@media(max-width:360px){#forgot-password-card{padding:30px 18px}.forgot-password-icon{width:55px;height:55px;font-size:24px}.forgot-password-input,.forgot-password-button{height:50px;font-size:14px}}.password-auth-page{height:100%!important;width:100%;display:flex;align-items:center;justify-content:center;padding:24px;background-image:url(../assets/images/Backg\ 2.jpg);font-family:Arial,Helvetica,sans-serif}.password-auth-card{width:600px!important;height:450px!important;padding:45px;background:transparent!important;border:1px solid rgba(156,139,139,.32);border-radius:10px;margin-top:15%!important;text-align:center;background:#000000bc!important}@media(max-width:768px){.password-auth-card{width:600px!important;height:500px!important;padding:50px!important;background:transparent!important;border:none!important;border-radius:10px;margin-top:70%!important;text-align:center}}.password-auth-icon{width:70px;height:70px;margin:auto;margin-top:0%!important;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#000!important;border:1px solid rgba(9,21,18,.874);font-size:30px;color:#fff!important}.password-auth-form{width:100%;display:flex;flex-direction:column;gap:.5rem!important}.password-auth-input-group{width:100%;position:relative;margin-top:30px}.password-auth-input-group .password-auth-input{width:100%;height:54px;padding:10px 52px 10px 10px;margin-top:0!important;border:1px solid white!important;border-radius:10px!important;outline:none;background:#e0f7fa;color:#000!important;font-size:16px;color:#fff!important}@media(max-width:768px){.password-auth-input-group .password-auth-input{width:100%;height:54px;padding:10px 52px 10px 10px;margin-top:0!important;border:1px solid black!important;border-radius:10px!important;outline:none;background:#e0f7fa;color:#000!important;font-size:16px}}.password-toggle{position:absolute;top:50%;right:10px;transform:translateY(-50%)!important;width:38px;height:38px;margin:0!important;padding:0!important;display:flex;align-items:center;justify-content:center;border:none!important;border-radius:8px;background:#00f!important;color:#14211e!important;font-size:18px;cursor:pointer;line-height:1;transition:color .2s ease,background-color .2s ease}.password-toggle:hover{transform:translateY(-50%)!important;color:#00c896!important;background:#00c89614!important}.password-toggle:active{transform:translateY(-50%)!important}.password-toggle:focus{outline:none;transform:translateY(-50%)!important}.password-auth-button{width:100%;height:54px;margin-top:0!important;border:none;border-radius:10px;background:linear-gradient(135deg,#00c896,#00a87b);color:#fff;font-size:16px;font-weight:700;cursor:pointer}.password-auth-button:hover,.password-auth-button:active{transform:none!important}.password-auth-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.password-auth-message{width:100%;margin-bottom:20px;padding:13px 15px;border-radius:9px;font-size:14px;line-height:1.5;text-align:left;animation:passwordMessageIn .25s ease}.password-auth-message.success{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.password-auth-message.error{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.password-auth-link{display:inline-block;margin-top:22px;color:#60a5fa;font-size:14px;text-decoration:none;transition:color .2s ease}.password-auth-link:hover{color:#93c5fd;text-decoration:underline}.password-auth-back{display:inline-flex;align-items:center;justify-content:center;gap:5px;margin-top:22px;color:#000;font-size:14px;text-decoration:none}.password-auth-back:hover{color:#93c5fd;text-decoration:underline}.password-auth-hint{margin-top:-5px;color:#94a3b8;font-size:12px;text-align:left}.password-auth-divider{width:100%;height:1px;margin:25px 0 0;background:#ffffff14}.password-auth-success{display:flex;flex-direction:column;align-items:center;justify-content:center}.password-auth-success-icon{width:64px;height:64px;margin-bottom:18px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#00c8961f;color:#00c896;font-size:28px}.password-auth-loading{display:inline-flex;align-items:center;justify-content:center;gap:8px}.password-auth-spinner{width:17px;height:17px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:passwordSpinner .7s linear infinite}@keyframes passwordMessageIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes passwordSpinner{to{transform:rotate(360deg)}}@media(max-width:600px){.password-auth-page{padding:18px}.password-auth-card{padding:35px 25px;border-radius:14px}.password-auth-card h2{font-size:24px}.password-auth-description{font-size:14px}.password-auth-input,.password-auth-button{height:52px;font-size:15px}}@media(max-width:380px){.password-auth-page{padding:12px}.password-auth-card{padding:30px 18px}.password-auth-icon{width:60px;height:60px;font-size:26px}.password-auth-card h2{font-size:22px}}.admin-register-accountmgr{width:100%;min-height:100vh;padding:30px;box-sizing:border-box;background:none!important}.admin-register-card{width:100%;max-width:1050px;margin-top:15%!important;margin:0 auto;padding:35px;box-sizing:border-box;background-image:url(../assets/images/Backg\ 2.jpg);border-radius:16px;box-shadow:0 0 5px #000;border:1px solid white!important}@media(max-width:768px){.admin-register-card{width:100%;max-width:1050px;margin-top:80%!important;margin:0 auto;padding:35px;box-sizing:border-box;background-image:url(../assets/images/Backg\ 2.jpg);border-radius:16px;box-shadow:0 0 5px #000;border:1px solid white!important}}.admin-register-header{margin-bottom:30px;text-align:center}.admin-register-header h2{margin:0;color:#21324f;font-size:30px;font-weight:700}.admin-register-header p{margin:8px 0 0;color:#777;font-size:15px}.admin-register-success{width:100%;margin-bottom:20px;padding:14px 16px;box-sizing:border-box;background:#e8f8f2;border:1px solid #a9e5d0;border-left:5px solid #00a87b;border-radius:8px;color:#087a59;font-size:14px;font-weight:600}.admin-register-error{width:100%;margin-bottom:20px;padding:14px 16px;box-sizing:border-box;background:#fff0f0;border:1px solid #f0b5b5;border-left:5px solid #d93025;border-radius:8px;color:#b42318;font-size:14px;font-weight:600}.admin-register-card h3{margin:32px 0 18px;padding-bottom:10px;color:#21324f;font-size:19px;font-weight:700;border-bottom:2px solid #00a87b}.admin-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.admin-form-group{display:flex;flex-direction:column;min-width:0}.admin-form-group.full{grid-column:1 / -1}.admin-form-group label{margin-bottom:7px;color:#333;font-size:14px;font-weight:600}.admin-form-group input,.admin-form-group select,.admin-form-group textarea{width:100%;padding:12px 14px;box-sizing:border-box;border:1px solid #d6dbe1;border-left:none!important;border-right:none!important;border-top:none!important;outline:none;background:#ffffff8f!important;color:#222;font-family:inherit;font-size:15px}.admin-form-group input,.admin-form-group select{height:46px}.admin-form-group textarea{min-height:100px;resize:vertical;line-height:1.5}.admin-form-group input::placeholder,.admin-form-group textarea::placeholder{color:#999}.admin-form-group input:focus,.admin-form-group select:focus,.admin-form-group textarea:focus{border-color:#00a87b;background:#ffffff8f!important}.admin-form-group input:invalid:not(:placeholder-shown),.admin-form-group select:invalid,.admin-form-group textarea:invalid:not(:placeholder-shown){border-color:#d93025}.admin-role-display{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:30px;padding:16px 18px;box-sizing:border-box;border-radius:9px;background:#f1f7f5;border:1px solid #d4eee5}.admin-role-display span{color:#555;font-size:14px;font-weight:600}.admin-role-display strong{padding:6px 12px;border-radius:20px;background:#00a87b;color:#fff;font-size:13px;font-weight:700}.admin-register-submit{display:block;width:100%;margin-top:25px;padding:14px 20px;box-sizing:border-box;border:none;border-radius:9px;background:#00a87b;color:#fff;font-family:inherit;font-size:16px;font-weight:700;cursor:pointer;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}.admin-register-submit:hover:not(:disabled){background:#008f6b;box-shadow:0 5px 15px #00a87b40;transform:translateY(-1px)}.admin-register-submit:active:not(:disabled){transform:translateY(0)}.admin-register-submit:disabled{opacity:.6;cursor:not-allowed}.admin-form-group input[type=date]{cursor:pointer}.admin-form-group input[type=number]{appearance:textfield}.admin-form-group input[type=number]::-webkit-inner-spin-button,.admin-form-group input[type=number]::-webkit-outer-spin-button{margin:0;appearance:none}.admin-form-group input[type=password]{letter-spacing:.3px}@media(max-width:900px){.admin-register-accountmgr{padding:20px}.admin-register-card{padding:25px}}@media(max-width:768px){.admin-register-accountmgr{min-height:100vh;padding:15px}.admin-register-card{padding:20px;border-radius:12px}.admin-register-header h2{font-size:24px}.admin-register-header p{font-size:14px}.admin-register-card h3{margin-top:26px;font-size:17px}.admin-form-grid{grid-template-columns:1fr;gap:16px}.admin-form-group.full{grid-column:auto}.admin-role-display{flex-direction:column;align-items:flex-start;gap:10px}.admin-register-submit{font-size:15px;padding:13px}}@media(max-width:480px){.admin-register-accountmgr{padding:10px}.admin-register-card{padding:16px}.admin-register-header h2{font-size:21px}.admin-form-group input,.admin-form-group select,.admin-form-group textarea{font-size:14px}.admin-form-group input,.admin-form-group select{height:44px}.admin-role-display{padding:13px}}.sidebar{position:fixed;top:30%;left:0;z-index:9999;width:15%!important;height:100vh;padding:10px;box-sizing:border-box;background:#06080f!important;text-align:left}@media(max-width:768px){.sidebar{top:3%!important;left:0%!important;width:100%!important;height:92vh;transform:translate(-110%);z-index:30600!important}}.sidebar.sidebar-open{transform:translate(0)}.sidebar.sidebar-closed{transform:translate(-110%)}.sidebar p{margin-bottom:8px}.sidebar a{color:#fff!important;display:flex;align-items:center;gap:12px;text-decoration:none;padding:10px;border-radius:10px;font-weight:700;font-size:20px;transition:color .3s ease;background:transparent!important}.sidebar a:hover{color:orange!important}.logout-button{display:flex;align-items:center;gap:12px;width:100%;padding:10px;border:none;background:transparent!important;color:#fff!important;cursor:pointer;font-size:20px;font-weight:700;text-align:left;border-radius:10px}.logout-button:hover{color:orange!important;background:none!important}.admin-sidebar-toggle{position:fixed;top:20px;left:calc(15% + 15px);width:45px;height:45px;z-index:10600!important;display:flex;align-items:center;justify-content:center;border:none;border-radius:8px;background:none!important;color:#fff!important;font-size:20px;cursor:pointer}.admin-sidebar-toggle:hover{color:orange!important;background:none!important}.admin-sidebar-toggle.toggle-open{left:calc(15% + 15px)}.admin-sidebar-toggle.toggle-closed{left:15px}.sidebar-overlay{position:fixed;inset:0;z-index:9998;background:#0006;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility .3s ease}.sidebar-overlay.sidebar-overlay-active{opacity:1;visibility:visible;pointer-events:auto}@media(max-width:768px){.sidebar.sidebar-open{transform:translate(0)}.sidebar.sidebar-closed{transform:translate(-110%)}.sidebar a{font-size:20px}.logout-button{font-size:18px}.admin-sidebar-toggle{position:fixed!important;top:8%!important;left:4px!important;right:auto!important;width:45px!important;height:45px!important;z-index:100000!important;display:flex!important;align-items:center!important;justify-content:center!important;visibility:visible!important;opacity:1!important;background:none!important;color:#fff!important;border:none!important;border-radius:8px!important;cursor:pointer!important;font-size:30px!important}.admin-sidebar-toggle.toggle-open{left:calc(80% + 15px)!important;position:fixed!important;top:5%!important;left:75%!important;border-radius:50%!important}.sidebar-overlay{display:block}}@media(min-width:769px){.sidebar-overlay{display:none!important}}.admin-savings-container{width:100%;max-width:1600px;margin:0 auto;padding:25px;box-sizing:border-box;color:#21324f;background-image:url(../assets/images/Backg\ 2.jpg)}.admin-savings-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px;margin-top:12%!important}@media(max-width:768px){.admin-savings-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:70%!important}}#download{width:100px!important;background:#5983b3!important;border-radius:10px!important;font-size:12px!important;left:90%!important;position:relative!important;margin-bottom:-10px!important;top:10px!important}@media(max-width:768px){#download{width:100px!important;background:#5983b3!important;border-radius:10px!important;font-size:12px!important;left:90%!important;position:relative!important;margin-bottom:-10px!important;top:10px!important;display:none!important}}#download:hover{background:green!important}.admin-savings-error{width:100%;box-sizing:border-box;margin-bottom:20px;padding:14px 16px;border-radius:8px;background:#ffe8e8;border:1px solid #f1b5b5;color:#b42318;font-size:14px;font-weight:500}.admin-savings-summary{display:grid;grid-template-columns:repeat(2,300px);gap:20px!important;margin-bottom:25px!important;justify-content:center;align-items:stretch}@media(max-width:768px){.admin-savings-summary{display:block;width:100%!important;margin-bottom:25px!important;justify-content:center;align-items:stretch;margin-left:0%!important}}.admin-savings-summary-card{min-height:120px;width:300px!important;padding:22px;box-sizing:border-box;border-radius:12px;background:#fff7;border:1px solid white!important;box-shadow:0 0 4px #000!important;display:flex;flex-direction:column;justify-content:center;margin-left:40%!important}@media(max-width:768px){.admin-savings-summary-card{min-height:120px;width:100%!important;padding:22px;box-sizing:border-box;border-radius:12px;background:#fff7;border:1px solid white!important;box-shadow:0 0 4px #000!important;margin-left:0%!important;margin-top:10px!important}}.admin-savings-summary-card span{display:block;margin-bottom:10px;color:#777;font-size:14px;font-weight:500}.admin-savings-summary-card strong{color:#21324f;font-size:28px;font-weight:700}.admin-savings-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.admin-savings-search{width:100%;max-width:400px;height:45px;padding:0 15px;box-sizing:border-box;border:1px solid blue!important;border-radius:10px!important;margin-top:20px!important;background:#fff;color:#21324f;font-size:14px;outline:none;margin-left:45%!important}@media(max-width:768px){.admin-savings-search{width:60%!important;height:45px;padding:0 15px;box-sizing:border-box;border:1px solid blue!important;border-radius:10px!important;background:#fff;color:#21324f;font-size:14px;outline:none;margin:auto!important}}.admin-savings-search::placeholder{color:#999}.admin-savings-search:focus{border-color:#21324f7a!important;box-shadow:0 0 0 3px #21324f1a}.admin-savings-table-wrapper{width:85%!important;overflow-x:auto;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 15px #0000000d;margin-left:15%!important}@media(max-width:768px){.admin-savings-table-wrapper{width:100%!important;overflow-x:auto;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 15px #0000000d;margin:auto!important}}.admin-savings-table{width:100%;min-width:1250px;border-collapse:collapse;border-spacing:0}.admin-savings-table thead{background:#21324f}.admin-savings-table th{padding:15px 14px;color:#fff;font-size:13px;font-weight:700;text-align:left;white-space:nowrap;border-bottom:1px solid #16243a}.admin-savings-table td{padding:15px 14px;color:#444;font-size:14px;vertical-align:middle;border-bottom:1px solid #eeeeee}.admin-savings-table tbody tr{transition:background .2s ease}.admin-savings-table tbody tr:hover{background:#f8fafc}.admin-savings-table tbody tr:last-child td{border-bottom:none}.admin-savings-table td strong{color:#21324f}.admin-savings-table td:first-child{color:#888;font-weight:600}.admin-savings-member,.admin-savings-manager{display:flex;flex-direction:column;gap:4px}.admin-savings-member strong,.admin-savings-manager strong{color:#21324f;font-size:14px}.admin-savings-member small,.admin-savings-manager small{color:#888;font-size:12px}.admin-savings-amount{color:#00875a!important;font-size:15px!important;font-weight:700;white-space:nowrap}.admin-payment-method{display:inline-flex;align-items:center;justify-content:center;min-width:70px;padding:6px 10px;border-radius:20px;font-size:12px;font-weight:600;background:#eef2f7;color:#21324f}.admin-payment-method.cash{background:#fff4db;color:#8a5a00}.admin-payment-method.transfer{background:#e3f2fd;color:#1565c0}.admin-payment-method.pos{background:#e8f5e9;color:#2e7d32}.admin-savings-table td:nth-child(8){white-space:nowrap;color:#555}.admin-savings-table td:last-child{min-width:180px;max-width:280px;white-space:normal;line-height:1.5}.admin-savings-empty{padding:45px 20px!important;text-align:center!important;color:#888!important;font-size:15px!important}.admin-savings-footer{padding:15px 5px;color:#777;font-size:13px;text-align:right}.admin-savings-footer strong{color:#21324f}.admin-savings-loading{min-height:350px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;color:#21324f}.admin-savings-loading p{margin:0;font-size:15px;color:#777}.admin-savings-spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top-color:#21324f;border-radius:50%;animation:adminSavingsSpin .8s linear infinite}@keyframes adminSavingsSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.admin-savings-table-wrapper::-webkit-scrollbar{height:8px}.admin-savings-table-wrapper::-webkit-scrollbar-track{background:#f1f1f1}.admin-savings-table-wrapper::-webkit-scrollbar-thumb{background:#b7bdc7;border-radius:10px}.admin-savings-table-wrapper::-webkit-scrollbar-thumb:hover{background:#8f98a6}@media(max-width:900px){.admin-savings-container{padding:20px}.admin-savings-header h2{font-size:24px}.admin-savings-summary{grid-template-columns:1fr 1fr;gap:15px}.admin-savings-summary-card{min-height:105px;padding:18px}.admin-savings-summary-card strong{font-size:23px}}@media(max-width:768px){.admin-savings-container{padding:15px}.admin-savings-header{align-items:flex-start;flex-direction:column}.admin-savings-header h2{font-size:22px}.admin-savings-header p{font-size:13px}.admin-savings-refresh{width:100%}.admin-savings-summary{grid-template-columns:1fr;gap:12px}.admin-savings-summary-card{min-height:95px}.admin-savings-summary-card strong{font-size:22px}.admin-savings-toolbar{width:100%}.admin-savings-search{max-width:none;height:44px}.admin-savings-table-wrapper{border-radius:8px}.admin-savings-table{min-width:1100px}.admin-savings-table th,.admin-savings-table td{padding:12px 10px;font-size:13px}.admin-savings-footer{text-align:center}}@media(max-width:480px){.admin-savings-container{padding:10px}.admin-savings-header h2{font-size:20px}.admin-savings-header p{font-size:12px}.admin-savings-summary-card{padding:16px}.admin-savings-summary-card span{font-size:13px}.admin-savings-summary-card strong{font-size:20px}.admin-savings-search{font-size:13px}}.admin-loans-container{width:100%;padding:20px;box-sizing:border-box;background-image:url(../assets/images/Backg\ 2.jpg)}.admin-loans-header{width:100%;display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;margin-top:14%!important}@media(max-width:768px){.admin-loans-header{width:100%;display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;margin-top:65%!important}}.admin-loans-loading{min-height:300px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#333}.admin-loans-spinner{width:40px;height:40px;border:4px solid #ddd;border-top:4px solid #333;border-radius:50%;animation:adminLoansSpin .8s linear infinite}@keyframes adminLoansSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.admin-loans-error{width:100%;padding:12px 16px;margin-bottom:20px;box-sizing:border-box;border-radius:8px;border:1px solid #ffb3b3;background:#ffe6e6;color:#b00020;font-size:14px}.admin-loans-summary{display:grid;grid-template-columns:repeat(2,300px);gap:20px!important;margin-bottom:25px;justify-content:center;align-items:stretch;margin-left:12%!important}@media(max-width:768px){.admin-loans-summary{display:grid;grid-template-columns:repeat(2,300px);gap:20px!important;margin-bottom:25px!important;justify-content:center;align-items:stretch;margin-left:auto!important}}.admin-loans-summary-card{min-height:120px;width:300px!important;padding:10px;box-sizing:border-box;border-radius:12px;background:#fff7;border:1px solid white!important;box-shadow:0 0 4px #000!important;display:flex;flex-direction:column;justify-content:center;margin:auto!important}@media(max-width:768px){.admin-loans-summary-card{min-height:120px;width:300px!important;padding:10px;box-sizing:border-box;border-radius:12px;background:#fff7;border:1px solid white!important;box-shadow:0 0 4px #000!important;display:flex;flex-direction:column;justify-content:center;margin:auto!important}}.admin-loans-summary-card span{font-size:14px;font-weight:500;color:#555}.admin-loans-summary-card strong{font-size:24px;font-weight:700;color:#111;word-break:break-word}.admin-loans-toolbar{width:100%;display:flex;align-items:center;margin-bottom:20px}.admin-loans-search{width:100%;max-width:400px;height:45px;padding:0 15px;box-sizing:border-box;border:1px solid blue!important;border-radius:10px!important;margin-top:20px!important;background:#fff;color:#21324f;font-size:14px;outline:none;margin-left:45%!important}@media(max-width:768px){.admin-loans-search{width:60%!important;height:45px;padding:0 15px;box-sizing:border-box;border:1px solid blue!important;border-radius:10px!important;background:#fff;color:#21324f;font-size:14px;outline:none;margin:auto!important}}.admin-loans-search:focus{border-color:#333;box-shadow:0 0 0 2px #00000014}.admin-loans-table-wrapper{width:85%!important;overflow-x:auto;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 15px #0000000d;margin-left:15%!important}@media(max-width:768px){.admin-loans-table-wrapper{width:100%!important;overflow-x:auto;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 15px #0000000d;margin:auto!important}}.admin-loans-table{width:100%;min-width:1500px;border-collapse:collapse;table-layout:auto}.admin-loans-table thead{background:#f5f5f5}.admin-loans-table th{padding:14px 12px;text-align:left;font-size:13px;font-weight:700;color:#fff!important;border-bottom:1px solid #ddd;white-space:nowrap;background:#111!important}.admin-loans-table td{padding:14px 12px;font-size:13px;color:#333;border-bottom:1px solid #eee;white-space:nowrap;vertical-align:middle}.admin-loans-table tbody tr{transition:background .2s ease}.admin-loans-table tbody tr:hover{background:#fafafa}.admin-loans-member{display:flex;flex-direction:column;gap:3px}.admin-loans-member strong{font-size:13px;color:#222}.admin-loans-member small{font-size:11px;color:#777}.admin-loans-manager{display:flex;flex-direction:column;gap:3px}.admin-loans-manager strong{font-size:13px;color:#222}.admin-loans-manager small{font-size:11px;color:#777}.admin-loans-amount{font-weight:700;white-space:nowrap}.admin-loans-repaid{font-weight:600;white-space:nowrap}.admin-loans-outstanding{font-weight:700;white-space:nowrap}.admin-loan-status{display:inline-flex;align-items:center;justify-content:center;min-width:75px;padding:5px 10px;border-radius:20px;font-size:11px;font-weight:700;text-transform:capitalize}.admin-loan-status.active{background:#e6f7ed;color:#147a3d}.admin-loan-status.pending{background:#fff4d6;color:#9a6700}.admin-loan-status.approved{background:#e7f0ff;color:#185abd}.admin-loan-status.completed{background:#e7f7ef;color:#176b3a}.admin-loan-status.paid{background:#e5f7e9;color:#16733a}.admin-loan-status.rejected{background:#ffe7e7;color:#b42318}.admin-loan-status.default{background:#eee;color:#555}.admin-loans-empty{height:150px;text-align:center!important;vertical-align:middle!important;color:#777!important;font-size:14px!important}.admin-loans-footer{width:100%;padding:15px 5px;box-sizing:border-box;font-size:13px;color:#666;text-align:right}.admin-loans-footer strong{color:#222}@media(max-width:1200px){.admin-loans-summary{grid-template-columns:repeat(2,1fr);gap:10px}}@media(max-width:700px){.admin-loans-container{padding:12px}.admin-loans-summary{grid-template-columns:1fr;gap:10px}.admin-loans-summary-card{min-height:100px;padding:18px}.admin-loans-summary-card strong{font-size:21px}.admin-loans-search{max-width:100%}.admin-loans-table-wrapper{border-radius:8px}.admin-loans-footer{text-align:center}}.admin-users-container{width:100%;min-height:100%;padding:20px;box-sizing:border-box;background-image:url(../assets/images/Backg\ 2.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}.admin-users-header{width:100%;min-height:20px;display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;margin-top:14%}.admin-users-loading{width:100%;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#333}.admin-users-loading p{margin:0;font-size:14px;font-weight:500}.admin-users-spinner{width:40px;height:40px;border:4px solid #ddd;border-top:4px solid #333;border-radius:50%;animation:adminUsersSpin .8s linear infinite}@keyframes adminUsersSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.admin-users-error{width:100%;padding:12px 16px;margin-bottom:20px;box-sizing:border-box;border-radius:8px;border:1px solid #ffb3b3;background:#ffe6e6;color:#b00020;font-size:14px;line-height:1.5}.admin-users-summary{width:100%;display:flex;align-items:stretch;justify-content:center;gap:15px;margin:0 auto 25px;box-sizing:border-box;margin-left:8%!important}@media(max-width:768px){.admin-users-summary{display:block;width:100%!important;margin-bottom:25px!important;justify-content:center;align-items:stretch;margin-left:0%!important}}.admin-users-summary-card{width:300px;min-height:120px;padding:18px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-radius:12px;background:#ffffffc7;border:1px solid rgba(255,255,255,.95);box-shadow:0 2px 8px #0000001f;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@media(max-width:768px){.admin-users-summary-card{width:300px;min-height:120px;padding:18px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-radius:12px;background:#ffffffc7;border:1px solid rgba(255,255,255,.95);box-shadow:0 2px 8px #0000001f;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);margin-top:10px!important}}.admin-users-summary-card:hover{transform:translateY(-2px);box-shadow:0 5px 14px #00000029}.admin-users-summary-card span{display:block;margin-bottom:8px;font-size:14px;font-weight:600;color:#555}.admin-users-summary-card strong{display:block;font-size:28px;font-weight:700;line-height:1;color:#111}.admin-users-toolbar{width:100%;display:flex;align-items:center;justify-content:flex-start;margin-bottom:20px;box-sizing:border-box}.admin-users-search{width:350px;max-width:100%;height:45px;padding:0 15px;box-sizing:border-box;border-radius:10px!important;border:1px solid blue!important;background:#fff;color:#21324f;font-family:inherit;font-size:14px;outline:none;margin-left:45%!important}@media(max-width:768px){.admin-users-search{width:60%!important;height:45px;padding:0 15px;box-sizing:border-box;border:1px solid blue!important;border-radius:10px!important;background:#fff;color:#21324f;font-size:14px;outline:none;margin:auto!important}}.admin-users-search::placeholder{color:#999}.admin-users-search:hover{border-color:#1d4ed8}.admin-users-search:focus{border-color:#1d4ed8;box-shadow:0 0 0 3px #2563eb1f}.admin-users-table-wrapper{width:85%!important;overflow-x:auto;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 15px #0000000d;margin-left:15%!important}@media(max-width:768px){.admin-users-table-wrapper{width:100%!important;overflow-x:auto;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 15px #0000000d;margin:auto!important}}.admin-users-table{width:100%;min-width:1050px;border-collapse:collapse;table-layout:auto;background:#fff}.admin-users-table thead{background:#111010}.admin-users-table th{padding:14px 12px;text-align:left;font-size:13px;font-weight:700;color:#fff;border-bottom:1px solid #ddd;white-space:nowrap;vertical-align:middle}.admin-users-table td{padding:12px;font-size:13px;color:#333;border-bottom:1px solid #eee;white-space:nowrap;vertical-align:middle;background:#fff}.admin-users-table tbody tr{transition:background .2s ease}.admin-users-table tbody tr:hover td{background:#fafafa}.admin-users-table tbody tr:last-child td{border-bottom:none}.admin-users-user-profile{display:flex;align-items:center;gap:10px;min-width:190px;box-sizing:border-box}.admin-users-profile-picture-wrapper{width:46px;height:46px;min-width:46px;min-height:46px;max-width:46px;max-height:46px;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;border-radius:50%;background:#f1f5f9;border:2px solid #e2e8f0;box-sizing:border-box;position:relative}.admin-users-profile-picture{width:100%!important;height:100%!important;min-width:100%!important;min-height:100%!important;max-width:100%!important;max-height:100%!important;display:block!important;object-fit:cover!important;object-position:center center!important;border-radius:50%!important;margin:0!important;padding:0!important;border:none!important;background:#f1f5f9;visibility:visible!important;opacity:1!important}.admin-users-user-profile>span{display:block;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;color:#222}.admin-users-user-info{display:flex;flex-direction:column;justify-content:center;min-width:0}.admin-users-user-info strong{display:block;font-size:13px;font-weight:700;color:#222;line-height:1.4;overflow:hidden;text-overflow:ellipsis}.admin-users-role{display:inline-flex;align-items:center;justify-content:center;padding:5px 10px;border-radius:20px;background:#eee;color:#444;font-size:11px;font-weight:700;text-transform:capitalize}.admin-users-role.user{background:#e7f0ff;color:#185abd}.admin-users-role.accountmgr{background:#f0e7ff;color:#6537a6}.admin-users-status{display:inline-flex;align-items:center;justify-content:center;min-width:75px;padding:5px 10px;box-sizing:border-box;border-radius:20px;font-size:11px;font-weight:700;text-transform:capitalize;white-space:nowrap}.admin-users-status.active{background:#e6f7ed;color:#147a3d}.admin-users-status.disabled{background:#ffe7e7;color:#b42318}.admin-users-actions{display:flex;align-items:center;gap:8px;white-space:nowrap}.admin-users-action-button{min-width:95px;height:36px;padding:0 12px;border:none;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-family:inherit;font-size:12px;font-weight:700;line-height:1;cursor:pointer;white-space:nowrap;transition:background .2s ease,transform .1s ease,opacity .2s ease,box-shadow .2s ease}.admin-users-action-button svg{font-size:13px;flex-shrink:0}.admin-users-action-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 5px #0000001f}.admin-users-action-button:active:not(:disabled){transform:translateY(0);box-shadow:none}.admin-users-action-button.disable{background:#ffe7e7;color:#b42318}.admin-users-action-button.disable:hover:not(:disabled){background:#ffd6d6}.admin-users-action-button.enable{background:#e6f7ed;color:#147a3d}.admin-users-action-button.enable:hover:not(:disabled){background:#d5f1df}.admin-users-action-button.delete{background:#eee;color:#b42318}.admin-users-action-button.delete:hover:not(:disabled){background:#ffdcdc;color:#a01812}.admin-users-action-button:disabled{cursor:not-allowed;opacity:.6;transform:none;box-shadow:none}.admin-users-empty{height:150px;text-align:center!important;vertical-align:middle!important;color:#777!important;font-size:14px!important;background:#fff!important}.admin-users-footer{width:100%;padding:15px 5px;box-sizing:border-box;font-size:13px;color:#666;text-align:right}.admin-users-footer strong{color:#222}@media(max-width:1000px){.admin-users-summary{width:100%;flex-wrap:wrap;gap:12px}.admin-users-summary-card{width:280px}}@media(max-width:768px){.admin-users-container{padding:15px}.admin-users-header{margin-top:70%!important;margin-bottom:20px}.admin-users-summary{width:100%;flex-wrap:wrap;justify-content:center;gap:10px}.admin-users-summary-card{width:calc(50% - 10px);min-width:220px;min-height:110px}.admin-users-toolbar{width:100%}.admin-users-search{width:100%;max-width:100%;margin-top:20px}.admin-users-table-wrapper{width:100%;overflow-x:auto}}@media(max-width:650px){.admin-users-container{padding:12px}.admin-users-header{margin-top:70%!important}.admin-users-summary{width:100%;flex-direction:column;align-items:center;gap:10px;margin-bottom:20px}.admin-users-summary-card{width:100%;max-width:320px;min-height:100px;padding:18px}.admin-users-summary-card span{font-size:13px}.admin-users-summary-card strong{font-size:24px}.admin-users-toolbar{width:100%;margin-bottom:15px}.admin-users-search{width:100%;max-width:100%;height:44px;margin-top:10px!important}.admin-users-table-wrapper{border-radius:8px}.admin-users-table{min-width:1000px}.admin-users-table th{padding:12px 10px;font-size:12px}.admin-users-table td{padding:11px 10px;font-size:12px}.admin-users-user-profile{gap:8px;min-width:170px}.admin-users-profile-picture-wrapper{width:42px;height:42px;min-width:42px;min-height:42px;max-width:42px;max-height:42px}.admin-users-profile-picture{width:100%!important;height:100%!important;min-width:100%!important;min-height:100%!important;max-width:100%!important;max-height:100%!important}.admin-users-user-profile>span{max-width:140px;font-size:12px}.admin-users-actions{gap:6px}.admin-users-action-button{min-width:40px;width:40px;height:36px;padding:0;gap:0}.admin-users-action-button{font-size:0}.admin-users-action-button svg{font-size:14px}.admin-users-status{min-width:65px;padding:5px 8px;font-size:10px}.admin-users-footer{text-align:center}}@media(max-width:400px){.admin-users-container{padding:8px}.admin-users-summary-card{max-width:100%;min-height:90px}.admin-users-search{height:42px;font-size:13px}.admin-users-profile-picture-wrapper{width:40px;height:40px;min-width:40px;min-height:40px;max-width:40px;max-height:40px}.admin-users-user-profile{min-width:160px}}.admin-loan-tracker-page{width:80%;min-height:100vh;padding:24px;box-sizing:border-box;background:#f5f7fb;color:#1f2937;margin-top:15%!important;margin-left:12%!important}@media(max-width:768px){.admin-loan-tracker-page{width:100%!important;min-height:100vh;padding:24px;box-sizing:border-box;background:#f5f7fb;color:#1f2937;margin:auto!important}}.admin-loan-tracker-content{width:100%;max-width:100%;box-sizing:border-box}@media(max-width:768px){.admin-loan-tracker-content{width:100%;max-width:100%;box-sizing:border-box;margin-top:60%!important}}.loan-tracker-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.loan-tracker-header>div{min-width:0}.loan-tracker-header h1{margin:0;font-size:28px;line-height:1.2;font-weight:700;color:#21324f}.loan-tracker-header p{margin:7px 0 0;color:#6b7280;font-size:14px}.loan-refresh-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 18px;border:none;border-radius:7px;background:#21324f;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}.loan-refresh-btn:hover{background:#17243a;transform:translateY(-1px);box-shadow:0 5px 14px #21324f2e}.loan-refresh-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.loan-summary-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;margin-bottom:24px}.loan-summary-card{position:relative;overflow:hidden;min-height:125px;padding:20px;border-radius:10px;background:#fff;border:1px solid #e5e7eb;box-shadow:0 3px 12px #0f172a0d;box-sizing:border-box}.loan-summary-card:before{content:"";position:absolute;left:0;top:0;width:4px;height:100%;background:#21324f}.loan-summary-card:nth-child(2):before{background:#00a87b}.loan-summary-card:nth-child(3):before{background:#f59e0b}.loan-summary-card:nth-child(4):before{background:#6366f1}.loan-summary-card:nth-child(5):before{background:#ef4444}.summary-label{margin:0 0 9px;color:#6b7280;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.4px}.summary-value{margin:0;color:#21324f;font-size:25px;line-height:1.2;font-weight:700;word-break:break-word}.loan-filter-panel{margin-bottom:24px;padding:20px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 3px 12px #0f172a0d}.loan-filter-row{display:grid;grid-template-columns:minmax(220px,1.5fr) minmax(170px,1fr) minmax(150px,1fr) minmax(150px,1fr) auto;gap:14px;align-items:end}.loan-filter-group{display:flex;flex-direction:column;gap:7px;min-width:0}.loan-filter-group label{color:#374151;font-size:13px;font-weight:600}.loan-filter-group input,.loan-filter-group select{width:100%;min-height:42px;padding:9px 12px;box-sizing:border-box;border:1px solid #d1d5db;border-radius:6px;outline:none;background:#fff;color:#1f2937;font-size:14px;transition:border-color .2s ease,box-shadow .2s ease}.loan-filter-group input:focus,.loan-filter-group select:focus{border-color:#00a87b;box-shadow:0 0 0 3px #00a87b1f}.search-group{min-width:0}.loan-filter-actions{display:flex;align-items:flex-end;gap:10px}.loan-filter-actions button{min-height:42px;padding:9px 18px;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#374151;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .2s ease,border-color .2s ease,color .2s ease}.loan-filter-actions button:hover{background:#f3f4f6;border-color:#9ca3af}.loan-error-message{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:20px;padding:14px 16px;border:1px solid #fecaca;border-radius:7px;background:#fef2f2;color:#991b1b;font-size:14px}.loan-error-message strong{display:block;margin-bottom:4px}.loan-error-message span{display:block}.loan-error-message button{flex-shrink:0;min-height:36px;padding:7px 14px;border:1px solid #dc2626;border-radius:6px;background:#fff;color:#991b1b;font-size:13px;font-weight:600;cursor:pointer}.loan-error-message button:hover{background:#fee2e2}.loan-table-panel{width:100%;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 3px 12px #0f172a0d;overflow:hidden}.loan-table-header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 20px;border-bottom:1px solid #e5e7eb}.loan-table-header>div:first-child{min-width:0}.loan-table-header h2{margin:0;color:#21324f;font-size:18px;font-weight:700}.loan-table-header p{margin:5px 0 0;color:#6b7280;font-size:13px}.records-per-page{display:flex;align-items:center;gap:8px;flex-shrink:0}.records-per-page label{color:#6b7280;font-size:13px;font-weight:600}.records-per-page select{min-width:70px;min-height:38px;padding:7px 10px;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#374151;font-size:13px;outline:none;cursor:pointer}.records-per-page select:focus{border-color:#00a87b;box-shadow:0 0 0 3px #00a87b1f}.loan-table-wrapper{width:100%;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch}.loan-repayment-table{width:100%;min-width:1100px;border-collapse:collapse;table-layout:auto}.loan-repayment-table thead{background:#21324f}.loan-repayment-table th{padding:14px 15px;border-bottom:1px solid #17243a;color:#fff;font-size:12px;font-weight:700;text-align:left;text-transform:uppercase;letter-spacing:.35px;white-space:nowrap}.loan-repayment-table td{padding:14px 15px;border-bottom:1px solid #edf0f4;color:#374151;font-size:13px;vertical-align:middle;white-space:nowrap}.loan-repayment-table tbody tr{background:#fff;transition:background .15s ease}.loan-repayment-table tbody tr:hover{background:#f8fafc}.loan-repayment-table tbody tr:last-child td{border-bottom:none}.table-status{padding:55px 25px!important;text-align:center;color:#6b7280!important;font-size:14px!important}.loan-id{color:#21324f;font-weight:700}.amount-cell{color:#008f69;font-weight:700}.remarks-cell{max-width:250px;overflow:hidden;text-overflow:ellipsis}.payment-badge{display:inline-flex;align-items:center;justify-content:center;min-width:68px;padding:5px 10px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase}.payment-cash{background:#e8f7f1;color:#007a5c}.payment-transfer{background:#eaf1ff;color:#315ca8}.payment-pos{background:#fff4df;color:#a56600}.payment-card,.payment-online,.payment-bank{background:#eef2ff;color:#4f46e5}.loan-pagination{display:flex;align-items:center;justify-content:center;gap:6px;padding:16px 20px;border-top:1px solid #e5e7eb}.loan-pagination button{min-width:38px;height:36px;padding:0 11px;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#374151;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease}.loan-pagination button:hover:not(:disabled){border-color:#00a87b;color:#00a87b;background:#f0fdf9}.loan-pagination button.active{border-color:#21324f;background:#21324f;color:#fff}.loan-pagination button:disabled{opacity:.45;cursor:not-allowed}@media(max-width:1200px){.loan-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.loan-filter-row{grid-template-columns:repeat(2,minmax(0,1fr))}.loan-filter-actions{align-items:stretch}.loan-filter-actions button{width:100%}}@media(max-width:1100px){.admin-loan-tracker-page{padding:20px}.loan-summary-grid,.loan-filter-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.admin-loan-tracker-page{padding:16px}.loan-tracker-header{align-items:flex-start;flex-direction:column}.loan-tracker-header h1{font-size:24px}.loan-refresh-btn{width:100%}.loan-summary-grid{grid-template-columns:1fr 1fr;gap:12px}.loan-summary-card{min-height:110px;padding:16px}.summary-value{font-size:21px}.loan-filter-panel{padding:16px}.loan-filter-row{grid-template-columns:1fr}.loan-filter-actions{align-items:stretch;flex-direction:column}.loan-filter-actions button{width:100%}.loan-table-header{align-items:flex-start;flex-direction:column}.records-per-page{width:100%;justify-content:space-between}.loan-pagination{justify-content:flex-start;flex-wrap:wrap}}@media(max-width:520px){.admin-loan-tracker-page{padding:12px}.loan-tracker-header h1{font-size:21px}.loan-tracker-header p{font-size:13px}.loan-summary-grid{grid-template-columns:1fr;gap:10px}.loan-summary-card{min-height:auto;padding:15px}.summary-value{font-size:22px}.loan-filter-panel{padding:14px;margin-bottom:16px}.loan-table-panel{border-radius:8px}.loan-table-header{padding:15px}.loan-table-header h2{font-size:16px}.loan-table-header p{font-size:12px}.records-per-page{width:100%}.loan-table-wrapper{overflow-x:auto}.loan-repayment-table{min-width:950px}.loan-repayment-table th,.loan-repayment-table td{padding:12px 10px}.loan-pagination{padding:14px}.loan-pagination button{min-width:34px;height:34px;padding:0 8px}.loan-error-message{flex-direction:column}.loan-error-message button{width:100%}}.loan-refresh-btn:focus-visible,.loan-filter-actions button:focus-visible,.loan-pagination button:focus-visible,.loan-filter-group input:focus-visible,.loan-filter-group select:focus-visible,.records-per-page select:focus-visible,.loan-error-message button:focus-visible{outline:3px solid rgba(0,168,123,.25);outline-offset:2px}@media print{.admin-loan-tracker-page{padding:0;background:#fff}.loan-refresh-btn,.loan-filter-panel,.loan-pagination,.records-per-page{display:none}.loan-table-panel{border:none;box-shadow:none}.loan-repayment-table{min-width:0}.loan-repayment-table th,.loan-repayment-table td{font-size:10px;padding:7px}}.profile-picture-container{top:7%!important;padding:25px;box-sizing:border-box;border:none!important;position:fixed!important;left:10%!important}@media(max-width:768px){.profile-picture-container{top:21%!important;padding:25px;box-sizing:border-box;border:none!important;position:fixed!important;left:-39%!important}}.profile-picture-header{width:100%;margin-bottom:25px;text-align:center}.profile-picture-header h3{margin:0 0 7px;font-size:22px;font-weight:700;color:#222}.profile-picture-header p{margin:0;font-size:13px;line-height:1.5;color:#777}.profile-picture-preview-wrapper{width:100%;display:flex;justify-content:center;align-items:center;margin-bottom:20px}.profile-picture-preview{position:relative;width:100px!important;height:100px!important;padding:0!important;border-radius:50%!important;border:5px solid #ffffff!important;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#f1f1f1!important;box-shadow:0 3px 12px #00000026}.profile-picture-image{position:absolute!important;left:50%!important;top:50%!important;width:100%!important;height:100%!important;display:block;object-fit:cover!important;object-position:center 35%!important;transform:translate(-50%,-50%) scale(1.35)!important;transform-origin:center center!important;margin:0!important}@media(max-width:768px){.profile-picture-preview{position:relative;width:60px!important;height:60px!important;padding:0!important;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:50%!important;background:#f1f1f1!important;border:1px solid rgb(139,17,245)!important;box-shadow:0 3px 12px #00000026}.profile-picture-image{position:absolute!important;left:50%!important;top:50%!important;width:100%!important;height:100%!important;display:block;object-fit:cover!important;object-position:center 35%!important;transform:translate(-50%,-50%) scale(1.35)!important;transform-origin:center center!important;margin:0!important}}.profile-picture-placeholder{font-size:75px;color:#aaa}.profile-picture-camera{position:absolute;right:5px;bottom:5px;width:45px;height:45px;display:flex;align-items:center;justify-content:center;border:3px solid #ffffff;border-radius:50%;background:#222;color:#fff;font-size:17px;cursor:pointer;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}.profile-picture-camera:hover{background:#444;transform:scale(1.05);box-shadow:0 3px 10px #00000040}.profile-picture-camera:active{transform:scale(.95)}.profile-picture-camera:disabled{opacity:.5;cursor:not-allowed;transform:none}.profile-picture-file-input{display:none}.profile-picture-file-info{width:100%;margin-bottom:15px;padding:12px 14px;box-sizing:border-box;display:flex;flex-direction:column;gap:5px;border-radius:8px;background:#f7f7f7;border:1px solid #e5e5e5}.profile-picture-file-info span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;color:#333}.profile-picture-file-info span:last-child{font-size:12px;color:#777}.profile-picture-message{width:100%;padding:11px 14px;margin-bottom:15px;box-sizing:border-box;border-radius:8px;font-size:13px;line-height:1.5}.profile-picture-message.processing{background:#f0f4ff;border:1px solid #c9d5ff;color:#2949a5}.profile-picture-message.error{background:#fff0f0;border:1px solid #ffbaba;color:#b42318}.profile-picture-message.success{background:#eefbf3;border:1px solid #b8e6c8;color:#147a3d}.profile-picture-actions{width:100%;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:10px}.profile-picture-button{min-height:42px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s ease,transform .15s ease,box-shadow .2s ease,opacity .2s ease}.profile-picture-button:hover{transform:translateY(-1px)}.profile-picture-button:active{transform:translateY(0)}.profile-picture-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.profile-picture-button.choose{background:#f0f0f0;color:#333;border:1px solid #d8d8d8}.profile-picture-button.choose:hover{background:#e5e5e5}.profile-picture-button.upload{background:#222;color:#fff}.profile-picture-button.upload:hover{background:#444;box-shadow:0 3px 10px #0000002e}.profile-picture-button.cancel{background:#fff0f0;color:#b42318;border:1px solid #ffcaca}.profile-picture-button.cancel:hover{background:#ffe2e2}.profile-picture-help{width:100%;margin-top:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center}.profile-picture-help small{font-size:11px;line-height:1.5;color:#888}@media(max-width:600px){.profile-picture-container{width:100%;padding:20px;border-radius:12px}.profile-picture-header h3{font-size:20px}.profile-picture-header p{font-size:12px}.profile-picture-preview{width:145px;height:145px}.profile-picture-placeholder{font-size:62px}.profile-picture-camera{width:40px;height:40px;right:3px;bottom:3px;font-size:15px}.profile-picture-actions{flex-direction:column;align-items:stretch}.profile-picture-button{width:100%}}@media(max-width:380px){.profile-picture-container{padding:15px}.profile-picture-preview{width:125px;height:125px}.profile-picture-placeholder{font-size:52px}.profile-picture-camera{width:36px;height:36px;font-size:13px}.profile-picture-header h3{font-size:18px}}.notification-wrapper{position:fixed!important;display:inline-flex;align-items:center;justify-content:center;height:auto;left:90%!important;top:37%!important;z-index:99999}@media(max-width:768px){.notification-wrapper{position:fixed!important;display:inline-flex;align-items:center;justify-content:center;height:auto;left:90%!important;top:45%!important;z-index:99999}}.notification-bell-btn{top:15%!important;left:85%!important;position:fixed!important;width:45px;height:45px;padding:0;display:flex;align-items:center;justify-content:center;border:none!important;outline:none!important;background:transparent!important;color:#bc2ff0!important;font-size:35px!important;cursor:pointer;border-radius:50%;z-index:100000}@media(max-width:768px){.notification-bell-btn{top:8%!important;left:78%!important;position:fixed!important;width:45px!important;height:45px!important;padding:0;display:flex;align-items:center;justify-content:center;border:none!important;outline:none!important;background:transparent!important;color:#bc2ff0!important;cursor:pointer;border-radius:50%;z-index:100000}}.notification-bell-icon{font-size:30px!important;color:inherit;pointer-events:none}.notification-bell-btn:hover{background:#00000012!important;transform:scale(1.05)}.notification-bell-btn:active{transform:scale(.95)}.notification-bell-btn:focus{outline:none!important;box-shadow:none!important}.notification-badge{position:absolute;top:1px;right:10px!important;min-width:20px;height:20px;padding:0 5px;display:flex;align-items:center;justify-content:center;background:#dc3545;color:#fff;border:2px solid #fff;border-radius:50px;font-size:10px;font-weight:700;line-height:1;pointer-events:none;z-index:100001}.notification-panel{position:absolute;top:calc(100% + 10px);right:0;width:800px!important;max-width:calc(100vw - 30px);height:auto;max-height:520px;display:flex;flex-direction:column;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 35px #0000002e;overflow:hidden;z-index:999999;padding:20px!important}@media(max-width:768px){.notification-panel{position:absolute;top:18%!important;left:0%!important;width:100%!important;height:auto;max-height:520px;display:flex;flex-direction:column;background:#fff;border:1px solid #e5e7eb;border-radius:0!important;overflow:hidden;z-index:999999;padding:20px!important}}.notification-panel-header{min-height:60px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:15px;background:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0}@media(max-width:768px){.notification-panel-header{min-height:60px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:15px;background:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0}}.notification-panel-title{margin:0;padding:0;display:flex;align-items:center;color:#111827;font-size:17px;font-weight:700;line-height:1.3}.notification-unread-count{margin-left:7px;padding:3px 7px;display:inline-flex;align-items:center;justify-content:center;background:#eef2ff;color:#4f46e5;border-radius:20px;font-size:11px;font-weight:700;line-height:1}.notification-status{min-height:26px;padding:5px 14px;display:flex;align-items:center;gap:7px;background:#fff;border-bottom:1px solid #f0f0f0;font-size:10px;font-weight:600;line-height:1;flex-shrink:0}.notification-status span{width:7px;height:7px;flex-shrink:0;border-radius:50%;display:inline-block;transition:background .2s ease,}.notification-status.connected{color:#15803d;background:#f0fdf4}.notification-status.connected span{background:#22c55e;box-shadow:0 0 0 3px #22c55e1f}.notification-status.disconnected{color:#ca8a04;background:#fffbeb}.notification-status.disconnected span{background:#eab308;box-shadow:0 0 0 3px #eab3081f;animation:notification-status-pulse 1.5s infinite}@keyframes notification-status-pulse{0%{opacity:1}50%{opacity:.35}to{opacity:1}}.notification-mark-all{padding:6px 10px;border:none!important;outline:none!important;background:#63558a!important;color:#fff!important;font-size:12px;font-weight:600;width:100px!important;cursor:pointer;border-radius:3px!important;white-space:nowrap;transition:background .2s ease,color .2s ease}.notification-mark-all:hover{background:transparent!important;color:#1d4ed8!important}.notification-mark-all:focus{outline:none!important;box-shadow:none!important}.notification-list{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;background:#fff}.notification-list::-webkit-scrollbar{width:6px}.notification-list::-webkit-scrollbar-track{background:#f5f5f5}.notification-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.notification-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.notification-item{position:relative;padding:14px 16px;background:#fff;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background .2s ease}@media(max-width:768px){.notification-item{position:relative;padding:14px 16px;background:#fff;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background .2s ease;border-bottom:1px solid rgb(8,8,8)!important}}.notification-item:hover{background:#f8fafc}.notification-item.unread{background:#eef6ff;padding-left:20px}.notification-item.unread:hover{background:#e3f0ff}.notification-item.unread:before{content:"";position:absolute;top:18px;left:7px;width:7px;height:7px;background:#2563eb;border-radius:50%}.notification-item-title{margin:0 0 6px;padding:0;color:#130855!important;font-size:14px;font-weight:700;line-height:1.4}.notification-item-message{margin:0 0 8px;padding:0;color:#000!important;font-size:15px;line-height:1.5;word-break:break-word}.notification-actor{display:block;margin-top:5px;color:#130855!important;font-size:15px!important;line-height:1.4;font-weight:700!important}.notification-beneficiary{display:block;margin-top:3px;color:#130855!important;font-size:11px;font-weight:600;line-height:1.4}.notification-time{display:block;margin-top:5px;color:#161d29;font-size:10px;line-height:1.4}.notification-empty{padding:45px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#9ca3af;font-size:13px}.notification-empty-icon{display:block;margin-bottom:10px;font-size:30px;opacity:.5}.notification-loading{padding:40px 20px;text-align:center;color:#6b7280;font-size:13px}.notification-error{padding:20px;text-align:center;color:#dc2626;font-size:13px}@media(max-width:600px){.notification-wrapper{position:relative!important;display:inline-flex;z-index:99999}.notification-bell-btn{width:42px;height:42px;font-size:20px}.notification-bell-icon{font-size:20px}.notification-badge{top:0;right:-2px;min-width:19px;height:19px;font-size:9px}.notification-panel{position:fixed;top:65px;right:10px;left:10px;width:auto;max-width:none;max-height:calc(100vh - 85px);border-radius:10px}.notification-panel-header{padding:13px 14px;min-height:55px}.notification-panel-title{font-size:15px}.notification-status{padding:5px 13px;font-size:9px}.notification-status span{width:6px;height:6px}.notification-item{padding:13px 14px}.notification-item.unread{padding-left:18px}.notification-item-title{font-size:13px}.notification-item-message{font-size:12px}.notification-actor,.notification-beneficiary{font-size:10px}.notification-time{font-size:9px}}@media(max-width:360px){.notification-panel{top:60px;right:5px;left:5px;max-height:calc(100vh - 70px)}.notification-panel-header{min-height:52px;padding:11px 12px}.notification-panel-title{font-size:14px}.notification-mark-all{padding:5px 7px;font-size:10px}.notification-status{min-height:24px;padding:5px 11px;font-size:9px}.notification-item{padding:12px}}.settings-page{width:100%;min-height:100vh;background:#f5f7fb;padding:30px 20px 60px;box-sizing:border-box}.settings-container{width:100%;max-width:1100px;margin:0 auto;margin-top:15%!important}.settings-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.settings-header h1{margin:0 0 7px;font-size:30px;font-weight:700;color:#172033}.settings-header p{margin:0;color:#687386;font-size:15px}.settings-account-status{display:flex;align-items:center;gap:8px;padding:9px 14px;background:#fff;border:1px solid #e3e8f0;border-radius:20px;font-size:13px;color:#4d5768}.status-dot{width:9px;height:9px;border-radius:50%;background:#999}.status-dot.active{background:#18a558}.settings-alert{display:flex;align-items:center;gap:10px;width:100%;box-sizing:border-box;margin-bottom:20px;padding:13px 15px;border-radius:9px;font-size:14px}.settings-alert button{margin-left:auto;border:none;background:transparent;cursor:pointer;font-size:20px;line-height:1}.settings-alert-error{background:#fff1f0;border:1px solid #ffd4d0;color:#b42318}.settings-alert-error button{color:#b42318}.settings-alert-success{background:#ecfdf3;border:1px solid #abefc6;color:#067647}.settings-alert-success button{color:#067647}.alert-icon{width:21px;height:21px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;font-weight:700}.settings-card{width:100%;box-sizing:border-box;background:#fff;border:1px solid #e4e8ef;border-radius:12px;margin-bottom:20px;padding:25px;box-shadow:0 2px 8px #141e320a}.settings-card-header{margin-bottom:25px}.settings-card-header h2{margin:0 0 6px;color:#172033;font-size:19px;font-weight:700}.settings-card-header p{margin:0;color:#737d8d;font-size:14px;line-height:1.5}.settings-account-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.settings-readonly{padding:15px;background:#f7f9fc;border:1px solid #e7ebf1;border-radius:9px;box-sizing:border-box}.settings-readonly span{display:block;margin-bottom:6px;color:#7a8494;font-size:12px}.settings-readonly strong{display:block;color:#273246;font-size:14px;font-weight:600;word-break:break-word}.settings-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.settings-field{display:flex;flex-direction:column;min-width:0}.settings-field-full{grid-column:1 / -1}.settings-field label{margin-bottom:8px;color:#344054;font-size:14px;font-weight:600}.settings-field input,.settings-field select,.settings-field textarea{width:100%;box-sizing:border-box;border:1px solid #d7dce5;border-radius:8px;background:#fff;color:#1d2939;padding:12px 13px;font-size:14px;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;font-family:inherit}.settings-field input{height:46px}.settings-field select{height:46px;cursor:pointer}.settings-field textarea{resize:vertical;min-height:95px;line-height:1.5}.settings-field input:focus,.settings-field select:focus,.settings-field textarea:focus{border-color:#246bfd;box-shadow:0 0 0 3px #246bfd1a}.settings-field input::placeholder,.settings-field textarea::placeholder{color:#9aa3b1}.settings-password-wrapper{position:relative;width:100%}.settings-password-wrapper input{padding-right:75px}.password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);min-width:55px;padding:7px 8px;border:none;background:transparent;color:#246bfd;cursor:pointer;font-size:13px;font-weight:600}.password-toggle:hover{color:#1554c0}.settings-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:25px;padding-top:20px;border-top:1px solid #edf0f4}.settings-btn{min-height:42px;padding:0 20px;border-radius:8px;border:none;cursor:pointer;font-size:14px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:opacity .2s ease,transform .1s ease,background .2s ease}.settings-btn:hover{opacity:.92}.settings-btn:active{transform:translateY(1px)}.settings-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.settings-btn-primary{background:#246bfd;color:#fff}.settings-btn-primary:hover{background:#1554c0}.settings-btn-secondary{background:#eef1f5;color:#344054}.settings-btn-secondary:hover{background:#e2e6ec}.button-spinner{width:15px;height:15px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:settings-spin .8s linear infinite}.settings-loading{min-height:500px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#667085}.settings-loading p{margin:0;font-size:14px}.settings-spinner{width:35px;height:35px;border:3px solid #e4e8ef;border-top-color:#246bfd;border-radius:50%;animation:settings-spin .8s linear infinite;margin-bottom:15px}@keyframes settings-spin{to{transform:rotate(360deg)}}.settings-system-card{margin-bottom:0}.settings-field input:disabled,.settings-field select:disabled,.settings-field textarea:disabled{background:#f5f6f8;color:#7a8494;cursor:not-allowed}@media(max-width:900px){.settings-account-grid,.settings-form-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.settings-page{padding:20px 14px 40px}.settings-header{align-items:flex-start;flex-direction:column}.settings-header h1{font-size:25px}.settings-header p{font-size:14px}.settings-card{padding:18px;border-radius:10px}.settings-form-grid{grid-template-columns:1fr;gap:17px}.settings-field-full{grid-column:auto}.settings-account-grid{grid-template-columns:1fr}.settings-actions{flex-direction:column-reverse;align-items:stretch}.settings-btn{width:100%}}@media(max-width:400px){.settings-page{padding:15px 10px 30px}.settings-card{padding:15px}.settings-header h1{font-size:23px}.settings-card-header h2{font-size:17px}.settings-field label,.settings-field input,.settings-field select,.settings-field textarea{font-size:13px}}*{margin:0;padding:0;box-sizing:border-box}html,body{overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}.dashboard-container{background-image:url(../assets/images/Backg\ 2.jpg);width:85%!important;height:37%!important;padding:40px;border-radius:20px!important;margin-top:10px!important;margin-left:0%!important}@media(max-width:768px){.dashboard-container{background:transparent!important;width:100%!important;height:100%!important;border-radius:20px!important;top:42%!important;position:absolute;left:0%!important}}.dashboard-header{border-radius:8px!important;margin:auto!important;border:1px solid rgb(118,118,185)!important;background:#040505ef!important;padding:15px!important}@media(max-width:768px){.dashboard-header{margin-bottom:20px;width:100%!important;border-radius:20px!important;margin:auto!important;border:1px solid rgb(118,118,185)!important;background:#040505ef!important;display:none!important}}.dashboard-header h2{font-size:30px;color:#d1b98e!important;margin-bottom:5px!important}.dashboard-header p{color:#d1b98e!important;font-size:25px!important;margin-top:-10px!important}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:0!important}.dashboard-card{display:flex;justify-content:space-between;align-items:center;padding:15px;border-radius:15px;color:#fff;box-shadow:0 0 20px #00000026;transition:.3s;margin-top:20px!important}@media(max-width:768px){.dashboard-card{display:flex;justify-content:space-between;align-items:center;padding:10px;border-radius:15px;color:#fff;box-shadow:0 0 20px #00000026;transition:.3s;margin-top:-10px!important}}.dashboard-card:hover{transform:translateY(-8px);box-shadow:0 15px 30px #0003}.card-left h4{font-size:15px;margin-bottom:12px;font-weight:500;color:#000!important;font-weight:700}.card-left h2{font-size:32px;font-weight:700;color:#000!important}.card-right{width:75px;height:75px;border-radius:50%;background:#fff3;display:flex;justify-content:center;align-items:center}.loading-container{display:flex;justify-content:center;align-items:center;height:60vh;font-size:22px}.blue{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.green{background:linear-gradient(135deg,#16a34a,#15803d)}.orange{background:linear-gradient(135deg,#f59e0b,#ea580c)}.purple{background:linear-gradient(135deg,#9333ea,#6d28d9)}.teal{background:linear-gradient(135deg,#14b8a6,#0f766e)}.red{background:linear-gradient(135deg,#ef4444,#b91c1c)}@media(max-width:992px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.dashboard-grid{grid-template-columns:1fr}.dashboard-container{padding:20px}.dashboard-header h2{font-size:25px}.card-left h2{font-size:28px}.card-right{width:65px;height:65px}}.welcome-user{display:block!important;align-items:center;gap:8px;justify-content:center!important;font-size:14px;padding:10px!important;width:85%!important;margin-top:-15px!important;border-radius:10px!important}@media(max-width:768px){.welcome-user{display:flex;align-items:center;gap:8px!important;justify-content:center!important;padding:5px!important;width:100%!important;position:absolute!important;top:38%!important;left:0%!important;border:none!important;border-radius:10px!important}}.welcome-user span{font-weight:600;color:#36b436!important;font-size:20px!important;text-align:center!important;text-transform:uppercase!important}@media(max-width:768px){.welcome-user span{font-weight:600;color:#96ce96!important;font-size:10px!important;text-align:center!important;text-transform:uppercase!important}}.welcome-user small{font-weight:600;color:#36b436!important;font-size:20px!important;text-align:center!important;text-transform:uppercase!important}@media(max-width:768px){.welcome-user small{font-weight:600;color:#96ce96!important;font-size:10px!important;text-align:center!important;text-transform:uppercase!important;margin-left:10px!important}}.admin-content{display:block!important;width:100%!important;height:100%!important;margin:17% auto auto 17%!important}@media(max-width:768px){.admin-content{display:block!important;width:100%!important;height:100%!important;margin:auto auto auto 17%!important}}:root{--primary-color: #28a745;--primary-hover: #218838;--error-color: #d9534f;--success-color: #28a745;--background-color: #7581b3;--container-bg: #171d33;--button-bg: #171d33;--button-hover-bg: #28a745;--input-border: rgba(211, 211, 240, .45);--input-focus-border: #7db8ff;--text-color: #ffffff;--muted-text: #d3d3f0;--border-radius: 12px;--box-shadow: 0 8px 24px rgba(0, 0, 0, .2)}.maincontainer{display:flex;align-items:center;justify-content:center;gap:3rem;width:100%;max-width:1250px;margin:3rem auto;padding:2rem;box-sizing:border-box}.regcontainer{width:65%!important;padding:3rem;box-sizing:border-box;border-radius:30px!important;text-align:center;margin-top:15%!important;background:#596675;background-image:url(../assets/images/Backg\ 2.jpg)}.regcontainer h1{color:#00f!important;margin-bottom:0!important}#link{width:100%!important;padding:.5rem!important;box-sizing:border-box;border:none;border-radius:10px!important;border:1px solid black!important;outline:none!important;background:#e9ecec3d!important;color:#000!important;font-size:20px!important;text-align:center!important;margin-left:0!important;margin-top:10px!important;justify-content:center!important}@media(max-width:768px){.regcontainer{width:100%!important;padding:3rem;box-sizing:border-box;border-radius:0!important;text-align:center;margin-top:60%!important;background:#596675;background-image:url(../assets/images/Backg\ 2.jpg)}}.logincontainer{width:55%!important;padding:2.5rem 3rem;box-sizing:border-box;border-radius:var(--border-radius);text-align:center;margin-top:13%!important;background-image:url(../assets/images/Backg\ 2.jpg)}@media(max-width:768px){.logincontainer{margin-top:60%!important;width:100%!important;border-radius:0!important}.logincontainer h1{text-align:center!important;color:#00f!important;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:clamp(1.7rem,3vw,2rem);margin-bottom:0!important}h1{text-align:center!important;color:#00f!important;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:clamp(1.7rem,3vw,2rem);margin-bottom:40px!important}.h1{text-align:center!important;color:#fff!important;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:clamp(1.7rem,3vw,2rem);margin-bottom:30px!important}.regcontainer h1{color:#00f!important;margin-bottom:0!important}.logincontainer>p{color:var(--muted-text);margin:.5rem 0 1.25rem}}form{display:grid;gap:1rem;width:100%}.regcontainer fieldset{display:grid;gap:.9rem;border:none!important;border-radius:10px;text-align:left}.regcontainer legend{padding:0 .5rem;color:var(--muted-text);font-weight:700}.regcontainer label{display:grid;gap:.4rem;color:var(--muted-text);font-size:.9rem}.logincontainer input{width:100%;padding:1rem .5rem;box-sizing:border-box;border:transparent!important;border-radius:10px!important;outline:none!important;background:#06080fb0!important;color:#000!important;font-size:20px!important;text-align:center!important;margin:auto!important;justify-content:center!important}input{width:100%;padding:1rem .5rem;box-sizing:border-box;border:none;border-radius:10px!important;border:1px solid black!important;outline:none!important;background:#e9ecec3d!important;color:#000!important;font-size:20px!important;text-align:center!important;margin:auto!important;justify-content:center!important}textarea{border-radius:10px!important;padding:1rem!important;text-align:center!important;height:50px!important;background:none!important;border:1px solid black!important;margin-top:10px!important;font-size:17px!important;font-family:Times New Roman,Times,serif!important}.regcontainer textarea{resize:vertical;min-height:90px}input:focus{background:none!important}::placeholder{color:#000!important;font-size:20px!important;background:transparent!important}select{cursor:pointer;border:1px solid black!important}#gender{width:100%;padding:1rem!important;box-sizing:border-box;border:none;border-radius:10px!important;border:1px solid black!important;outline:none!important;background:#e9ecec3d!important;color:#000!important;font-size:20px!important;text-align:center!important;margin:auto!important;justify-content:center!important}option{color:#171d33;background-color:#fff}button{width:100%;padding:.9rem 1rem;border:none!important;color:#fff!important;font:inherit;font-weight:700;cursor:pointer;background:#00f!important;margin-top:2px!important}#eye{background:none!important}button:hover{background:green!important}button:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}button:disabled{opacity:.65;cursor:not-allowed}.message{margin:1rem 0 0;color:var(--error-color);font-weight:700;text-align:center}.verifycon{background:#ceeae6;padding:10px!important;border-radius:10px!important;border:1px solid white}.verifycon strong{color:red!important;font-size:16px!important}.verifycon p{color:red!important;font-size:12px!important}.logincontainer>div{margin-top:.5rem}@media(max-width:900px){.maincontainer{gap:1.5rem;padding:1.5rem}.maincontainer>img{width:min(34vw,300px);height:min(34vw,300px)}}.pcon{display:flex!important;align-items:center!important;margin:auto!important;justify-content:center!important}@media(max-width:768px){.pcon{display:flex!important;align-items:center!important;margin:20px auto auto!important;justify-content:center!important}}.pcon a{width:160px!important;color:#00f!important;margin:5px!important;padding:5px!important;border-radius:10px!important}.pcon a:hover{color:#fff!important;background:green!important}@media(max-width:768px){.pcon a{width:120px!important;color:#fff!important;margin:10px!important;background:#0a22ad!important;padding:10px;border-radius:8px!important;font-size:12px!important}}@media(max-width:768px){.maincontainer{display:block;margin:1.5rem auto;padding:0!important}.maincontainer>img{display:none}.regcontainer,.logincontainer{width:100%;padding:1.25rem;border-width:1px}.regcontainer fieldset{padding:1rem}}.logincontainer form{justify-items:center}.regcontainer input:-webkit-autofill,.regcontainer input:-webkit-autofill:hover,.regcontainer input:-webkit-autofill:focus,.logincontainer input:-webkit-autofill,.logincontainer input:-webkit-autofill:hover,.logincontainer input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text-color)!important;-webkit-box-shadow:0 0 0 1000px transparent inset!important;box-shadow:0 0 0 1000px transparent inset!important;background:transparent!important;transition:background-color 9999s ease-out 0s}.arise-landing-page{min-height:100vh;background:#06080f;color:#fff;overflow-x:hidden;z-index:40000!important}.arise-landing-navbar{width:100%;min-height:75px;padding:0 6%;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08)}.arise-landing-logo{font-size:24px;font-weight:900;letter-spacing:1px;align-items:center!important;display:flex!important;gap:1rem!important}@media(min-width:769px){.arise-landing-logo{font-weight:900;letter-spacing:1px;align-items:center!important;display:flex!important;gap:200px!important}}.arise-landing-logo img{height:40px!important;width:40px!important}.arise-landing-logo span{color:rgb(180,140,66)mportant;font-size:25px!important}.arise-landing-nav{display:flex;align-items:center;gap:30px}.arise-landing-nav a{color:#fff;text-decoration:none;font-size:15px;font-weight:600;transition:color .3s ease}.arise-landing-nav a:hover{color:orange}.arise-landing-login{padding:10px 20px;border:1px solid white!important;color:#fff!important;border-radius:8px}.arise-landing-hero{min-height:680px;padding:80px 7%;box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(350px,.9fr);align-items:center;gap:70px;background:radial-gradient(circle at 20% 30%,rgba(255,165,0,.13),transparent 35%)}.arise-landing-hero-content{max-width:700px}.arise-landing-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;margin-bottom:25px;border-radius:30px;background:#ffa5001a;color:orange;font-size:13px;font-weight:700}.arise-landing-hero h1{margin:0;font-size:clamp(48px,6vw,82px);line-height:1.02;letter-spacing:-3px}.arise-landing-hero h1 span{display:block;color:orange}.arise-landing-hero-content>p{max-width:600px;margin:28px 0;color:#b8bdc9;font-size:18px;line-height:1.8}.arise-landing-hero-buttons{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.arise-landing-primary-button,.arise-landing-secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 22px;border-radius:9px;text-decoration:none;font-weight:700;transition:transform .3s ease,background .3s ease,color .3s ease}.arise-landing-primary-button{background:orange;color:#06080f}.arise-landing-primary-button:hover{transform:translateY(-2px);background:#ffb52e}.arise-landing-secondary-button{border:1px solid rgba(255,255,255,.25);color:#fff}.arise-landing-secondary-button:hover{border-color:orange;color:orange}.arise-landing-trust{display:flex;gap:25px;margin-top:35px;flex-wrap:wrap}.arise-landing-trust div{display:flex;align-items:center;gap:7px;color:#aeb4c0;font-size:13px}.arise-landing-trust svg{color:orange}.arise-landing-hero-card{display:flex;justify-content:center}.arise-finance-card{width:100%;max-width:430px;padding:30px;box-sizing:border-box;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:linear-gradient(145deg,#101521,#080b12);box-shadow:0 30px 80px #00000073}.arise-finance-card-header{display:flex;justify-content:space-between;align-items:center;color:#aeb4c0;font-size:14px}.arise-finance-card-header svg{color:orange}.arise-finance-balance{margin:45px 0}.arise-finance-balance small{display:block;margin-bottom:8px;color:#89909d}.arise-finance-balance strong{font-size:28px}.arise-finance-items{display:flex;flex-direction:column;gap:15px}.arise-finance-item{display:flex;align-items:center;gap:14px;padding:15px;border-radius:12px;background:#ffffff0a}.arise-finance-icon{width:45px;height:45px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#ffa5001a;color:orange}.arise-finance-item small{display:block;color:#89909d;margin-bottom:4px}.arise-finance-item strong{font-size:14px}.arise-finance-progress{margin-top:30px}.arise-progress-label{display:flex;justify-content:space-between;margin-bottom:10px;color:#aeb4c0;font-size:13px}.arise-progress-bar{width:100%;height:7px;overflow:hidden;border-radius:10px;background:#242a35}.arise-progress-bar div{width:75%;height:100%;border-radius:inherit;background:orange}.arise-landing-section{padding:100px 7%}.arise-section-heading{max-width:650px;margin:0 auto 60px;text-align:center}.arise-section-heading>span,.arise-about-content>span{color:orange;font-size:13px;font-weight:700;letter-spacing:2px}.arise-section-heading h2,.arise-about-content h2{margin:15px 0;font-size:clamp(32px,4vw,50px);line-height:1.15}.arise-section-heading p{color:#9299a6;line-height:1.7}.arise-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.arise-feature-card{padding:30px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:#0c1018;transition:transform .3s ease,border-color .3s ease}.arise-feature-card:hover{transform:translateY(-6px);border-color:#ffa50073}.arise-feature-icon{width:55px;height:55px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#ffa5001a;color:orange;font-size:22px}.arise-feature-card h3{margin-top:25px;font-size:21px}.arise-feature-card p{color:#9299a6;line-height:1.7;min-height:80px}.arise-feature-card a{display:inline-flex;align-items:center;gap:8px;color:orange;text-decoration:none;font-weight:700;font-size:14px}.arise-how-section{padding:100px 7%;background:#080b12}.arise-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;max-width:1100px;margin:auto}.arise-step{text-align:center}.arise-step-number{margin-bottom:20px;color:orange;font-size:35px;font-weight:900}.arise-step h3{font-size:20px}.arise-step p{color:#9299a6;line-height:1.7}.arise-about-section{padding:110px 7%;display:flex;justify-content:center}.arise-about-content{max-width:850px;text-align:center}.arise-about-content p{color:#9299a6;line-height:1.8;font-size:17px}.arise-about-list{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;margin:30px 0}.arise-about-list div{display:flex;align-items:center;gap:8px;color:#d0d4dc;font-size:14px}.arise-about-list svg{color:orange}.arise-final-cta{padding:100px 7%;text-align:center;background:radial-gradient(circle,rgba(255,165,0,.13),transparent 55%)}.arise-final-cta h2{max-width:750px;margin:auto;font-size:clamp(35px,5vw,60px)}.arise-final-cta p{color:#9299a6;margin:20px 0 30px}.arise-cta-button{display:inline-flex;align-items:center;gap:10px;padding:15px 25px;border-radius:9px;background:orange;color:#06080f;text-decoration:none;font-weight:700}.arise-landing-footer{min-height:90px;padding:20px 7%;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.08)}.arise-landing-footer p{margin:0;color:#747b88;font-size:13px}@media(max-width:768px){.arise-landing-navbar{min-height:65px;padding:0 20px}.arise-landing-logo{font-size:19px}.arise-landing-nav{gap:10px}.arise-landing-nav a:not(.arise-landing-login){display:none}.arise-landing-login{padding:8px 14px;font-size:13px!important}.arise-landing-hero{padding:60px 20px 80px;grid-template-columns:1fr;gap:50px;text-align:center}.arise-landing-badge{font-size:11px}.arise-landing-hero h1{font-size:48px;letter-spacing:-2px}.arise-landing-hero-content>p{font-size:15px}.arise-landing-hero-buttons{justify-content:center}.arise-landing-trust{justify-content:center;gap:15px}.arise-finance-card{padding:22px}.arise-landing-section,.arise-how-section,.arise-about-section{padding:75px 20px}.arise-feature-grid,.arise-steps{grid-template-columns:1fr}.arise-feature-card{text-align:center}.arise-feature-icon{margin:auto}.arise-feature-card p{min-height:auto}.arise-about-list{flex-direction:column;align-items:center}.arise-final-cta{padding:80px 20px}.arise-landing-footer{flex-direction:column;justify-content:center;text-align:center}}.user-content{margin-left:250px;padding:20px;min-height:100vh;width:calc(100% - 250px);background:none!important;box-sizing:border-box;margin-top:15%!important}@media(max-width:768px){.user-content{margin-left:0;margin-top:70px;padding:15px;width:100%;min-height:calc(100vh - 70px);box-sizing:border-box}}html,body{height:100%;margin:0;background:#050611!important}@media(max-width:768px){html,body{height:100%;margin:0;background:#06080f!important}}#root{margin:0;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;color:#1f2937;display:flex!important;flex-direction:column!important}@media(max-width:768px){#root{width:100%;margin:0;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;color:#1f2937}}#root::-webkit-scrollbar{display:none!important}.app-layout{width:var( --grid-col-fluid)}.app-layout::-webkit-scrollbar{display:none}@media(max-width:768px){.app-layout{width:var( --grid-col-fluid);background:transparent!important;flex:1;display:flex!important;flex-direction:column!important}}.app-content{display:flex!important;justify-content:center;align-items:flex-start;width:100%;height:100%!important;text-align:center}.app-content::-webkit-scrollbar{display:none!important}@media(max-width:768px){.app-content{height:100%!important;scrollbar-width:none;-ms-overflow-style:none;background:transparent!important}}.header{flex-wrap:wrap;box-sizing:border-box;width:100%;height:30%;margin-top:opx!important;justify-items:center;padding:var(--card-padding);gap:2rem;background:#06080f!important;position:fixed;justify-content:center!important;z-index:20000!important;display:flex!important}@media(max-width:768px){.header{position:fixed;top:0;left:0;width:100%;z-index:20000!important;height:35%;display:block!important;background:#06080f!important;padding:20px!important}}.titlecon{display:block!important;align-items:center!important;margin:0% auto auto!important;width:100%!important}@media(max-width:768px){.titlecon{display:block!important;align-items:center!important;margin:2% auto auto!important;width:100%!important}}.titlecon img{height:80px!important;width:80px!important;display:block!important;margin:auto!important;padding:10px!important}@media(max-width:768px){.titlecon img{height:80px!important;width:80px!important;padding:10px;border-radius:50%;margin:auto!important}}.titlecon h1{text-align:center;color:#b17c1b!important;margin-top:-5px}@media(max-width:768px){.titlecon h1{text-align:center;color:#b17c1b!important;margin-top:-2px}}.socials{display:flex!important;gap:1rem!important;margin-top:25px!important;display:none!important}@media(max-width:768px){.socials{display:flex!important;gap:1rem!important;margin-top:25px!important}}.socials a{border-radius:50%!important;border:1px solid rgb(186,48,228)!important;color:#ba30e4;padding:5px!important}.card{padding:2rem;border-radius:10px;box-shadow:0 2px 10px #0000000d;background-color:#fff;width:100%;max-width:600px}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.read-the-docs{color:#888}a{color:#2563eb;text-decoration:none;font-weight:500}a:hover{color:#1e40af}button{font-family:inherit;font-size:1rem;border-radius:6px;border:1px solid #e5e7eb;padding:.6em 1.2em;background-color:#fff;cursor:pointer;transition:background-color .2s ease-in-out,border-color .2s ease-in-out}button:hover{border-color:#2563eb}@media(prefers-color-scheme:dark){:root{--color-bg: #111827;--color-text: #f9fafb;--color-muted: #9ca3af;--color-border: #1f2937;--navbar-bg: #111827}}:root{--color-bg: #ffffff;--color-surface: #f7f7f7;--color-text: #111111;--color-muted: #666666;--color-border: #e0e0e0;--color-primary: #2563eb;--color-danger: #dc2626;--fs-2xs: clamp(10px, 1.5vw, 12px);--fs-xs: clamp(12px, 1.8vw, 14px);--fs-sm: clamp(15px, 2vw, 16px);--fs-md: clamp(16px, 2.5vw, 18px);--fs-lg: clamp(18px, 3vw, 22px);--fs-xl: clamp(25px, 4vw, 30px);--fs-2xl: clamp(20px, 5vw, 60%);--fw-light: 300;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--space-2xs: clamp(4px, .6vw, 6px);--space-xs: clamp(6px, 1vw, 10px);--space-sm: clamp(10px, 1.5vw, 14px);--space-md: clamp(14px, 2vw, 20px);--space-lg: clamp(20px, 3vw, 32px);--space-xl: clamp(28px, 4vw, 48px);--space-2xl: clamp(40px, 6vw, 80px);--shadow-xs: 0 1px 2px rgba(0,0,0,.06);--shadow-sm: 0 2px 4px rgba(0,0,0,.08);--shadow-md: 0 4px 10px rgba(0,0,0,.12);--shadow-lg: 0 10px 25px rgba(0,0,0,.15);--card-width: 100%;--card-min-width: clamp(85%, 90vw, 100%);--card-max-width: clamp(90%, 32vw, 33.333%);--card-padding: clamp(12px, 2vw, 20px);--card-radius: clamp(10px, 2vw, 16px);--card-gap: clamp(10px, 2vw, 16px);--card-shadow: var(--shadow-sm);--cards-container-width: 100%;--cards-container-max-width: clamp(92%, 96vw, 98%);--grid-width: 100%;--grid-col-fluid: clamp(100%, 30vw, 33.333%);--grid-col-wide: clamp(50%, 40vw, 25%);--grid-gap-sm: clamp(8px, 1.5vw, 14px);--grid-gap-md: clamp(12px, 2vw, 20px);--grid-gap-lg: clamp(18px, 3vw, 32px);--header-height: clamp(20%, 8vh, 60%);--header-bg: rgb(1, 0, 3);--header-color: #f9fafb;--header-padding-x: clamp(12px, 2vw, 24px);--header-padding-y: clamp(8px, 1.5vw, 16px);--header-gap: clamp(12px, 2vw, 20px);--header-logo-width: clamp(40px, 5vw, 80px);--header-logo-height: clamp(40px, 5vw, 80px);--header-title-font-size: clamp(18px, 3vw, 28px);--header-subtitle-font-size: clamp(14px, 2.5vw, 20px);--header-shadow: var(--shadow-sm);--form-width: 100%;--form-max-width: clamp(92%, 60vw, 65%);--form-gap: clamp(12px, 2vw, 24px);--label-font-size: clamp(13px, 1.4vw, 15px);--label-font-weight: var(--fw-medium);--label-color: var(--color-text);--label-margin-bottom: clamp(4px, .6vw, 8px);--input-width: 100%;--input-height: clamp(44px, 6vh, 56px);--input-padding-x: clamp(10px, 1.5vw, 16px);--input-padding-y: clamp(8px, 1.2vw, 14px);--input-font-size: clamp(14px, 1.6vw, 16px);--input-color: var(--color-text);--input-bg: var(--color-surface);--input-border-width: 1px;--input-border-color: var(--color-border);--input-border-radius: clamp(6px, 1vw, 10px);--input-focus-border: var(--color-primary);--input-focus-shadow: 0 0 0 clamp(2px, .4vw, 3px) rgba(37, 99, 235, .25);--placeholder-color: var(--color-muted);--placeholder-opacity: .75;--btn-width: 100%;--btn-padding-y: clamp(10px, 1.5vw, 16px);--btn-padding-x: clamp(14px, 2vw, 24px);--btn-font-size: clamp(14px, 1.6vw, 16px);--btn-font-weight: var(--fw-semibold);--btn-radius: clamp(8px, 1.2vw, 14px);--btn-bg-primary: var(--color-primary);--btn-text-color: #ffffff;--img-max-width: 100%;--img-min-width: clamp(10px, 20vw, 70px);--img-height: auto;--img-border-radius: clamp(6px, 1vw, 12px);--img-shadow: var(--shadow-sm);--img-gap: clamp(8px, 1.5vw, 16px)}
