*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f0f6ff;color:#0d1f3c;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button{cursor:pointer}button,input,select,textarea{font-family:inherit}:root{--color-primary:#1664c0;--color-primary-dark:#0f4fa3;--color-primary-mid:#1259b0;--color-primary-hover:#1259b0;--color-primary-light:#dbeafe;--color-primary-border:#93c5fd;--color-accent:#f59e0b;--color-accent-dark:#d97706;--color-accent-light:#fef3c7;--color-success:#059669;--color-success-hover:#047857;--color-success-light:#d1fae5;--color-warning:#d97706;--color-warning-hover:#b45309;--color-warning-light:#fef3c7;--color-danger:#dc2626;--color-danger-hover:#b91c1c;--color-danger-light:#fee2e2;--color-info:#0284c7;--color-info-light:#e0f2fe;--color-purple:#1664c0;--color-purple-light:#dbeafe;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--shadow-sm:0 1px 3px #0000000f,0 1px 2px #0000000a;--shadow:0 4px 12px #1664c014,0 1px 3px #0000000d;--shadow-md:0 8px 24px #1664c01f,0 2px 6px #0000000f;--shadow-lg:0 16px 40px #1664c029,0 4px 12px #00000014;--radius:10px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--transition:0.18s ease}.app-shell{background-color:#f0f6ff;min-height:100vh}.page-content{margin:0 auto;max-width:1280px;padding:28px 24px}.app-header{background:linear-gradient(135deg,#05162e,#0b2d5e 40%,#1664c0 70%,#1259b0);box-shadow:0 4px 24px #0b2d5e73;position:sticky;top:0;z-index:100}.header-inner{height:68px;justify-content:space-between;margin:0 auto;max-width:1280px;padding:0 24px}.header-brand,.header-inner{align-items:center;display:flex}.header-brand{gap:12px}.brand-logo{align-items:center;background:linear-gradient(135deg,#f59e0b,#f97316);border-radius:11px;box-shadow:0 3px 10px #f59e0b73;color:#fff;display:flex;flex-shrink:0;font-size:11px;font-weight:900;height:40px;justify-content:center;letter-spacing:-.5px;width:40px}.brand-name{color:#fff;font-size:1.0625rem;font-weight:800;letter-spacing:-.01em}.role-badge{border-radius:9999px;border-radius:var(--radius-full);font-size:.6875rem;font-weight:700;letter-spacing:.07em;padding:3px 10px;text-transform:uppercase}.role-badge.admin{background:#f59e0b38;border:1px solid #f59e0b59;color:#fcd34d}.role-badge.user{background:#ffffff26;border:1px solid #ffffff38;color:#ffffffeb}.card .role-badge.user,table .role-badge.user{background:#6366f11a;border:1px solid #6366f140;color:#4f46e5}.card .role-badge.admin,table .role-badge.admin{background:#f59e0b1f;border:1px solid #f59e0b4d;color:#b45309}.header-right{gap:16px}.header-right,.user-info{align-items:center;display:flex}.user-info{gap:10px}.user-avatar{align-items:center;background:linear-gradient(135deg,#f59e0b,#f97316);border:2px solid #ffffff4d;border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 2px 8px #f59e0b66;color:#fff;display:flex;flex-shrink:0;font-size:.8125rem;font-weight:800;height:38px;justify-content:center;width:38px}.user-name{color:#fff;font-size:.875rem;font-weight:700}.user-email{color:#fff9;font-size:.75rem}.app-nav{background:#fff;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--gray-200);box-shadow:0 2px 10px #0000000d}.nav-inner{align-items:center;display:flex;gap:2px;margin:0 auto;max-width:1280px;overflow-x:auto;padding:0 24px}.nav-link{align-items:center;border-bottom:3px solid #0000;border-radius:10px 10px 0 0;border-radius:var(--radius) var(--radius) 0 0;color:#64748b;color:var(--gray-500);display:inline-flex;font-size:.875rem;font-weight:500;gap:6px;padding:13px 16px;text-decoration:none;transition:all .18s ease;transition:all var(--transition);white-space:nowrap}.nav-link:hover{background:#eff6ff}.nav-link.active,.nav-link:hover{color:#1664c0;color:var(--color-primary)}.nav-link.active{background:linear-gradient(180deg,#eff6ff,#fff);border-bottom-color:#1664c0;border-bottom-color:var(--color-primary);font-weight:700}.btn{align-items:center;border:1.5px solid #0000;border-radius:10px;border-radius:var(--radius);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:6px;justify-content:center;letter-spacing:.01em;outline:none;padding:9px 18px;text-decoration:none;transition:all .18s ease;transition:all var(--transition)}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:linear-gradient(135deg,#1664c0,#0f4fa3);box-shadow:0 2px 10px #1664c052;color:#fff}.btn-primary:hover:not(:disabled){box-shadow:0 5px 18px #1664c06b;transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:#fff;border-color:#cbd5e1;border-color:var(--gray-300);box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;box-shadow:var(--shadow-sm);color:#334155;color:var(--gray-700)}.btn-secondary:hover:not(:disabled){background:#eff6ff;border-color:#93c5fd;border-color:var(--color-primary-border);color:#1664c0;color:var(--color-primary);transform:translateY(-1px)}.btn-success{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 2px 10px #0596694d;color:#fff}.btn-success:hover:not(:disabled){box-shadow:0 5px 18px #05966966;transform:translateY(-1px)}.btn-danger{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 2px 10px #dc26264d;color:#fff}.btn-danger:hover:not(:disabled){box-shadow:0 5px 18px #dc262666;transform:translateY(-1px)}.btn-warning{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 2px 10px #d977064d;color:#fff}.btn-warning:hover:not(:disabled){box-shadow:0 5px 18px #d9770666;transform:translateY(-1px)}.btn-ghost{background:#ffffff1f;border-color:#ffffff38;color:#ffffffe0}.btn-ghost:hover:not(:disabled){background:#ffffff38;color:#fff}.btn-sm{font-size:.8125rem;padding:5px 12px}.btn-lg{font-size:.9375rem;padding:12px 24px}.btn-full{width:100%}.card{background:#fff;border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 12px #1664c014,0 1px 3px #0000000d;box-shadow:var(--shadow);overflow:hidden;transition:box-shadow .18s ease,transform .18s ease;transition:box-shadow var(--transition),transform var(--transition)}.card:hover{box-shadow:0 8px 24px #1664c01f,0 2px 6px #0000000f;box-shadow:var(--shadow-md)}.card-header{align-items:center;background:linear-gradient(90deg,#eff6ff,#fff);border-bottom:1px solid #e8f0fe;display:flex;justify-content:space-between;padding:20px 24px}.card-header-text h3{color:#0f172a;color:var(--gray-900);font-size:1rem;font-weight:700}.card-header-text p{color:#64748b;color:var(--gray-500);font-size:.8125rem;margin-top:2px}.card-body{padding:24px}.stat-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{align-items:center;background:#fff;border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 12px #1664c014,0 1px 3px #0000000d;box-shadow:var(--shadow);cursor:default;display:flex;gap:16px;overflow:hidden;padding:22px;position:relative;transition:transform .18s ease,box-shadow .18s ease;transition:transform var(--transition),box-shadow var(--transition)}.stat-card:after{background:currentColor;border-radius:50%;content:"";height:72px;opacity:.05;position:absolute;right:-24px;top:-24px;width:72px}.stat-card:hover{box-shadow:0 8px 24px #1664c01f,0 2px 6px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-4px)}.stat-icon{align-items:center;border-radius:14px;display:flex;flex-shrink:0;height:54px;justify-content:center;width:54px}.stat-icon.green{background:linear-gradient(135deg,#059669,#10b981);box-shadow:0 4px 14px #05966961;color:#fff}.stat-icon.blue{background:linear-gradient(135deg,#0284c7,#0ea5e9);box-shadow:0 4px 14px #0284c761;color:#fff}.stat-icon.yellow{background:linear-gradient(135deg,#d97706,#f59e0b);box-shadow:0 4px 14px #d9770661;color:#fff}.stat-icon.purple{background:linear-gradient(135deg,#1664c0,#38bdf8);box-shadow:0 4px 14px #1664c061;color:#fff}.stat-icon.indigo{background:linear-gradient(135deg,#4f46e5,#6366f1);box-shadow:0 4px 14px #4f46e561;color:#fff}.stat-icon.red{background:linear-gradient(135deg,#dc2626,#ef4444);box-shadow:0 4px 14px #dc262661;color:#fff}.stat-label{color:#64748b;color:var(--gray-500);font-size:.8125rem;font-weight:500;margin-bottom:5px}.stat-value{color:#0f172a;color:var(--gray-900);font-size:1.5rem;font-weight:800;line-height:1.1}.table-wrapper{overflow-x:auto}.data-table{border-collapse:collapse;width:100%}.data-table th{background:linear-gradient(90deg,#eff6ff,#f0f7ff);border-bottom:2px solid #93c5fd;border-bottom:2px solid var(--color-primary-border);color:#1664c0;color:var(--color-primary);font-size:.75rem;font-weight:700;letter-spacing:.06em;padding:12px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.data-table td{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--gray-100);color:#334155;color:var(--gray-700);font-size:.875rem;padding:14px 16px;white-space:nowrap}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:#eff6ff}.badge{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:.6875rem;font-weight:700;letter-spacing:.04em;padding:4px 12px;text-transform:uppercase}.badge-pending{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fcd34d;color:#78350f}.badge-approved{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #6ee7b7;color:#065f46}.badge-closed{background:linear-gradient(135deg,#e0f2fe,#bae6fd);border:1px solid #7dd3fc;color:#075985}.badge-rejected{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #fca5a5;color:#991b1b}.badge-foreclosed{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:1px solid #cbd5e1;color:#475569}.badge-active-count{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #6ee7b7;color:#065f46}.form-group{margin-bottom:20px}.form-label{color:#334155;color:var(--gray-700);display:block;font-size:.875rem;font-weight:600;margin-bottom:7px}.form-control{background:#fff;border:1.5px solid #e2e8f0;border:1.5px solid var(--gray-200);border-radius:10px;border-radius:var(--radius);color:#0f172a;color:var(--gray-900);font-size:.875rem;padding:10px 14px;transition:border-color .18s ease,box-shadow .18s ease;transition:border-color var(--transition),box-shadow var(--transition);width:100%}.form-control:focus{border-color:#1664c0;border-color:var(--color-primary);box-shadow:0 0 0 3px #1664c01f;outline:none}.form-control::placeholder{color:#94a3b8;color:var(--gray-400)}textarea.form-control{min-height:80px;resize:vertical}.input-wrapper{position:relative}.input-prefix{color:#64748b;color:var(--gray-500);font-size:.875rem;font-weight:600;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.input-with-prefix{padding-left:26px}.input-error{border-color:#dc2626!important;border-color:var(--color-danger)!important}.auth-page{align-items:center;background:linear-gradient(135deg,#020e1f,#05162e 25%,#0b2d5e 55%,#1664c0 80%,#1259b0);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:24px;position:relative}.auth-page:before{background:radial-gradient(ellipse at 20% 60%,#f59e0b1a 0,#0000 50%),radial-gradient(ellipse at 80% 20%,#38bdf81f 0,#0000 45%),radial-gradient(ellipse at 60% 90%,#ffffff08 0,#0000 40%);content:"";inset:0;position:absolute}.auth-page:after{animation:floatOrb 10s ease-in-out infinite alternate;background:#f59e0b12;border-radius:50%;content:"";height:500px;position:absolute;right:-200px;top:-200px;width:500px}@keyframes floatOrb{0%{transform:translate(0) scale(1)}to{transform:translate(-40px,60px) scale(1.1)}}.auth-card{background:#fff;border-radius:24px;box-shadow:0 32px 80px #00000059,0 8px 24px #1664c040;max-width:440px;padding:48px 44px;position:relative;width:100%;z-index:1}.auth-brand{flex-direction:column;gap:10px;margin-bottom:36px}.auth-brand,.auth-brand-logo{align-items:center;display:flex}.auth-brand-logo{background:linear-gradient(135deg,#1664c0,#0f4fa3);border-radius:16px;box-shadow:0 6px 20px #1664c073;color:#fff;font-size:14px;font-weight:900;height:60px;justify-content:center;letter-spacing:-.5px;margin-bottom:2px;width:60px}.auth-brand-name{color:#0f172a;color:var(--gray-900);font-size:1.375rem;font-weight:800;letter-spacing:-.02em;text-align:center}.auth-brand-tagline{color:#64748b;color:var(--gray-500);font-size:.8125rem;font-weight:400}.auth-title{color:#0f172a;color:var(--gray-900);font-size:1.375rem;font-weight:800;letter-spacing:-.02em;margin-bottom:6px;text-align:center}.auth-subtitle{color:#64748b;color:var(--gray-500);font-size:.875rem;margin-bottom:32px;text-align:center}.auth-link{color:#1664c0;color:var(--color-primary);font-weight:600}.auth-link:hover{color:#0f4fa3;color:var(--color-primary-dark)}.auth-demo{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #93c5fd;border:1px solid var(--color-primary-border);border-radius:10px;border-radius:var(--radius);color:#1664c0;color:var(--color-primary);font-size:.8125rem;font-weight:500;margin-top:20px;padding:12px 16px;text-align:center}.auth-footer{color:#64748b;color:var(--gray-500);font-size:.875rem;margin-top:24px;text-align:center}.page-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:28px}.page-title{color:#0f172a;color:var(--gray-900);font-size:1.625rem;font-weight:800;letter-spacing:-.02em}.page-subtitle{color:#64748b;color:var(--gray-500);font-size:.875rem;margin-top:4px}.section{margin-bottom:24px}.section:last-child{margin-bottom:0}.tabs{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--gray-200);display:flex;gap:0;margin-bottom:20px}.tab-btn{background:none;border:none;border-bottom:3px solid #0000;color:#64748b;color:var(--gray-500);cursor:pointer;font-size:.875rem;font-weight:600;margin-bottom:-2px;padding:11px 20px;transition:all .18s ease;transition:all var(--transition)}.tab-btn.active,.tab-btn:hover{color:#1664c0;color:var(--color-primary)}.tab-btn.active{border-bottom-color:#1664c0;border-bottom-color:var(--color-primary)}.user-cell{gap:10px}.user-cell,.user-cell-avatar{align-items:center;display:flex}.user-cell-avatar{background:linear-gradient(135deg,#1664c0,#38bdf8);border-radius:9999px;border-radius:var(--radius-full);color:#fff;flex-shrink:0;font-size:.75rem;font-weight:700;height:34px;justify-content:center;width:34px}.user-cell-name{color:#1e293b;color:var(--gray-800);font-size:.875rem;font-weight:600}.user-cell-email{color:#64748b;color:var(--gray-500);font-size:.75rem}.action-btns{gap:4px}.action-btn,.action-btns{align-items:center;display:flex}.action-btn{background:none;border:none;border-radius:10px;border-radius:var(--radius);cursor:pointer;justify-content:center;padding:6px;transition:background .18s ease,color .18s ease,transform .18s ease;transition:background var(--transition),color var(--transition),transform var(--transition)}.action-btn:disabled{cursor:not-allowed;opacity:.4}.action-btn:hover:not(:disabled){transform:scale(1.12)}.action-btn.approve{color:#059669;color:var(--color-success)}.action-btn.approve:hover:not(:disabled){background:#d1fae5;background:var(--color-success-light)}.action-btn.reject{color:#dc2626;color:var(--color-danger)}.action-btn.reject:hover:not(:disabled){background:#fee2e2;background:var(--color-danger-light)}.action-btn.close{color:#0284c7;color:var(--color-info)}.action-btn.close:hover:not(:disabled){background:#e0f2fe;background:var(--color-info-light)}.action-btn.foreclose{color:#d97706;color:var(--color-warning)}.action-btn.foreclose:hover:not(:disabled){background:#fef3c7;background:var(--color-warning-light)}.spinner-page{align-items:center;display:flex;justify-content:center;min-height:200px}.spinner{animation:spin .7s linear infinite;border:3px solid #dbeafe;border-top-color:#1664c0;border:3px solid var(--color-primary-light);border-radius:50%;border-top-color:var(--color-primary);height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.empty-state{padding:56px 24px;text-align:center}.empty-state-icon{color:#93c5fd;color:var(--color-primary-border);display:block;margin:0 auto 16px}.empty-state-title{color:#475569;color:var(--gray-600);font-size:1rem;font-weight:700;margin-bottom:8px}.empty-state-text{color:#94a3b8;color:var(--gray-400);font-size:.8125rem;margin-bottom:24px}.interest-preview{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1.5px solid #93c5fd;border:1.5px solid var(--color-primary-border);border-radius:10px;border-radius:var(--radius);padding:20px}.interest-preview-title{align-items:center;color:#1664c0;color:var(--color-primary);display:flex;font-size:.875rem;font-weight:700;gap:6px;margin-bottom:16px}.interest-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.interest-item label{color:#475569;color:var(--gray-600);display:block;font-size:.75rem;font-weight:600;margin-bottom:3px}.interest-item .val{color:#0f172a;color:var(--gray-900);font-size:1rem;font-weight:700}.interest-item .val.highlight{color:#1664c0;color:var(--color-primary);font-size:1.125rem}.info-row{align-items:center;border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--gray-100);display:flex;font-size:.875rem;gap:16px;justify-content:space-between;padding:13px 0}.info-row:last-child{border-bottom:none}.info-label{color:#64748b;color:var(--gray-500);flex-shrink:0;font-weight:500}.info-value{color:#1e293b;color:var(--gray-800);font-weight:600;text-align:right}.info-value.green{color:#059669;color:var(--color-success)}.loan-cards-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.loan-card{background:#fff;border-radius:16px;border-radius:var(--radius-lg);border-top:3px solid #1664c0;border-top:3px solid var(--color-primary);box-shadow:0 4px 12px #1664c014,0 1px 3px #0000000d;box-shadow:var(--shadow);padding:22px;transition:transform .18s ease,box-shadow .18s ease;transition:transform var(--transition),box-shadow var(--transition)}.loan-card:hover{box-shadow:0 8px 24px #1664c01f,0 2px 6px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-4px)}.loan-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.loan-id{color:#1664c0;color:var(--color-primary);font-size:.875rem;font-weight:700}.loan-detail-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.loan-detail-item label{color:#64748b;color:var(--gray-500);display:block;font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:3px;text-transform:uppercase}.loan-detail-item .dval{color:#1e293b;color:var(--gray-800);font-size:.875rem;font-weight:600}.loan-detail-item.full{grid-column:1/-1}.desc-grid{grid-gap:0;display:grid;gap:0;grid-template-columns:repeat(3,1fr)}.desc-row{align-items:center;border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--gray-100);display:grid;font-size:.875rem;grid-template-columns:1fr 2fr;padding:13px 24px}.desc-row:last-child{border-bottom:none}.desc-row.shaded{background:#eff6ff}.desc-label{color:#64748b;color:var(--gray-500);font-weight:500}.desc-value{color:#1e293b;color:var(--gray-800);font-weight:600}.desc-value.green{color:#059669;color:var(--color-success)}.desc-value.bold{font-weight:700}.status-indicator{align-items:center;display:flex;gap:12px}.status-dot{animation:statusPulse 2.4s ease-in-out infinite;background:#059669;background:var(--color-success);border-radius:50%;flex-shrink:0;height:10px;width:10px}@keyframes statusPulse{0%,to{box-shadow:0 0 0 0 #05966980}60%{box-shadow:0 0 0 6px #05966900}}.status-label{color:#1e293b;color:var(--gray-800);font-size:.875rem;font-weight:600}.status-sub{color:#64748b;color:var(--gray-500);font-size:.8125rem}.legend{display:flex;flex-wrap:wrap;gap:20px}.legend-item{align-items:center;color:#475569;color:var(--gray-600);display:flex;font-size:.8125rem;gap:6px}.quick-actions{display:flex;flex-wrap:wrap;gap:12px}.loan-list-item{align-items:center;border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--gray-100);display:flex;gap:16px;justify-content:space-between;padding:16px 24px;transition:background .18s ease;transition:background var(--transition)}.loan-list-item:hover{background:#eff6ff}.loan-list-item:last-child{border-bottom:none}.loan-list-left{align-items:center;display:flex;gap:12px}.loan-list-icon{color:#93c5fd;color:var(--color-primary-border)}.loan-list-amount{color:#1664c0;color:var(--color-primary);font-size:1rem;font-weight:700}.loan-list-due{color:#64748b;color:var(--gray-500);font-size:.8125rem;margin-top:2px}.loan-list-right{align-items:center;display:flex;gap:16px}.loan-list-total{text-align:right}.loan-list-total-amt{color:#1e293b;color:var(--gray-800);font-size:.875rem;font-weight:700}.loan-list-total-label{color:#64748b;color:var(--gray-500);font-size:.75rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-gray{color:#64748b;color:var(--gray-500)}.text-dark{color:#1e293b;color:var(--gray-800)}.text-primary{color:#1664c0;color:var(--color-primary)}.text-success{color:#059669;color:var(--color-success)}.text-danger{color:#dc2626;color:var(--color-danger)}.text-center{text-align:center}.text-right{text-align:right}.nowrap{white-space:nowrap}.icon-sm{height:16px;width:16px}.icon-md{height:20px;width:20px}.icon-lg{height:24px;width:24px}.icon-xl{height:32px;width:32px}.chitty-stat-row{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,1fr);margin-bottom:8px}.chitty-stat-card{background:#fff;border:1.5px solid #e2e8f0;border:1.5px solid var(--gray-200);border-radius:12px;display:flex;flex-direction:column;gap:5px;padding:16px 18px;transition:transform .18s ease,box-shadow .18s ease;transition:transform var(--transition),box-shadow var(--transition)}.chitty-stat-card:hover{box-shadow:0 4px 12px #1664c014,0 1px 3px #0000000d;box-shadow:var(--shadow);transform:translateY(-2px)}.chitty-stat-num{color:#0f172a;color:var(--gray-900);font-size:1.625rem;font-weight:800;line-height:1}.chitty-stat-label{color:#64748b;color:var(--gray-500);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.chitty-current-banner{align-items:center;background:linear-gradient(135deg,#05162e,#1664c0 55%,#1259b0);border-radius:16px;box-shadow:0 8px 28px #1664c059;color:#fff;display:flex;gap:16px;justify-content:space-between;margin-bottom:8px;padding:22px 28px}.chitty-current-banner h4{font-size:.75rem;font-weight:600;letter-spacing:.07em;margin:0 0 4px;opacity:.75;text-transform:uppercase}.chitty-current-banner .banner-name{font-size:1.5rem;font-weight:800;letter-spacing:-.02em}.chitty-current-banner .banner-amount{font-size:2rem;font-weight:900;letter-spacing:-.03em;opacity:.95}.chitty-current-banner .banner-sub{font-size:.8125rem;margin-top:2px;opacity:.7}.chitty-member-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.chitty-member-card{background:#fff;border:2px solid #e2e8f0;border:2px solid var(--gray-200);border-radius:14px;display:flex;flex-direction:column;gap:10px;padding:18px;transition:border-color .18s,box-shadow .18s,transform .18s}.chitty-member-card:hover{border-color:#93c5fd;border-color:var(--color-primary-border);box-shadow:0 4px 18px #1664c01f;transform:translateY(-3px)}.chitty-member-card.current{border-color:#1664c0;border-color:var(--color-primary);box-shadow:0 0 0 3px #1664c01f,0 4px 18px #1664c02e}.chitty-member-card.paid{background:linear-gradient(to bottom right,#f0fdf4,#fff);border-color:#059669;border-color:var(--color-success)}.chitty-member-card-header{align-items:center;display:flex;gap:10px}.chitty-member-avatar{align-items:center;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);background:linear-gradient(135deg,var(--gray-100),var(--gray-200));border:2px solid #e2e8f0;border:2px solid var(--gray-200);border-radius:50%;color:#475569;color:var(--gray-600);display:flex;flex-shrink:0;font-size:.875rem;font-weight:700;height:38px;justify-content:center;width:38px}.chitty-member-card.current .chitty-member-avatar{background:linear-gradient(135deg,#7c3aed,#a855f7);border-color:#1664c0;border-color:var(--color-primary);box-shadow:0 2px 10px #7c3aed66;color:#fff}.chitty-member-card.paid .chitty-member-avatar{background:linear-gradient(135deg,#059669,#10b981);border-color:#059669;border-color:var(--color-success);box-shadow:0 2px 10px #05966966;color:#fff}.chitty-member-name{color:#1e293b;color:var(--gray-800);flex:1 1;font-size:.9375rem;font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chitty-current-badge{background:linear-gradient(135deg,#7c3aed,#6d28d9);border-radius:20px;color:#fff;flex-shrink:0;font-size:.625rem;font-weight:700;letter-spacing:.05em;padding:3px 9px;text-transform:uppercase}.chitty-member-month{align-items:center;color:#475569;color:var(--gray-600);display:flex;font-size:.8125rem;gap:6px}.chitty-member-month .form-control{font-size:.8125rem;height:auto;padding:4px 8px}.chitty-member-actions{display:flex;gap:6px;margin-top:auto}.chitty-member-actions .btn{flex:1 1;justify-content:center}@media (max-width:768px){.page-content{padding:16px 14px}.header-inner{padding:0 14px}.nav-inner{padding:0 10px}.stat-grid{grid-template-columns:repeat(2,1fr)}.page-header{align-items:flex-start;flex-direction:column;gap:10px}.page-title{font-size:1.375rem}.user-email{display:none}.user-name{font-size:.8125rem}.chitty-stat-row{grid-template-columns:repeat(2,1fr)}.chitty-current-banner{align-items:flex-start;flex-direction:column;gap:10px;padding:18px 20px}.loan-detail-grid{grid-template-columns:1fr}.tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab-btn{flex-shrink:0;font-size:.8125rem;padding:10px 14px;white-space:nowrap}.nav-inner{-webkit-overflow-scrolling:touch;overflow-x:auto;scrollbar-width:none}.nav-inner::-webkit-scrollbar{display:none}.nav-link{font-size:.8125rem;padding:11px 12px}.data-table th{padding:10px 12px}.data-table td{padding:12px}.loan-list-item{gap:10px;padding:14px 16px}.desc-grid,.loan-cards-grid{grid-template-columns:1fr}.desc-row{padding:12px 16px}.auth-card{padding:40px 28px}.interest-grid{grid-template-columns:1fr 1fr}.chitty-member-grid{grid-template-columns:repeat(2,1fr)}.loan-app-grid{grid-template-columns:1fr!important}.loan-submit-row{justify-content:stretch!important}.loan-submit-row .btn{font-size:1rem;justify-content:center;padding:14px 20px;width:100%}.form-control,select,textarea{font-size:16px!important}.loan-fcfs-notice{gap:10px!important;padding:12px 14px!important}.loan-fcfs-notice .loan-fcfs-text{font-size:13px!important}}@media (max-width:480px){.page-content{padding:12px 10px}.header-inner{height:58px;padding:0 10px}.nav-inner{padding:0 4px}.stat-grid{grid-template-columns:1fr}.stat-card{padding:16px}.stat-icon{height:44px;width:44px}.stat-value{font-size:1.25rem}.role-badge,.user-name{display:none}.brand-name{font-size:.875rem}.sign-out-label{display:none}.sign-out-btn{padding:6px 8px}.user-avatar{font-size:.75rem;height:32px;width:32px}.page-title{font-size:1.125rem}.page-subtitle{font-size:.8125rem}.auth-card{padding:28px 18px}.auth-brand-name{font-size:1.125rem}.interest-grid{grid-template-columns:1fr}.interest-preview{padding:14px}.interest-preview-title{font-size:.8125rem;margin-bottom:12px}.loan-submit-row .btn{font-size:1rem;font-weight:700;padding:15px 20px}.chitty-stat-row{grid-template-columns:repeat(2,1fr)}.chitty-current-banner .banner-amount{font-size:1.625rem}.chitty-current-banner .banner-name{font-size:1.125rem}.chitty-member-grid,.loan-cards-grid{grid-template-columns:1fr}.data-table th{font-size:.6875rem;padding:8px 10px}.data-table td{font-size:.8125rem;padding:10px}.tab-btn{font-size:.75rem;padding:9px 11px}.nav-link{font-size:.75rem;padding:10px}.page-header .btn{font-size:.8125rem;padding:8px 14px}.loan-list-item{padding:12px}.loan-list-amount{font-size:.9375rem}.card-body{padding:16px}.card-header{padding:14px 16px}.empty-state{padding:40px 16px}}@media (max-width:360px){.brand-name{display:none}.header-inner{height:54px}.page-content{padding:10px 8px}.stat-grid{gap:10px}.chitty-stat-row{gap:8px}}@media (max-width:600px){[style*="position: fixed"][style*=inset]{-webkit-overflow-scrolling:touch;align-items:flex-start!important;overflow-y:auto;padding-bottom:16px!important;padding-top:16px!important}[style*="position: fixed"][style*=inset]>div{-webkit-overflow-scrolling:touch;margin:0 auto;max-height:calc(100vh - 32px);max-width:calc(100vw - 24px)!important;overflow-y:auto;width:100%!important}}
/*# sourceMappingURL=main.453917a9.css.map*/