:root{--color-primary: #1565c0;--color-primary-hover: #0d47a1;--color-primary-container: #e3f2fd;--color-on-primary-container: #0d47a1;--color-background: #f4f6f9;--color-surface: #ffffff;--color-surface-container-low: #f8f9fa;--color-surface-container-high: #f0f4f8;--color-surface-variant: #e0e0e0;--color-on-surface: #1a1a1a;--color-on-surface-variant: #555555;--color-outline: #cccccc;--color-success-container: #e8f5e9;--color-on-success-container: #2e7d32;--color-warning-container: #fff8e1;--color-on-warning-container: #f57f17;--color-error-container: #ffebee;--color-on-error-container: #c62828;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--radius-small: 6px;--radius-medium: 12px;--radius-large: 16px;--shadow-card: 0 2px 8px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-hover: 0 4px 16px rgba(0, 0, 0, .1)}*{box-sizing:border-box}body{margin:0;padding:0;font-family:var(--font-family);background-color:var(--color-background);color:var(--color-on-surface);line-height:1.5;-webkit-font-smoothing:antialiased}.app-container{max-width:1000px;margin:0 auto;padding:16px;min-height:100vh;display:flex;flex-direction:column}@media(min-width:768px){.app-container{padding:24px}}.la-card{background-color:var(--color-surface);border-radius:var(--radius-medium);padding:16px;margin-bottom:20px;box-shadow:var(--shadow-card);border:1px solid rgba(0,0,0,.05)}@media(min-width:768px){.la-card{padding:24px}}.la-card-title{margin:0 0 12px;font-size:1.15rem;font-weight:700;color:var(--color-primary)}.la-card-subtitle{margin:-8px 0 16px;font-size:.9rem;color:var(--color-on-surface-variant)}.la-button{background-color:var(--color-primary);color:#fff;border:none;padding:12px 20px;border-radius:var(--radius-small);font-size:.95rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background-color .2s ease,transform .1s ease;width:100%;text-decoration:none}.la-button:hover{background-color:var(--color-primary-hover)}.la-button:active{transform:scale(.99)}.la-button-secondary{background-color:var(--color-primary-container);color:var(--color-on-primary-container)}.la-button-secondary:hover{background-color:#bbdefb}.la-button-outlined{background-color:transparent;color:var(--color-primary);border:1.5px solid var(--color-primary)}.la-button-outlined:hover{background-color:var(--color-primary-container)}.la-field-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.la-label{font-size:.85rem;font-weight:600;color:var(--color-on-surface)}.la-input,.la-select{padding:10px 14px;border-radius:var(--radius-small);border:1.5px solid var(--color-outline);font-size:1rem;font-family:var(--font-family);width:100%;background-color:var(--color-surface);transition:border-color .2s ease}.la-input:focus,.la-select:focus{outline:none;border-color:var(--color-primary)}.la-input:disabled{background-color:var(--color-surface-container-high);color:var(--color-on-surface-variant);cursor:not-allowed}.la-input-error{border-color:var(--color-on-error-container)}.la-error-text{font-size:.8rem;color:var(--color-on-error-container);margin-top:4px}.la-output-card{background-color:var(--color-primary-container);border:2px solid var(--color-primary);border-radius:var(--radius-medium);padding:16px;margin-bottom:16px}.la-output-title{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--color-on-primary-container);margin:0 0 4px}.la-output-value{font-size:1.75rem;font-weight:800;color:var(--color-on-primary-container);margin:0}.la-output-message{font-size:.85rem;color:var(--color-on-primary-container);opacity:.9;margin-top:6px}.la-value-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(0,0,0,.05)}.la-value-row:last-child{border-bottom:none}.la-value-label{font-size:.9rem;color:var(--color-on-surface-variant)}.la-value-val{font-size:.95rem;font-weight:700;color:var(--color-on-surface)}.la-grid-2{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:600px){.la-grid-2{grid-template-columns:1fr 1fr}}.la-grid-4{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:600px){.la-grid-4{grid-template-columns:1fr 1fr}}@media(min-width:900px){.la-grid-4{grid-template-columns:repeat(4,1fr)}}.la-table-wrapper{width:100%;overflow-x:auto;border-radius:var(--radius-small);border:1px solid var(--color-outline);background-color:var(--color-surface);-webkit-overflow-scrolling:touch}.la-table{width:100%;border-collapse:collapse;font-size:.88rem;min-width:600px}.la-table th{background-color:var(--color-surface-container-high);font-weight:700;text-align:left;padding:10px 12px;border-bottom:2px solid var(--color-outline);position:sticky;top:0;color:var(--color-on-surface)}.la-table td{padding:10px 12px;border-bottom:1px solid rgba(0,0,0,.06)}.la-table tr:nth-child(2n){background-color:var(--color-surface-container-low)}.la-table tr.row-paid-emi{background-color:#e3f2fd}.la-table tr.row-part-payment{background-color:#f3e5f5}.la-table tr.row-totals{background-color:var(--color-surface-container-high);font-weight:700;border-top:2px solid var(--color-outline)}.la-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;font-size:.8rem;font-weight:600}.la-badge-success{background-color:var(--color-success-container);color:var(--color-on-success-container)}.la-badge-warning{background-color:var(--color-warning-container);color:var(--color-on-warning-container)}.la-hero-title{font-size:1.6rem;font-weight:800;color:var(--color-on-surface);margin:0 0 6px}.la-hero-sub{font-size:.95rem;color:var(--color-on-surface-variant);margin:0 0 20px}.la-appbar{position:sticky;top:0;z-index:1000;background-color:var(--color-primary-container);color:var(--color-on-primary-container);padding-top:max(12px,env(safe-area-inset-top));padding-bottom:12px;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 8px #0000001f}.la-appbar-title{font-size:1.15rem;font-weight:700;margin:0;display:flex;align-items:center;gap:8px}.la-appbar-actions{display:flex;align-items:center;gap:8px}.la-icon-btn{background:transparent;border:none;color:var(--color-on-primary-container);cursor:pointer;padding:6px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;transition:background-color .2s ease;text-decoration:none}.la-icon-btn:hover{background-color:#00000014}