:root{--cm-navy:#134f8d;--cm-navy-dark:#0d3b6b;--cm-navy-tint:#e8f0f8;--cm-gold:#ffc800;--cm-gold-dark:#cc9f00;--color-bg:#f5f7fa;--color-surface:#fff;--color-border:#dde3ea;--color-text:#1c2b3a;--color-text-muted:#5b6b7c;--color-danger:#c0392b;--color-focus-ring:#4a90d9;--sidebar-width:260px;--header-height:64px;--radius:8px;--font-sans:"Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);margin:0}button{font-family:inherit}a{color:var(--cm-navy)}.cm-button{border-radius:var(--radius);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.95rem;font-weight:600;transition:background-color .15s,opacity .15s;display:inline-flex}.cm-button:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:2px}.cm-button--primary{background-color:var(--cm-navy);color:#fff}.cm-button--primary:hover:not(:disabled){background-color:var(--cm-navy-dark)}.cm-button--secondary{color:var(--cm-navy);border:1px solid var(--color-border);background-color:#0000}.cm-button--secondary:hover:not(:disabled){background-color:var(--cm-navy-tint)}.cm-button--danger{color:#b42318;background-color:#0000;border:1px solid #f3b0aa}.cm-button--danger:hover:not(:disabled){background-color:#fef3f2;border-color:#b42318}.cm-button:disabled{opacity:.5;cursor:not-allowed}.cm-badge{text-transform:uppercase;letter-spacing:.03em;background-color:var(--cm-gold);color:var(--color-text);border-radius:999px;padding:.1rem .55rem;font-size:.7rem;font-weight:700;display:inline-block}.app-shell{flex-direction:column;min-height:100%;display:flex}.app-shell__body{flex:1;min-height:0;display:flex}.app-shell__content{flex:1;padding:2rem;overflow-y:auto}.app-header{height:var(--header-height);background-color:var(--color-surface);border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:0 1.5rem;display:flex}.app-header__brand{align-items:center;gap:.85rem;min-width:0;display:flex}.app-header__menu-toggle{border:1px solid var(--color-border);border-radius:var(--radius);background-color:var(--color-surface);width:40px;height:40px;color:var(--cm-navy);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;font-size:1.25rem;line-height:1;display:none}.app-header__menu-toggle:hover{background-color:var(--cm-navy-tint)}.app-header__logo{object-fit:contain;width:auto;height:40px}.app-header__title{color:var(--cm-navy);font-size:1rem;font-weight:600}.app-header__user{align-items:center;gap:1rem;display:flex}.app-header__user-info{flex-direction:column;align-items:flex-end;gap:.2rem;display:flex}.app-header__user-name{font-size:.9rem;font-weight:600}.app-sidebar{width:var(--sidebar-width);background-color:var(--cm-navy);color:#fff;flex-direction:column;flex-shrink:0;display:flex;overflow-y:auto}.app-shell__backdrop{z-index:40;cursor:pointer;background-color:#0c1e3380;border:none;padding:0;display:none;position:fixed;inset:0}.app-sidebar__logo{box-sizing:border-box;width:100%;padding:1.5rem 1.75rem;display:block}.app-sidebar__nav{flex:1;padding:1rem 0}.app-sidebar__section+.app-sidebar__section{margin-top:1.25rem}.app-sidebar__heading{text-transform:uppercase;letter-spacing:.05em;color:var(--cm-gold);margin:0 0 .4rem;padding:0 1.25rem;font-size:.7rem;font-weight:700}.app-sidebar__list{margin:0;padding:0;list-style:none}.app-sidebar__item{color:#ffffffd9;cursor:default;padding:.5rem 1.25rem;font-size:.9rem;display:block}.app-sidebar__item--link{color:#ffffffd9;cursor:pointer;border-left:3px solid #0000;text-decoration:none}.app-sidebar__item--link:hover{color:#fff;background-color:#ffffff14}.app-sidebar__item--active{color:#fff;border-left-color:var(--cm-gold);background-color:#ffffff1f;font-weight:600}.app-sidebar__empty{color:#ffffffb3;padding:0 1.25rem;font-size:.85rem}.app-sidebar__footnote{color:#ffffff8c;border-top:1px solid #ffffff26;margin:0;padding:.85rem 1.25rem;font-size:.7rem}.login-page{background-color:var(--color-bg);justify-content:center;align-items:center;min-height:100%;padding:1.5rem;display:flex}.login-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);text-align:center;width:100%;max-width:380px;padding:2.5rem 2rem;box-shadow:0 4px 24px #134f8d14}.login-card__logo{width:auto;height:40px;margin-bottom:1.5rem}.login-card__title{color:var(--cm-navy);margin:0 0 .5rem;font-size:1.25rem}.login-card__subtitle{color:var(--color-text-muted);margin:0 0 1.75rem;font-size:.9rem}.login-card__button{width:100%}.login-card__button+.login-card__button{margin-top:.75rem}.login-card__hint{color:var(--color-text-muted);margin:1rem 0 0;font-size:.8rem}.home-page h1{color:var(--cm-navy)}.home-page__card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);max-width:640px;padding:1.5rem}.route-loading{min-height:100%;color:var(--color-text-muted);justify-content:center;align-items:center;font-size:.95rem;display:flex}.cm-page{flex-direction:column;gap:1.5rem;max-width:1100px;display:flex}.cm-page__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.cm-page__header h1{color:var(--cm-navy);margin:0 0 .25rem;font-size:1.5rem}.cm-page__subtitle{color:var(--color-text-muted);align-items:center;gap:.5rem;margin:0;font-size:.9rem;display:flex}.cm-back-link{color:var(--color-text-muted);font-size:.85rem;text-decoration:none;display:inline-block}.cm-back-link:hover{color:var(--cm-navy)}.cm-section-title{color:var(--cm-navy);margin:0 0 .9rem;font-size:1rem}.cm-help-text{color:var(--color-text-muted);margin:-.4rem 0 1rem;font-size:.82rem}.cm-text-muted{color:var(--color-text-muted)}.cm-monospace{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.82rem}.cm-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1.5rem}.cm-card--sin-padding{padding:0}.cm-toolbar{flex-wrap:wrap;align-items:flex-end;gap:.85rem;display:flex}.cm-field{flex-direction:column;gap:.35rem;min-width:0;display:flex}.cm-field--grow{flex:1;min-width:220px}.cm-field--checkbox{justify-content:flex-end;padding-bottom:.55rem}.cm-field--checkbox label{white-space:nowrap;cursor:pointer;align-items:center;gap:.4rem;display:flex}.cm-field label{color:var(--color-text);font-size:.8rem;font-weight:600}.cm-input,.cm-select{border:1px solid var(--color-border);border-radius:var(--radius);background-color:var(--color-surface);color:var(--color-text);padding:.55rem .75rem;font-family:inherit;font-size:.9rem}.cm-input:focus,.cm-select:focus{border-color:var(--cm-navy);box-shadow:0 0 0 3px var(--cm-navy-tint);outline:none}.cm-input:disabled,.cm-select:disabled{background-color:var(--color-bg);color:var(--color-text-muted)}.cm-select--sm{padding:.35rem .5rem;font-size:.82rem}.cm-field__error{color:var(--color-danger);font-size:.8rem}.cm-fieldset{border:none;margin:0;padding:0}.cm-fieldset:disabled{opacity:.6}.cm-form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.cm-form-actions{gap:.75rem;margin-top:1.25rem;display:flex}.cm-button--sm{padding:.4rem .8rem;font-size:.82rem}.cm-table__actions{flex-wrap:wrap;gap:.5rem;display:flex}.cm-inline-form{align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.cm-consultor-clientes{flex-direction:column;gap:.35rem;display:flex}.cm-chip-list{flex-wrap:wrap;gap:.4rem;display:flex}.cm-chip{background-color:var(--cm-navy-tint);color:var(--cm-navy);border-radius:999px;align-items:center;gap:.35rem;padding:.2rem .4rem .2rem .65rem;font-size:.8rem;display:inline-flex}.cm-chip__remove{color:inherit;cursor:pointer;background:0 0;border:none;padding:0 .2rem;font-size:1rem;font-weight:700;line-height:1}.cm-chip__remove:hover{color:var(--color-danger)}.cm-field__label{color:var(--color-text);font-size:.8rem;font-weight:600}.cm-people-picker{position:relative}.cm-people-picker__lista{z-index:30;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);max-height:280px;margin:0;padding:.25rem;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #134f8d1f}.cm-people-picker__estado{color:var(--color-text-muted);padding:.55rem .65rem;font-size:.85rem}.cm-people-picker__opcion{border-radius:calc(var(--radius) - 2px);cursor:pointer;flex-direction:column;gap:.1rem;padding:.5rem .65rem;display:flex}.cm-people-picker__opcion--activa{background-color:var(--cm-navy-tint)}.cm-people-picker__nombre{color:var(--color-text);font-size:.9rem}.cm-people-picker__correo{color:var(--color-text-muted);font-size:.8rem}.cm-persona-seleccionada{border:1px solid var(--color-border);border-radius:var(--radius);background-color:var(--color-bg);justify-content:space-between;align-items:center;gap:.75rem;padding:.5rem .75rem;display:flex}.cm-persona-seleccionada__datos{flex-direction:column;gap:.1rem;min-width:0;display:flex}.cm-persona-seleccionada__nombre{color:var(--cm-navy);font-weight:600}.cm-persona-seleccionada__correo{color:var(--color-text-muted);font-size:.8rem}.cm-persona-celda{flex-direction:column;gap:.1rem;display:flex}.cm-persona-celda__nombre{color:var(--color-text);font-weight:600}.cm-persona-celda__correo{color:var(--color-text-muted);font-size:.8rem}.cm-table{border-collapse:collapse;width:100%}.cm-table th,.cm-table td{text-align:left;border-bottom:1px solid var(--color-border);vertical-align:middle;padding:.65rem .9rem;font-size:.88rem}.cm-table th{background-color:var(--cm-navy-tint);color:var(--cm-navy);text-transform:uppercase;letter-spacing:.03em;font-size:.72rem;font-weight:700}.cm-table tbody tr:last-child td{border-bottom:none}.cm-table tbody tr:hover{background-color:var(--cm-navy-tint)}.cm-table th.cm-table__num,.cm-table td.cm-table__num{text-align:right;font-variant-numeric:tabular-nums}.cm-empty-state{text-align:center;color:var(--color-text-muted);padding:2rem!important}.cm-pagination{color:var(--color-text-muted);justify-content:flex-end;align-items:center;gap:1rem;font-size:.85rem;display:flex}.cm-status{text-transform:uppercase;letter-spacing:.02em;border-radius:999px;padding:.15rem .6rem;font-size:.72rem;font-weight:700;display:inline-block}.cm-status--activo{color:#1e7d3c;background-color:#e3f6e8}.cm-status--inactivo{color:#a33636;background-color:#f5e3e3}.cm-status--pendiente,.cm-status--suspendido{color:#8a6600;background-color:#fff4d6}.cm-status--vencido{color:#a33636;background-color:#f5e3e3}.cm-status--agotado{color:#9a4a12;background-color:#fbe4d5}.cm-metrics{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;margin-top:.5rem;display:grid}.cm-metric{border:1px solid var(--border-color,#e2e8f0);border-radius:var(--radius);background-color:#fff;padding:.75rem .9rem}.cm-metric__label{text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-muted,#64748b);margin-bottom:.25rem;font-size:.72rem;display:block}.cm-metric__value{color:var(--cm-navy);font-size:1.35rem;font-weight:700}.cm-metric--destacada{border-color:var(--cm-navy);background-color:var(--cm-navy-tint)}.cm-metric__hint{color:var(--color-text-muted);margin-top:.25rem;font-size:.72rem;display:block}.cm-badge-stack{flex-direction:column;align-items:flex-start;gap:.25rem;display:flex}.cm-consumo{font-weight:600}.cm-consumo--alto{color:var(--color-danger)}.cm-row--destacada,.cm-row--destacada:hover{background-color:var(--cm-navy-tint)}.cm-detail-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem 1.5rem;margin-top:.5rem;display:grid}.cm-detail__label{text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-muted,#64748b);margin-bottom:.15rem;font-size:.72rem;display:block}.cm-detail__value{color:var(--color-text,#1e293b);font-size:.95rem;font-weight:600}.cm-alert{border-radius:var(--radius);margin-bottom:1rem;padding:.75rem 1rem;font-size:.85rem}.cm-alert--error{color:#a33636;background-color:#fdeceb;border:1px solid #f3c8c4}.cm-alert--info{background-color:var(--cm-navy-tint);color:var(--cm-navy);border:1px solid #cfe0f0}.cm-alert--exito{color:#1e7d3c;background-color:#e3f6e8;border:1px solid #bfe8c9}@media (width<=1024px){.app-shell__content{padding:1.5rem}.cm-card{overflow-x:auto}.cm-table{min-width:640px}}@media (width<=768px){.app-header{padding:0 1rem}.app-header__menu-toggle{display:inline-flex}.app-header__title{display:none}.app-header__user{gap:.6rem}.app-header__user-name{display:none}.app-sidebar{z-index:50;width:min(80vw,300px);transition:transform .22s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:2px 0 16px #0c1e3340}.app-sidebar--abierto{transform:translate(0)}.app-shell__backdrop{display:block}.app-shell__content{padding:1.25rem 1rem}.cm-page__header{flex-direction:column;align-items:stretch}.cm-page__header .cm-button{width:100%}.cm-form-actions{flex-direction:column}.cm-form-actions .cm-button{width:100%}}@media (width<=480px){.cm-page__header h1{font-size:1.25rem}.app-header__logo{height:32px}}