:root{--primary:#4f46e5;--primary-light:#6366f1;--text:#1f2937;--text-light:#6b7280;--bg:#fff;--bg-page:#f3f4f6;--border:#e5e7eb;--danger:#ef4444;--success:#22c55e;--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;font:16px/1.5 var(--sans);color:var(--text);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;-webkit-font-smoothing:antialiased}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--primary:#818cf8;--primary-light:#a5b4fc;--text:#f3f4f6;--text-light:#9ca3af;--bg:#1f2937;--bg-page:#111827;--border:#374151;--danger:#f87171;--success:#4ade80}}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-page);color:var(--text);font-family:var(--sans)}#root{flex-direction:column;min-height:100vh;display:flex}.navbar{background:var(--primary);z-index:100;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;display:flex;position:sticky;top:0}.navbar-brand{color:#fff;border-radius:.5rem;align-items:center;gap:.5rem;padding:.35rem;text-decoration:none;display:inline-flex}.brand-name{letter-spacing:-.3px;font-size:1.1rem;font-weight:700}.navbar-brand:hover{opacity:.85}.btn-back{color:#fff;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;display:inline-flex}.btn-nav{color:#fff;background:#ffffff26;border-radius:.5rem;justify-content:center;align-items:center;width:34px;height:34px;text-decoration:none;transition:background .2s;display:inline-flex}.btn-nav:hover{background:#ffffff40}.navbar .btn-logout{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:.5rem;padding:.4rem 1rem;font-size:.875rem;font-weight:500}.navbar .btn-logout:hover{background:#ffffff40}.page{flex:1;width:100%;max-width:600px;margin:0 auto;padding:1.25rem}.card{background:var(--bg);border-radius:.75rem;margin-bottom:1rem;padding:1.25rem;box-shadow:0 1px 3px #00000014}.card-title{color:var(--text);margin-bottom:1rem;font-size:1.125rem;font-weight:700}.form-group{margin-bottom:1rem}.form-group label{color:var(--text);margin-bottom:.35rem;font-size:.875rem;font-weight:600;display:block}input[type=text],input[type=email],input[type=password],input[type=tel],input[type=number],input[type=date],textarea{border:1.5px solid var(--border);width:100%;font-size:1rem;font-family:var(--sans);background:var(--bg);color:var(--text);-webkit-appearance:none;border-radius:.5rem;padding:.7rem .85rem}select{border:1.5px solid var(--border);width:100%;font-size:1rem;font-family:var(--sans);background:var(--bg);color:var(--text);cursor:pointer;border-radius:.5rem;padding:.7rem .85rem}select.select-sm{padding:.5rem .65rem;font-size:.875rem}select:focus,input:focus,textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #4f46e51a}button{font-family:var(--sans);cursor:pointer;border:none;border-radius:.5rem;padding:.7rem 1.25rem;font-size:.95rem;font-weight:600;transition:opacity .2s}button:active{transform:scale(.98)}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff;width:100%}.btn-primary:hover{opacity:.9}.btn-secondary{background:var(--bg);color:var(--text);border:1.5px solid var(--border);width:100%}.btn-danger-sm{color:var(--danger);background:0 0;padding:.3rem;font-size:1rem}.btn-edit-sm{color:var(--primary);background:0 0;padding:.3rem;font-size:1rem}.alert{border-radius:.5rem;margin-bottom:1rem;padding:.75rem;font-size:.875rem;font-weight:500}.alert-error{color:var(--danger);background:#ef44441a}.alert-success{color:var(--success);background:#22c55e1a}.dash-grid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.dash-card{background:var(--bg);color:var(--text);border-radius:.75rem;flex-direction:column;justify-content:center;align-items:center;padding:1.5rem 1rem;text-decoration:none;transition:transform .2s;display:flex;box-shadow:0 1px 3px #00000014}.dash-card:active{transform:scale(.97)}.dash-card .icon{margin-bottom:.5rem;font-size:2rem}.dash-card .label{font-size:.95rem;font-weight:600}.entry-list{list-style:none}.entry-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem 0;display:flex}.entry-item:last-child{border-bottom:none}.entry-info{flex:1;min-width:0}.entry-name{font-size:.95rem;font-weight:600}.entry-meta{color:var(--text-light);margin-top:.15rem;font-size:.8rem}.entry-amount{color:var(--primary);white-space:nowrap;font-size:.95rem;font-weight:700}.entry-actions{align-items:center;gap:.25rem;display:flex}.user-list{list-style:none}.user-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.75rem 0;display:flex}.user-item:last-child{border-bottom:none}.user-item a{color:var(--primary);font-weight:600;text-decoration:none}.user-phone{color:var(--text-light);font-size:.8rem}.summary-row{grid-template-columns:1fr 1fr 1fr;gap:.5rem;margin-bottom:1rem;display:grid}.summary-item{text-align:center;background:var(--bg-page);border-radius:.5rem;padding:.75rem .5rem}.summary-label{color:var(--text-light);text-transform:uppercase;letter-spacing:.5px;font-size:.7rem;font-weight:600}.summary-value{color:var(--text);margin-top:.2rem;font-size:1.1rem;font-weight:700}.loans-table{border-collapse:collapse;width:100%;font-size:.875rem}.loans-table th{text-align:left;color:var(--text-light);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--border);padding:.6rem .5rem;font-size:.75rem;font-weight:600}.loans-table td{border-bottom:1px solid var(--border);padding:.6rem .5rem}.loans-table tbody tr:last-child td{border-bottom:none}.detail-layout{flex-direction:column;flex:1;width:100%;max-width:900px;margin:0 auto;padding:1.25rem;display:flex}.sidebar-links{gap:.5rem;margin-bottom:1rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.sidebar-link{white-space:nowrap;background:var(--bg);color:var(--text);border:1.5px solid var(--border);border-radius:2rem;padding:.4rem .85rem;font-size:.85rem;font-weight:500;text-decoration:none}.sidebar-link.active{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-loader{align-items:center;gap:.5rem;display:inline-flex}.loader-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty{text-align:center;color:var(--text-light);padding:2rem 1rem}.empty .icon{margin-bottom:.5rem;font-size:2.5rem}.empty .text{font-size:.95rem}.btn-row{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.toggle-row{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.toggle-btn{background:var(--bg);color:var(--text-light);border:1.5px solid var(--border);cursor:pointer;border-radius:.5rem;padding:.6rem;font-size:.875rem;font-weight:600;transition:all .2s}.toggle-credit.active{color:var(--success);border-color:var(--success);background:#22c55e1a}.toggle-debit.active{color:var(--danger);border-color:var(--danger);background:#ef44441a}.type-badge{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;margin-right:.35rem;font-size:.75rem;font-weight:800;display:inline-flex}.type-credit{color:var(--success);background:#22c55e26}.type-debit{color:var(--danger);background:#ef444426}.amount-credit{color:var(--success)!important}.amount-debit{color:var(--danger)!important}