*,*:before,*:after{box-sizing:border-box}*{margin:0}*:before,*:after{content:none}body{font-family:sans-serif}label{display:block;text-align:left}li{text-align:left}main{padding-block:1rem}p{text-align:justify}.form-actions{display:flex;flex-direction:column;gap:.5rem}.form-field{margin-block-end:.5rem}.form-field-errors{display:block;color:red;li{padding-block:.5rem}}fieldset{border:none;padding:0}button{border:none;cursor:pointer;font-size:100%;font-weight:700;padding:.5rem;width:100%;&.primary{background-color:var(--color-green);color:var(--color-gray)}&.secondary{background-color:var(--color-gray);color:var(--color-bluegray)}}select{background-color:var(--color-bluegray);color:var(--color-gray);cursor:pointer;font-size:100%;width:100%}input[type=email],input[type=password],input[type=text],input[type=tel],textarea{background-color:var(--color-bluegray);color:var(--color-gray);font-size:100%;padding:.5rem;width:100%}textarea{font-family:inherit}label{font-weight:700}.menu{padding-block:1rem;padding-inline:2rem;h1{color:var(--color-green)}nav{display:flex;flex-direction:column;gap:.5em}img{padding:1rem 0;width:100%;max-width:250px}}.container{max-width:1200px;margin:0;padding:2rem 1rem}.title{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;color:#333}.cardGrid{display:flex;flex-direction:column;gap:10px}.amount-paid-card,.total-balance-card{margin-bottom:10px}.balance-breakdown{width:100%;margin:1rem 0;padding:.75rem;background-color:#f8f9fa;border-radius:6px}.breakdown-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;font-size:.875rem;color:#666}.breakdown-item:not(:last-child){border-bottom:1px solid #e9ecef}.card{display:flex;align-items:center;flex-direction:column;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1rem;transition:transform .2s ease-in-out;width:100%}.card:hover{transform:translateY(-2px)}.cardHeader{margin-bottom:.5rem}.cardTitle{font-size:.875rem;font-weight:500;color:#666;margin:0}.icon{width:1rem;height:1rem;color:#999}.cardContent{display:flex;flex-direction:column}.amount{font-size:1.5rem;font-weight:700;color:#333}.subtext{font-size:.75rem;color:#999;margin-top:.25rem;text-align:center}.on-track-status{font-size:1rem;color:#333;margin-top:.25rem;text-align:center;font-weight:700;background-color:#999;padding:5px 0;border-radius:5px}.ahead-status{font-size:1rem;color:#31f731;margin-top:.25rem;font-weight:700;text-align:center;background-color:#0f06;padding:5px 0;border-radius:5px}.behind-status{font-size:1rem;color:red;margin-top:.25rem;font-weight:700;text-align:center;background-color:#f006;padding:5px 0;border-radius:5px}.warning .icon{color:#e53e3e}.positive .icon{color:#38a169}.neutral .icon{color:#3182ce}@media (min-width: 640px){.title{font-size:1.875rem}.cardGrid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.cardGrid{grid-template-columns:repeat(3,1fr)}.card:nth-child(4),.card:nth-child(5){grid-column:span 2}}#page-installment-list{table{width:100%}}#page-profile{.property-list{display:flex;flex-direction:column;gap:1rem;list-style:none;padding:0}}.dark-table-container{width:100%;overflow-x:auto;background-color:#1a1a1a;border-radius:8px}.dark-table{width:100%;border-collapse:collapse;color:#e0e0e0;font-size:14px;text-align:left}.dark-table thead{background-color:#2d2d2d}.dark-table th{padding:16px 24px;font-weight:500;color:#fff}.dark-table td{padding:16px 24px}.dark-table tbody tr{border-bottom:1px solid #333}.dark-table tbody tr:hover{background-color:#2a2a2a}.dark-table .status-completed{color:#4ade80}.dark-table .status-pending{color:#facc15}.dark-table .status-failed{color:#f87171}.home-links{display:flex;flex-direction:column;gap:12px;margin:20px 0}.home-link{display:block;padding:12px;background-color:#f5f5f5;border-radius:4px;text-decoration:none;color:#333;font-weight:500}.home-link:hover{background-color:#e0e0e0}.notification-button-container{position:fixed;bottom:20px;left:0;width:100%;display:flex;justify-content:center;padding:0 20px;box-sizing:border-box;z-index:100}.notification-red-button{background-color:#d32f2f;color:#fff;border:none;border-radius:8px;height:50px;font-size:16px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 8px #d32f2f4d;transition:background-color .2s ease,transform .2s ease;width:80%;max-width:80%}.notification-icon{display:flex;align-items:center;margin-right:10px}.notification-red-button:hover{background-color:#b71c1c}.notification-red-button:active{transform:translateY(2px);box-shadow:0 2px 4px #d32f2f4d}.notification-error{display:flex;align-items:center;padding:12px 16px;background-color:#feefef;border-radius:4px;color:#d32f2f;margin:16px 0}.notification-error svg{margin-right:12px}@media (min-width: 768px){.notification-red-button{width:300px;max-width:300px}}:root{--border-temp:1px dashed gray;--color-black: #000;--color-bluegray: #dae7eb;--color-darkblue: #657ae2;--color-gray: #6d738a;--color-green: #76fbac}body{background-color:var(--color-black);color:var(--color-bluegray);height:100vh}#app{height:100%;min-width:200px;max-width:400px;margin-inline:auto;text-align:center}.standard-main-content{display:flex;flex-direction:column;gap:1rem;padding-inline:2rem}.standard-section{padding-block:1rem}