*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}button{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-color:transparent;color:inherit;font-family:inherit;border:none;cursor:pointer}:root{--brand: #2D5F8A;--brand-strong: #234A6E;--brand-soft: #E8F0F7;--bg: #F6F7F8;--surface: #FFFFFF;--surface-2: #F9FAFB;--border: #E4E7EB;--text: #1A1D21;--text-muted: #5E6670;--text-subtle: #9AA1AB;--success: #1F7A4D;--success-bg: #E3F2E9;--danger: #B23A3A;--danger-bg: #FBE9E9;--warn: #B8772A;--warn-bg: #FBF1E3;--font-display: "Fraunces", Georgia, serif;--font-ui: "Inter Tight", "Inter", system-ui, sans-serif;--font-inter: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Courier New", monospace;--radius: 10px;--radius-lg: 16px;--radius-pill: 9999px;--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow: 0 4px 12px rgba(0,0,0,.06), 0 2px 4px rgba(0,0,0,.04);--shadow-lg: 0 8px 30px rgba(0,0,0,.06)}[data-theme=dark]{--bg: #121417;--surface: #1B1E22;--surface-2: #23272C;--border: #30353B;--text: #ECEFF2;--text-muted: #9BA3AD;--text-subtle: #6B737D;--success: #2EAB6A;--success-bg: #0E2318;--danger: #D95F5F;--danger-bg: #2C1212;--warn: #D4923D;--warn-bg: #2A1E09;--brand: #4A85B5;--brand-strong: #5A9DD0;--brand-soft: #1A2D3E;--shadow-sm: 0 1px 3px rgba(0,0,0,.2);--shadow: 0 4px 12px rgba(0,0,0,.25);--shadow-lg: 0 8px 30px rgba(0,0,0,.3);color-scheme:dark}body{font-family:var(--font-ui);background:var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:clamp(14px,3.2vw,15px);line-height:1.5}h1,h2,h3,h4{font-family:var(--font-display)}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--surface-2) inset;-webkit-text-fill-color:var(--text);transition:background-color 9999s}.header{background:var(--surface);border-top:2px solid var(--brand);padding:0 clamp(1rem,4vw,1.5rem);height:64px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 1px 0 var(--border);position:sticky;top:0;z-index:10}.header-brand{display:flex;align-items:center;gap:.75rem}.header-logo{height:clamp(28px,7vw,36px);object-fit:contain}.header-title{font-family:var(--font-ui);font-size:1.05rem;font-weight:600;color:var(--text)}.header-right{display:flex;align-items:center;gap:clamp(.75rem,3vw,1.25rem)}.header-user{display:flex;align-items:center;gap:1.25rem}.header-username{font-size:.875rem;font-weight:500;color:var(--text-muted)}.btn-link{background:none;border:none;color:var(--brand);cursor:pointer;font-size:.875rem;font-weight:500;font-family:var(--font-ui);text-decoration:none;padding:0;transition:color .15s}.btn-link:hover{color:var(--brand-strong);text-decoration:underline}.btn-link:disabled{color:var(--text-subtle);cursor:not-allowed;text-decoration:none}.movimientos-table .btn-link{white-space:nowrap}.theme-toggle{display:flex;align-items:center;gap:.35rem;background:none;border:none;cursor:pointer;padding:.2rem 0;color:var(--text-muted);transition:color .15s}.theme-toggle:hover{color:var(--text)}.theme-icon{width:15px;height:15px;flex-shrink:0;opacity:.5;transition:opacity .2s}.theme-toggle:not(.dark) .theme-icon:first-of-type{opacity:1}.theme-toggle.dark .theme-icon:last-of-type{opacity:1}.theme-toggle-track{position:relative;width:40px;height:22px;background:var(--border);border-radius:11px;flex-shrink:0;transition:background .2s}.theme-toggle.dark .theme-toggle-track{background:var(--brand-soft)}.theme-toggle-thumb{position:absolute;top:3px;left:3px;width:16px;height:16px;background:var(--surface);border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px #0003}.theme-toggle.dark .theme-toggle-thumb{transform:translate(18px)}main{padding:clamp(1rem,4vw,2rem);max-width:1100px;margin:0 auto}.page{display:flex;flex-direction:column;gap:1.5rem}.page h2{font-family:var(--font-inter);font-size:clamp(1.6rem,3vw,2rem);font-weight:600;letter-spacing:-.02em;color:var(--text)}.loading,.empty{color:var(--text-muted);font-size:.9rem}.error-msg{color:var(--danger);font-size:.875rem}.back-link{color:var(--brand);text-decoration:none;font-size:.875rem;font-weight:500;display:inline-flex;align-items:center;gap:.25rem;transition:color .15s}.back-link:hover{color:var(--brand-strong)}.login-page{min-height:calc(100vh - 66px);display:flex;align-items:center;justify-content:center;padding:clamp(1rem,5vw,2rem)}.login-card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:clamp(1.5rem,6vw,2.5rem);width:100%;max-width:420px;display:flex;flex-direction:column;align-items:center;gap:1.5rem;border:1px solid var(--border)}.login-logo{max-height:clamp(56px,15vw,80px);object-fit:contain}.login-title{font-family:var(--font-inter);font-size:clamp(1.15rem,5vw,1.4rem);font-weight:600;text-align:center;letter-spacing:-.02em;color:var(--text)}.login-form{width:100%;display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-group label{font-size:.72rem;font-weight:600;color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase}.form-group input{border:1.5px solid var(--border);border-radius:var(--radius);padding:.75rem .875rem;font-size:.95rem;font-family:var(--font-ui);width:100%;background-color:var(--surface-2);color:var(--text);transition:border-color .2s,box-shadow .2s}.form-group input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.login-footer-text{text-align:center;font-size:.78rem;color:var(--text-subtle);margin-top:.25rem}.login-footer-link{color:var(--brand);text-decoration:none;font-weight:500}.login-footer-link:hover{text-decoration:underline}.password-wrapper{position:relative}.password-wrapper input{padding-right:2.75rem}.password-toggle{position:absolute;right:.65rem;top:50%;transform:translateY(-50%);font-size:1.1rem;padding:0;line-height:1;color:var(--text-subtle);transition:color .15s}.password-toggle:hover{color:var(--text-muted)}.btn-primary{background-color:var(--brand);color:#fff;border-radius:var(--radius);padding:.75rem 1.5rem;font-size:.95rem;font-family:var(--font-ui);font-weight:600;letter-spacing:.01em;transition:background-color .2s,transform .1s,box-shadow .2s;width:100%}.btn-primary:hover:not(:disabled){background-color:var(--brand-strong);box-shadow:0 4px 12px #2d5f8a4d;transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.tabs{display:flex;gap:.25rem;border-bottom:2px solid var(--border)}.tab{background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;padding:.65rem clamp(.85rem,3vw,1.25rem);cursor:pointer;font-size:.9rem;font-family:var(--font-ui);font-weight:500;color:var(--text-muted);transition:color .15s;white-space:nowrap}.tab:hover:not(.tab-disabled):not(.tab-active){color:var(--brand)}.tab-active{border-bottom-color:var(--brand);color:var(--brand);font-weight:600}.tab-disabled{color:var(--text-subtle);cursor:not-allowed;opacity:.65}.filtro-bar{display:flex;gap:.5rem;flex-wrap:wrap}.btn-filtro{background-color:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-pill);padding:.35rem clamp(.8rem,3vw,1.1rem);cursor:pointer;font-size:.85rem;font-family:var(--font-ui);font-weight:500;color:var(--text-muted);transition:all .15s}.btn-filtro:hover:not(.active){border-color:var(--brand);color:var(--brand)}.btn-filtro.active{background-color:var(--brand);color:#fff;border-color:var(--brand)}.contratos-list{display:flex;flex-direction:column;gap:.75rem}.contrato-card{background:var(--surface);border:1px solid var(--border);border-left:3px solid transparent;border-radius:var(--radius-lg);padding:clamp(.9rem,3.5vw,1.25rem) clamp(1rem,4vw,1.5rem);text-decoration:none;color:inherit;display:block;transition:box-shadow .2s,border-left-color .2s,transform .2s}.contrato-card:hover{box-shadow:var(--shadow);border-left-color:var(--brand);transform:translateY(-1px)}.contrato-card-garante{cursor:default;border-left-width:1px}.contrato-card-garante:hover{box-shadow:none;border-left-color:var(--border);transform:none}.contrato-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.contrato-num{font-family:var(--font-mono);font-size:.8rem;font-weight:400;color:var(--text-subtle)}.contrato-dir{font-family:var(--font-display);font-size:1.05rem;font-weight:500;margin-bottom:.5rem}.contrato-partes{display:flex;flex-direction:column;gap:.2rem;font-size:.85rem;color:var(--text-muted)}.contrato-fechas{font-size:.8rem;color:var(--text-subtle);margin-top:.5rem}.badge{display:inline-block;padding:.2rem .65rem;border-radius:var(--radius-pill);font-size:.7rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.badge-green{background:var(--success-bg);color:var(--success)}.badge-gray{background:var(--surface-2);color:var(--text-muted);border:1px solid var(--border)}.badge-yellow{background:var(--warn-bg);color:var(--warn)}button.badge{border:none;font-family:inherit;cursor:pointer}button.badge:hover:not(:disabled){filter:brightness(.92)}button.badge:disabled{cursor:not-allowed;opacity:.7}.periodo-bar{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.periodo-bar label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;color:var(--text-muted)}.periodo-bar input[type=date]{border:1.5px solid var(--border);border-radius:var(--radius);padding:.45rem .75rem;font-size:.875rem;font-family:var(--font-ui);background-color:var(--surface);color:var(--text);transition:border-color .2s,box-shadow .2s}.periodo-bar input[type=date]:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.periodo-bar .btn-primary{width:auto}.saldo-card{border-radius:var(--radius);padding:clamp(.9rem,3.5vw,1.25rem) clamp(1rem,4vw,1.5rem);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;border-left:4px solid;box-shadow:var(--shadow-sm)}.saldo-deudor{background:var(--danger-bg);border-left-color:var(--danger)}.saldo-acreedor{background:var(--success-bg);border-left-color:var(--success)}.saldo-card span{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.saldo-card strong{font-family:var(--font-mono);font-size:clamp(1.15rem,5vw,1.5rem);font-weight:700;font-variant-numeric:tabular-nums}.saldo-deudor strong{color:var(--danger)}.saldo-acreedor strong{color:var(--success)}.table-wrapper{overflow-x:auto;border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid var(--border)}.movimientos-table,.resumen-mensual-table{width:100%;min-width:560px;border-collapse:collapse;background:var(--surface);font-size:clamp(.8rem,2vw,.875rem)}.movimientos-table th,.resumen-mensual-table th{background:var(--surface-2);padding:clamp(.55rem,2vw,.75rem) clamp(.6rem,3vw,1rem);text-align:left;font-weight:600;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-subtle);white-space:nowrap;border-bottom:1px solid var(--border)}.movimientos-table td,.resumen-mensual-table td{padding:clamp(.5rem,2vw,.7rem) clamp(.6rem,3vw,1rem);border-top:1px solid var(--border);vertical-align:middle;color:var(--text)}.movimientos-table tbody tr:hover td,.resumen-mensual-table tbody tr:hover td{background:var(--brand-soft)}.resumen-mensual-leyenda{margin-top:.5rem;font-size:.8rem;color:var(--text-muted)}.movimientos-table .row-comentario td{color:var(--text-subtle);font-size:.83rem;background:var(--surface-2);font-style:italic}.amount{text-align:right;font-family:var(--font-mono);font-variant-numeric:tabular-nums}th.amount{text-align:right}.resumen-contrato-info{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:clamp(.9rem,3.5vw,1.25rem) clamp(1rem,4vw,1.5rem);display:flex;flex-direction:column;gap:.5rem;font-size:.9rem;box-shadow:var(--shadow-sm)}.resumen-contrato-row{display:flex;gap:.75rem}.rci-label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-subtle);min-width:100px;padding-top:.15em}:focus-visible{outline:2px solid var(--brand);outline-offset:2px}@media(max-width:640px){.tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;padding-bottom:2px}.tab{flex-shrink:0;padding:.75rem 1.1rem}.btn-filtro{min-height:44px;display:inline-flex;align-items:center}.contrato-header{flex-wrap:wrap;row-gap:.35rem}.resumen-contrato-row{flex-direction:column;gap:.15rem}.rci-label{min-width:0}.periodo-bar{flex-direction:column;align-items:stretch}.periodo-bar label{flex-direction:column;align-items:flex-start;width:100%;gap:.3rem}.periodo-bar input[type=date],.periodo-bar .btn-primary{width:100%}.movimientos-table th:nth-child(4),.movimientos-table td:nth-child(4),.movimientos-table th:nth-child(5),.movimientos-table td:nth-child(5){display:none}}@media(max-width:480px){.header-username{display:none}}