@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap";html{--lumo-font-family: "IBM Plex Sans", -apple-system, "Segoe UI", sans-serif;--lumo-primary-color: #0F4C5C;--lumo-primary-text-color: #0F4C5C;--lumo-primary-color-50pct: rgba(15, 76, 92, .5);--lumo-primary-color-10pct: rgba(15, 76, 92, .1);--lumo-success-color: #2E7D32;--lumo-success-text-color: #2E7D32;--lumo-success-color-50pct: rgba(46, 125, 50, .5);--lumo-success-color-10pct: rgba(46, 125, 50, .1);--lumo-error-color: #C62828;--lumo-error-text-color: #C62828;--lumo-error-color-50pct: rgba(198, 40, 40, .5);--lumo-error-color-10pct: rgba(198, 40, 40, .1);--lumo-warning-color: #B45309;--lumo-warning-text-color: #B45309;--lumo-warning-color-10pct: rgba(180, 83, 9, .1);--lumo-body-text-color: #1A2B32;--lumo-secondary-text-color: #5B6B72;--lumo-base-color: #FFFFFF;--lumo-contrast-5pct: #F0F3F5;--lumo-shade-5pct: rgba(26, 43, 50, .05);--lumo-border-radius-s: 4px;--lumo-border-radius-m: 6px;--lumo-border-radius-l: 10px;--lumo-box-shadow-s: 0 1px 3px rgba(15, 76, 92, .12);--lumo-box-shadow-m: 0 2px 8px rgba(15, 76, 92, .14)}body{background:#f7f9fa}.vista-login{background:linear-gradient(160deg,#0a3542,#0f4c5c 55%,#14606f)}.vista-login .login-marca{display:flex;flex-direction:column;align-items:center;gap:var(--lumo-space-s);color:#fff;margin-bottom:var(--lumo-space-m)}.vista-login .login-marca img{width:64px;height:64px}.vista-login .login-marca h1{color:#fff;font-size:var(--lumo-font-size-xxl);font-weight:700;margin:0;letter-spacing:.02em}.vista-login .login-marca span{color:#ffffffbf;font-size:var(--lumo-font-size-s)}.vista-login vaadin-login-form-wrapper{background:var(--lumo-base-color);border-radius:var(--lumo-border-radius-l);box-shadow:0 8px 30px #00000040}.marca-drawer{display:flex;align-items:center;gap:var(--lumo-space-s);padding:var(--lumo-space-m);font-weight:600;color:var(--lumo-primary-text-color)}.marca-drawer img{width:28px;height:28px}vaadin-app-layout::part(navbar){background:#0f4c5c;color:#fff}[slot=navbar] vaadin-drawer-toggle,[slot=navbar] .titulo-app{color:#fff}[slot=navbar] .usuario-actual{color:#fffc}[slot=navbar] vaadin-button{color:#fff;--lumo-primary-text-color: #ffffff}@media (max-width: 600px){[slot=navbar] .usuario-actual{display:none}}.cifra{font-family:IBM Plex Mono,monospace;font-variant-numeric:tabular-nums}.fila-graficos,.fila-tarjetas{flex-wrap:wrap}.grafico{flex:1 1 380px;min-width:320px;height:300px;position:relative;background:var(--lumo-base-color);border-radius:var(--lumo-border-radius-l);box-shadow:var(--lumo-box-shadow-s);padding:var(--lumo-space-m)}.tarjeta-kpi{background:var(--lumo-base-color);border-radius:var(--lumo-border-radius-l);box-shadow:var(--lumo-box-shadow-s);padding:var(--lumo-space-m) var(--lumo-space-l)}