html{--lumo-primary-color: #1B4965;--lumo-primary-text-color: #1B4965;--lumo-primary-color-50pct: rgba(27, 73, 101, .5);--lumo-primary-color-10pct: rgba(27, 73, 101, .1);--lumo-font-family: "Inter", system-ui, -apple-system, sans-serif;--lumo-border-radius-s: 4px;--lumo-border-radius-m: 8px;--lumo-border-radius-l: 12px;--crm-card-shadow: 0 2px 12px rgba(0, 0, 0, .07), 0 1px 3px rgba(0, 0, 0, .04);--crm-navbar-height: 56px;--crm-drawer-width: 220px}.login-page{background:linear-gradient(150deg,#ebf3fb,#edf2f7);padding:0!important;margin:0}.login-card{background:#fff;border-radius:16px;box-shadow:0 8px 32px #1b49651f,0 2px 8px #0000000f;padding:2.5rem 2rem 2rem;width:380px;max-width:calc(100vw - 2rem);box-sizing:border-box}.app-title{color:#1b4965;font-size:1.375rem;font-weight:700;letter-spacing:-.4px;margin:0 0 .375rem;text-align:center}.app-subtitle{color:var(--lumo-secondary-text-color);font-size:.8125rem;margin:0 0 1.75rem;text-align:center}.crm-navbar{min-height:var(--crm-navbar-height);padding:0 .875rem 0 0!important;border-bottom:1px solid var(--lumo-contrast-10pct);box-shadow:0 1px 4px #0000000d;gap:.5rem!important}.navbar-brand{font-size:1rem;font-weight:700;color:var(--lumo-primary-color);letter-spacing:-.3px;white-space:nowrap}.navbar-user-wrap{display:flex;align-items:center;gap:.375rem;color:var(--lumo-secondary-text-color);font-size:.875rem}vaadin-app-layout{--vaadin-app-layout-drawer-width: var(--crm-drawer-width)}.drawer-content{padding:.75rem .5rem;box-sizing:border-box}.view-container{padding:1.5rem;box-sizing:border-box}.view-title{font-size:1.25rem;font-weight:600;color:var(--lumo-header-text-color);margin:0 0 .25rem}.view-description{font-size:.875rem;color:var(--lumo-secondary-text-color);margin:0 0 1.25rem}.view-card{background:#fff;border-radius:var(--lumo-border-radius-l);box-shadow:var(--crm-card-shadow);overflow:hidden}.empty-state{display:flex;align-items:center;justify-content:center;padding:3.5rem 1rem;color:var(--lumo-secondary-text-color);font-size:.9375rem;gap:.5rem}@media (max-width: 600px){.login-card{padding:2rem 1.25rem 1.5rem;border-radius:12px}.view-container{padding:1rem}}
