.mt-1{margin-top:.9rem}.mt-2{margin-top:1.8rem}.text-right{text-align:right}.menu-toggle{display:none;width:42px;height:42px;border-radius:.65rem;border:1px solid rgba(255,255,255,.25);background:#ffffff1a;color:inherit;font-size:1.3rem;cursor:pointer}.menu-item{width:100%;text-align:left;border:1px solid transparent;border-radius:.8rem;padding:.78rem .86rem;background:transparent;color:#243447;font-size:.94rem;cursor:pointer;transition:all .18s ease}.menu-item:hover{background:#1e40af17}.menu-item.active{background:#1d4ed8;color:#fff;box-shadow:0 12px 20px #1d4ed840}.content-card{max-width:900px;background:#fff;border:1px solid rgba(15,23,42,.1);border-radius:1rem;padding:1.6rem;box-shadow:0 12px 34px #0f172a14}.content-card--small{max-width:420px;padding:1rem}.content-card--small h3{margin:0;font-size:1.05rem}.content-card--small p{margin:0;font-size:.9rem;color:#334155}.content-overline{margin:0;text-transform:uppercase;letter-spacing:.13em;font-size:.72rem;color:#4f5e73}.content-card h2{margin:.5rem 0;font-size:1.7rem;color:#122236}.content-card p{margin:0;color:#3d4e65}.external-card{margin:1rem 0 1.2rem}.external-card-link{display:inline-block;text-decoration:none;color:inherit}.external-card .content-card{display:flex;flex-direction:column;gap:.35rem}.external-card .card-header{display:flex;align-items:center;gap:.6rem}.external-card .card-header mat-icon{font-size:1.4rem;color:#1d4ed8}@media(max-width:960px){.menu-toggle{display:inline-flex;align-items:center;justify-content:center}}.content{padding:1.4rem}@media(max-width:960px){.content{padding:1rem}}.modal-backdrop{position:fixed;inset:0;background:#0f172a6b;z-index:30}.modal-card{position:fixed;top:50%;left:50%;z-index:31;transform:translate(-50%,-50%);background:#fff;border:1px solid rgba(15,23,42,.1);border-radius:1rem;box-shadow:0 12px 34px #0f172a14;padding:1.25rem;box-sizing:border-box;max-width:92vw}.modal-card.modal-s{max-width:300px;width:40vw;padding:1.5rem}.modal-card.modal-m{max-width:400px;width:60vw;padding:1.5rem}@media(max-width:960px){.modal-card.modal-s{max-width:calc(100vw - 2rem);width:calc(100vw - 2rem)}}.modal-card__header{display:flex;justify-content:space-between;align-items:start;gap:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(15,23,42,.06)}.modal-card__header h3{margin:0;font-size:1.25rem;font-weight:700;color:#102235}.modal-close{background:transparent;border:none;font-size:1rem;cursor:pointer}.modal-body{padding:1rem}.modal-actions{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem 1rem;border-top:1px solid rgba(15,23,42,.06)}.modal-close{border:0;background:transparent;color:#3d4e65;font-size:1.4rem;line-height:1;cursor:pointer}.modal-error{padding:.7rem .85rem;border-radius:.8rem;background:#fff2f2;color:#b42318}.modal-form{display:grid;gap:.9rem}.modal-actions-left{display:flex;align-items:center;gap:.5rem;flex:1 1 auto}.modal-actions-right{display:flex;align-items:center;gap:.5rem;justify-content:flex-end}.modal-card>footer.modal-actions{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;justify-content:space-between!important;align-items:center!important;gap:.5rem!important}.modal-card>footer.modal-actions>.modal-actions-left{flex:1 1 auto;min-width:0;display:flex;align-items:center}.modal-card>footer.modal-actions>.modal-actions-right{flex:0 0 auto;display:flex;align-items:center}.modal-card>footer.modal-actions button,.modal-card>footer.modal-actions a{display:inline-flex;white-space:nowrap}.row-actions{display:flex;align-items:center;gap:.45rem}.loading-state{padding:2rem;text-align:center;color:#3d4e65}.loading-state p{margin:0}.error-state{padding:1.8rem;border-radius:1rem;background:#fff2f2;border:1px solid #fcc8c3;display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}.error-state p{margin:0;color:#b42318}.et-panel{min-width:0}.et-header{display:flex;justify-content:space-between;align-items:start;gap:1rem;margin-bottom:1.4rem}.et-overline{margin:0;text-transform:uppercase;letter-spacing:.13em;font-size:.72rem;color:#4f5e73}.et-header h2,.et-empty h3,.modal-card__header h3{margin:.45rem 0 0;color:#122236}.et-description{margin:.55rem 0 0;color:#3d4e65}.et-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.et-badge{padding:.5rem .8rem;border-radius:999px;background:#e5eefc;color:#1e3a8a;font-weight:600}.et-empty{padding:1.8rem;text-align:center}.et-empty p{margin:.65rem auto 1.25rem;max-width:34rem;color:#3d4e65}.table-responsive{box-sizing:border-box;max-width:100%;min-width:0;width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;touch-action:pan-x;border:1px solid rgba(15,23,42,.1);border-radius:1rem}.table-responsive>table{min-width:400px;box-sizing:border-box}.table-responsive th,.table-responsive td{white-space:nowrap}.table-responsive table,.table-responsive>table{min-width:100%;box-sizing:border-box}.table-responsive table th,.table-responsive table td{padding:.9rem 1rem;text-align:left;border-bottom:1px solid rgba(15,23,42,.08)}.table-responsive table thead th{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:#617082;background:#f8fbff}@media(max-width:720px){.modal-card,.modal-card.modal-s,.modal-card.modal-m{position:fixed;top:4vh;left:50%;transform:translate(-50%);width:calc(100vw - 1rem);max-width:none;max-height:92vh;padding:.3rem;overflow:hidden;border-radius:.75rem;box-shadow:0 10px 30px #0f172a1a}.modal-card>.modal-body{max-height:calc(92vh - 56px);overflow-y:auto;-webkit-overflow-scrolling:touch;padding:.75rem;box-sizing:border-box}.modal-backdrop{background:#0f172a99}.modal-card__header{align-items:center;gap:.5rem;padding:.5rem .75rem;margin-bottom:.5rem}.modal-actions{gap:.5rem;padding:.5rem .2rem}}.table-responsive table td{color:#243447}.table-responsive table tbody tr:last-child td{border-bottom:0}.table-responsive table tbody,.table-responsive table tbody td{background:#fff}.modal-grid{display:grid;grid-template-columns:1fr 220px;gap:2rem;align-items:start;margin-bottom:1rem}.meta-row{display:flex;justify-content:space-between;gap:.5rem;padding:.15rem 0}.meta-label,.kv-label{color:#5b6b7b;font-size:.85rem}.meta-value,.kv-value{font-weight:600;color:#102235}.summary{display:flex;flex-direction:column;align-items:flex-end}.summary-item{text-align:right}.summary-label{display:block;color:#6b7280;font-size:.8rem}.summary-value{font-size:1.2rem;font-weight:800;color:#0b3a66}.col-right{text-align:right}@media(max-width:720px){.modal-grid{grid-template-columns:1fr;gap:1rem}.summary{align-items:flex-start}.modal-card{width:calc(100vw - 2rem);padding:.5rem}}.kv-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem 1rem;align-items:center;margin-bottom:.5rem}.kv-label{color:#5b6b7b;font-size:.9rem}.kv-value{font-weight:600;color:#102235;text-align:right}@media(max-width:720px){.kv-grid{grid-template-columns:1fr 1fr}.kv-label{text-align:left}.kv-value{text-align:right}}@media(max-width:720px){.et-header{flex-direction:column}.et-actions{width:100%;justify-content:space-between}.modal-actions{flex-direction:row;flex-wrap:wrap;gap:.5rem}.row-actions{gap:.25rem}.table-responsive{overflow-x:auto}.table-responsive>table{min-width:0!important;width:100%!important;table-layout:auto!important}.table-responsive table th,.table-responsive table td{white-space:normal!important;word-break:break-word;overflow-wrap:anywhere;min-width:80px;padding:.4rem .5rem}}:root{--et-surface: #f2f4f7;--et-surface-soft: #e9edf2;--et-panel: #ffffff;--et-border: #d9e1ea;--et-border-strong: #bfccd9;--et-text: #1f2933;--et-text-muted: #5b6672;--et-accent: #1f4e79;--et-success: #1b9e3e}html{height:100%;--mat-sys-background: light-dark(#faf9fd, #121316);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#f2f0f4, #2f3033);--mat-sys-inverse-primary: light-dark(#abc7ff, #005cbb);--mat-sys-inverse-surface: light-dark(#2f3033, #e3e2e6);--mat-sys-on-background: light-dark(#1a1b1f, #e3e2e6);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #002f65);--mat-sys-on-primary-container: light-dark(#00458f, #d7e3ff);--mat-sys-on-primary-fixed: light-dark(#001b3f, #001b3f);--mat-sys-on-primary-fixed-variant: light-dark(#00458f, #00458f);--mat-sys-on-secondary: light-dark(#ffffff, #283041);--mat-sys-on-secondary-container: light-dark(#3e4759, #dae2f9);--mat-sys-on-secondary-fixed: light-dark(#131c2b, #131c2b);--mat-sys-on-secondary-fixed-variant: light-dark(#3e4759, #3e4759);--mat-sys-on-surface: light-dark(#1a1b1f, #e3e2e6);--mat-sys-on-surface-variant: light-dark(#44474e, #e0e2ec);--mat-sys-on-tertiary: light-dark(#ffffff, #0001ac);--mat-sys-on-tertiary-container: light-dark(#0000ef, #e0e0ff);--mat-sys-on-tertiary-fixed: light-dark(#00006e, #00006e);--mat-sys-on-tertiary-fixed-variant: light-dark(#0000ef, #0000ef);--mat-sys-outline: light-dark(#74777f, #8e9099);--mat-sys-outline-variant: light-dark(#c4c6d0, #44474e);--mat-sys-primary: light-dark(#005cbb, #abc7ff);--mat-sys-primary-container: light-dark(#d7e3ff, #00458f);--mat-sys-primary-fixed: light-dark(#d7e3ff, #d7e3ff);--mat-sys-primary-fixed-dim: light-dark(#abc7ff, #abc7ff);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#565e71, #bec6dc);--mat-sys-secondary-container: light-dark(#dae2f9, #3e4759);--mat-sys-secondary-fixed: light-dark(#dae2f9, #dae2f9);--mat-sys-secondary-fixed-dim: light-dark(#bec6dc, #bec6dc);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#faf9fd, #121316);--mat-sys-surface-bright: light-dark(#faf9fd, #38393c);--mat-sys-surface-container: light-dark(#efedf0, #1f2022);--mat-sys-surface-container-high: light-dark(#e9e7eb, #292a2c);--mat-sys-surface-container-highest: light-dark(#e3e2e6, #343537);--mat-sys-surface-container-low: light-dark(#f4f3f6, #1a1b1f);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0d0e11);--mat-sys-surface-dim: light-dark(#dbd9dd, #121316);--mat-sys-surface-tint: light-dark(#005cbb, #abc7ff);--mat-sys-surface-variant: light-dark(#e0e2ec, #44474e);--mat-sys-tertiary: light-dark(#343dff, #bec2ff);--mat-sys-tertiary-container: light-dark(#e0e0ff, #0000ef);--mat-sys-tertiary-fixed: light-dark(#e0e0ff, #e0e0ff);--mat-sys-tertiary-fixed-dim: light-dark(#bec2ff, #bec2ff);--mat-sys-neutral-variant20: #2d3038;--mat-sys-neutral10: #1a1b1f;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem Roboto;--mat-sys-body-large-font: Roboto;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Roboto;--mat-sys-body-medium-font: Roboto;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Roboto;--mat-sys-body-small-font: Roboto;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Roboto;--mat-sys-display-large-font: Roboto;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;--mat-sys-display-medium-font: Roboto;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;--mat-sys-display-small-font: Roboto;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Roboto;--mat-sys-headline-large-font: Roboto;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;--mat-sys-headline-medium-font: Roboto;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Roboto;--mat-sys-headline-small-font: Roboto;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Roboto;--mat-sys-label-large-font: Roboto;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Roboto;--mat-sys-label-medium-font: Roboto;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Roboto;--mat-sys-label-small-font: Roboto;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;--mat-sys-title-large-font: Roboto;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Roboto;--mat-sys-title-medium-font: Roboto;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Roboto;--mat-sys-title-small-font: Roboto;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}body{background-color:#f3f4f7;color:var(--et-text);font:var(--mat-sys-body-medium);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Noto Sans,Liberation Sans,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";margin:0;height:100%}*{box-sizing:border-box}.auth-page{background:linear-gradient(180deg,var(--et-surface) 0%,var(--et-surface-soft) 100%)}.auth-card{background:var(--et-panel);border:1px solid var(--et-border);border-radius:.9rem;box-shadow:0 10px 24px #0f172a0f}.auth-card h1{color:var(--et-text);font-size:1.6rem;font-weight:700;letter-spacing:.01em}.auth-card .subtitle{color:var(--et-text-muted)}.auth-brand{display:flex;justify-content:center;margin-bottom:.9rem}.auth-logo{width:84px;height:84px;border-radius:50%;border:1px solid var(--et-border);background:#fff;object-fit:cover}.mat-mdc-form-field{--mdc-outlined-text-field-outline-color: var(--et-border-strong);--mdc-outlined-text-field-hover-outline-color: #a7b5c4;--mdc-outlined-text-field-focus-outline-color: var(--et-accent);--mdc-outlined-text-field-container-shape: 12px}.mat-mdc-form-field .mat-mdc-text-field-wrapper{background:#fbfcfe}.mat-mdc-form-field .mat-mdc-input-element{letter-spacing:0}.mat-mdc-checkbox .mdc-label{color:var(--et-text-muted);font-size:.92rem}.mat-mdc-unelevated-button.mat-primary{border-radius:12px;height:46px;font-weight:500;letter-spacing:.02em;box-shadow:0 6px 14px #1f4e7933;transition:transform .16s ease,box-shadow .16s ease}.mat-mdc-unelevated-button.mat-primary:hover{transform:translateY(-1px);box-shadow:0 8px 16px #1f4e793d}.links a{color:var(--et-accent)}.success{color:var(--et-success)}.status-badge{display:inline-flex;align-items:center;padding:.22rem .62rem;border-radius:999px;font-size:.78rem;font-weight:500;letter-spacing:.02em}.status-activa,.status-pagada,.status-success{background:var(--et-success);color:#fff}.status-pendiente,.status-vencida{background:#fff6e8;color:#9b5d00}.status-cancelada{background:#ffecec;color:#9f1c1c}.status-anulada{background:#f3f4f6;color:#374151}img,iframe,embed,video{max-width:100%;height:auto}input,textarea,select,mat-form-field,.content,.content-card,.modal-card{max-width:100%;box-sizing:border-box}
