.loan-panel{margin-top:14px;background:linear-gradient(128deg,#fffdfb,#fff4f2);border-color:#f0d9d6}.loan-panel .panel-title>div>span,.loan-payslip-panel .panel-title>div>span{background:#5a1622;color:#fff;font-family:Georgia,serif;font-size:11px}.loan-form{display:grid;gap:10px;margin-top:16px}.loan-form>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.loan-form label{display:grid;gap:4px;color:#825b62;font-size:9px;font-weight:800}.loan-form input,.loan-form textarea{width:100%;box-sizing:border-box;border:1px solid #ecd9d6;border-radius:9px;background:#fff;padding:9px;color:#4a1a21;font-size:11px;outline:0}.loan-form textarea{min-height:57px;resize:vertical}.loan-form input:focus,.loan-form textarea:focus{border-color:#dc5267;box-shadow:0 0 0 3px #ffebed}.loan-plan{margin:0;padding:9px 10px;border-radius:9px;background:#fff2e4;color:#946531;font-size:8px;line-height:1.45}.loan-active-card{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-top:15px;overflow:hidden;border:1px solid #efd8d4;border-radius:13px;background:#efd8d4}.loan-active-card>div{padding:12px;background:#fff}.loan-active-card small,.loan-active-card b,.loan-active-card span{display:block}.loan-active-card small{color:#ad7780;font-size:8px;font-weight:900;letter-spacing:.65px}.loan-active-card b{margin:5px 0 3px;color:#561722;font-family:Georgia,serif;font-size:18px;font-weight:500}.loan-active-card span{color:#96777b;font-size:8px}.loan-explanation,.loan-payslip-balance{margin:10px 0 0;color:#886e72;font-size:9px;line-height:1.45}.loan-payslip-balance{padding:9px;border-radius:9px;background:#fff4e9;color:#8a6330}.loan-payslip-balance b{color:#63222b}.loan-request-review{padding:15px 2px!important}.loan-request-review .request-type{background:#5b1622;color:#fff;font-family:Georgia,serif}.loan-request-amount{padding:7px 8px;border-radius:8px;background:#fff3e6;color:#855b2e!important}.loan-request-amount b{display:inline;color:#5b252c;font-size:10px}.loan-approval-inputs{display:grid;width:100%;grid-template-columns:1fr 1fr;gap:6px}.loan-approval-inputs label{display:grid;gap:3px;color:#9c7279;font-size:8px;font-weight:900}.loan-approval-inputs input{width:100%!important}.loan-control-panel{margin-bottom:18px}.loan-control-list{border-top:1px solid #f1e5e2}.loan-control-row{display:grid;grid-template-columns:1.25fr repeat(3,minmax(110px,.75fr)) minmax(120px,.9fr);align-items:center;gap:10px;padding:13px 4px;border-bottom:1px solid #f2e5e3}.loan-control-row>div:not(.employee-name) small,.loan-control-row>div:not(.employee-name) b,.loan-control-row>div:not(.employee-name) span{display:block}.loan-control-row>div:not(.employee-name) small{color:#aa7980;font-size:8px;font-weight:900;letter-spacing:.55px}.loan-control-row>div:not(.employee-name) b{margin-top:4px;color:#55212a;font-size:10px}.loan-control-row>div:not(.employee-name) span{margin-top:2px;color:#94767b;font-size:8px}.loan-control-row>div:nth-child(3) b{color:#a8632c}.loan-control-row>div:nth-child(4) b{color:#4c764a}@media(max-width:720px){.loan-form>div,.loan-active-card{grid-template-columns:1fr}.loan-control-row{grid-template-columns:1.2fr 1fr;gap:10px;padding:13px 2px}.loan-control-row .employee-name{grid-column:1/-1}.loan-control-row>div:not(.employee-name){padding:8px;border-radius:9px;background:#fff8f7}.loan-approval-inputs{grid-template-columns:1fr}.loan-request-review form{display:grid!important;grid-template-columns:1fr 1fr}.loan-request-review form>input,.loan-request-review .loan-approval-inputs{grid-column:1/-1}.loan-request-review form button{width:100%}}
.loan-stack{display:grid;gap:8px}.loan-stack.pending{margin-top:8px}.loan-stack .loan-active-card{margin-top:8px}.loan-repeat-heading{margin-top:16px;padding-top:14px;border-top:1px solid #eddeda}.loan-repeat-heading b,.loan-repeat-heading span{display:block}.loan-repeat-heading b{color:#5a1d27;font-size:11px}.loan-repeat-heading span{margin-top:3px;color:#92777b;font-size:9px;line-height:1.45}
