:where(.pd-module){
  color-scheme: light;
  font-family:
    Inter, ui-sans-serif, system-ui, -apple-system,
    BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #172033;
  background: #f4f7fb;
}
:where(.pd-module) *{
  box-sizing: border-box;
}
:where(.pd-module){
  margin: 0;
  background: #f4f7fb;
}
:where(.pd-module) header,:where(.pd-module) main,:where(.pd-module) footer{
  width: min(1180px, calc(100% - 32px));
  margin-inline: auto;
}
:where(.pd-module) .app-header,:where(.pd-module) .hero-inner{
  padding: 32px 0 20px;
}
:where(.pd-module) .app-header,:where(.pd-module) .section-heading{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
:where(.pd-module) .hero{
  width: 100%;
  color: white;
  background:
    linear-gradient(135deg, #113d59, #0f766e);
}
:where(.pd-module) .hero-inner{
  width: min(1000px, calc(100% - 32px));
  margin-inline: auto;
  padding-block: 80px;
}
:where(.pd-module) .hero h1,:where(.pd-module) .app-header h1{
  margin: 4px 0;
  font-size: clamp(2rem, 5vw, 3.5rem);
}
:where(.pd-module) .hero p{
  max-width: 680px;
  font-size: 1.15rem;
  line-height: 1.7;
}
:where(.pd-module) .eyebrow{
  color: #0f766e;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
:where(.pd-module) .hero .eyebrow{
  color: #99f6e4;
}
:where(.pd-module) .header-actions{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 12px;
}
:where(.pd-module) main{
  padding-block: 20px 48px;
}
:where(.pd-module) .landing-grid,:where(.pd-module) .summary-grid,:where(.pd-module) .workspace-grid{
  display: grid;
  gap: 18px;
}
:where(.pd-module) .landing-grid{
  grid-template-columns: repeat(3, 1fr);
  padding-block: 40px;
}
:where(.pd-module) .summary-grid{
  grid-template-columns: repeat(4, 1fr);
  margin-bottom: 20px;
}
:where(.pd-module) .workspace-grid{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
:where(.pd-module) .panel,:where(.pd-module) .summary-card,:where(.pd-module) .receipt{
  margin-bottom: 20px;
  padding: 22px;
  border: 1px solid #d9e2ec;
  border-radius: 14px;
  background: white;
  box-shadow: 0 8px 28px rgb(15 23 42 / 6%);
}
:where(.pd-module) .summary-card span{
  display: block;
  color: #526173;
  margin-bottom: 8px;
}
:where(.pd-module) .summary-card strong{
  font-size: 1.7rem;
  color: #0f766e;
}
:where(.pd-module) .form-grid{
  display: grid;
  gap: 14px;
}
:where(.pd-module) .vehicle-fields{
  display: grid;
  gap: 14px;
  padding: 16px;
  border: 1px solid #cbd5e1;
  border-radius: 10px;
}
:where(.pd-module) .vehicle-fields legend{
  padding: 0 8px;
  color: #0f766e;
  font-weight: 800;
}
:where(.pd-module) input[readonly]{
  color: #475569;
  background: #f1f5f9;
}
:where(.pd-module) label{
  display: grid;
  gap: 6px;
  font-weight: 700;
}
:where(.pd-module) input,:where(.pd-module) select,:where(.pd-module) button{
  min-height: 44px;
  padding: 10px 12px;
  border: 1px solid #b7c4d2;
  border-radius: 8px;
  font: inherit;
}
:where(.pd-module) button,:where(.pd-module) .button-link{
  border-color: #0f766e;
  color: white;
  background: #0f766e;
  font-weight: 800;
  cursor: pointer;
}
:where(.pd-module) .button-link{
  display: inline-block;
  margin-top: 12px;
  padding: 12px 18px;
  border-radius: 8px;
  text-decoration: none;
}
:where(.pd-module) button:hover,:where(.pd-module) .button-link:hover{
  background: #115e59;
}
:where(.pd-module) button.secondary{
  color: #0f766e;
  background: white;
}
:where(.pd-module) .badge{
  display: inline-flex;
  padding: 5px 10px;
  border-radius: 999px;
  color: #0f5c56;
  background: #ccfbf1;
  font-size: 0.88rem;
  font-weight: 800;
}
:where(.pd-module) .message{
  margin-bottom: 16px;
  padding: 12px 16px;
  border-radius: 8px;
}
:where(.pd-module) .error{
  color: #991b1b;
  background: #fee2e2;
}
:where(.pd-module) .success{
  color: #166534;
  background: #dcfce7;
}
:where(.pd-module) .notice{
  padding: 10px 12px;
  color: #7c4a03;
  background: #fef3c7;
  border-radius: 8px;
}
:where(.pd-module) .card-list{
  display: grid;
  gap: 12px;
}
:where(.pd-module) .item-card{
  padding: 16px;
  border: 1px solid #dbe4ee;
  border-radius: 10px;
}
:where(.pd-module) .item-card h3{
  margin-top: 0;
}
:where(.pd-module) .item-meta{
  display: flex;
  flex-wrap: wrap;
  gap: 8px 18px;
  color: #526173;
}
:where(.pd-module) .item-actions{
  margin-top: 14px;
}
:where(.pd-module) .table-wrap{
  overflow-x: auto;
}
:where(.pd-module) table{
  width: 100%;
  border-collapse: collapse;
}
:where(.pd-module) th,:where(.pd-module) td{
  padding: 10px;
  border-bottom: 1px solid #dbe4ee;
  text-align: left;
  white-space: nowrap;
}
:where(.pd-module) th{
  color: #334155;
  background: #f8fafc;
}
:where(.pd-module) .receipt{
  margin-top: 20px;
  border: 2px solid #0f766e;
  box-shadow: none;
}
:where(.pd-module) footer{
  padding: 24px 0 40px;
  color: #64748b;
  text-align: center;
}
:where(.pd-module) [hidden]{
  display: none !important;
}
@media (max-width: 850px){:where(.pd-module) .landing-grid,:where(.pd-module) .summary-grid,:where(.pd-module) .workspace-grid{
    grid-template-columns: 1fr;
  }
:where(.pd-module) .app-header,:where(.pd-module) .section-heading{
    align-items: flex-start;
    flex-direction: column;
  }
:where(.pd-module) .header-actions{
    justify-content: flex-start;
  }

}
@media print{:where(.pd-module) *{
    visibility: hidden;
  }
:where(.pd-module) #receiptPanel,:where(.pd-module) #receiptPanel *{
    visibility: visible;
  }
:where(.pd-module) #receiptPanel{
    position: absolute;
    inset: 0;
    width: 100%;
  }
:where(.pd-module) #printReceiptButton{
    display: none;
  }

}
:where(.pd-module) #borrowerStatementContent{ overflow-wrap:anywhere; }
:where(.pd-module) #borrowerStatementContent table{ width:100%; }
@media print{:where(.pd-module).pd-borrower-print > header,:where(.pd-module).pd-borrower-print > footer,:where(.pd-module).pd-borrower-print main > :not(#borrowerStatementPanel),:where(.pd-module).pd-borrower-print .statement-actions{ display:none !important; }
:where(.pd-module).pd-borrower-print #borrowerStatementPanel,:where(.pd-module).pd-borrower-print #borrowerStatementPanel *{ visibility:visible; }
:where(.pd-module).pd-borrower-print #borrowerStatementPanel{ display:block; position:static; border:0; box-shadow:none; padding:0; margin:0; color:#000; background:#fff; }
:where(.pd-module).pd-borrower-print #borrowerStatementContent table{ font-size:10pt; width:100%; }
:where(.pd-module).pd-borrower-print #borrowerStatementContent thead{ display:table-header-group; }
:where(.pd-module).pd-borrower-print #borrowerStatementContent tr{ break-inside:avoid; }
:where(.pd-module).pd-borrower-print #borrowerStatementContent .table-wrap{ overflow:visible; }

}
@media print{:where(.pd-module){ background:#fff !important; }
:where(.pd-module).pd-loan-preview-print{ background:#fff; padding:0; margin:0; }
:where(.pd-module).pd-loan-preview-print main{ width:100%; max-width:none; padding:0; margin:0; }
:where(.pd-module).pd-loan-preview-print > header,:where(.pd-module).pd-loan-preview-print > footer,:where(.pd-module).pd-loan-preview-print main > :not(#loanPreviewPrintPanel){ display:none !important; }
:where(.pd-module).pd-loan-preview-print #loanPreviewPrintPanel,:where(.pd-module).pd-loan-preview-print #loanPreviewPrintPanel *{ visibility:visible; }
:where(.pd-module).pd-loan-preview-print #loanPreviewPrintPanel{ display:block; position:static; width:100%; margin:0; padding:0; border:0; color:#000; background:#fff; font-size:11pt; overflow-wrap:anywhere; }
:where(.pd-module).pd-loan-preview-print #loanPreviewPrintPanel table{ width:100%; font-size:10pt; border-collapse:collapse; }
:where(.pd-module).pd-loan-preview-print #loanPreviewPrintPanel th,:where(.pd-module).pd-loan-preview-print #loanPreviewPrintPanel td{ padding:6pt; border-bottom:1px solid #bbb; text-align:left; }
:where(.pd-module).pd-loan-preview-print #loanPreviewPrintPanel thead{ display:table-header-group; }
:where(.pd-module).pd-loan-preview-print #loanPreviewPrintPanel tr{ break-inside:avoid; }
:where(.pd-module).pd-loan-preview-print #loanPreviewPrintPanel h1{ font-size:18pt; }

}
:where(.pd-module) .compact-toolbar{ margin-bottom:18px; }
:where(.pd-module) .compact-tabs,:where(.pd-module) .compact-actions{ display:flex; flex-wrap:wrap; gap:8px; margin-bottom:10px; }
:where(.pd-module) .compact-tabs button[aria-pressed="false"],:where(.pd-module) .compact-actions button{ background:#fff; color:#164e3c; border:1px solid #cedcd3; }
:where(.pd-module) #workspace .workspace-grid{ display:block; }
:where(.pd-module) #workspace [data-compact-panel="form"]:not([data-expanded="true"]){ display:none; }
:where(.pd-module) #workspace:not([data-loan-task="loans"]) [data-compact-panel="loans"],:where(.pd-module) #workspace:not([data-loan-task="borrowers"]) [data-compact-panel="borrowers"],:where(.pd-module) #workspace:not([data-loan-task="applications"]) [data-compact-panel="applications"],:where(.pd-module) #workspace:not([data-loan-task="settings"]) [data-compact-panel="settings"]{ display:none; }
:where(.pd-module) #loanList .item-card{ display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px 16px; padding:14px; }
:where(.pd-module) #loanList .item-card h3{ margin:0; font-size:16px; }
:where(.pd-module) #loanList .item-meta{ grid-column:1; font-size:13px; }
:where(.pd-module) #loanList .item-actions{ grid-column:2; grid-row:1/3; align-self:center; margin:0; }
@media(max-width:600px){:where(.pd-module) #loanList .item-card{ grid-template-columns:1fr; }
:where(.pd-module) #loanList .item-actions{ grid-column:1; grid-row:auto; }
 }
:where(.pd-module) #workspace:not([data-active-form="compactLoanForm"]) #compactLoanForm,:where(.pd-module) #workspace:not([data-active-form="compactBorrowerForm"]) #compactBorrowerForm{ display:none; }
:where(.pd-module) #workspace:not([data-loan-task="loans"]) #loanDetailPanel,:where(.pd-module) #workspace:not([data-loan-task="loans"]) #paymentPanel{ display:none; }
:where(.pd-module)[data-mode="loans"] #workspace > .summary-grid{ display:none; }
:where(.pd-module) .compact-tabs button{ display:inline-flex; align-items:center; justify-content:center; gap:8px; width:auto; flex:0 1 auto; }
:where(.pd-module) .compact-tabs .badge{ width:auto; flex:0 0 auto; min-width:24px; padding:2px 7px; }
:where(.pd-module) .compact-hint{ color:#526777; font-size:13px; margin:6px 0; }
:where(.pd-module) .compact-help{ margin-top:12px; font-size:13px; }
:where(.pd-module) .compact-help summary{ cursor:pointer; color:#526777; }
:where(.pd-module) #loanFilterForm{ grid-template-columns:minmax(0,1fr) 170px 110px 140px; align-items:end; }
:where(.pd-module) #borrowerFilterForm{ grid-template-columns:minmax(0,1fr) 170px 140px; align-items:end; }
@media(max-width:1000px){:where(.pd-module) #loanFilterForm,:where(.pd-module) #borrowerFilterForm{grid-template-columns:repeat(2,minmax(0,1fr));}
 }
@media(max-width:600px){:where(.pd-module) #loanFilterForm,:where(.pd-module) #borrowerFilterForm{grid-template-columns:1fr;}
:where(.pd-module) .compact-tabs button{flex:1 1 auto;}
 }
:where(.pd-module) #loanFilterForm label,:where(.pd-module) #borrowerFilterForm label{min-width:0;}
:where(.pd-module) #loanFilterForm input,:where(.pd-module) #loanFilterForm select,:where(.pd-module) #borrowerFilterForm input,:where(.pd-module) #borrowerFilterForm select{min-width:0; width:100%; box-sizing:border-box;}
:where(.pd-module) .compact-help:not([open]) > p{display:none;}
:where(.pd-module) #loanFilterForm button,:where(.pd-module) #borrowerFilterForm button{min-width:0; width:100%; box-sizing:border-box;}


:where(.pd-module) #receiptPanel{ max-width:700px; }
:where(.pd-module) #receiptContent{ overflow-wrap:anywhere; }
:where(.pd-module) .pd-receipt-heading p{ margin:4px 0; }
:where(.pd-module) .pd-receipt-number{ font-weight:750; font-size:18px; }
:where(.pd-module) .pd-receipt-amount{ display:flex; justify-content:space-between; align-items:center; gap:12px; padding:16px; background:#edf5ef; border-radius:8px; }
:where(.pd-module) .pd-receipt-amount span{ font-size:13px; }
:where(.pd-module) .pd-receipt-amount strong{ font-size:24px; white-space:nowrap; }
:where(.pd-module) .pd-receipt-details{ margin:12px 0; }
:where(.pd-module) .pd-receipt-details > div{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:12px; padding:7px 0; border-bottom:1px solid #e2e8e3; }
:where(.pd-module) .pd-receipt-details dt{ color:#4c6156; }
:where(.pd-module) .pd-receipt-details dd{ margin:0; text-align:right; font-weight:600; }
:where(.pd-module) .pd-receipt-note{ color:#4c6156; font-size:12px; line-height:1.5; }
@media screen and (max-width:400px){:where(.pd-module) .pd-receipt-amount{flex-direction:column; align-items:flex-start;}
:where(.pd-module) .pd-receipt-details > div{grid-template-columns:1fr; gap:3px;}
:where(.pd-module) .pd-receipt-details dd{text-align:left;}
 }
@media print{:where(.pd-module).pd-payment-receipt-print{ background:#fff; }
:where(.pd-module).pd-payment-receipt-print main > :not(#workspace):not(#cashierWorkspace),:where(.pd-module).pd-payment-receipt-print #workspace > :not(#receiptPanel),:where(.pd-module).pd-payment-receipt-print #cashierWorkspace > :not(#receiptPanel){display:none!important;}
:where(.pd-module).pd-payment-receipt-print main,:where(.pd-module).pd-payment-receipt-print #workspace,:where(.pd-module).pd-payment-receipt-print #cashierWorkspace{ display:block!important; margin:0; padding:0; width:100%; }
:where(.pd-module).pd-payment-receipt-print #receiptPanel{ position:static; max-width:175mm; margin:0 auto; padding:8mm; border:0; box-shadow:none; color:#000; background:#fff; font-size:10pt; }
:where(.pd-module).pd-payment-receipt-print #receiptContent h3{font-size:11pt; margin:14px 0 5px;}
:where(.pd-module).pd-payment-receipt-print .pd-receipt-amount{background:#fff; border:1px solid #999;}
:where(.pd-module).pd-payment-receipt-print .pd-receipt-amount strong{font-size:18pt;}
:where(.pd-module).pd-payment-receipt-print .pd-receipt-details > div{break-inside:avoid;}
:where(.pd-module).pd-payment-receipt-print .pd-receipt-note{font-size:9pt; color:#333;}

}


:where(.pd-module) #loanSchedulePrintPanel{ display:none; }
@media print{:where(.pd-module).pd-loan-schedule-print{ background:#fff; padding:0; margin:0; }
:where(.pd-module).pd-loan-schedule-print > header,:where(.pd-module).pd-loan-schedule-print > footer,:where(.pd-module).pd-loan-schedule-print main > :not(#loanSchedulePrintPanel){ display:none !important; }
:where(.pd-module).pd-loan-schedule-print main{ width:100%; max-width:none; margin:0; padding:0; }
:where(.pd-module).pd-loan-schedule-print #loanSchedulePrintPanel,:where(.pd-module).pd-loan-schedule-print #loanSchedulePrintPanel *{ visibility:visible; }
:where(.pd-module).pd-loan-schedule-print #loanSchedulePrintPanel{ display:block !important; position:static; width:100%; margin:0; padding:0; border:0; color:#000; background:#fff; font-size:10pt; overflow-wrap:anywhere; }
:where(.pd-module).pd-loan-schedule-print #loanSchedulePrintPanel h1{ font-size:18pt; }
:where(.pd-module).pd-loan-schedule-print #loanSchedulePrintPanel h2{ font-size:13pt; }
:where(.pd-module).pd-loan-schedule-print #loanSchedulePrintPanel .item-meta{ display:flex; flex-wrap:wrap; gap:5pt 12pt; font-size:10pt; }
:where(.pd-module).pd-loan-schedule-print #loanSchedulePrintPanel table{ width:100%; min-width:0; border-collapse:collapse; font-size:9pt; }
:where(.pd-module).pd-loan-schedule-print #loanSchedulePrintPanel th,:where(.pd-module).pd-loan-schedule-print #loanSchedulePrintPanel td{ padding:5pt 3pt; text-align:left; border-bottom:1px solid #bbb; white-space:normal; }
:where(.pd-module).pd-loan-schedule-print #loanSchedulePrintPanel thead{ display:table-header-group; }
:where(.pd-module).pd-loan-schedule-print #loanSchedulePrintPanel tr{ break-inside:avoid; }

}


@media screen{:where(.pd-module) #loanDetailViews{ display:flex; flex-wrap:wrap; gap:.5rem; margin:1rem 0; }
:where(.pd-module) #loanDetailViews button[aria-pressed="true"]{ background:#164e63; color:#fff; }
:where(.pd-module) #workspace:not([data-loan-detail-view="installments"]) [data-loan-detail-pane="installments"],:where(.pd-module) #workspace:not([data-loan-detail-view="payments"]) [data-loan-detail-pane="payments"],:where(.pd-module) #workspace:not([data-loan-detail-view="late-fee"]) [data-loan-detail-pane="late-fee"],:where(.pd-module) #workspace:not([data-loan-detail-view="installments"]) #paymentPanel,:where(.pd-module) #workspace:not([data-loan-detail-view="payments"]) #receiptPanel{ display:none; }

}


:where(.pd-module){
  color-scheme: light;
  font-family:
    Inter, ui-sans-serif, system-ui, -apple-system,
    BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #172033;
  background: #f4f7fb;
}
:where(.pd-module) *{
  box-sizing: border-box;
}
:where(.pd-module){
  margin: 0;
  background: #f4f7fb;
}
:where(.pd-module) header,:where(.pd-module) main,:where(.pd-module) footer{
  width: min(1180px, calc(100% - 32px));
  margin-inline: auto;
}
:where(.pd-module) .app-header,:where(.pd-module) .hero-inner{
  padding: 32px 0 20px;
}
:where(.pd-module) .app-header,:where(.pd-module) .section-heading{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
:where(.pd-module) .hero{
  width: 100%;
  color: white;
  background:
    linear-gradient(135deg, #113d59, #0f766e);
}
:where(.pd-module) .hero-inner{
  width: min(1000px, calc(100% - 32px));
  margin-inline: auto;
  padding-block: 80px;
}
:where(.pd-module) .hero h1,:where(.pd-module) .app-header h1{
  margin: 4px 0;
  font-size: clamp(2rem, 5vw, 3.5rem);
}
:where(.pd-module) .hero p{
  max-width: 680px;
  font-size: 1.15rem;
  line-height: 1.7;
}
:where(.pd-module) .eyebrow{
  color: #0f766e;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
:where(.pd-module) .hero .eyebrow{
  color: #99f6e4;
}
:where(.pd-module) .header-actions{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 12px;
}
:where(.pd-module) main{
  padding-block: 20px 48px;
}
:where(.pd-module) .landing-grid,:where(.pd-module) .summary-grid,:where(.pd-module) .workspace-grid{
  display: grid;
  gap: 18px;
}
:where(.pd-module) .landing-grid{
  grid-template-columns: repeat(3, 1fr);
  padding-block: 40px;
}
:where(.pd-module) .summary-grid{
  grid-template-columns: repeat(4, 1fr);
  margin-bottom: 20px;
}
:where(.pd-module) .workspace-grid{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
:where(.pd-module) .panel,:where(.pd-module) .summary-card,:where(.pd-module) .receipt{
  margin-bottom: 20px;
  padding: 22px;
  border: 1px solid #d9e2ec;
  border-radius: 14px;
  background: white;
  box-shadow: 0 8px 28px rgb(15 23 42 / 6%);
}
:where(.pd-module) .summary-card span{
  display: block;
  color: #526173;
  margin-bottom: 8px;
}
:where(.pd-module) .summary-card strong{
  font-size: 1.7rem;
  color: #0f766e;
}
:where(.pd-module) .form-grid{
  display: grid;
  gap: 14px;
}
:where(.pd-module) .vehicle-fields{
  display: grid;
  gap: 14px;
  padding: 16px;
  border: 1px solid #cbd5e1;
  border-radius: 10px;
}
:where(.pd-module) .vehicle-fields legend{
  padding: 0 8px;
  color: #0f766e;
  font-weight: 800;
}
:where(.pd-module) input[readonly]{
  color: #475569;
  background: #f1f5f9;
}
:where(.pd-module) label{
  display: grid;
  gap: 6px;
  font-weight: 700;
}
:where(.pd-module) input,:where(.pd-module) select,:where(.pd-module) button{
  min-height: 44px;
  padding: 10px 12px;
  border: 1px solid #b7c4d2;
  border-radius: 8px;
  font: inherit;
}
:where(.pd-module) button,:where(.pd-module) .button-link{
  border-color: #0f766e;
  color: white;
  background: #0f766e;
  font-weight: 800;
  cursor: pointer;
}
:where(.pd-module) .button-link{
  display: inline-block;
  margin-top: 12px;
  padding: 12px 18px;
  border-radius: 8px;
  text-decoration: none;
}
:where(.pd-module) button:hover,:where(.pd-module) .button-link:hover{
  background: #115e59;
}
:where(.pd-module) button.secondary{
  color: #0f766e;
  background: white;
}
:where(.pd-module) .badge{
  display: inline-flex;
  padding: 5px 10px;
  border-radius: 999px;
  color: #0f5c56;
  background: #ccfbf1;
  font-size: 0.88rem;
  font-weight: 800;
}
:where(.pd-module) .message{
  margin-bottom: 16px;
  padding: 12px 16px;
  border-radius: 8px;
}
:where(.pd-module) .error{
  color: #991b1b;
  background: #fee2e2;
}
:where(.pd-module) .success{
  color: #166534;
  background: #dcfce7;
}
:where(.pd-module) .notice{
  padding: 10px 12px;
  color: #7c4a03;
  background: #fef3c7;
  border-radius: 8px;
}
:where(.pd-module) .card-list{
  display: grid;
  gap: 12px;
}
:where(.pd-module) .item-card{
  padding: 16px;
  border: 1px solid #dbe4ee;
  border-radius: 10px;
}
:where(.pd-module) .item-card h3{
  margin-top: 0;
}
:where(.pd-module) .item-meta{
  display: flex;
  flex-wrap: wrap;
  gap: 8px 18px;
  color: #526173;
}
:where(.pd-module) .item-actions{
  margin-top: 14px;
}
:where(.pd-module) .table-wrap{
  overflow-x: auto;
}
:where(.pd-module) table{
  width: 100%;
  border-collapse: collapse;
}
:where(.pd-module) th,:where(.pd-module) td{
  padding: 10px;
  border-bottom: 1px solid #dbe4ee;
  text-align: left;
  white-space: nowrap;
}
:where(.pd-module) th{
  color: #334155;
  background: #f8fafc;
}
:where(.pd-module) .receipt{
  margin-top: 20px;
  border: 2px solid #0f766e;
  box-shadow: none;
}
:where(.pd-module) footer{
  padding: 24px 0 40px;
  color: #64748b;
  text-align: center;
}
:where(.pd-module) [hidden]{
  display: none !important;
}
@media (max-width: 850px){:where(.pd-module) .landing-grid,:where(.pd-module) .summary-grid,:where(.pd-module) .workspace-grid{
    grid-template-columns: 1fr;
  }
:where(.pd-module) .app-header,:where(.pd-module) .section-heading{
    align-items: flex-start;
    flex-direction: column;
  }
:where(.pd-module) .header-actions{
    justify-content: flex-start;
  }

}
@media print{:where(.pd-module) *{
    visibility: hidden;
  }
:where(.pd-module) #receiptPanel,:where(.pd-module) #receiptPanel *{
    visibility: visible;
  }
:where(.pd-module) #receiptPanel{
    position: absolute;
    inset: 0;
    width: 100%;
  }
:where(.pd-module) #printReceiptButton{
    display: none;
  }

}


:where(.pd-module) .cashier-task-toolbar{display:flex; flex-wrap:wrap; gap:8px; margin-bottom:18px;}
:where(.pd-module) .cashier-task-toolbar button[aria-pressed="false"]{background:white; color:#0f766e;}
:where(.pd-module) .cashier-hint{font-size:13px; color:#526777;}
:where(.pd-module) #loanSearchForm{grid-template-columns:minmax(0,1fr) 110px 170px; align-items:end;}
:where(.pd-module) #loanSearchForm label,:where(.pd-module) #loanSearchForm input,:where(.pd-module) #loanSearchForm button{min-width:0;}
:where(.pd-module) #loanSearchForm input,:where(.pd-module) #loanSearchForm button{width:100%; box-sizing:border-box;}
:where(.pd-module) #cashierLoanList td,:where(.pd-module) #cashierLoanList th{padding:8px 10px; font-size:13px;}
:where(.pd-module) #cashierLoanList td:nth-child(2){white-space:normal; min-width:140px;}
@media screen{:where(.pd-module) #cashierWorkspace:not([data-cashier-task="collect"]) #cashierSearchPanel,:where(.pd-module) #cashierWorkspace:not([data-cashier-task="collect"]) #loanDetailPanel,:where(.pd-module) #cashierWorkspace:not([data-cashier-task="collect"]) #paymentPanel,:where(.pd-module) #cashierWorkspace:not([data-cashier-task="collect"]) #receiptPanel,:where(.pd-module) #cashierWorkspace:not([data-cashier-task="closing"]) #cashClosingPanel,:where(.pd-module) #cashierWorkspace:not([data-cashier-task="closing"]) #cashClosingReceipt,:where(.pd-module) #cashierWorkspace:not([data-cashier-task="history"]) #cashClosingHistoryPanel{display:none;}

}
@media(max-width:600px){:where(.pd-module) #loanSearchForm{grid-template-columns:1fr;}
:where(.pd-module) .cashier-task-toolbar button{flex:1 1 auto;}
}
@media print{:where(.pd-module) #cashierTaskToolbar{display:none!important;}
:where(.pd-module) #cashierWorkspace[data-cashier-task="closing"] #receiptPanel{display:none!important;}
:where(.pd-module) #cashierWorkspace[data-cashier-task="closing"] #cashClosingReceipt,:where(.pd-module) #cashierWorkspace[data-cashier-task="closing"] #cashClosingReceipt *{visibility:visible;}
:where(.pd-module) #cashierWorkspace[data-cashier-task="closing"] #cashClosingReceipt{position:absolute; inset:0; width:100%;}
:where(.pd-module) #printCashClosingButton{display:none;}

}
:where(.pd-module) #cashierLoanList{max-width:100%; overflow-x:auto;}
:where(.pd-module) #cashierLoanList button{min-width:72px; width:auto; padding:8px 10px; font-size:13px;}
:where(.pd-module) .pd-cashier-cell-label{display:none;}
@media screen and (max-width:600px){:where(.pd-module) #cashierLoanList{overflow-x:visible;}
:where(.pd-module) #cashierLoanList .pd-cashier-results{display:block; width:100%; min-width:0;}
:where(.pd-module) #cashierLoanList .pd-cashier-results thead{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap;}
:where(.pd-module) #cashierLoanList .pd-cashier-results tbody{display:grid; gap:12px; width:100%;}
:where(.pd-module) #cashierLoanList .pd-cashier-results tbody tr{display:grid; min-width:0; border:1px solid #cbd5e1; border-radius:10px; padding:12px; background:#fff;}
:where(.pd-module) #cashierLoanList .pd-cashier-results td{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.3fr); gap:8px; min-width:0; padding:5px 0; border:0; white-space:normal; overflow-wrap:anywhere; font-size:14px;}
:where(.pd-module) #cashierLoanList .pd-cashier-results .pd-cashier-cell-label{display:block; color:#526777;}
:where(.pd-module) #cashierLoanList .pd-cashier-results .pd-cashier-cell-value{min-width:0; text-align:right;}
:where(.pd-module) #cashierLoanList .pd-cashier-results td:nth-child(2){font-weight:600;}
:where(.pd-module) #cashierLoanList .pd-cashier-results td:nth-child(7){font-weight:700; border-top:1px solid #e2e8f0; margin-top:4px; padding-top:8px;}
:where(.pd-module) #cashierLoanList .pd-cashier-results td:last-child{display:block; padding-top:10px;}
:where(.pd-module) #cashierLoanList .pd-cashier-results td:last-child .pd-cashier-cell-label{display:none;}
:where(.pd-module) #cashierLoanList .pd-cashier-results td:last-child .pd-cashier-cell-value{display:block;}
:where(.pd-module) #cashierLoanList .pd-cashier-results button{width:100%; min-height:44px; font-size:15px;}

}


:where(.pd-module) .collection-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px;}
:where(.pd-module) .collection-toolbar button{width:auto;min-height:42px;}
:where(.pd-module) .collection-toolbar button[aria-pressed="false"]{background:#eef2f7;color:#24364b;}
:where(.pd-module) .collection-hint{font-size:.9rem;color:#526277;margin:6px 0;}
:where(.pd-module) #portfolioFilterForm{grid-template-columns:repeat(3,minmax(140px,1fr));align-items:end;}
:where(.pd-module) #collectionsWorkspace .table-wrap{max-width:100%;overflow-x:auto;}
:where(.pd-module) #collectionsWorkspace th,:where(.pd-module) #collectionsWorkspace td{padding:8px 10px;font-size:.9rem;}
@media screen{:where(.pd-module) #collectionsWorkspace[data-collection-task="portfolio"] #collectionOverduePanel,:where(.pd-module) #collectionsWorkspace[data-collection-task="overdue"] #collectionPortfolioPanel,:where(.pd-module) #collectionsWorkspace[data-collection-task="overdue"] #collectionDetailPanel{display:none;}
:where(.pd-module) #collectionDetailPanel:not([data-collection-detail="activity"]) #collectionActivityPanel,:where(.pd-module) #collectionDetailPanel:not([data-collection-detail="promise"]) #collectionPromisePanel,:where(.pd-module) #collectionDetailPanel:not([data-collection-detail="assignment"]) #collectorAssignmentPanel,:where(.pd-module) #collectionDetailPanel:not([data-collection-detail="history"]) #collectionActivityPanelHistory,:where(.pd-module) #collectionDetailPanel:not([data-collection-detail="history"]) #collectionPromisePanelHistory{display:none;}

}
@media(max-width:600px){:where(.pd-module) #portfolioFilterForm{grid-template-columns:1fr;}
:where(.pd-module) .collection-toolbar button{flex:1;}
}
@media print{:where(.pd-module) .collection-toolbar{display:none;}
}
:where(.pd-module) .pd-collections-cell-label{display:none;}
@media screen and (max-width:600px){:where(.pd-module) #collectionsWorkspace #portfolioList{overflow-x:visible;}
:where(.pd-module) #portfolioList .pd-collections-results{display:block; width:100%; min-width:0;}
:where(.pd-module) #portfolioList .pd-collections-results thead{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap;}
:where(.pd-module) #portfolioList .pd-collections-results tbody{display:grid; gap:12px; width:100%;}
:where(.pd-module) #portfolioList .pd-collections-results tbody tr{display:grid; min-width:0; border:1px solid #cbd5e1; border-radius:10px; padding:12px; background:#fff;}
:where(.pd-module) #portfolioList .pd-collections-results td{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.3fr); gap:8px; min-width:0; padding:5px 0; border:0; white-space:normal; overflow-wrap:anywhere; font-size:14px;}
:where(.pd-module) #portfolioList .pd-collections-results .pd-collections-cell-label{display:block; color:#526777;}
:where(.pd-module) #portfolioList .pd-collections-results .pd-collections-cell-value{min-width:0; text-align:right;}
:where(.pd-module) #portfolioList .pd-collections-results td:nth-child(2){font-weight:600;}
:where(.pd-module) #portfolioList .pd-collections-results td:nth-child(7){font-weight:700; border-top:1px solid #e2e8f0; margin-top:4px; padding-top:8px;}
:where(.pd-module) #portfolioList .pd-collections-results td:last-child{display:block; padding-top:10px;}
:where(.pd-module) #portfolioList .pd-collections-results td:last-child .pd-collections-cell-label{display:none;}
:where(.pd-module) #portfolioList .pd-collections-results td:last-child .pd-collections-cell-value{display:block;}
:where(.pd-module) #portfolioList .pd-collections-results button{width:100%; min-height:44px; font-size:15px;}

}


:where(.pd-module) .supervision-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px;}
:where(.pd-module) .supervision-toolbar button{width:auto;min-height:42px;}
:where(.pd-module) .supervision-toolbar button[aria-pressed="false"]{background:#eef2f7;color:#24364b;}
:where(.pd-module) .supervision-hint{font-size:.9rem;color:#526277;margin:6px 0;}
:where(.pd-module) #supervisionFilterForm{grid-template-columns:minmax(160px,240px) auto;justify-content:start;align-items:end;}
:where(.pd-module) #supervisionWorkspace .summary-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;}
:where(.pd-module) #collectorPerformance{max-width:100%;overflow-x:auto;}
:where(.pd-module) #collectorPerformance td,:where(.pd-module) #collectorPerformance th{padding:8px 10px;font-size:.9rem;}
@media screen{:where(.pd-module) #supervisionWorkspace[data-supervision-task="overview"] [data-supervision-panel]:not([data-supervision-panel="overview"]),:where(.pd-module) #supervisionWorkspace[data-supervision-task="aging"] [data-supervision-panel]:not([data-supervision-panel="aging"]),:where(.pd-module) #supervisionWorkspace[data-supervision-task="promises"] [data-supervision-panel]:not([data-supervision-panel="promises"]),:where(.pd-module) #supervisionWorkspace[data-supervision-task="team"] [data-supervision-panel]:not([data-supervision-panel="team"]){display:none;}

}
@media(max-width:600px){:where(.pd-module) #supervisionFilterForm{grid-template-columns:1fr;}
:where(.pd-module) .supervision-toolbar button{flex:1;}
}
@media print{:where(.pd-module) .supervision-toolbar{display:none;}
}


:where(.pd-module[data-mode=administration]) [hidden]{display:none!important}
:where(.pd-module[data-mode=administration]){background:#f5f7fa}
:where(.pd-module[data-mode=administration]) .app-header{padding:24px 0}
:where(.pd-module[data-mode=administration]) .app-header h1{font-size:1.55rem}
:where(.pd-module[data-mode=administration]) .app-header p{margin:5px 0;color:#637083}
:where(.pd-module[data-mode=administration]) .eyebrow{font-size:.7rem}
:where(.pd-module[data-mode=administration]) main{padding-top:8px}
:where(.pd-module[data-mode=administration]) .admin-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}
:where(.pd-module[data-mode=administration]) .admin-top h2{font-size:1.8rem;margin:0 0 6px}
:where(.pd-module[data-mode=administration]) .admin-top p{margin:0;color:#637083}
:where(.pd-module[data-mode=administration]) .toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
:where(.pd-module[data-mode=administration]) .toolbar details{position:relative}
:where(.pd-module[data-mode=administration]) .toolbar summary{cursor:pointer;padding:10px 14px;border:1px solid #d7dfe7;border-radius:8px;background:white}
:where(.pd-module[data-mode=administration]) .export-menu{position:absolute;right:0;z-index:3;min-width:270px;background:white;border:1px solid #d7dfe7;border-radius:10px;padding:16px;box-shadow:0 8px 28px #17203318}
:where(.pd-module[data-mode=administration]) .export-menu p{font-size:.8rem;margin:10px 0 0}
:where(.pd-module[data-mode=administration]) .admin-tabs,:where(.pd-module[data-mode=administration]) [role=tablist]{display:flex;gap:6px;border-bottom:1px solid #dce3ea;margin-bottom:24px;overflow:auto}
:where(.pd-module[data-mode=administration]) .admin-tabs button,:where(.pd-module[data-mode=administration]) [role=tablist] button{background:transparent;color:#637083;border:0;border-radius:0;padding:12px 14px;white-space:nowrap}
:where(.pd-module[data-mode=administration]) .admin-tabs button[aria-selected=true],:where(.pd-module[data-mode=administration]) [role=tablist] button[aria-selected=true]{color:#0f766e;border-bottom:3px solid #0f766e;font-weight:700}
:where(.pd-module[data-mode=administration]) .admin-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:start}
:where(.pd-module[data-mode=administration]) .admin-grid:has(#administrationMemberDetail:not([hidden])){grid-template-columns:minmax(0,1fr) minmax(380px,440px)}
:where(.pd-module[data-mode=administration]) .admin-card,:where(.pd-module[data-mode=administration]) #administrationMemberDetail{border:1px solid #e0e6ed;background:white;border-radius:14px;padding:24px;box-shadow:0 3px 12px #17203304;margin:0}
:where(.pd-module[data-mode=administration]) .admin-card h3{margin:0 0 20px;font-size:1.1rem}
:where(.pd-module[data-mode=administration]) #administrationPanel{padding:0;background:transparent;border:0;box-shadow:none}
:where(.pd-module[data-mode=administration]) .table-wrap{overflow:auto}
:where(.pd-module[data-mode=administration]) table{width:100%;border-collapse:collapse}
:where(.pd-module[data-mode=administration]) th{text-align:left;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#637083;padding:12px;border-bottom:1px solid #e0e6ed;background:#fafbfd}
:where(.pd-module[data-mode=administration]) td{padding:17px 12px;border-bottom:1px solid #edf0f4;font-size:.88rem}
:where(.pd-module[data-mode=administration]) td:first-child strong,:where(.pd-module[data-mode=administration]) td:first-child span{display:block}
:where(.pd-module[data-mode=administration]) td:first-child span{font-size:.8rem;color:#637083;margin-top:5px}
:where(.pd-module[data-mode=administration]) td:last-child{text-align:right}
:where(.pd-module[data-mode=administration]) td small{display:block;margin-top:4px}
:where(.pd-module[data-mode=administration]) .status{display:inline-block;padding:5px 9px;border-radius:20px;font-size:.75rem;font-weight:600}
:where(.pd-module[data-mode=administration]) .active{background:#e8f6ef;color:#196448}
:where(.pd-module[data-mode=administration]) .inactive{background:#fff1e7;color:#965617}
:where(.pd-module[data-mode=administration]) .team-count{font-size:.8rem;background:#edf1f5;border-radius:20px;padding:4px 9px;margin-left:8px}
:where(.pd-module[data-mode=administration]) #administrationMemberDetail{position:sticky;top:20px;max-height:calc(100vh - 40px);overflow:auto}
:where(.pd-module[data-mode=administration]) #administrationMemberDetail h3{font-size:1.15rem;margin:0}
:where(.pd-module[data-mode=administration]) #administrationMemberDetail .section-heading{align-items:start;margin-bottom:20px}
:where(.pd-module[data-mode=administration]) #administrationMemberTabs{gap:0}
:where(.pd-module[data-mode=administration]) #administrationMemberTabs button{padding:10px 8px;font-size:.76rem}
:where(.pd-module[data-mode=administration]) #memberAccountInfo p{margin:0;padding:10px 0;border-bottom:1px solid #edf0f4;font-size:.9rem}
:where(.pd-module[data-mode=administration]) #memberAccountActions{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
:where(.pd-module[data-mode=administration]) #memberAccountActions select{flex-basis:100%}
:where(.pd-module[data-mode=administration]) #memberAccountActions button{font-size:.8rem}
:where(.pd-module[data-mode=administration]) #administrationMemberDetail p{line-height:1.6;color:#637083;font-size:.84rem}
:where(.pd-module[data-mode=administration]) #memberProfileForm{grid-template-columns:1fr}
:where(.pd-module[data-mode=administration]) #memberProfileForm button{margin-top:8px}
:where(.pd-module[data-mode=administration]) .admin-card .form-grid{margin-bottom:24px}
:where(.pd-module[data-mode=administration]) .activity p,:where(.pd-module[data-mode=administration]) #memberHistory p{border-bottom:1px solid #edf0f4;padding:14px 0;margin:0;line-height:1.6;font-size:.85rem}
:where(.pd-module[data-mode=administration]) a{color:#0f766e}
:where(.pd-module[data-mode=administration]) button,:where(.pd-module[data-mode=administration]) input,:where(.pd-module[data-mode=administration]) select,:where(.pd-module[data-mode=administration]) textarea{font:inherit}
:where(.pd-module[data-mode=administration]) button{border-radius:8px}
:where(.pd-module[data-mode=administration]) button:focus-visible,:where(.pd-module[data-mode=administration]) a:focus-visible,:where(.pd-module[data-mode=administration]) summary:focus-visible{outline:3px solid #55b8ac;outline-offset:3px}
:where(.pd-module[data-mode=administration]) .section-heading button{font-size:.8rem}
:where(.pd-module[data-mode=administration]) .auth-panel{max-width:460px;margin:24px auto}
:where(.pd-module[data-mode=administration]) footer{text-align:center;color:#637083;font-size:.8rem;padding:24px}
:where(.pd-module[data-mode=administration]) .context-note{font-size:.8rem;color:#637083;margin-top:20px}
@media(max-width:1050px){:where(.pd-module[data-mode=administration]) .admin-grid:has(#administrationMemberDetail:not([hidden])){grid-template-columns:1fr}
:where(.pd-module[data-mode=administration]) #administrationMemberDetail{position:static;max-height:none}
}
@media(max-width:640px){:where(.pd-module[data-mode=administration]) .admin-top,:where(.pd-module[data-mode=administration]) .app-header{align-items:flex-start;flex-direction:column}
:where(.pd-module[data-mode=administration]) .admin-card,:where(.pd-module[data-mode=administration]) #administrationMemberDetail{padding:16px}
:where(.pd-module[data-mode=administration]) .toolbar{width:100%}
:where(.pd-module[data-mode=administration]) .toolbar>button:first-child{flex:1}
:where(.pd-module[data-mode=administration]) .admin-top h2{font-size:1.5rem}
:where(.pd-module[data-mode=administration]) td,:where(.pd-module[data-mode=administration]) th{padding:12px 8px}
:where(.pd-module[data-mode=administration]) td:first-child span{max-width:180px;overflow-wrap:anywhere}
:where(.pd-module[data-mode=administration]) .header-actions{justify-content:flex-start}
:where(.pd-module[data-mode=administration]) #administrationMemberTabs button{padding:10px 7px}
:where(.pd-module[data-mode=administration]) .form-grid{grid-template-columns:1fr}
}
:where(.pd-module[data-mode=administration]) .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
:where(.pd-module[data-mode=administration]){font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#202b3d;background:#f5f7fa;font-synthesis:none}
:where(.pd-module[data-mode=administration]){font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}
:where(.pd-module[data-mode=administration]) header,:where(.pd-module[data-mode=administration]) main,:where(.pd-module[data-mode=administration]) footer{width:min(1264px,calc(100% - 64px))}
:where(.pd-module[data-mode=administration]) .app-header{padding:22px 0;border-bottom:1px solid #e2e7ee;margin-bottom:42px;gap:24px}
:where(.pd-module[data-mode=administration]) .brand{display:flex;align-items:center;gap:12px;flex-shrink:0}
:where(.pd-module[data-mode=administration]) .brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#0e7169;color:white;font-size:15px;font-weight:750;letter-spacing:-.04em;box-shadow:0 3px 8px #0e716918}
:where(.pd-module[data-mode=administration]) .app-header h1{font-size:18px;font-weight:750;letter-spacing:-.035em;margin:0;line-height:1.25}
:where(.pd-module[data-mode=administration]) .app-header .brand p{font-size:11px;color:#7c8696;margin:4px 0 0}
:where(.pd-module[data-mode=administration]) .header-actions{gap:18px;font-size:12px}
:where(.pd-module[data-mode=administration]) .header-actions>a{font-weight:600;text-decoration:none;color:#536174}
:where(.pd-module[data-mode=administration]) .header-actions>a:hover{color:#0e7169}
:where(.pd-module[data-mode=administration]) #administrationLink{display:none!important}
:where(.pd-module[data-mode=administration]) #clientContext{font-size:11px;font-weight:600;background:#eaf0f5;color:#536174;border:1px solid #dfe6ed;border-radius:7px;padding:6px 10px}
:where(.pd-module[data-mode=administration]) #healthStatus{font-size:11px;color:#607081}
:where(.pd-module[data-mode=administration]) #logoutButton{min-height:32px;padding:6px 10px;border-color:#dce3eb;font-size:11px;font-weight:600;color:#536174}
:where(.pd-module[data-mode=administration]) .admin-top{margin-bottom:30px;align-items:flex-end}
:where(.pd-module[data-mode=administration]) .page-eyebrow{font-size:10px;font-weight:750;letter-spacing:.14em;color:#78908c}
:where(.pd-module[data-mode=administration]) .admin-top h2{font-size:30px;letter-spacing:-.045em;font-weight:740;line-height:1.2;margin:9px 0 9px}
:where(.pd-module[data-mode=administration]) .admin-top p{font-size:13px;color:#738095}
:where(.pd-module[data-mode=administration]) .toolbar{gap:8px;padding-bottom:3px}
:where(.pd-module[data-mode=administration]) button{font-weight:650;transition:background-color .15s,border-color .15s,box-shadow .15s}
:where(.pd-module[data-mode=administration]) button,:where(.pd-module[data-mode=administration]) select,:where(.pd-module[data-mode=administration]) input{min-height:40px;border-radius:8px}
:where(.pd-module[data-mode=administration]) button:not(.secondary):not([role=tab]){background:#0e7169;border-color:#0e7169;box-shadow:0 2px 4px #0e716910}
:where(.pd-module[data-mode=administration]) button:not(.secondary):not([role=tab]):hover{background:#095e57}
:where(.pd-module[data-mode=administration]) button.secondary{border-color:#dce3eb;color:#536174;box-shadow:0 1px 2px #142c4505;background:white}
:where(.pd-module[data-mode=administration]) button.secondary:hover{background:#f6f9fb;border-color:#bac9d5}
:where(.pd-module[data-mode=administration]) .toolbar>button,:where(.pd-module[data-mode=administration]) .toolbar summary{font-size:12px;min-height:40px;padding:10px 14px}
:where(.pd-module[data-mode=administration]) .toolbar summary{font-weight:600;color:#536174;border-color:#dce3eb}
:where(.pd-module[data-mode=administration]) .toolbar details[open] summary{background:#edf3f4}
:where(.pd-module[data-mode=administration]) .export-menu{border-radius:12px;box-shadow:0 12px 40px #142c451c;top:calc(100% + 8px)}
:where(.pd-module[data-mode=administration]) .admin-tabs{gap:24px;margin-bottom:24px}
:where(.pd-module[data-mode=administration]) .admin-tabs button{padding:12px 2px 14px;font-size:13px;font-weight:550;color:#748195}
:where(.pd-module[data-mode=administration]) .admin-tabs button[aria-selected=true]{color:#0e7169;font-weight:700;border-bottom-width:2px}
:where(.pd-module[data-mode=administration]) .admin-card,:where(.pd-module[data-mode=administration]) #administrationMemberDetail{border-color:#e1e7ee;box-shadow:0 4px 16px #17314904;border-radius:12px;padding:26px}
:where(.pd-module[data-mode=administration]) .card-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:24px}
:where(.pd-module[data-mode=administration]) .card-heading h3{margin:0;font-size:15px;font-weight:700;letter-spacing:-.015em}
:where(.pd-module[data-mode=administration]) .card-heading p{font-size:12px;margin:6px 0 0;color:#8691a1}
:where(.pd-module[data-mode=administration]) .team-count{font-size:10px;vertical-align:middle;background:#eaf3f1;color:#35776b;padding:3px 7px}
:where(.pd-module[data-mode=administration]) .card-label{font-size:10px;color:#8a96a6;border:1px solid #e4e9ef;border-radius:5px;padding:4px 8px;white-space:nowrap}
:where(.pd-module[data-mode=administration]) .table-wrap{border:1px solid #e8ecf1;border-radius:9px}
:where(.pd-module[data-mode=administration]) th{background:#f8fafc;font-size:10px;font-weight:650;letter-spacing:.065em;color:#8290a2;padding:12px 18px;border-bottom:1px solid #e8ecf1}
:where(.pd-module[data-mode=administration]) td{padding:18px;font-size:12px;border-bottom:1px solid #edf1f5;vertical-align:middle}
:where(.pd-module[data-mode=administration]) tbody tr:last-child td{border-bottom:0}
:where(.pd-module[data-mode=administration]) tbody tr:hover{background:#fbfdfd}
:where(.pd-module[data-mode=administration]) tbody tr[data-selected=true]{background:#f1f8f6}
:where(.pd-module[data-mode=administration]) td:first-child{position:relative;padding-left:70px;min-width:250px}
:where(.pd-module[data-mode=administration]) td:first-child[data-initials]::before{content:attr(data-initials);position:absolute;left:18px;top:50%;transform:translateY(-50%);width:36px;height:36px;display:grid;place-items:center;background:#eaf1f6;border:1px solid #e3eaf1;border-radius:10px;color:#5b7389;font-size:11px;font-weight:700}
:where(.pd-module[data-mode=administration]) td:first-child strong{font-size:12px;font-weight:650;color:#26354b}
:where(.pd-module[data-mode=administration]) td:first-child>span{font-size:11px;color:#8290a1;margin-top:4px}
:where(.pd-module[data-mode=administration]) .role-pill{display:inline-flex;background:#f1f4f8;border:1px solid #e8edf3;color:#63718a;padding:5px 9px;border-radius:6px;font-size:10px;font-weight:600;white-space:nowrap}
:where(.pd-module[data-mode=administration]) .status{font-size:10px;padding:5px 9px;font-weight:600;white-space:nowrap;gap:6px;display:inline-flex;align-items:center}
:where(.pd-module[data-mode=administration]) .status::before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}
:where(.pd-module[data-mode=administration]) .active{background:#edf7f0;color:#38875a}
:where(.pd-module[data-mode=administration]) .inactive{background:#fff4eb;color:#a5693c}
:where(.pd-module[data-mode=administration]) td:last-child button{min-height:32px;font-size:10px;padding:6px 10px;border-color:#e1e8ef;white-space:nowrap}
:where(.pd-module[data-mode=administration]) td:last-child button::after{content:" →";margin-left:4px;color:#7e8b9b}
:where(.pd-module[data-mode=administration]) .context-note{font-size:11px;color:#8c98a7;margin:19px 0 0}
:where(.pd-module[data-mode=administration]) .related-links{display:flex;gap:18px;margin-top:16px;padding-top:16px;border-top:1px solid #edf1f5}
:where(.pd-module[data-mode=administration]) .related-links a{font-size:11px;text-decoration:none;color:#49786f;font-weight:600}
:where(.pd-module[data-mode=administration]) .related-links span{margin-left:6px}
:where(.pd-module[data-mode=administration]) .admin-grid:has(#administrationMemberDetail:not([hidden])){grid-template-columns:minmax(0,1fr) minmax(370px,420px)}
:where(.pd-module[data-mode=administration]) #administrationMemberDetail{border-top:3px solid #0e7169;padding-top:22px}
:where(.pd-module[data-mode=administration]) #administrationMemberTitle{font-size:15px!important;color:#2c3a50}
:where(.pd-module[data-mode=administration]) #administrationMemberClose{font-size:10px!important;min-height:30px;padding:5px 9px}
:where(.pd-module[data-mode=administration]) #administrationMemberTabs{margin-bottom:20px}
:where(.pd-module[data-mode=administration]) #administrationMemberTabs button{padding:11px 6px;font-size:10px;font-weight:600}
:where(.pd-module[data-mode=administration]) #administrationMemberTabs button[aria-selected=true]{border-bottom-width:2px}
:where(.pd-module[data-mode=administration]) #memberAccountInfo p{font-size:12px;color:#536174;border-color:#edf1f5;padding:12px 0}
:where(.pd-module[data-mode=administration]) #memberAccountActions{gap:8px}
:where(.pd-module[data-mode=administration]) #memberAccountActions button{font-size:10px}
:where(.pd-module[data-mode=administration]) #administrationMemberDetail p{font-size:11px;color:#8490a1;line-height:1.8}
:where(.pd-module[data-mode=administration]) #administrationMemberDetail h4{font-size:12px;color:#42536a;margin:22px 0 10px}
:where(.pd-module[data-mode=administration]) .form-grid label{font-size:11px;font-weight:600;color:#637087;gap:7px}
:where(.pd-module[data-mode=administration]) .form-grid input,:where(.pd-module[data-mode=administration]) .form-grid select,:where(.pd-module[data-mode=administration]) .form-grid textarea{border:1px solid #dfe6ed;background:#fbfcfe;color:#26354b;font-size:12px;padding:10px 12px;min-width:0}
:where(.pd-module[data-mode=administration]) .form-grid textarea{border-radius:8px;resize:vertical}
:where(.pd-module[data-mode=administration]) .form-grid input:focus,:where(.pd-module[data-mode=administration]) .form-grid select:focus,:where(.pd-module[data-mode=administration]) .form-grid textarea:focus{outline:2px solid #d2eae4;outline-offset:1px;border-color:#4f9a8b;background:white}
:where(.pd-module[data-mode=administration]) .form-grid button{font-size:12px}
:where(.pd-module[data-mode=administration]) .activity p,:where(.pd-module[data-mode=administration]) #memberHistory p{position:relative;padding:14px 0 14px 16px;font-size:11px}
:where(.pd-module[data-mode=administration]) .activity p::before,:where(.pd-module[data-mode=administration]) #memberHistory p::before{content:"";position:absolute;left:0;top:21px;width:5px;height:5px;border-radius:50%;background:#5b9d8f}
:where(.pd-module[data-mode=administration]) #administrationInvitations p{padding:14px 0;border-bottom:1px solid #edf1f5;font-size:12px;color:#637087}
:where(.pd-module[data-mode=administration]) #administrationInvitations button{font-size:10px;min-height:30px;margin-left:12px}
:where(.pd-module[data-mode=administration]) .message{font-size:12px;border:1px solid #dcebe3;padding:12px 15px}
:where(.pd-module[data-mode=administration]) .error{border-color:#f4d6d6}
:where(.pd-module[data-mode=administration]) footer{font-size:10px;color:#97a1ae;letter-spacing:.02em;padding:32px 0;margin-top:16px}
:where(.pd-module[data-mode=administration]) button:disabled{opacity:.55;cursor:wait}
:where(.pd-module[data-mode=administration]) #administrationPanel .form-grid button:disabled{cursor:not-allowed}
@media(min-width:1051px){:where(.pd-module[data-mode=administration]) .admin-grid:has(#administrationMemberDetail:not([hidden])) td:first-child{min-width:205px;padding-left:58px}
:where(.pd-module[data-mode=administration]) .admin-grid:has(#administrationMemberDetail:not([hidden])) td:first-child::before{left:12px;width:30px;height:30px}
:where(.pd-module[data-mode=administration]) .admin-grid:has(#administrationMemberDetail:not([hidden])) th,:where(.pd-module[data-mode=administration]) .admin-grid:has(#administrationMemberDetail:not([hidden])) td{padding-right:10px}
:where(.pd-module[data-mode=administration]) .admin-grid:has(#administrationMemberDetail:not([hidden])) td:first-child>span{overflow-wrap:anywhere;max-width:190px}
}
@media(max-width:1050px){:where(.pd-module[data-mode=administration]) .admin-grid:has(#administrationMemberDetail:not([hidden])){grid-template-columns:1fr}
:where(.pd-module[data-mode=administration]) .header-actions{gap:10px}
:where(.pd-module[data-mode=administration]) .app-header{margin-bottom:30px}
}
@media(max-width:720px){:where(.pd-module[data-mode=administration]) header,:where(.pd-module[data-mode=administration]) main,:where(.pd-module[data-mode=administration]) footer{width:calc(100% - 32px)}
:where(.pd-module[data-mode=administration]) .app-header{padding:18px 0;align-items:flex-start;flex-direction:column;gap:16px}
:where(.pd-module[data-mode=administration]) .header-actions{width:100%;justify-content:flex-start}
:where(.pd-module[data-mode=administration]) .admin-top{align-items:flex-start;flex-direction:column;gap:20px}
:where(.pd-module[data-mode=administration]) .admin-top h2{font-size:27px}
:where(.pd-module[data-mode=administration]) .toolbar{width:100%;flex-wrap:wrap}
:where(.pd-module[data-mode=administration]) .toolbar>button:first-child{flex:1}
:where(.pd-module[data-mode=administration]) .admin-card,:where(.pd-module[data-mode=administration]) #administrationMemberDetail{padding:18px}
:where(.pd-module[data-mode=administration]) .card-label{display:none}
:where(.pd-module[data-mode=administration]) .card-heading{margin-bottom:18px}
:where(.pd-module[data-mode=administration]) .admin-tabs{gap:24px}
:where(.pd-module[data-mode=administration]) .related-links{gap:20px}
:where(.pd-module[data-mode=administration]) .form-grid{grid-template-columns:1fr}
:where(.pd-module[data-mode=administration]) .table-wrap{overflow:visible;border:0}
:where(.pd-module[data-mode=administration]) thead{display:none}
:where(.pd-module[data-mode=administration]) tbody,:where(.pd-module[data-mode=administration]) table{display:block}
:where(.pd-module[data-mode=administration]) tbody tr{display:grid;grid-template-columns:1fr auto;gap:10px 12px;border:1px solid #e8ecf1;border-radius:10px;padding:14px;margin-bottom:10px}
:where(.pd-module[data-mode=administration]) td{padding:0;border:0;min-width:0}
:where(.pd-module[data-mode=administration]) td:first-child{grid-column:1/-1;padding-left:48px;min-width:0;min-height:36px}
:where(.pd-module[data-mode=administration]) td:first-child[data-initials]::before{left:0}
:where(.pd-module[data-mode=administration]) td:nth-child(2){grid-column:1}
:where(.pd-module[data-mode=administration]) td:nth-child(3){grid-column:2;justify-self:end}
:where(.pd-module[data-mode=administration]) td:last-child{grid-column:1/-1;text-align:right;border-top:1px solid #edf1f5;padding-top:10px}
:where(.pd-module[data-mode=administration]) td:first-child>span{max-width:none;overflow-wrap:anywhere}
:where(.pd-module[data-mode=administration]) tbody tr:last-child{margin-bottom:0}
:where(.pd-module[data-mode=administration]) #administrationMemberTabs{gap:0}
:where(.pd-module[data-mode=administration]) #administrationMemberTabs button{padding:11px 6px;font-size:10px}
}
:where(.pd-module[data-mode=administration]) #administrationPanel .admin-top{margin-bottom:16px;gap:14px;}
:where(.pd-module[data-mode=administration]) #administrationPanel .admin-top h2{font-size:25px;margin:5px 0;}
:where(.pd-module[data-mode=administration]) #administrationPanel .admin-tabs{margin-bottom:16px;}
:where(.pd-module[data-mode=administration]) #administrationPanel .admin-card,:where(.pd-module[data-mode=administration]) #administrationPanel #administrationMemberDetail{padding:18px;}
:where(.pd-module[data-mode=administration]) #administrationPanel .admin-grid{gap:16px;}
:where(.pd-module[data-mode=administration]) #administrationPanel .card-heading{margin-bottom:14px;}
:where(.pd-module[data-mode=administration]) #administrationPanel th{padding-top:9px;padding-bottom:9px;}
:where(.pd-module[data-mode=administration]) #administrationPanel td{padding-top:12px;padding-bottom:12px;}
:where(.pd-module[data-mode=administration]) #administrationPanel .related-links{margin-top:12px;padding-top:12px;}
:where(.pd-module[data-mode=administration]) #administrationPanel .context-note{margin-top:12px;}
:where(.pd-module[data-mode=administration]) #administrationPanel .invite-composer{border:1px solid #e1e7ee;border-radius:8px;padding:12px;margin-bottom:16px;}
:where(.pd-module[data-mode=administration]) #administrationPanel .invite-composer summary{cursor:pointer;font-weight:650;color:#0e7169;min-height:32px;display:list-item;}
:where(.pd-module[data-mode=administration]) #administrationPanel .invite-composer .form-grid{margin:12px 0 0;grid-template-columns:repeat(3,minmax(0,1fr));}
:where(.pd-module[data-mode=administration]) #administrationPanel .invite-composer .form-grid button{grid-column:1/-1;justify-self:start;width:auto;}
:where(.pd-module[data-mode=administration]) #administrationPanel #administrationInvitations p{padding:10px 0;margin:0;overflow-wrap:anywhere;}
:where(.pd-module[data-mode=administration]) #administrationPanel .activity p,:where(.pd-module[data-mode=administration]) #administrationPanel #memberHistory p{padding-top:10px;padding-bottom:10px;}
:where(.pd-module[data-mode=administration]) #administrationPanel #administrationMemberTabs{flex-wrap:wrap;overflow:visible;margin-bottom:14px;}
:where(.pd-module[data-mode=administration]) #administrationPanel #administrationMemberTabs button{white-space:normal;min-height:40px;}
@media(max-width:720px){:where(.pd-module[data-mode=administration]) #administrationPanel .invite-composer .form-grid{grid-template-columns:1fr;}
:where(.pd-module[data-mode=administration]) #administrationPanel .admin-top{gap:12px;}
:where(.pd-module[data-mode=administration]) #administrationPanel .admin-card,:where(.pd-module[data-mode=administration]) #administrationPanel #administrationMemberDetail{padding:14px;}
:where(.pd-module[data-mode=administration]) #administrationPanel td{padding-top:0;padding-bottom:0;}
:where(.pd-module[data-mode=administration]) #administrationPanel tbody tr{padding:12px;gap:8px 12px;}
:where(.pd-module[data-mode=administration]) #administrationPanel td:last-child{padding-top:8px;}

}

:where(.pd-module) .application-review-dialog { width:min(860px,calc(100vw - 2rem)); max-height:min(90vh,900px); overflow:auto; border:1px solid #d9e2ec; border-radius:16px; padding:1.25rem; color:#182a3a; background:#fff; box-shadow:0 24px 70px #10263b44 }
:where(.pd-module) .application-review-dialog::backdrop { background:#10263b99 }
:where(.pd-module) .application-review-heading,:where(.pd-module) .application-review-actions,:where(.pd-module) .review-document-row { display:flex; gap:.75rem; align-items:center; justify-content:space-between }
:where(.pd-module) .application-review-heading h2 { margin:0 }
:where(.pd-module) .application-review-dialog fieldset { margin:1rem 0; border:1px solid #d9e2ec; border-radius:12px; padding:1rem }
:where(.pd-module) .application-review-dialog legend { padding:0 .35rem; font-weight:700 }
:where(.pd-module) .application-review-dialog label { display:grid; gap:.35rem }
:where(.pd-module) .application-review-dialog input,:where(.pd-module) .application-review-dialog select,:where(.pd-module) .application-review-dialog textarea { width:100%; min-height:2.6rem }
:where(.pd-module) .application-review-dialog textarea { min-height:5rem }
:where(.pd-module) .application-review-dialog .review-wide { grid-column:1/-1 }
:where(.pd-module) .review-document-row { display:grid; grid-template-columns:1fr 1fr 1.5fr 1.5fr; gap:.75rem; padding:.75rem 0; border-bottom:1px solid #e7edf3 }
:where(.pd-module) .review-document-row:last-child { border-bottom:0 }
:where(.pd-module) .application-review-actions { justify-content:flex-start; flex-wrap:wrap }
@media(max-width:700px){:where(.pd-module) .application-review-dialog{padding:.9rem}:where(.pd-module) .review-document-row{grid-template-columns:1fr}}
:where(.pd-module) .review-file-actions { display:flex; gap:.5rem; flex-wrap:wrap }
:where(.pd-module) .review-document-row { grid-template-columns:1fr 1fr; align-items:start }
@media(max-width:700px){:where(.pd-module) .review-document-row{grid-template-columns:1fr}}