:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#18332e;background:#f4f7f4;font-synthesis:none}*{box-sizing:border-box}body{margin:0}html,body,#app{min-width:0}.shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}aside{background:#153b34;color:#fff;padding:28px 20px}.brand{display:flex;align-items:center;gap:12px;font-weight:700;margin-bottom:42px}.brand>span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;color:#153b34;background:#d5f15f}.brand small{display:block;opacity:.55;font-weight:400;margin-top:3px}nav{display:grid;gap:8px}nav a,nav>span{color:#dbe8e4;text-decoration:none;padding:12px 14px;border-radius:9px}nav a.router-link-active{color:#fff;background:#24554b}nav small{float:right;opacity:.5}.menu-toggle{display:none}main{padding:52px clamp(28px,5vw,72px);max-width:1400px;width:100%}header{margin-bottom:30px}h1{font-size:36px;margin:5px 0}header p:last-child{color:#667a75}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:12px;font-weight:800;color:#568075}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:22px}article,.panel{background:#fff;border:1px solid #e1e9e5;border-radius:16px;box-shadow:0 8px 30px #27493d0b}article{padding:24px}article small{color:#667a75}article strong{display:block;font-size:30px;margin:12px 0}article span{font-size:13px;color:#789089}.panel{padding:26px;margin-top:20px}h2{margin:0;font-size:19px}.section-title{display:flex;justify-content:space-between;align-items:center}button{border:0;border-radius:9px;padding:11px 16px;color:#153b34;background:#d5f15f;font-weight:700;cursor:pointer}.flow{display:flex;gap:14px;align-items:center;margin-top:28px;color:#48615b}.flow b{background:#e8f2ee;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;color:#276b5d}.flow i{color:#a9bbb6}.empty{color:#758883;padding:30px 0 8px}.notice{background:#fff6db;padding:14px;border-radius:9px}table{width:100%;margin-top:20px;border-collapse:collapse}td{padding:14px;border-bottom:1px solid #edf1ef}.panel{min-width:0}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:#153b34}.login-card{width:min(420px,100%);background:#fff;padding:36px;border-radius:18px;box-shadow:0 30px 80px #071c1770}.login-card .brand{color:#18332e;margin-bottom:32px}.login-card h1{font-size:26px}label{display:grid;gap:7px;margin:18px 0;color:#48615b;font-size:13px;font-weight:700}input,select{width:100%;border:1px solid #cedbd6;border-radius:9px;padding:12px;background:#fff;color:#18332e;font:inherit}textarea{width:100%;resize:vertical;border:1px solid #cedbd6;border-radius:9px;padding:12px;font:inherit}.form-panel{border-top:4px solid #d5f15f}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;margin-top:16px}.form-grid .wide{grid-column:1 / -1}.form-actions{display:flex;justify-content:flex-end;margin-top:8px}.secondary{background:#edf2f0;color:#48615b}.check{display:flex;grid-template-columns:auto 1fr;align-items:center}.check input{width:auto}.badge{display:inline-block;padding:5px 9px;border-radius:20px;color:#276b5d;background:#e8f2ee;font-size:11px;font-weight:800}.simulation{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0}.simulation span{background:#f3f7f5;padding:14px;border-radius:10px;color:#667a75;font-size:12px}.simulation b{display:block;color:#18332e;font-size:18px;margin-top:5px}.eligibility{margin-top:20px;padding:18px;border-radius:12px}.eligibility strong,.eligibility span{display:block}.eligibility span{margin-top:5px;font-size:13px}.eligible{background:#e8f7ec;color:#25643b}.rejected{background:#fff0eb;color:#9a3c2b}.eligibility button{margin-top:14px}th{padding:12px 14px;text-align:left;color:#789089;font-size:12px;border-bottom:1px solid #dfe8e4}.payment-grid{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(360px,1.2fr);gap:20px}.payment-grid .panel{margin-top:0}.payment-form button{width:100%;margin-top:10px}.allocation{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid #edf1ef}.ticket-result{margin-top:22px;padding-top:18px;border-top:1px solid #dfe8e4}.payment-status{display:inline-block;padding:7px 12px;border-radius:20px;background:#247346;color:#fff;font-size:12px;font-weight:800}.ticket-result button{width:100%}.payment-metrics .overdue{color:#a33f31}.payment-context-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.payment-context-grid .panel{margin-top:0}.badge.danger{color:#a33f31;background:#fff0eb}.due-heading{color:#526b64;font-weight:700}.payment-breakdown div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #edf1ef}.payment-breakdown dt{color:#667a75}.payment-breakdown dd{margin:0;font-weight:800}.payment-breakdown .total{color:#153b34;font-size:18px}.amount-option{display:grid;grid-template-columns:auto 1fr;align-items:start;padding:14px;border:1px solid #dce6e2;border-radius:10px;cursor:pointer}.amount-option input{width:auto;margin-top:4px}.amount-option b,.amount-option small{display:block}.amount-option small{margin-top:4px;color:#71847f;font-weight:400}.payment-confirmation>button{margin-top:16px}.metric-cards{grid-template-columns:repeat(3,1fr)}.quick-links{display:flex;gap:12px;margin-top:22px}.quick-links a{color:#153b34;background:#edf5f1;padding:11px 15px;border-radius:9px;text-decoration:none;font-weight:700}.tabs{display:flex;gap:12px}.tabs span{background:#e8f2ee;color:#276b5d;padding:9px 13px;border-radius:20px;font-size:13px;font-weight:700}.collection-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:20px;padding:16px 0;border-bottom:1px solid #edf1ef}.collection-row small{display:block;color:#789089;margin-top:5px}.dashboard-lists{display:grid;grid-template-columns:1fr 1fr;gap:20px}.date-row{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid #edf1ef}.date-row small{display:block;color:#789089;margin-top:4px}.date-row.danger b{color:#a94531}.calendar-layout{display:grid;grid-template-columns:minmax(620px,1.5fr) minmax(300px,.7fr);gap:20px;align-items:start}.calendar-panel,.day-detail{margin-top:0}.calendar-toolbar{display:flex;justify-content:space-between;align-items:center;text-transform:capitalize}.calendar-weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr)}.calendar-weekdays{margin-top:24px;color:#789089;font-size:11px;font-weight:800;text-align:center;text-transform:uppercase}.calendar-weekdays span{padding:9px}.calendar-grid{border:1px solid #e2eae7;border-radius:12px;overflow:hidden}.calendar-grid.loading{opacity:.55}.calendar-day{position:relative;min-height:104px;border-radius:0;border-right:1px solid #e7eeeb;border-bottom:1px solid #e7eeeb;background:#fff;padding:10px;text-align:left;color:#18332e;font-weight:400}.calendar-day:hover{background:#f5f9f7}.calendar-day.empty{background:#fafcfb;cursor:default}.calendar-day.today{box-shadow:inset 0 0 0 2px #8eaa21}.calendar-day.selected{background:#eef6f2}.day-number{display:block;font-weight:800}.calendar-day b,.calendar-day small{display:block;margin-top:8px;font-size:11px}.calendar-day small{color:#60756f;margin-top:3px}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#c9d4d0}.calendar-day .dot{position:absolute;right:10px;top:10px}.dot.pendiente{background:#d39b22}.dot.parcial,.dot.parcial_vencida{background:#dd722e}.dot.vencida{background:#bd4035}.dot.pagada{background:#2c8a57}.calendar-legend{display:flex;flex-wrap:wrap;gap:18px;margin-top:16px;color:#667a75;font-size:12px}.calendar-legend span{display:flex;align-items:center;gap:6px}.calendar-event{border:1px solid #e1e9e5;box-shadow:none;padding:17px;margin-top:15px}.calendar-event small{color:#789089}.calendar-event dl{margin:14px 0}.calendar-event dl div{display:flex;justify-content:space-between;padding:5px 0}.calendar-event dt{color:#667a75}.calendar-event dd{margin:0;font-weight:700}.calendar-event a{color:#276b5d;font-weight:800;text-decoration:none}.event-status{padding:5px 8px;border-radius:15px;background:#edf2f0;font-size:10px}.event-status.vencida,.event-status.parcial_vencida{color:#a33f31;background:#fff0eb}.event-status.pagada{color:#247346;background:#e8f7ec}.allocation small{display:block;color:#789089;margin-top:3px}.success{background:#e8f7ec;color:#25643b;padding:13px;border-radius:9px}@media(max-width:800px){.shell{display:block}aside{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;min-height:72px;padding:12px 16px;box-shadow:0 4px 18px #071c1730}aside .brand{margin:0;font-size:14px}aside .brand>span{width:38px;height:38px}.menu-toggle{display:grid;gap:4px;width:44px;height:44px;padding:11px;place-content:center;background:#24554b}.menu-toggle span{display:block;width:21px;height:2px;border-radius:2px;background:#fff}aside nav{position:absolute;top:100%;left:0;right:0;display:none;max-height:calc(100vh - 72px);padding:10px 16px 18px;overflow-y:auto;background:#153b34;box-shadow:0 14px 24px #071c1740}aside.mobile-nav-open nav{display:grid}aside nav a{min-height:44px}main{padding:26px 16px 40px;overflow:hidden}header{margin-bottom:22px}h1{font-size:clamp(28px,9vw,34px);line-height:1.1}article,.panel{border-radius:13px}article,.panel{padding:18px}article strong{font-size:26px}button,.button-link{min-height:44px}.cards,.metric-cards,.form-grid,.simulation,.dashboard-lists{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.form-actions,.form-actions button{width:100%}.flow{align-items:flex-start;flex-direction:column}.flow i{display:none}.collection-row{grid-template-columns:1fr}.section-title{align-items:flex-start;flex-wrap:wrap;gap:12px}.quick-links,.header-actions{width:100%;flex-direction:column}.quick-links a,.header-actions a{width:100%;text-align:center}.tabs{width:100%;overflow-x:auto;padding-bottom:4px}.tabs span{flex:0 0 auto}.panel:has(>table){overflow-x:auto}table{min-width:620px}td,th{padding:12px 10px;white-space:nowrap}input,select,textarea{min-height:44px;font-size:16px}}@media(max-width:800px){.payment-grid{grid-template-columns:1fr}}@media(max-width:1050px){.calendar-layout{grid-template-columns:1fr}.calendar-day{min-height:84px}.calendar-day b{font-size:0}.calendar-day b:after{content:"•";font-size:16px}}.customer-link{color:#18332e;font-weight:800;text-decoration:none}.customer-link:hover,.row-action{color:#276b5d}.row-action{text-decoration:none;font-size:12px;font-weight:700}.back-link{display:inline-block;margin-bottom:22px;color:#56736c;text-decoration:none}.customer-header{display:flex;justify-content:space-between;align-items:flex-end}.header-actions{display:flex;gap:10px}.button-link{display:inline-block;padding:11px 16px;border-radius:9px;background:#d5f15f;color:#153b34;text-decoration:none;font-weight:700}.button-link.secondary{background:#e7efec}.customer-metrics .current{color:#247346}.customer-metrics .overdue{color:#a33f31}.detail-tabs{display:flex;gap:5px;margin:22px 0 0;border-bottom:1px solid #dbe5e1}.detail-tabs button{border-radius:9px 9px 0 0;background:transparent;color:#667a75}.detail-tabs button.active{background:#153b34;color:#fff}.detail-columns,.loan-detail-list{display:grid;grid-template-columns:1fr 1fr;gap:20px}.detail-columns .panel,.loan-detail-list .panel{margin-top:20px}.profile-list div,.loan-card dl div{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px solid #edf1ef}.profile-list dt,.loan-card dt{color:#71847f}.profile-list dd,.loan-card dd{margin:0;text-align:right;font-weight:700}.loan-card .eyebrow{margin:0 0 4px}.loan-card>p{color:#71847f;font-size:12px}.loan-progress{height:8px;margin-top:22px;overflow:hidden;border-radius:10px;background:#e9efed}.loan-progress span{display:block;height:100%;background:#8eaa21}.loan-card a{color:#276b5d;text-decoration:none;font-weight:800}@media(max-width:800px){.customer-header{align-items:flex-start;flex-direction:column}.header-actions{margin-top:14px}.detail-columns,.loan-detail-list{grid-template-columns:1fr}.detail-tabs{overflow-x:auto}}@media(max-width:800px){.payment-context-grid{grid-template-columns:1fr}}@media(max-width:560px){.calendar-panel{padding:14px 10px}.calendar-toolbar h2{font-size:16px;text-align:center}.calendar-toolbar button{min-width:44px;padding:8px}.calendar-weekdays{margin-top:14px;font-size:9px}.calendar-weekdays span{padding:7px 2px}.calendar-day{min-height:58px;padding:7px 5px}.calendar-day small{display:none}.calendar-day .dot{right:6px;top:7px;width:6px;height:6px}.calendar-legend{gap:10px 14px}.date-row{gap:12px;align-items:flex-start}.date-row>strong{white-space:nowrap}.profile-list div,.loan-card dl div{gap:12px}.profile-list dd,.loan-card dd{max-width:58%;overflow-wrap:anywhere}.allocation{gap:12px}}