:root{--ink:#2f2959;--muted:#69637d;--brand:#6256ca;--soft:#f5f3fb;--line:#e6e2ef;--good:#357357;--danger:#a94e58}*{box-sizing:border-box}body{margin:0;background:#faf9f7;color:var(--ink);font:16px Quicksand,Arial,sans-serif}.master-shell{min-height:100vh;display:grid;grid-template-columns:245px 1fr}.master-nav{padding:1.5rem;background:linear-gradient(160deg,#342c75,#6256ca);color:#fff;display:flex;flex-direction:column}.master-brand{color:#fff;font-size:1.8rem;font-weight:700;text-decoration:none}.master-brand small{display:block;font-size:.62rem;letter-spacing:.18em}.master-nav nav{display:grid;gap:.35rem;margin:3rem 0}.master-nav nav a,.master-nav__user a{padding:.7rem .8rem;border-radius:10px;color:#f9f8ff;text-decoration:none}.master-nav nav a.is-active,.master-nav nav a:hover{background:rgba(255,255,255,.16)}.master-nav__user{margin-top:auto;display:grid;gap:.35rem;font-size:.85rem}.master-nav__user span{opacity:.75;text-transform:capitalize}.master-main{padding:2rem;max-width:1500px;width:100%}.master-main header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.master-main header span{color:var(--brand);font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.master-main h1{margin:.25rem 0 0;font-size:2rem}.master-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.master-card,.master-form,.master-table-wrap{border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 10px 28px rgba(47,41,89,.05)}.master-card{padding:1.1rem}.master-card span{color:var(--muted);font-size:.86rem}.master-card strong{display:block;margin-top:.5rem;font-size:1.8rem}.master-section{margin-top:1.5rem}.master-section__head{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem}.master-section h2{margin:0;font-size:1.25rem}.master-form{padding:1.2rem;display:grid;gap:.8rem}.master-form__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.master-form label{display:grid;gap:.35rem;color:var(--muted);font-size:.82rem}.master-form input,.master-form select,.master-form textarea{width:100%;padding:.68rem;border:1px solid #dcd6ef;border-radius:9px;background:#fff;color:var(--ink);font:inherit}.master-form textarea{min-height:5rem;resize:vertical}.master-button{display:inline-flex;align-items:center;justify-content:center;width:max-content;padding:.7rem 1rem;border:0;border-radius:9px;background:var(--brand);color:#fff;font:inherit;font-weight:700;cursor:pointer;text-decoration:none}.master-button--danger{background:var(--danger)}.master-button--secondary{background:var(--soft);color:var(--ink)}.master-table-wrap{overflow:auto}.master-table{width:100%;border-collapse:collapse}.master-table th,.master-table td{padding:.8rem;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}.master-table th{background:var(--soft);color:var(--brand)}.master-table tr:last-child td{border-bottom:0}.master-actions{display:flex;gap:.5rem}.master-actions form{margin:0}.master-flash{margin-bottom:1rem;padding:.8rem 1rem;border-radius:10px;background:#e8f5e8;color:#285d39}.master-login{min-height:100vh;display:grid;place-items:center;padding:1rem;background:radial-gradient(circle at top left,#e9f4a8,transparent 30%),#faf9f7}.master-login .master-form{width:min(430px,100%)}.master-login h1{margin:0}.master-login p{margin:0;color:var(--muted)}.master-note{color:var(--muted);font-size:.88rem}.master-status{display:inline-block;padding:.25rem .5rem;border-radius:999px;background:var(--soft);font-size:.75rem}.master-status--active{background:#e8f5e8;color:#285d39}@media(max-width:850px){.master-shell{grid-template-columns:1fr}.master-nav{padding:1rem}.master-nav nav{margin:1rem 0;display:flex;overflow:auto}.master-nav__user{margin-top:1rem}.master-main{padding:1.2rem}.master-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.master-form__grid{grid-template-columns:1fr}}@media(max-width:480px){.master-grid{grid-template-columns:1fr}.master-main h1{font-size:1.6rem}}
/* Vincua corporate mark, shared by the access screen and the master navigation. */
.master-brand {
    display: grid;
    gap: .3rem;
    color: transparent !important;
    font-size: 0 !important;
}

.master-brand::before,
.master-login .master-form h1::before {
    content: '';
    display: block;
    width: 9.25rem;
    height: 4rem;
    background: url('../../assets/images/logos/logo_verde_detalle_morado_texto_negro_fondo_transparente_pequeno.png') center / contain no-repeat;
}

.master-brand small {
    color: rgba(255, 255, 255, .84);
    font-size: .62rem !important;
}

.master-login .master-form h1 {
    margin: 0 auto .35rem;
    width: 9.25rem;
    height: 4rem;
    font-size: 0;
}

.master-login .master-form h1::before { width: 100%; height: 100%; }

.master-subscriptions-intro,.master-monitor-link{display:flex;align-items:end;justify-content:space-between;gap:1rem;padding:1.35rem;border:1px solid var(--line);border-radius:16px;background:linear-gradient(115deg,#fff 0%,#f5f3fb 100%)}.master-subscriptions-intro span,.master-monitor-link span{color:var(--brand);font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.master-subscriptions-intro h2,.master-monitor-link h2{margin:.25rem 0;font-size:1.6rem}.master-subscriptions-intro p,.master-monitor-link p{max-width:680px;margin:.4rem 0 0;color:var(--muted)}.master-grid--subscription-metrics{margin-top:1rem}.master-alerts{display:grid;gap:.65rem}.master-alert{display:grid;gap:.2rem;padding:1rem 1.1rem;border-left:4px solid;border-radius:10px;background:#fff;box-shadow:0 8px 20px rgba(47,41,89,.04)}.master-alert span{color:var(--muted);font-size:.9rem}.master-alert--danger{border-color:#c95e67;background:#fff7f7}.master-alert--warning{border-color:#d49736;background:#fffaf1}.master-alert--info{border-color:var(--brand);background:#f7f6ff}.master-alert--success{border-color:var(--good);background:#f5fbf6}.master-chart-card{padding:1.2rem;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 10px 28px rgba(47,41,89,.05)}.master-chart{width:100%;overflow-x:auto}.master-chart svg{display:block;min-width:620px;width:100%;height:250px}.master-chart__grid{stroke:#eeeaf5;stroke-width:1}.master-chart__line{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.master-chart__line--created{stroke:#6256ca}.master-chart__line--activated{stroke:#357357}.master-chart__line--expired{stroke:#c95e67}.master-chart__point{stroke:#fff;stroke-width:2}.master-chart__point--created{fill:#6256ca}.master-chart__point--activated{fill:#357357}.master-chart__point--expired{fill:#c95e67}.master-chart text{fill:var(--muted);font:12px Quicksand,Arial,sans-serif}.master-chart__legend{display:flex;flex-wrap:wrap;gap:.8rem;color:var(--muted);font-size:.82rem}.master-chart__legend span{display:flex;align-items:center;gap:.35rem}.master-chart__legend i{width:.65rem;height:.65rem;border-radius:50%}.master-chart__legend .created{background:#6256ca}.master-chart__legend .activated{background:#357357}.master-chart__legend .expired{background:#c95e67}.master-filter{grid-template-columns:repeat(5,minmax(0,1fr)) auto;align-items:end;margin-bottom:1rem}.master-filter .master-button{min-height:42px}.master-status--pending,.master-status--past_due{background:#fff2dc;color:#925c15}.master-status--expired,.master-status--cancelled{background:#fff0f1;color:#a94e58}.master-status--scheduled{background:#eef0ff;color:#4f45af}.master-status--trial,.master-status--gifted{background:#e8f5e8;color:#285d39}.master-monitor-link{margin-top:1.5rem}
@media(max-width:850px){.master-subscriptions-intro,.master-monitor-link{align-items:flex-start;flex-direction:column}.master-filter{grid-template-columns:repeat(2,minmax(0,1fr))}.master-chart-card .master-section__head{align-items:flex-start;flex-direction:column}}@media(max-width:480px){.master-filter{grid-template-columns:1fr}.master-chart svg{height:220px}.master-subscriptions-intro h2,.master-monitor-link h2{font-size:1.4rem}}
.master-inline-form{display:flex;align-items:center;gap:.5rem;margin:0}.master-inline-form select{min-width:110px;padding:.5rem;border:1px solid #dcd6ef;border-radius:8px;color:var(--ink);font:inherit}.master-utility-link{margin:1.25rem 0 0;text-align:right}.master-utility-link a{color:var(--brand);font-size:.88rem;font-weight:700}

