.portal-container{min-height:100vh;background:var(--bg-gradient);color:var(--text);display:flex;flex-direction:column}.portal-header{background:rgba(255,255,255,.95);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);padding:14px 40px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:40}.portal-body{max-width:1040px;width:100%;margin:28px auto 60px;padding:0 24px;animation:fadeInUp .4s cubic-bezier(.16,1,.3,1) both}.portal-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:1px solid var(--border);padding-bottom:10px;overflow-x:auto;scrollbar-width:none}.portal-tabs::-webkit-scrollbar{display:none}.portal-tab-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:8px;font-family:var(--font-body);font-size:13.5px;font-weight:500;color:var(--text-secondary);background:transparent;border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:all .2s ease}.portal-tab-btn:hover{color:var(--text);background:#F1F5F9}.portal-tab-btn.active{color:var(--primary);background:#F0FDF4;border-color:#BBF7D0;font-weight:600}.status-banner{border-radius:var(--radius);padding:18px 22px;margin-bottom:24px;display:flex;align-items:flex-start;gap:16px;box-shadow:var(--shadow-sm);transition:transform .2s ease}.status-banner.pending{background:#F0FDF4;border:1px solid #bbf7d0;color:#14532D}.status-banner.approved{background:#ECFDF5;border:1px solid #a7f3d0;color:#065F46}.status-banner.rejected{background:#FEF2F2;border:1px solid #fecaca;color:#991B1B}.status-banner-icon{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:rgba(255,255,255,.75)}.status-banner-title{font-family:var(--font-heading);font-size:15px;font-weight:600;margin-bottom:4px}.status-banner-text{font-family:var(--font-body);font-size:13px;line-height:1.5;opacity:.95}.erp-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px}.erp-metric-card{background:#FFFFFF;border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px 22px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;justify-content:space-between;position:relative;transition:all .2s ease}.erp-metric-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:#CBD5E1}.erp-metric-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.erp-metric-label{font-family:var(--font-body);font-size:12px;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.erp-metric-icon{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#F1F5F9;color:var(--text-secondary)}.erp-metric-value{font-family:var(--font-mono);font-size:24px;font-weight:600;color:var(--text);margin-bottom:4px;letter-spacing:-.01em}.erp-metric-sub{font-family:var(--font-body);font-size:12px;color:var(--text-sm)}.erp-metric-card.highlight-pending{border-color:#BBF7D0;background:linear-gradient(145deg,#FFFFFF,#F0FDF4)}.erp-metric-card.highlight-pending .erp-metric-value{color:#14532D}.next-payment-banner{background:linear-gradient(135deg,#F0FDF4,#DCFCE7);border:1px solid #bbf7d0;border-radius:var(--radius-lg);padding:20px 24px;margin-bottom:24px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.next-payment-info{display:flex;align-items:center;gap:16px}.next-payment-icon{width:44px;height:44px;border-radius:12px;background:#DCFCE7;color:#15803D;display:flex;align-items:center;justify-content:center;flex-shrink:0}.next-payment-title{font-family:var(--font-heading);font-size:15px;font-weight:600;color:var(--text);margin-bottom:3px}.next-payment-desc{font-family:var(--font-body);font-size:13px;color:var(--text-secondary)}.btn-pay-now{display:inline-flex;align-items:center;gap:8px;background:#10B981;color:#FFFFFF;border:none;padding:11px 22px;border-radius:8px;font-family:var(--font-body);font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 2px 8px rgba(16,185,129,.35);transition:all .2s ease}.btn-pay-now:hover{background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px rgba(16,185,129,.45)}.btn-pay-now:active{transform:scale(.98)}.two-col-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:22px;margin-bottom:24px}.cibil-card{background:#FFFFFF;border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px 26px;box-shadow:var(--shadow-sm);flex-direction:column}.cibil-card,.cibil-card-header{display:flex;justify-content:space-between}.cibil-card-header{align-items:center;margin-bottom:18px}.cibil-badge-container{display:flex;align-items:center;gap:16px;margin-bottom:16px}.cibil-score-circle{width:82px;height:82px;border-radius:50%;border:4px solid #10b981;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;background:#F0FDF4}.cibil-score-num{font-family:var(--font-mono);font-size:24px;font-weight:700;color:#065F46;line-height:1}.cibil-score-max{font-size:10.5px;color:#047857;font-weight:500;margin-top:2px}.cibil-status-badge{display:inline-block;background:#DCFCE7;color:#15803D;font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;margin-bottom:6px}.cibil-factors-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;background:#F8FAFC;border:1px solid #e2e8f0;border-radius:var(--radius);padding:12px;margin-top:14px;text-align:center}.cibil-factor-val{font-family:var(--font-mono);font-size:14px;font-weight:600;color:var(--text)}.cibil-factor-lbl{font-size:11px;color:var(--text-sm);margin-top:2px}.support-card{background:#FFFFFF;border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px 26px;box-shadow:var(--shadow-sm)}.support-item{display:flex;align-items:flex-start;gap:12px;padding:10px 0;border-bottom:1px solid #f1f5f9}.support-item:last-child{border-bottom:none;padding-bottom:0}.support-icon{width:32px;height:32px;border-radius:8px;background:#F1F5F9;color:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.support-title{font-size:11.5px;font-weight:600;text-transform:uppercase;color:var(--text-sm);margin-bottom:2px}.support-detail{font-size:13.5px;color:var(--text);font-weight:500}.portal-card{background:#FFFFFF;border:1px solid var(--border);border-radius:var(--radius-lg);padding:30px 28px;box-shadow:var(--shadow-md);margin-bottom:24px}.portal-card-title{font-family:var(--font-heading);font-size:19px;font-weight:600;color:var(--text);margin-bottom:6px}.portal-card-desc{font-family:var(--font-body);font-size:13.5px;color:var(--text-secondary);margin-bottom:22px;line-height:1.55}.table-responsive-wrapper{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius)}.erp-table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}.erp-table th{background:#F8FAFC;color:var(--text-secondary);font-weight:600;padding:12px 16px;border-bottom:1px solid var(--border);font-size:12px;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.erp-table td{padding:14px 16px;border-bottom:1px solid #f1f5f9;color:var(--text);vertical-align:middle}.erp-table tr:hover td{background:#F8FAFC}.badge-inst-paid{background:#DCFCE7;color:#15803D}.badge-inst-due,.badge-inst-paid{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font-size:11.5px;font-weight:600}.badge-inst-due{background:#FEF3C7;color:#B45309}.badge-inst-upcoming{background:#F0FDF4;color:#14532D;border:1px solid #bbf7d0}.badge-inst-overdue,.badge-inst-upcoming{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font-size:11.5px;font-weight:600}.badge-inst-overdue{background:#FEE2E2;color:#B91C1C}.loan-card{border:1px solid var(--border);border-radius:var(--radius);padding:20px 22px;margin-bottom:16px;background:#FFFFFF;transition:all .2s ease}.loan-card:hover{border-color:#CBD5E1;box-shadow:var(--shadow-sm)}.loan-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.loan-progress-container{margin:14px 0 10px}.loan-progress-bar-bg{background:#E2E8F0;border-radius:999px;height:8px;overflow:hidden}.loan-progress-bar-fill{background:#10B981;height:100%;border-radius:999px;transition:width .3s ease}.loan-details-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;background:#F8FAFC;padding:12px 16px;border-radius:8px;margin-top:12px}.modal-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.55);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px;animation:fadeIn .2s ease}.modal-dialog{background:#FFFFFF;border-radius:var(--radius-lg);max-width:480px;width:100%;box-shadow:0 20px 25px -5px rgba(0,0,0,.15),0 10px 10px -5px rgba(0,0,0,.08);overflow:hidden;animation:fadeInUp .25s cubic-bezier(.16,1,.3,1)}.modal-header{padding:18px 24px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.modal-title{font-family:var(--font-heading);font-size:17px;font-weight:600;color:var(--text)}.modal-close-btn{background:transparent;border:none;color:var(--text-sm);cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center}.modal-close-btn:hover{background:#F1F5F9;color:var(--text)}.modal-body{padding:24px}.payment-method-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0 20px}.method-option{border:1px solid var(--border);border-radius:var(--radius);padding:12px 8px;text-align:center;cursor:pointer;background:#FFFFFF;transition:all .2s ease}.method-option:hover{border-color:#86EFAC}.method-option.selected{border-color:#14532D;background:#F0FDF4;color:#14532D;font-weight:600}.receipt-box{background:#F0FDF4;border:1px solid #bbf7d0;border-radius:var(--radius);padding:20px;text-align:center;margin-bottom:20px}.receipt-success-icon{width:52px;height:52px;border-radius:50%;background:#DCFCE7;color:#15803D;display:flex;align-items:center;justify-content:center;margin:0 auto 12px}.emi-summary-box{background:var(--bg-hero);border:1px solid #bae6fd;border-radius:var(--radius);padding:18px 24px;display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.emi-amount-display{font-family:var(--font-mono);font-size:28px;font-weight:600;color:var(--primary);letter-spacing:-.01em}.staff-gateway-card{background:linear-gradient(135deg,#1E293B,#0F172A);border:1px solid #334155;border-radius:var(--radius-lg);padding:18px 22px;margin-bottom:22px;color:#F8FAFC;box-shadow:0 4px 14px rgba(15,23,42,.12);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.staff-gateway-content{flex:1;min-width:220px}.staff-gateway-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(20,83,45,.25);border:1px solid rgba(134,239,172,.35);color:#86EFAC;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:3px 8px;border-radius:999px;margin-bottom:6px}.staff-gateway-title{font-family:var(--font-heading);font-size:15px;font-weight:600;color:#FFFFFF;margin-bottom:3px}.staff-gateway-sub{font-family:var(--font-body);font-size:12px;color:#94A3B8;line-height:1.4}.btn-staff-workstation{display:inline-flex;align-items:center;gap:8px;background:#14532D;color:#FFFFFF!important;text-decoration:none;padding:10px 18px;border-radius:8px;font-family:var(--font-body);font-size:13.5px;font-weight:500;box-shadow:0 2px 8px rgba(20,83,45,.35);transition:all .18s ease;white-space:nowrap}.btn-staff-workstation:hover{background:#0F3D21;box-shadow:0 4px 12px rgba(20,83,45,.45);transform:translateY(-1px);color:#FFFFFF!important}.btn-staff-workstation:active{transform:scale(.98)}@media (max-width:1024px) and (min-width:769px){.portal-header{padding:14px 24px}.portal-body{margin:24px auto 48px;padding:0 20px}.erp-metrics-grid{grid-template-columns:repeat(2,1fr)}.two-col-grid{grid-template-columns:1fr}.loan-details-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.portal-header{padding:12px 16px}.portal-body{margin:16px auto 36px;padding:0 14px}.portal-tabs{gap:6px;padding-bottom:8px}.portal-tab-btn{padding:8px 12px;font-size:12.5px}.erp-metrics-grid{grid-template-columns:1fr;gap:12px}.two-col-grid{grid-template-columns:1fr;gap:16px}.status-banner{padding:14px;gap:12px}.status-banner-title{font-size:14px}.status-banner-text{font-size:12px}.portal-card{padding:20px 16px;border-radius:var(--radius)}.portal-card-title{font-size:17px}.portal-card-desc{font-size:12.5px;margin-bottom:16px}.emi-summary-box{flex-direction:column;align-items:flex-start;gap:12px;padding:16px}.emi-amount-display{font-size:24px}.form-row{grid-template-columns:1fr;gap:12px}.loan-details-grid{grid-template-columns:repeat(2,1fr);gap:10px;font-size:12px}.payment-method-selector{grid-template-columns:1fr}.next-payment-banner{flex-direction:column;align-items:flex-start}.btn-pay-now{width:100%;justify-content:center}}