:root{--primary-blue:#005bab;--light-blue:#60a5fa;--blue-50:#e7f4ff;--blue-700:#006dcc;--green:#109367;--light-green:#0db574;--green-50:#edfcf5;--green-point:#00c950;--dark-green:#008242;--red:#d5293d;--light-red:#ef4444;--red-50:#fef2f2;--orange:#ec6330;--light-orange:#f97316;--orange-50:#fef7f4;--dark:#303842;--gray-400:#92a0b5;--gray-500:#647287;--gray-100:#f1f5f9;--bg-gray:#f8fafc;--border-color:#e2e8f0;--border-dashed:#e0e6ef}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-gray);width:100vw;height:100vh;color:var(--dark);font-family:Lato,sans-serif;display:flex;overflow:hidden}#root{width:100%;height:100%;display:flex;overflow:hidden}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.w-full{width:100%}.h-full{height:100%}.hidden{display:none!important}#login-view{z-index:1000;background:#fff;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.login-wrapper{width:100%;height:100%;display:flex}.login-left{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px;display:flex}.login-right{background:var(--bg-gray);flex:1;justify-content:center;align-items:center;display:flex}.login-form-box{width:100%;max-width:480px}.admin-panel-title-login{color:var(--dark);text-align:center;margin-bottom:16px;font-size:44px;font-weight:700}.sign-in-text{color:var(--gray-500);text-align:center;margin-bottom:32px;font-size:24px}.input-field{margin-bottom:24px}.input-field label{margin-bottom:8px;font-size:18px;font-weight:500;display:block}.input-field input{border:1px solid #d9d9d9;border-radius:8px;width:100%;padding:12px 16px;font-size:16px}.btn-login{background:var(--primary-blue);color:#fff;cursor:pointer;border:none;border-radius:16px;width:100%;padding:12px;font-size:18px}.pcrcl-logo-login{object-fit:contain;width:100%;max-width:477px;height:155px}#app-view{flex:1;width:100%;min-width:0;height:100%;min-height:0;display:flex}.sidebar{background-color:var(--bg-gray);border-right:1px solid var(--border-dashed);z-index:20;flex-direction:column;flex-shrink:0;justify-content:space-between;width:274px;height:100%;padding:20px 16px;display:flex}.logo-container{align-items:center;width:100%;height:41px;margin-bottom:32px;padding:0 8px;display:flex}.logo-container img{object-fit:contain;max-width:100%;height:100%}.menu-section h3{color:var(--dark);margin-bottom:16px;padding:0 8px;font-size:18px;font-weight:400}.menu-item{cursor:pointer;color:var(--gray-400);border-radius:8px;align-items:center;gap:8px;margin-bottom:8px;padding:12px 8px;font-size:16px;text-decoration:none;display:flex}.menu-item svg{width:24px;height:24px}.menu-item.active{background-color:var(--primary-blue);color:#fff}.menu-item:not(.active):hover{background-color:var(--primary-blue);color:#fff;transition:all .2s}.logout-item:not(.active):hover{background-color:var(--red)!important;color:#fff!important}.settings-item{color:var(--gray-500);margin-top:auto;font-size:14px;font-weight:500}.main-content{background-color:#fff;flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.header{border-bottom:1px solid var(--border-dashed);flex-shrink:0;justify-content:space-between;align-items:flex-end;width:100%;padding:40px 40px 24px;display:flex}.header-title h1{margin-bottom:8px;font-size:32px;font-weight:700;line-height:1}.header-title p{color:var(--gray-500);font-size:16px;line-height:1}.header-actions{align-items:center;gap:16px;display:flex}.view-content{flex-direction:column;flex:1;gap:32px;padding:24px 40px 40px;display:flex;overflow-y:auto}.live-data-badge{border:1px solid var(--border-color);color:var(--gray-500);background-color:#fff;border-radius:12px;align-items:center;gap:12px;padding:12px 20px;font-size:14px;display:flex}.live-data-dot{background-color:var(--green-point);border-radius:50%;width:8px;height:8px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:24px;width:100%;display:grid}.stats-grid-3{grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:24px;display:grid}.stat-card{border:1px solid var(--gray-100);background-color:#fff;border-radius:20px;flex-direction:column;gap:20px;padding:28px;transition:transform .3s;display:flex}.stat-card:hover{transform:scale(1.02)}.stat-card.primary{background-color:var(--primary-blue);border-color:var(--primary-blue);color:#fff}.stat-header{justify-content:space-between;align-items:flex-start;display:flex}.stat-info{flex-direction:column;gap:12px;display:flex}.stat-title{color:var(--gray-500);align-items:center;gap:8px;font-size:15px;font-weight:500;display:flex}.stat-card.primary .stat-title{color:#ffffffe6}.stat-value{font-size:44px;font-weight:700;line-height:1}.text-green{color:var(--green)}.text-red{color:var(--red)}.text-orange{color:var(--orange)}.stat-icon{color:#fff;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.stat-icon svg{width:28px;height:28px}.bg-green-gradient{background:linear-gradient(180deg, var(--green) 0%, var(--light-green) 100%)}.bg-red-gradient{background:linear-gradient(180deg, var(--red) 0%, var(--light-red) 100%)}.bg-orange-gradient{background:linear-gradient(180deg, var(--orange) 0%, var(--light-orange) 100%)}.bg-white-transparent{background:#fff3}.stat-badge{border-radius:10px;align-items:center;gap:8px;width:fit-content;padding:6px 12px;font-size:13px;font-weight:500;display:inline-flex}.badge-green{background-color:var(--green-50);color:var(--green)}.badge-red{background-color:var(--red-50);color:var(--red)}.badge-orange{background-color:var(--orange-50);color:var(--orange)}.badge-white{color:#fff;background-color:#ffffff1a}.charts-row{gap:24px;width:100%;display:flex}.chart-card{border:1px solid var(--gray-100);background-color:#fff;border-radius:20px;flex-direction:column;padding:32px;display:flex}.bar-chart-card{flex:1}.pie-chart-card{flex-shrink:0;width:496px}.chart-header{margin-bottom:24px}.chart-title{color:var(--dark);margin-bottom:4px;font-size:20px;font-weight:700}.chart-subtitle{color:var(--gray-500);font-size:14px}.chart-legend{justify-content:flex-end;gap:16px;margin-top:-40px;display:flex}.legend-item{color:var(--gray-500);align-items:center;gap:8px;font-size:14px;display:flex}.legend-color{border-radius:6px;width:16px;height:16px}.legend-blue{background-color:var(--primary-blue)}.legend-lightblue{background-color:var(--light-blue)}.bar-chart-area{width:100%;height:320px;margin-top:16px;position:relative}.y-axis{flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0}.y-axis-line{border-bottom:1px dashed var(--border-dashed);align-items:center;height:0;display:flex;position:relative}.y-axis-line:last-child{border-bottom:1px solid var(--border-dashed)}.y-axis-label{text-align:right;width:20px;color:var(--gray-500);font-size:14px;position:absolute;left:-24px}.bars-container{justify-content:space-around;align-items:flex-end;padding-left:32px;padding-right:16px;display:flex;position:absolute;inset:0}.bar{border-radius:2px 2px 0 0;width:64px;position:absolute}.bar-debt{background-color:var(--primary-blue);height:75%;left:20%}.bar-loan{background-color:var(--light-blue);height:58%;right:20%}.x-axis{width:100%;color:var(--gray-500);justify-content:space-around;padding-left:32px;font-size:14px;display:flex;position:absolute;bottom:-32px;left:0}.x-axis-label-debt{position:absolute;left:20%}.x-axis-label-loan{position:absolute;right:22%}.chart-summary-boxes{gap:16px;margin-top:64px;display:flex}.summary-box{background-color:var(--bg-gray);border-radius:12px;flex-direction:column;flex:1;padding:16px;display:flex}.summary-value{font-size:28px;font-weight:700;line-height:1.2}.summary-label{color:var(--gray-500);margin-top:4px;font-size:13px}.val-blue{color:var(--primary-blue)}.val-lightblue{color:#0284c7}.donut-chart-container{justify-content:center;align-items:center;width:100%;height:280px;margin-top:24px;display:flex;position:relative}.donut-svg{width:224px;height:224px;transform:rotate(-90deg)}.donut-label-corp{color:gray;font-size:12px;position:absolute;top:20%;left:20%}.donut-label-bank{color:gray;font-size:12px;position:absolute;bottom:20%;right:20%}.breakdown-list{flex-direction:column;gap:12px;margin-top:16px;display:flex}.breakdown-item{background-color:var(--bg-gray);border-radius:10px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.breakdown-info{align-items:center;gap:12px;display:flex}.breakdown-circle{border-radius:50%;width:32px;height:32px}.circle-blue{background-color:var(--primary-blue)}.circle-green{background-color:var(--green)}.breakdown-name{color:var(--dark);font-size:14px;font-weight:500}.breakdown-val{font-size:18px;font-weight:700}.val-green{color:var(--green)}.activity-section{border:1px solid var(--gray-100);background-color:#fff;border-radius:20px;flex-direction:column;padding:32px;display:flex}.activity-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.btn-view-all{background-color:var(--bg-gray);border:1px solid var(--border-color);color:var(--gray-500);cursor:pointer;border-radius:10px;padding:8px 16px;font-size:14px;font-weight:500;transition:background-color .2s}.activity-list{flex-direction:column;gap:12px;display:flex}.activity-item{background-color:var(--bg-gray);cursor:pointer;border-radius:16px;justify-content:space-between;align-items:center;padding:20px;display:flex}.activity-details{flex-direction:column;gap:8px;display:flex}.activity-title-row{align-items:center;gap:16px;display:flex}.activity-title{color:var(--dark);font-size:16px;font-weight:700}.activity-ntn{color:var(--gray-400);font-size:13px}.activity-meta{color:var(--gray-500);align-items:center;gap:8px;font-size:13px;display:flex}.meta-dot{color:var(--gray-400);font-size:16px;line-height:1}.activity-status-col{align-items:center;gap:16px;display:flex}.activity-time{color:var(--gray-400);text-align:right;width:100px;font-size:13px}.status-badge{border:1px solid;border-radius:16px;justify-content:center;align-items:center;min-width:76px;padding:4px 12px;font-size:10px;display:flex}.status-pending{background-color:var(--orange-50);border-color:var(--orange);color:var(--orange)}.status-approved{background-color:var(--green-50);border-color:var(--green);color:var(--green)}.status-review{background-color:var(--blue-50);border-color:var(--blue-700);color:var(--blue-700)}.status-rejected{background-color:var(--red-50);border-color:var(--red);color:var(--red)}@keyframes lms-dot-pulse{0%,to{opacity:1}50%{opacity:.25}}.lms-status-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-right:6px;animation:2s ease-in-out infinite lms-dot-pulse;display:inline-block}.lms-status-active{color:#008242;background:#e6f4ea;border:1px solid #00824259;border-radius:16px;align-items:center;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.lms-status-active .lms-status-dot{background:#008242}.lms-status-pending-loan{color:#92580a;background:#fff8ee;border:1px solid #b4640059;border-radius:16px;align-items:center;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.lms-status-pending-loan .lms-status-dot,.lms-status-pending-loan .lms-status-dot:after{background:#b45309}@media (width<=1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.charts-row{flex-direction:column}.pie-chart-card{width:100%}.app-card,.user-card{width:calc(50% - 12px)}}@media (width<=768px){#app-view{flex-direction:column}.sidebar{border-right:none;border-bottom:1px solid var(--border-dashed);white-space:nowrap;flex-direction:row;width:100%;height:auto;padding:12px 16px;overflow-x:auto}.logo-container{width:auto;margin-bottom:0;margin-right:16px}.menu-section{flex-direction:row;align-items:center;gap:8px;display:flex}.menu-section h3{display:none}.menu-item{margin-bottom:0}.settings-item{margin-left:auto;margin-top:0!important}.header{flex-direction:column;align-items:flex-start;gap:16px;padding:24px}.header-actions,.search-container{width:100%}.view-content{padding:16px}.stats-grid{grid-template-columns:1fr}.app-card,.user-card{width:100%}.login-wrapper{flex-direction:column-reverse}.login-left,.login-right{padding:20px}.login-right{flex:none;padding-top:40px}.pcrcl-logo-login{height:100px}.filters-bar{flex-direction:column;align-items:flex-start;gap:16px}.filters-left{flex-wrap:wrap}.detail-top-row,.section>.flex.gap-4{flex-direction:column}.activity-item{flex-direction:column;align-items:flex-start;gap:12px}.activity-status-col{justify-content:space-between;width:100%}.activity-time{text-align:left}}.search-container{background:var(--bg-gray);border-radius:24px;align-items:center;gap:10px;width:439px;height:50px;padding:0 12px;display:flex}.search-container input{background:0 0;border:none;outline:none;width:100%;font-size:14px}.filters-bar{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.filters-left{align-items:center;gap:10px;display:flex}.filter-label{color:#454f5e;align-items:center;gap:6px;font-size:18px;display:flex}.status-btn{cursor:pointer;background:var(--bg-gray);color:var(--gray-400);border:none;border-radius:16px;justify-content:center;align-items:center;padding:6px 12px;font-size:14px;transition:all .2s;display:flex}.status-btn.active{background:var(--dark-green);color:#fff}.create-btn{background:var(--dark-green);color:#fff;cursor:pointer;border:none;border-radius:16px;align-items:center;gap:6px;padding:10px 16px;font-size:14px;display:flex}.cards-grid{flex-wrap:wrap;gap:24px;width:100%;display:flex}.app-card{background:var(--bg-gray);cursor:pointer;border-radius:16px;flex-direction:column;gap:12px;width:calc(33.333% - 16px);padding:16px;transition:transform .3s;display:flex;position:relative}.app-card:hover{transform:scale(1.02)}.app-card-top{flex-direction:column;gap:6px;height:128px;display:flex}.company-name{color:var(--dark);font-size:18px;font-weight:700}.ntn{color:var(--gray-500);margin-bottom:8px;font-size:14px}.contact-row{color:var(--gray-500);align-items:center;gap:6px;margin-bottom:4px;font-size:14px;display:flex}.contact-row svg{width:16px;height:16px}.card-divider{background:var(--border-dashed);width:100%;height:1px;margin:8px 0}.app-card-bottom{justify-content:space-between;align-items:center;display:flex}.applied-date{color:var(--gray-500);font-size:12px;font-weight:700}.user-card{background:var(--bg-gray);border-radius:16px;flex-direction:column;gap:12px;width:calc(33.333% - 16px);padding:16px;transition:transform .3s;display:flex}.user-card:hover{transform:scale(1.02)}.user-card-top{justify-content:space-between;display:flex}.user-details{flex-direction:column;gap:6px;display:flex}.user-card-actions{flex-direction:column;gap:8px;display:flex}.action-icon{cursor:pointer;color:var(--primary-blue)}.action-icon.delete{color:var(--red)}.role-title{color:var(--primary-blue);margin-bottom:8px;font-size:14px}.modal-overlay{z-index:100;opacity:0;pointer-events:none;background:#00000080;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;inset:0}.modal-overlay.active{opacity:1;pointer-events:auto}.modal-content{background:#fff;border-radius:16px;width:100%;max-width:500px;padding:32px;position:relative}.modal-close{cursor:pointer;color:var(--gray-500);background:0 0;border:none;font-size:20px;position:absolute;top:24px;right:24px}.form-group{margin-bottom:16px}.form-group label{margin-bottom:8px;font-size:14px;font-weight:500;display:block}.form-control{border:1px solid var(--border-dashed);border-radius:8px;width:100%;padding:10px 12px;font-size:14px}.btn-submit{background:var(--primary-blue);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:10px 24px;font-size:14px}.application-detail{flex-direction:column;width:100%;display:flex}.detail-top-row{justify-content:space-between;gap:24px;margin-bottom:24px;display:flex}.applicant-info{flex-direction:column;gap:12px;min-width:250px;display:flex}.section-subtitle{color:#454f5e;font-size:18px}.details-card{background:var(--bg-gray);border-radius:16px;flex-direction:column;gap:8px;padding:16px;display:flex}.status-container{align-items:center;gap:12px;display:flex}.section{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.section-header{align-items:center;gap:8px;display:flex}.section-title{color:#454f5e;font-size:20px}.info-card{background:var(--bg-gray);border-radius:16px;flex-direction:column;gap:6px;padding:16px;display:flex}.info-card-title{color:var(--gray-500);font-size:14px}.info-value-text{color:var(--gray-500);font-size:16px}.inner-box{background:#fff;border-radius:16px;align-items:center;gap:8px;padding:6px 12px;display:inline-flex}.lms-schedule-view,.lms-ops-view{flex-direction:column;gap:24px;display:flex}.lms-back-btn{background:var(--bg-gray);border:1px solid var(--border-dashed);color:var(--gray-500);cursor:pointer;border-radius:12px;align-items:center;gap:6px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.lms-back-btn:hover{background:var(--primary-blue);color:#fff;border-color:var(--primary-blue)}.lms-page-title-with-back{align-items:center;gap:10px;display:flex}.lms-back-arrow{background:var(--bg-gray);border:1px solid var(--border-dashed);width:32px;height:32px;color:var(--gray-500);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.lms-back-arrow:hover{background:var(--primary-blue);color:#fff;border-color:var(--primary-blue)}.lms-row-edit-btn{border:1px solid var(--border-dashed);background:var(--bg-gray);width:24px;height:24px;color:var(--gray-400);cursor:pointer;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.lms-row-edit-btn:hover{background:var(--primary-blue);color:#fff;border-color:var(--primary-blue)}.lms-page-btn{border:1px solid var(--border-color);color:var(--dark);cursor:pointer;background:#fff;border-radius:20px;padding:5px 14px;font-size:13px;font-weight:600;transition:background .15s}.lms-page-btn:hover:not(:disabled){background:var(--bg-gray)}.lms-page-btn:disabled{opacity:.4;cursor:not-allowed}.lms-filter-tab{border:1px solid var(--border-color);color:var(--gray-500);cursor:pointer;background:#fff;border-radius:20px;align-items:center;gap:6px;padding:5px 14px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.lms-filter-tab:hover{background:var(--bg-gray);color:var(--dark)}.lms-filter-tab--active{background:var(--dark-green);color:#fff;border-color:var(--dark-green)}.lms-filter-tab-count{background:#fff3;border-radius:10px;padding:1px 6px;font-size:11px}.lms-filter-tab:not(.lms-filter-tab--active) .lms-filter-tab-count{background:var(--gray-100);color:var(--gray-500)}.lms-status-pill{border:1.5px solid var(--chip-color);height:28px;color:var(--chip-color);cursor:pointer;white-space:nowrap;background:0 0;border-radius:999px;align-items:center;padding:0 12px;font-family:Lato,sans-serif;font-size:12px;font-weight:700;transition:background .15s,color .15s,filter .15s;display:inline-flex}.lms-status-pill:hover{opacity:.8}.lms-status-pill--active{background:var(--chip-color);color:#fff}.lms-status-pill--active:hover{filter:brightness(.9);opacity:1}.lms-receipt-list{flex-direction:column;gap:8px;margin-top:8px;display:flex}.lms-receipt-item{background:var(--bg-gray);border:1px solid var(--border-dashed);border-radius:8px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:13px;display:flex}.lms-receipt-link{color:var(--primary-blue);font-size:12px;font-weight:600;text-decoration:none}.lms-receipt-link:hover{text-decoration:underline}.lms-section-divider{border:none;border-top:1px solid var(--border-dashed);margin:4px 0}.lms-kpi-row{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.lms-kpi-card{border:1px solid var(--border-dashed);background:#fff;border-radius:16px;padding:20px;position:relative;overflow:hidden}.lms-kpi-card:before{content:"";height:4px;position:absolute;top:0;left:0;right:0}.kpi-top-blue:before{background:var(--primary-blue)}.kpi-top-green:before{background:var(--dark-green)}.kpi-top-orange:before{background:var(--orange)}.kpi-top-red:before{background:var(--red)}.lms-kpi-label{color:var(--gray-400);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:11px;font-weight:700}.lms-kpi-value{font-size:22px;font-weight:900}.lms-kpi-sub{color:var(--gray-400);margin-top:4px;font-size:12px}.lms-progress-section{border:1px solid var(--border-dashed);background:#fff;border-radius:16px;padding:24px}.lms-progress-header{color:var(--dark);justify-content:space-between;margin-bottom:12px;font-size:14px;font-weight:600;display:flex}.lms-progress-bar-outer{background:var(--bg-gray);border-radius:99px;height:10px;overflow:hidden}.lms-progress-bar-inner{background:linear-gradient(90deg, var(--primary-blue), var(--dark-green));border-radius:99px;height:100%;transition:width .4s}.lms-progress-legend{flex-wrap:wrap;gap:20px;margin-top:12px;display:flex}.lms-leg-item{color:var(--gray-500);align-items:center;gap:6px;font-size:12px;display:flex}.lms-leg-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.lms-table-panel{border:1px solid var(--border-dashed);background:#fff;border-radius:20px;overflow:hidden}.lms-table-header{border-bottom:1px solid var(--bg-gray);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.lms-table-header h3{color:var(--dark);font-size:16px;font-weight:700}.lms-search-box{border:1px solid var(--border-dashed);border-radius:8px;align-items:center;gap:8px;width:240px;padding:8px 14px;display:flex}.lms-search-box input{background:0 0;border:none;outline:none;width:100%;font-family:Lato,sans-serif;font-size:13px}.lms-search-box:focus-within{border-color:var(--primary-blue)}.lms-table{border-collapse:collapse;width:100%}.lms-table thead th{background:var(--bg-gray);text-transform:uppercase;letter-spacing:.6px;color:var(--gray-400);text-align:left;border-bottom:1px solid var(--border-dashed);white-space:nowrap;padding:12px 20px;font-size:11px;font-weight:700}.lms-table tbody tr{border-bottom:1px solid var(--bg-gray);transition:background .15s}.lms-table tbody tr:last-child{border-bottom:none}.lms-table tbody tr:hover{background:var(--bg-gray)}.lms-table tbody td{color:var(--dark);padding:14px 20px;font-size:14px}.lms-td-no{color:var(--gray-400);font-size:12px;font-weight:700}.lms-td-date{color:var(--dark);font-weight:600}.lms-td-due{color:var(--gray-500);font-weight:600}.lms-td-paid{color:var(--dark-green);font-weight:700}.lms-td-charge{color:var(--orange);font-weight:600}.lms-table-footer{border-top:1px solid var(--border-dashed);color:var(--gray-500);padding:14px 24px;font-size:13px}.lms-badge{text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-flex}.lms-badge-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.lms-badge-paid{background:var(--green-50);color:#0c7050}.lms-badge-paid .lms-badge-dot{background:var(--dark-green)}.lms-badge-pending{color:#9b7d02;background:#ffffe6}.lms-badge-pending .lms-badge-dot{background:#9b7d02}.lms-badge-overdue{background:var(--red-50);color:var(--red)}.lms-badge-overdue .lms-badge-dot{background:var(--red)}.lms-badge-partial{background:var(--blue-50);color:var(--primary-blue)}.lms-badge-partial .lms-badge-dot{background:var(--primary-blue)}.lms-view-btn{background:var(--primary-blue);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:10px;padding:8px 16px;font-size:13px;font-weight:600;transition:background .2s}.lms-view-btn:hover{background:var(--blue-700)}.lms-receipt-btn{background:var(--blue-50);color:var(--primary-blue);cursor:pointer;white-space:nowrap;border:1px solid #005bab40;border-radius:8px;align-items:center;gap:5px;padding:6px 12px;font-size:12px;font-weight:700;transition:all .15s;display:inline-flex}.lms-receipt-btn:hover{background:var(--primary-blue);color:#fff}.lms-upload-btn{color:var(--gray-500);border:1px solid var(--border-dashed);cursor:pointer;white-space:nowrap;background:#fff;border-radius:8px;align-items:center;gap:5px;padding:6px 12px;font-size:12px;font-weight:700;transition:all .15s;display:inline-flex}.lms-upload-btn:hover{background:var(--dark-green);color:#fff;border-color:var(--dark-green)}.lms-upload-btn--update{background:var(--green-50);color:var(--dark-green);border-color:#0082424d}.lms-upload-btn--update:hover{background:var(--dark-green);color:#fff}.lms-empty-state{border:1px solid var(--border-dashed);text-align:center;background:#fff;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;padding:64px 24px;display:flex}.lms-modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1000;background:#00000073;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.lms-modal{background:#fff;border-radius:20px;flex-direction:column;width:100%;max-width:480px;display:flex;overflow:hidden;box-shadow:0 24px 60px #0000002e}.lms-modal-header{border-bottom:1px solid var(--border-dashed);justify-content:space-between;align-items:flex-start;padding:24px 24px 18px;display:flex}.lms-modal-title{color:var(--dark);font-size:18px;font-weight:800}.lms-modal-sub{color:var(--gray-400);margin-top:4px;font-size:12px}.lms-modal-close{border:1px solid var(--border-dashed);background:var(--bg-gray);width:32px;height:32px;color:var(--gray-500);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.lms-modal-close:hover{background:var(--red-50);color:var(--red);border-color:var(--red)}.lms-modal-body{flex-direction:column;gap:16px;padding:20px 24px;display:flex}.lms-modal-info-row{background:var(--bg-gray);color:var(--gray-500);border-radius:10px;justify-content:space-between;align-items:center;padding:10px 14px;font-size:13px;display:flex}.lms-modal-field{flex-direction:column;gap:6px;display:flex}.lms-modal-field label{color:var(--gray-500);text-transform:uppercase;letter-spacing:.4px;font-size:12px;font-weight:700}.lms-amount-input{border:1px solid var(--border-dashed);width:100%;color:var(--dark);box-sizing:border-box;border-radius:10px;outline:none;padding:10px 14px;font-family:Lato,sans-serif;font-size:15px;font-weight:600;transition:border-color .15s}.lms-amount-input:focus{border-color:var(--primary-blue)}.lms-upload-area{border:2px dashed var(--border-dashed);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;min-height:100px;transition:all .2s;display:flex}.lms-upload-area:hover,.lms-upload-area--over{border-color:var(--primary-blue);background:var(--blue-50)}.lms-upload-area--filled{border-style:solid;border-color:var(--dark-green);background:var(--green-50)}.lms-upload-empty{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:20px;display:flex}.lms-upload-empty p{color:var(--gray-500);margin:0;font-size:13px;font-weight:600}.lms-upload-empty span{color:var(--gray-400);font-size:11px}.lms-upload-filled{align-items:center;gap:10px;width:100%;padding:14px 16px;display:flex}.lms-upload-filename{color:var(--dark);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;font-weight:600;overflow:hidden}.lms-upload-remove{border:1px solid var(--border-dashed);width:24px;height:24px;color:var(--gray-400);cursor:pointer;background:#fff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.lms-upload-remove:hover{background:var(--red-50);color:var(--red);border-color:var(--red)}.lms-modal-footer{border-top:1px solid var(--border-dashed);gap:10px;padding:16px 24px 20px;display:flex}.lms-modal-cancel{border:1px solid var(--border-dashed);background:var(--bg-gray);color:var(--gray-500);cursor:pointer;border-radius:10px;flex:1;padding:11px;font-family:Lato,sans-serif;font-size:14px;font-weight:600;transition:all .15s}.lms-modal-cancel:hover{background:#e8eaed}.lms-modal-submit{background:var(--dark-green);color:#fff;cursor:pointer;border:none;border-radius:10px;flex:2;padding:11px;font-family:Lato,sans-serif;font-size:14px;font-weight:700;transition:background .15s}.lms-modal-submit:hover{background:var(--primary-blue)}.lms-modal-submit-green{background:var(--green);color:#fff;cursor:pointer;border:none;border-radius:10px;flex:1;padding:11px;font-family:Lato,sans-serif;font-size:14px;font-weight:700;transition:background .15s}.lms-modal-submit-green:hover{background:var(--dark-green)}.lms-modal-submit-green:disabled,.lms-modal-submit:disabled{background:var(--gray-400);cursor:not-allowed;opacity:.6}@keyframes receipt-row-pulse{0%,to{background-color:#0000}50%{background-color:#e6890a2e}}@keyframes receipt-dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.65)}}.lms-receipt-pending-row{animation:2s ease-in-out infinite receipt-row-pulse;box-shadow:inset 4px 0 #e6890a}.lms-receipt-dot{background:#e6890a;border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:1.4s ease-in-out infinite receipt-dot-pulse;display:inline-block}.lms-receipt-banner{color:#92580a;background:#fff8ee;border:1px solid #e6890a59;border-radius:12px;align-items:center;gap:10px;padding:12px 18px;font-size:13px;font-weight:600;display:flex}.lms-receipt-banner-dot{background:#e6890a;border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:1.4s ease-in-out infinite receipt-dot-pulse}@keyframes online-blink{0%,to{opacity:1}50%{opacity:.2}}.user-online-dot{background-color:var(--green-point);border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:1.2s ease-in-out infinite online-blink;display:inline-block}@keyframes counter-offer-blink{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 0 3px #e6890a40}50%{opacity:.5;transform:scale(.75);box-shadow:0 0 0 2px #e6890a1a}}.counter-offer-dot{background:#e6890a;border-radius:50%;width:11px;height:11px;animation:1.3s ease-in-out infinite counter-offer-blink;position:absolute;top:12px;right:12px}@keyframes awaiting-offer-pulse{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 0 3px #f59e0b40}50%{opacity:.5;transform:scale(.75);box-shadow:0 0 0 2px #f59e0b1a}}.awaiting-offer-dot{background:#f59e0b;border-radius:50%;width:11px;height:11px;animation:1.3s ease-in-out infinite awaiting-offer-pulse;position:absolute;top:12px;left:12px}.sidebar-offer-pill{color:#fff;background:#f59e0b;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;line-height:1;display:flex}@keyframes awaiting-offer-text-pulse{0%,to{opacity:1}50%{opacity:.4}}.awaiting-offer-label{color:#d97706;font-size:13px;font-weight:600;animation:1.5s ease-in-out infinite awaiting-offer-text-pulse}.filter-topbar{border:1px solid var(--border-dashed);background:#fff;border-bottom:none;border-radius:12px 12px 0 0;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 20px;display:flex}.search-pill{background:var(--bg-gray);border-radius:20px;flex-shrink:0;align-items:center;gap:8px;height:38px;padding:0 14px;display:flex}.search-pill input{width:100%;color:var(--dark);background:0 0;border:none;outline:none;font-family:Lato,sans-serif;font-size:13px}.filter-vsep{background:var(--border-dashed);flex-shrink:0;width:1px;height:24px}.filter-right{align-items:center;gap:8px;margin-left:auto;display:flex}.qf-btn{border:1.5px solid var(--border-dashed);color:var(--gray-500);cursor:pointer;white-space:nowrap;background:#fff;border-radius:8px;align-items:center;gap:7px;padding:8px 14px;font-family:Lato,sans-serif;font-size:13px;font-weight:700;transition:all .15s;display:flex}.qf-btn.open{border-color:var(--primary-blue);color:var(--primary-blue);background:var(--blue-50)}.qf-panel{border:1px solid var(--border-dashed);border-top:1px solid var(--bg-gray);background:#fff;grid-template-columns:repeat(4,1fr);gap:12px;padding:14px 20px 16px;display:grid}.qf-panel-label{text-transform:uppercase;letter-spacing:.5px;color:var(--gray-400);grid-column:1/-1;align-items:center;gap:8px;margin-bottom:-2px;font-size:10px;font-weight:700;display:flex}.qf-panel-label:after{content:"";background:var(--border-dashed);flex:1;height:1px}.qf-field{border:1px solid var(--border-dashed);background:#fff;border-radius:8px;padding:7px 10px 7px 12px;transition:border-color .15s;position:relative}.qf-field:hover{border-color:var(--primary-blue)}.qf-field label{color:var(--gray-400);letter-spacing:.5px;text-transform:uppercase;background:#fff;padding:0 4px;font-size:10px;font-weight:700;position:absolute;top:-8px;left:10px}.qf-field select{width:100%;color:var(--gray-500);appearance:none;cursor:pointer;background:0 0;border:none;outline:none;padding-right:18px;font-family:Lato,sans-serif;font-size:13px}.qf-field-arr{color:var(--gray-400);pointer-events:none;font-size:9px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.lms-table-panel-connected{border-top:none!important;border-radius:0 0 16px 16px!important}.lms-tabs-group{background:var(--bg-gray);border-radius:10px;flex-shrink:0;align-items:center;gap:0;padding:3px;display:flex}.lms-status-tab{cursor:pointer;color:var(--gray-500);white-space:nowrap;background:0 0;border:none;border-radius:7px;padding:6px 12px;font-family:Lato,sans-serif;font-size:12px;font-weight:700;transition:all .15s}.lms-status-tab:hover{color:var(--dark);background:#0000000a}.lms-status-tab.tab-all.active{color:var(--dark);background:#fff;box-shadow:0 1px 3px #00000014}.lms-status-tab.tab-overdue.active{color:#b91c1c;background:#fee2e2;box-shadow:0 1px 3px #00000014}.lms-status-tab.tab-pending.active{color:#92400e;background:#fef3c7;box-shadow:0 1px 3px #00000014}.lms-status-tab.tab-partial.active{background:var(--blue-50);color:#1d4ed8;box-shadow:0 1px 3px #00000014}.lms-status-tab.tab-paid.active{background:var(--green-50);color:var(--dark-green);box-shadow:0 1px 3px #00000014}.lms-pending-section{border:1px solid var(--border-dashed);background:#fff;border-radius:14px;overflow:hidden}.lms-pending-header{border-bottom:1px solid var(--bg-gray);justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.lms-pending-title{color:var(--dark);align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.lms-pending-badge{color:#e6890a;background:#e6890a1f;border-radius:10px;align-items:center;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.lms-pending-table{border-collapse:collapse;width:100%}.lms-pending-table thead th{background:var(--bg-gray);text-transform:uppercase;letter-spacing:.6px;color:var(--gray-400);text-align:left;border-bottom:1px solid var(--border-dashed);padding:9px 18px;font-size:10px;font-weight:700}.lms-pending-table tbody tr{border-bottom:1px solid var(--bg-gray)}.lms-pending-table tbody tr:last-child{border-bottom:none}.lms-pending-table tbody td{color:var(--dark);vertical-align:middle;padding:11px 18px;font-size:13px}.lms-pending-approve-btn{background:var(--dark-green);color:#fff;cursor:pointer;border:none;border-radius:7px;margin-right:6px;padding:5px 12px;font-family:Lato,sans-serif;font-size:12px;font-weight:700}.lms-pending-approve-btn:disabled{opacity:.6;cursor:not-allowed}.lms-pending-reject-btn{color:var(--red);border:1px solid var(--red);cursor:pointer;background:0 0;border-radius:7px;padding:5px 12px;font-family:Lato,sans-serif;font-size:12px;font-weight:700}.lms-pending-reject-btn:disabled{opacity:.6;cursor:not-allowed}.lms-export-dropdown{display:inline-block;position:relative}.lms-export-btn{background:var(--primary-blue);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:7px;align-items:center;gap:6px;padding:6px 14px;font-family:Lato,sans-serif;font-size:12.5px;font-weight:600;transition:filter .15s;display:flex}.lms-export-btn:hover{filter:brightness(1.12)}.lms-export-menu{border:1px solid var(--border-dashed);z-index:300;background:#fff;border-radius:9px;min-width:158px;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 8px 24px #005bab1f,0 2px 6px #00000012}.lms-export-menu button{text-align:left;cursor:pointer;width:100%;color:var(--dark);background:0 0;border:none;align-items:center;gap:9px;padding:10px 15px;font-family:Lato,sans-serif;font-size:13px;font-weight:500;transition:background .1s;display:flex}.lms-export-menu button:hover{background:#f0f5fb}.lms-export-menu button+button{border-top:1px solid var(--border-dashed)}