@charset "UTF-8";:root{--primary-color: #000b4f;--primary-hover: #1a2b70;--secondary-color: #2d7bc8;--accent-color: #88b2e8;--bg-app: #f4f7fa;--surface: #ffffff;--text-main: #1e293b;--text-muted: #64748b;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--border-soft: #e2e8f0;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--shadow-card: 0 1px 3px rgba(15, 23, 42, .06), 0 1px 2px rgba(15, 23, 42, .04);--shadow-elevated: 0 10px 30px rgba(0, 11, 80, .12);--font-base: "Segoe UI", Roboto, Arial, sans-serif;--gradient-brand: linear-gradient(135deg, #030e2e 0%, #081e3d 100%);--card-bg: #ffffff;--radius-card: 16px;--radius-control: 8px;--radius-chip: 6px;--input-bg: #f9fafb;--input-border: #e5e7eb;--focus-ring: 0 0 0 3px rgba(0, 11, 79, .14);--chip-bg: #f3f4f6;--chip-text: #374151;--fs-xs: .75rem;--shadow-card-hover: 0 22px 44px -12px rgba(0, 0, 0, .45);--text-strong: #0f172a;--state-success-bg: #ecfdf5;--state-success-text: #047857;--state-success-border: #a7f3d0;--state-success-strong: #059669;--state-info-bg: #eff6ff;--state-info-text: #1d4ed8;--state-info-border: #bfdbfe;--state-info-strong: #2563eb;--state-neutral-bg: #f1f5f9;--state-neutral-text: #334155;--state-neutral-border: #e2e8f0;--state-neutral-strong: #475569;--state-warning-bg: #fffbeb;--state-warning-text: #b45309;--state-warning-border: #fde68a;--state-warning-strong: #d97706;--state-danger-bg: #fef2f2;--state-danger-text: #b91c1c;--state-danger-border: #fecaca;--state-danger-strong: #dc2626;--table-head-bg: #eef2fb;--table-head-text: #000b4f;--table-head-rule: 2px solid var(--primary-color);--table-row-border: #e2e8f0;--table-row-alt: #fafbfe;--table-row-hover: #f5f7fd;--table-radius: 12px;--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--table-card-border: rgba(226, 232, 240, .8);--badge-success-bg: #d1fae5;--badge-success-text: #065f46;--badge-success-border: #6ee7b7;--badge-warning-bg: #fef3c7;--badge-warning-text: #78350f;--badge-warning-border: #fcd34d;--badge-info-bg: #e0f2fe;--badge-info-text: #0c4a6e;--badge-info-border: #7dd3fc;--badge-danger-bg: #fee2e2;--badge-danger-text: #991b1b;--badge-danger-border: #fca5a5;--badge-neutral-bg: #f1f5f9;--badge-neutral-text: #334155;--badge-neutral-border: #cbd5e1;--modal-backdrop: rgba(0, 11, 79, .45);--modal-radius: var(--radius-card);--modal-shadow: 0 24px 48px -12px rgba(0, 11, 79, .3);--modal-head-bg: var(--table-head-bg);--modal-head-rule: var(--table-head-rule);--modal-divider: #e2e8f0;--modal-pad-x: 1.5rem;--modal-w-sm: 480px;--modal-w-md: 640px;--modal-w-lg: 880px;--modal-w-xl: 1200px;--modal-w-full: 1600px;--section-tag-bg: var(--primary-color);--section-tag-text: #ffffff;--section-tag-h: 28px;--btn-close-bg: #fdf1f0;--btn-close-text: #b42318;--btn-close-border: #f4c7c3;--btn-close-hover-bg: #fbe2df;--btn-danger-bg: #b91c1c;--btn-danger-hover: #991b1b}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{font-family:var(--font-base);background-color:var(--bg-app);color:var(--text-main);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--secondary-color);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{color:var(--text-main);margin:0}.page-head{margin-bottom:1.5rem}.page-head__title{font-size:1.4rem;font-weight:700;letter-spacing:-.01em;color:var(--text-main)}.page-head__sub{margin:.25rem 0 0;color:var(--text-muted);font-size:.9rem}.card{background:var(--card-bg);border:1px solid var(--border-soft);border-radius:var(--radius-card);box-shadow:0 4px 20px -2px #0f172a0d}.card__head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:1.1rem 1.4rem;border-bottom:1px solid var(--border-soft)}.card__title{font-size:1.05rem;font-weight:700;color:var(--text-main)}.card__hint{font-size:.75rem;color:var(--text-muted)}.card__body{padding:1.4rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1.1rem;font-family:inherit;font-size:.9rem;font-weight:600;border:1px solid transparent;border-radius:var(--radius-control);cursor:pointer;text-decoration:none;white-space:nowrap;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .05s ease}.btn:hover{text-decoration:none}.btn:active{transform:translateY(1px)}.btn svg{width:18px;height:18px}.btn--primary{background:var(--primary-color);color:#fff}.btn--primary:hover{background:var(--primary-hover)}.btn--primary:disabled{opacity:.65;cursor:not-allowed}.btn--outline-light{background:transparent;color:#fff;border-color:#ffffff73}.btn--outline-light:hover{background:#ffffff1f;border-color:#ffffffb3}.btn--outline-light:focus-visible{outline:2px solid #ffffff;outline-offset:2px}.btn--lg{padding:.85rem 1.25rem;font-size:.98rem}.btn--secondary{background:var(--secondary-color);color:#fff}.btn--secondary:hover{background:#2569ac}.btn--ghost{background:var(--surface);color:var(--text-main);border-color:var(--border-soft)}.btn--ghost:hover{background:#f1f5f9}.btn--danger{background:var(--btn-danger-bg);color:#fff;border-color:var(--btn-danger-bg)}.btn--danger:hover{background:var(--btn-danger-hover);border-color:var(--btn-danger-hover)}.btn--close{background:var(--btn-close-bg);color:var(--btn-close-text);border-color:var(--btn-close-border)}.btn--close:hover{background:var(--btn-close-hover-bg)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn--sm{padding:.45rem .8rem;font-size:.82rem}.btn--sm svg{width:15px;height:15px}.btn--block{width:100%}.form-field{display:block}.form-field__label{display:block;margin-bottom:.4rem;font-size:.82rem;font-weight:600;color:var(--text-main)}.form-control{width:100%;padding:.65rem .85rem;font-family:inherit;font-size:.92rem;color:var(--text-main);background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-control);transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.form-control::placeholder{color:var(--text-muted)}.form-control:focus{outline:none;background:var(--surface);border-color:var(--primary-color);box-shadow:var(--focus-ring)}.form-control:disabled{background:#f1f5f9;color:var(--text-muted);cursor:not-allowed}.form-field__hint{display:block;margin:.35rem 0 0;font-size:.75rem;color:var(--text-muted)}.form-control--error,.form-control--error:focus{border-color:var(--danger);box-shadow:0 0 0 3px #dc26261f}.form-field__hint--error{color:var(--danger);font-weight:600}.pill{display:inline-flex;align-items:center;padding:.2rem .65rem;border:1px solid var(--badge-neutral-border);border-radius:999px;font-size:.75rem;font-weight:600;line-height:1.4;white-space:nowrap;color:var(--badge-neutral-text);background:var(--badge-neutral-bg)}.pill--info{background:var(--badge-info-bg);color:var(--badge-info-text);border-color:var(--badge-info-border)}.pill--success{background:var(--badge-success-bg);color:var(--badge-success-text);border-color:var(--badge-success-border)}.pill--warning{background:var(--badge-warning-bg);color:var(--badge-warning-text);border-color:var(--badge-warning-border)}.pill--danger{background:var(--badge-danger-bg);color:var(--badge-danger-text);border-color:var(--badge-danger-border)}.pill--metric{padding:.12rem .5rem;border-color:transparent;font-weight:500;font-variant-numeric:tabular-nums}.pill--metric.pill--success{color:var(--state-success-strong);background:var(--state-success-bg)}.pill--metric.pill--warning{color:var(--state-warning-strong);background:var(--state-warning-bg)}.pill--metric.pill--danger{color:var(--state-danger-strong);background:var(--state-danger-bg)}.pill--muted{background:var(--badge-neutral-bg);color:var(--badge-neutral-text);border-color:var(--badge-neutral-border)}.spinner{display:inline-block;width:15px;height:15px;margin-right:6px;vertical-align:-2px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:sst-spin .7s linear infinite}@keyframes sst-spin{to{transform:rotate(360deg)}}.alert{--al-accent: var(--secondary-color);--al-bg: rgba(45, 123, 200, .07);--al-border: rgba(45, 123, 200, .22);display:flex;align-items:flex-start;gap:.7rem;padding:.8rem 1rem;background:var(--al-bg);border:1px solid var(--al-border);border-left:5px solid var(--al-accent);border-radius:var(--radius-sm);font-size:.86rem;line-height:1.45;color:var(--text-main)}.alert__icon{flex-shrink:0;display:inline-flex;margin-top:1px;color:var(--al-accent)}.alert__icon svg{width:18px;height:18px}.alert__body{flex:1 1 auto;min-width:0}.alert__title{margin:0;font-weight:700;color:var(--text-main)}.alert__detail{margin:.2rem 0 0;font-size:.82rem;color:var(--text-muted);overflow-wrap:anywhere}.alert--success{--al-accent: #2f8f6b;--al-bg: rgba(47, 143, 107, .08);--al-border: rgba(47, 143, 107, .22)}.alert--error{--al-accent: #c0485a;--al-bg: rgba(192, 72, 90, .08);--al-border: rgba(192, 72, 90, .22)}.alert--warning{--al-accent: #bd8626;--al-bg: rgba(189, 134, 38, .09);--al-border: rgba(189, 134, 38, .24)}.alert--info{--al-accent: var(--secondary-color);--al-bg: rgba(45, 123, 200, .07);--al-border: rgba(45, 123, 200, .22)}.alert--sm{padding:.6rem .8rem;font-size:.82rem}.table-wrap{width:100%;overflow:auto;background:var(--card-bg);border:1px solid var(--table-card-border);border-radius:var(--table-radius);box-shadow:var(--shadow-md)}.card:has(>.table-wrap:first-child){overflow:hidden;border-color:var(--table-card-border);border-radius:var(--table-radius);box-shadow:var(--shadow-md)}.card>.table-wrap:first-child{border:0;border-radius:0;box-shadow:none}.card:has(>.table-wrap:first-child):has(>.table-wrap+app-paginador){overflow:visible;background:transparent;border:0;border-radius:0;box-shadow:none}.card:has(>.table-wrap:first-child)>.table-wrap:first-child:has(+app-paginador){border:1px solid var(--table-card-border);border-radius:var(--table-radius);box-shadow:var(--shadow-md)}.table{width:100%;border-collapse:collapse;font-size:.9rem}.table tbody td{padding:.875rem 1rem;color:var(--text-main);border-bottom:1px solid var(--table-row-border);vertical-align:middle}.table td .who__name,.table td.td-id,.table td .td-id{color:var(--primary-color);font-weight:600}.table td.table__empty{padding:2rem 1rem;text-align:center;color:var(--text-muted);font-size:.88rem}.table thead th{background:var(--table-head-bg);color:var(--table-head-text);border-bottom:var(--table-head-rule);text-align:left;font-weight:600;font-size:var(--fs-xs);letter-spacing:.05em;text-transform:uppercase;padding:.75rem 1rem;white-space:nowrap}.table tfoot td{padding:.875rem 1rem;border-top:2px solid var(--border-soft);font-weight:700;color:var(--text-main);vertical-align:middle}.table thead th.th--wrap{white-space:normal;line-height:1.3}.nowrap,.table td.mono{white-space:nowrap}.table td.mono.mono--wrap{white-space:normal}.card:has(>.card__head+.table-wrap),.panel:has(>.panel__head+.table-wrap){background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible}.card:has(>.card__head+.table-wrap)>.card__head,.panel:has(>.panel__head+.table-wrap)>.panel__head{align-items:center;padding:0 0 .75rem;background:transparent;border:0;border-radius:0}.card__head+.table-wrap,.panel__head+.table-wrap{width:100%;margin:0}.table-wrap+.table-wrap{margin-top:1rem}.table tbody tr{background:var(--card-bg);transition:background-color .15s ease}.table tbody tr:nth-child(2n){background:var(--table-row-alt)}.table tbody tr:hover{background:var(--table-row-hover)}.table tbody tr:last-child td{border-bottom:none}.col-actions{width:110px;text-align:right}.row-actions{display:flex;justify-content:flex-end;gap:.4rem}.icon-action{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;color:var(--text-muted);background:transparent;border:1px solid var(--border-soft);border-radius:9px;cursor:pointer;transition:background .18s ease,color .18s ease,border-color .18s ease}.icon-action svg{width:17px;height:17px}.icon-action:hover{background:#f1f5f9;color:var(--secondary-color);border-color:var(--accent-color)}.icon-action[disabled]{opacity:.55;cursor:not-allowed;pointer-events:none}.icon-action--on{color:var(--success);border-color:#10b98159;background:#10b98114}.icon-action--on:hover{color:var(--warning);border-color:#f59e0b66;background:#f59e0b1a}.icon-action--danger:hover{color:var(--danger);border-color:#ef444459;background:#ef444414}.drawer__head{background:#f4f8fd;border-bottom:1px solid rgba(45,123,200,.22)}.modal__title,.drawer__title,.card__title,.panel__title{color:var(--primary-color)}.drawer:before{content:"";position:absolute;top:0;bottom:0;left:0;width:3px;background:linear-gradient(180deg,var(--primary-color),var(--secondary-color));z-index:2}.modal-backdrop{position:fixed;inset:0;z-index:50;background:var(--modal-backdrop);animation:modal-fade-in .2s ease}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:51;display:flex;flex-direction:column;width:min(var(--modal-w-md),100vw - 2rem);max-height:calc(100vh - 2rem);background:var(--surface);border-radius:var(--modal-radius);box-shadow:var(--modal-shadow);overflow:hidden;animation:modal-in .24s cubic-bezier(.16,1,.3,1)}.modal--sm{width:min(var(--modal-w-sm),100vw - 2rem)}.modal--lg{width:min(var(--modal-w-lg),100vw - 2rem)}.modal--xl{width:min(var(--modal-w-xl),100vw - 2rem)}.modal--full{width:min(var(--modal-w-full),100vw - 2rem)}.modal__head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.25rem var(--modal-pad-x);background:var(--modal-head-bg);border-bottom:var(--modal-head-rule)}.modal__head>div,.modal__head>.modal__title{flex:1;min-width:0}.modal__title{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin:0;font-size:1.125rem;font-weight:700;color:var(--primary-color)}.modal__sub{margin:.2rem 0 0;font-size:.85rem;color:var(--text-muted)}.modal__head>.modal__head-actions{flex:0 0 auto}.modal__head-actions{display:flex;align-items:center;gap:.6rem;flex-shrink:0}.modal__head-actions .btn svg{width:15px;height:15px}.modal__head .icon-action[aria-label=Cerrar]:hover{background:var(--btn-close-bg);color:var(--btn-close-text);border-color:var(--btn-close-border)}.modal__body{display:flex;flex-direction:column;gap:1rem;flex:1 1 auto;overflow-y:auto;padding:var(--modal-pad-x)}.modal__body>*{flex-shrink:0}.modal__footer{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:.75rem;padding:1rem var(--modal-pad-x);border-top:1px solid var(--modal-divider)}.modal__status{margin-right:auto;font-size:.82rem;color:var(--text-muted)}.modal__status strong{color:var(--primary-color);letter-spacing:.03em}.modal__footer-actions{display:flex;gap:.75rem}.modal__body:has(>.card){gap:1.75rem}.modal__body>.card{background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible}.modal__body>.card>.card__head{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding:0;background:transparent;border:0;border-radius:0}.modal__body>.card>.card__head:after{content:"";order:1;flex:1;height:1px;background:var(--modal-divider)}.modal__body>.card>.card__head>:not(.card__title){order:2}.modal__body>.card>.card__body{padding:0}.modal__body>.card>.acordeon__cabecera{gap:.75rem;padding:0}.modal__body>.card>.acordeon__cabecera:hover{background:none}.modal__body>.card>.acordeon__cabecera:after{content:"";order:1;flex:1;height:1px;background:var(--modal-divider)}.modal__body>.card>.acordeon__cabecera>svg{order:2}.modal__body>.card>.acordeon__cabecera+.card__body{margin-top:1rem}.section-head{display:flex;align-items:center;gap:.75rem;margin:.5rem 0 0}.section-head:after{content:"";flex:1;height:1px;background:var(--modal-divider)}.section-tag,.modal__body>.card>.acordeon__cabecera .card__title,.modal__body>.card>.card__head>.card__title{position:relative;isolation:isolate;display:inline-flex;align-items:center;flex-shrink:0;height:var(--section-tag-h);margin-right:calc(var(--section-tag-h) / 2);padding:0 .4rem 0 .85rem;background:var(--section-tag-bg);color:var(--section-tag-text);border-radius:6px 0 0 6px;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.section-tag:after,.modal__body>.card>.acordeon__cabecera .card__title:after,.modal__body>.card>.card__head>.card__title:after{content:"";position:absolute;top:50%;right:calc(var(--section-tag-h) * -.35);width:calc(var(--section-tag-h) * .72);height:calc(var(--section-tag-h) * .72);background:inherit;border-radius:2px 6px;transform:translateY(-50%) rotate(45deg);z-index:-1}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translate(-50%,-48%) scale(.98)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.card__head{background:#2d7bc80a;border-bottom-color:#2d7bc82e;border-top-left-radius:12px;border-top-right-radius:12px}.field-wrap{position:relative;display:block}.form-control--with-action{padding-right:2.8rem}.field-toggle{position:absolute;top:50%;right:.5rem;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;color:var(--text-muted);background:transparent;border:none;border-radius:8px;cursor:pointer;transition:color .18s ease,background .18s ease}.field-toggle:hover{color:var(--secondary-color);background:#2d7bc81a}.field-toggle svg{width:18px;height:18px}.brand-screen{min-height:100vh;min-height:100dvh;background:var(--gradient-brand);color:#fff}.chip{display:inline-flex;align-items:center;padding:.2rem .55rem;font-size:var(--fs-xs);font-weight:500;line-height:1.4;color:var(--chip-text);background:var(--chip-bg);border-radius:var(--radius-chip);white-space:nowrap}.chip-list{display:flex;flex-wrap:wrap;gap:.4rem}.card--interactive{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.card--interactive:hover,.card--interactive:focus-visible{transform:translateY(-4px);box-shadow:var(--shadow-card-hover);outline:none}.card--interactive:focus-visible{box-shadow:0 0 0 3px var(--accent-color),var(--shadow-card-hover)}@media(prefers-reduced-motion:reduce){.card--interactive,.card--interactive:hover{transition:none;transform:none}}.link-cta{font-weight:600;color:var(--primary-color)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;margin-bottom:1.75rem}.kpi-card{--kpi-accent: var(--primary-color);--kpi-icon-bg: var(--state-info-bg);display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.35rem 1.5rem;background:var(--card-bg);border:1px solid var(--border-soft);border-top:3px solid var(--kpi-accent);border-radius:var(--radius-card);box-shadow:var(--shadow-card);transition:transform .18s ease,box-shadow .18s ease}.kpi-card:hover{transform:translateY(-2px);box-shadow:0 8px 28px -4px #0f172a1a}.kpi-card--primary{--kpi-accent: var(--primary-color);--kpi-icon-bg: var(--state-info-bg)}.kpi-card--info{--kpi-accent: var(--state-info-strong);--kpi-icon-bg: var(--state-info-bg)}.kpi-card--warning{--kpi-accent: var(--state-warning-strong);--kpi-icon-bg: var(--state-warning-bg)}.kpi-card--success{--kpi-accent: var(--state-success-strong);--kpi-icon-bg: var(--state-success-bg)}.kpi-card--neutral{--kpi-accent: var(--state-neutral-strong);--kpi-icon-bg: var(--state-neutral-bg)}.kpi-card__info{display:flex;flex-direction:column;gap:.5rem;min-width:0}.kpi-card__label{font-size:.82rem;font-weight:500;color:var(--text-muted)}.kpi-card__value{font-size:1.875rem;font-weight:700;line-height:1.1;color:var(--text-strong);font-variant-numeric:tabular-nums}.kpi-card__icon{flex-shrink:0;width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:var(--kpi-icon-bg);color:var(--kpi-accent)}.kpi-card__icon svg{width:22px;height:22px}@media(prefers-reduced-motion:reduce){.kpi-card,.kpi-card:hover{transition:none;transform:none}}
