:root{--lumo-font-family: "Segoe UI",system-ui,sans-serif;--lumo-primary-color: #214e43;--lumo-primary-text-color: #214e43;--lumo-primary-color-10pct: rgba(33,78,67,0.10);--lumo-primary-color-50pct: rgba(33,78,67,0.50);--lumo-border-radius-m: 10px}body{margin: 0;background: #f7f8fa;color: #263f56;font-family: var(--lumo-font-family)}.login-page{min-height: 100dvh;gap: 0;padding: 32px 16px}.login-page h1{font-size: clamp(2rem,5vw,3rem);letter-spacing: -0.04em;margin: 12px 0 0}.eyebrow,.brand{font-size: 12px;font-weight: 700;letter-spacing: 0.18em}.eyebrow{color: #786647}.subtitle{color: #64726a;margin-top: 10px}.login-page vaadin-login-form{margin-top: 24px;max-width: 100%;border-radius: 18px;background: white;box-shadow: 0 12px 45px #18392d0d}.session-message{max-width: 340px;color: #866125;text-align: center}.change-password-page{min-height: 100dvh;gap: 0;padding: 32px 16px}.change-password-form{box-sizing: border-box;width: min(460px,100%);padding: 32px;border: 1px solid #dce4eb;border-radius: 16px;background: #fff;box-shadow: 0 12px 45px rgba(24,57,45,0.08)}.change-password-form h1{margin: 0;color: #244563;font-size: 28px}.change-password-description{margin: 0 0 8px;color: #728091;line-height: 1.45}.home-page{min-height: 100dvh;padding: 0;background: #f7f8fa}.dashboard-header{box-sizing: border-box;min-height: 77px;padding: 0 24px;background: #293f52;color: #fff}.header-left{min-width: 0}.hotel-selector{box-sizing: border-box;flex: none;margin: 0}.menu-button{width: 24px;min-width: 24px;height: 44px;margin-right: 21px;padding: 0;color: #fff;font-size: 25px;line-height: 1}.menu-button:hover,.menu-button:focus{color: #fff;background: transparent}.dashboard-title{min-width: 0;margin: 0;overflow: hidden;color: #fff;font-size: 21px;font-weight: 700;letter-spacing: -0.02em;text-overflow: ellipsis;white-space: nowrap}.user-actions{flex: none;gap: 12px}.current-user{color: #c9d3de;font-size: 14px}.logout-button{box-sizing: border-box;width: 32px;min-width: 32px;height: 32px;padding: 0;flex: none;color: #c9d3de}.logout-button:hover,.logout-button:focus{color: #fff;background: transparent}.dashboard-content{box-sizing: border-box;width: calc(100% - 48px);max-width: 1200px;margin: 0 auto;padding: 32px 0 48px}.dashboard-grid{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 24px;width: 100%}.dashboard-card{box-sizing: border-box;min-width: 0;min-height: 256px;padding: 24px;border: 1px solid var(--md-sys-color-outline-variant);border-radius: var(--md-sys-shape-corner-medium);background: var(--md-sys-color-surface-container-lowest);box-shadow: none;align-items: center;display: flex;flex-direction: column;text-align: center;text-decoration: none;color: var(--md-sys-color-on-surface);transition: background-color 160ms ease,box-shadow 160ms ease}.dashboard-card:visited,.dashboard-card:hover,.dashboard-card:focus,.dashboard-card:active{color: inherit;text-decoration: none}@media (hover: hover){.dashboard-card:hover{background: color-mix(in srgb,var(--md-sys-color-on-surface) 8%,var(--md-sys-color-surface-container-lowest));box-shadow: 0 1px 2px rgb(0 0 0 / 18%)}.dashboard-card:hover .dashboard-card-icon,.dashboard-card:hover .dashboard-card-arrow{background: var(--md-sys-color-surface-container-lowest)}}.dashboard-card:active{background: color-mix(in srgb,var(--md-sys-color-on-surface) 12%,var(--md-sys-color-surface-container-lowest))}.dashboard-card-icon{display: flex;align-items: center;justify-content: center;width: 64px;height: 64px;margin-bottom: 16px;border-radius: var(--md-sys-shape-corner-large);background: var(--md-sys-color-surface-container);color: var(--md-sys-color-on-primary-container);font-size: 32px;line-height: 1}.dashboard-card-title{margin: 0 0 8px;color: var(--md-sys-color-on-surface);font-size: 20px;font-weight: 500;line-height: 1.2;letter-spacing: 0}.dashboard-card-description{max-width: 32ch;margin: 0;color: var(--md-sys-color-on-surface-variant);font-size: 14px;line-height: 1.5}.dashboard-card-arrow{display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;margin-top: auto;border: 0;border-radius: 50%;background: var(--md-sys-color-surface-container);color: var(--md-sys-color-on-primary-container);font-size: 18px;line-height: 1}.navigation-overlay{position: fixed;inset: 0;z-index: 1000;visibility: hidden;background: color-mix(in srgb,var(--md-sys-color-scrim) 32%,transparent);opacity: 0;pointer-events: none;transition: visibility 0s linear 220ms,opacity 220ms ease}.navigation-overlay.open{visibility: visible;opacity: 1;pointer-events: auto;transition-delay: 0s}.navigation-drawer{box-sizing: border-box;width: min(360px,calc(100vw - 56px));height: 100%;padding: 0 12px 16px;overflow-y: auto;overscroll-behavior: contain;border-radius: 0 var(--md-sys-shape-corner-large) var(--md-sys-shape-corner-large) 0;background: var(--md-sys-color-surface-container-low);color: var(--md-sys-color-on-surface);box-shadow: 0 8px 10px 1px rgb(0 0 0 / 14%),0 3px 14px 2px rgb(0 0 0 / 12%);scrollbar-width: thin;transform: translateX(-100%);transition: transform 260ms cubic-bezier(0.2,0,0,1)}.navigation-overlay.open .navigation-drawer{transform: translateX(0)}.navigation-drawer-top{position: sticky;top: 0;z-index: 1;box-sizing: border-box;min-height: 72px;padding: 12px 4px 8px;display: flex;align-items: center;justify-content: flex-end;background: var(--md-sys-color-surface-container-low)}.navigation-drawer-close{width: 48px;min-width: 48px;height: 48px;min-height: 48px;padding: 0;border-radius: 50%;color: var(--md-sys-color-on-surface-variant)}.navigation-drawer-close vaadin-icon{width: 24px;height: 24px}.navigation-drawer-links{display: flex;flex-direction: column;gap: 0}.navigation-section-label{padding: 20px 16px 8px;color: #fff;font-size: 14px;font-weight: 500;line-height: 20px}.navigation-link{display: flex;align-items: center;gap: 12px;box-sizing: border-box;width: 100%;min-height: 56px;padding: 0 16px;border: 0;border-radius: 28px;color: #fff;font-size: 14px;font-weight: 500;line-height: 20px;letter-spacing: .1px;text-decoration: none}.navigation-link:visited{color: #fff}.navigation-link:hover,.navigation-link:focus{color: #fff;background: #3498db;text-decoration: none}.navigation-link:active{background: color-mix(in srgb,var(--md-sys-color-on-surface) 12%,transparent)}.navigation-link.selected,.navigation-link.selected:visited{background: var(--md-sys-color-secondary-container);color: var(--md-sys-color-on-secondary-container)}.navigation-link.selected:hover{background: color-mix(in srgb,var(--md-sys-color-on-secondary-container) 8%,var(--md-sys-color-secondary-container))}.navigation-link-icon{width: 24px;min-width: 24px;height: 24px;color: currentColor}.profiles-page{min-height: 100dvh;padding: 0;background: #f7f8fa}.profiles-content{box-sizing: border-box;width: calc(100% - 48px);max-width: 1450px;margin: 0 auto;padding: 38px 0 64px}.profiles-toolbar{margin-bottom: 24px}.profiles-title{margin: 0 0 6px;color: #244563;font-size: 30px;font-weight: 700}.profiles-subtitle{margin: 0;color: #728091;font-size: 14px}.profiles-search{width: 260px}.create-profile-button{flex: none}.profiles-grid{width: 100%;min-height: 360px;border: 1px solid #dce4eb;border-radius: 12px;background: #fff;box-shadow: 0 3px 8px rgba(36,69,99,0.04)}.profiles-grid::part(header-cell){background: #f2f5f8;color: #526679;font-size: 13px;font-weight: 700}.profiles-grid::part(cell){color: #304b63;font-size: 14px}.dwellings-page{min-height: 100dvh;padding: 0;background: #f7f8fa}.dwellings-content{box-sizing: border-box;width: calc(100% - 48px);max-width: 1450px;margin: 0 auto;padding: 38px 0 64px}.dwellings-toolbar{margin-bottom: 24px}.dwellings-title{margin: 0 0 6px;color: #244563;font-size: 30px;font-weight: 700}.dwellings-subtitle{margin: 0;color: #728091;font-size: 14px}.dwellings-grid{width: 100%;min-height: 360px;border: 1px solid #dce4eb;border-radius: 12px;background: #fff;box-shadow: 0 3px 8px rgba(36,69,99,0.04)}.dwellings-grid::part(header-cell){background: #f2f5f8;color: #526679;font-size: 13px;font-weight: 700}.dwellings-grid::part(cell){color: #304b63;font-size: 14px}.dwellings-grid::part(dwelling-floor-group){background: #edf2f5;color: #244563;font-weight: 700}.dwellings-grid::part(dwelling-unpaid){background: var(--md-sys-color-error-container);color: var(--md-sys-color-on-error-container)}.dwellings-grid::part(dwelling-unpaid):hover{background: color-mix(in srgb,var(--md-sys-color-error) 8%,var(--md-sys-color-error-container))}.dwelling-payment-badge{display: inline-flex;padding: 4px 9px;border-radius: 999px;font-size: 12px;font-weight: 700;white-space: nowrap}.dwelling-payment-paid{background: #e7f7ec;color: #17733a}.dwelling-payment-unpaid{background: var(--md-sys-color-error-container);color: var(--md-sys-color-on-error-container)}.dwelling-payment-none{background: #eef2f5;color: #667785}.dwelling-dialog{max-width: calc(100vw - 32px)}.dwelling-form{min-width: min(430px,calc(100vw - 80px))}.owners-page{min-height: 100dvh;padding: 0;background: var(--md-sys-color-background)}.owners-content{box-sizing: border-box;width: calc(100% - 48px);max-width: 1800px;margin: 0 auto;padding: 24px 0 48px}.owners-toolbar{box-sizing: border-box;height: 70px;min-height: 70px;margin-bottom: 16px;padding: 8px 12px 8px 20px !important;gap: 24px;border-radius: var(--md-sys-shape-corner-large);background: var(--md-sys-color-surface-container)}.owners-toolbar-label{flex: none;gap: 12px;color: var(--md-sys-color-on-surface);font-size: 16px;font-weight: 500;line-height: 24px}.owners-toolbar-label vaadin-icon{width: 24px;height: 24px;color: var(--md-sys-color-on-surface-variant)}.owners-toolbar-actions{gap: 12px}.owners-payment-filter{width: 200px !important}.owners-grid{width: 100%;min-height: 0;border: 1px solid var(--md-sys-color-outline-variant);border-radius: var(--md-sys-shape-corner-large);overflow: hidden;background: var(--md-sys-color-surface-container-lowest);box-shadow: none}.owners-grid::part(header-cell){min-height: 56px;border-bottom: 1px solid var(--md-sys-color-outline-variant);background: var(--md-sys-color-surface-container);color: var(--md-sys-color-on-surface);font-size: 12px;font-weight: 500;line-height: 16px;letter-spacing: .04em}.owners-grid::part(cell){min-height: 64px;border-bottom: 1px solid var(--md-sys-color-outline-variant);color: var(--md-sys-color-on-surface);font-size: 14px;line-height: 20px}.owners-grid::part(row):hover{background: color-mix(in srgb,var(--md-sys-color-on-surface) 8%,transparent)}.owners-grid::part(owner-floor-group){min-height: 48px;background: var(--md-sys-color-surface-container);color: var(--md-sys-color-on-surface);font-weight: 500}.owners-grid::part(owner-maintenance-unpaid){background: var(--md-sys-color-error-container);color: var(--md-sys-color-on-error-container)}.owners-grid::part(owner-maintenance-unpaid):hover{background: color-mix(in srgb,var(--md-sys-color-error) 8%,var(--md-sys-color-error-container))}.owner-identity{display: flex;flex-direction: column;gap: 2px;padding: 8px 0}.owner-identity-name{color: var(--md-sys-color-on-surface);font-weight: 500}.owner-identity-nationality{color: var(--md-sys-color-on-surface-variant);font-size: 12px;line-height: 16px}.owner-payment-badge{display: inline-flex;align-items: center;min-height: 24px;padding: 0 10px;border-radius: 999px;font-size: 12px;font-weight: 500;line-height: 16px;white-space: nowrap}.owner-payment-paid{background: var(--md-sys-color-primary-container);color: var(--md-sys-color-on-primary-container)}.owner-payment-unpaid{background: var(--md-sys-color-error-container);color: var(--md-sys-color-on-error-container)}.owner-payment-none{background: var(--md-sys-color-surface-container-high);color: var(--md-sys-color-on-surface-variant)}.owner-documents-button{background: #29c875;color: #fff;font-size: 14px;font-weight: 600}.owner-documents-button:hover,.owner-documents-button:focus{background: #20ae65;color: #fff}.owner-payments-dialog{max-width: calc(100vw - 32px)}.owner-payments-title{margin: 0 0 4px;color: #244563;font-size: 24px}.owner-payments-subtitle{margin: 0 0 18px;color: #728091;font-size: 14px}.owner-payments-grid{min-height: 330px;border: 1px solid #dce4eb;border-radius: 10px;overflow: hidden}.owner-payments-grid::part(header-cell){background: #f2f5f8;color: #526679;font-weight: 700}.owner-payments-section-title{margin: 16px 0 8px;color: #304b63;font-size: 17px}.owner-maintenance-payments-grid{min-height: 120px;border: 1px solid #dce4eb;border-radius: 10px;overflow: hidden}.owner-maintenance-payments-grid::part(header-cell){background: #f2f5f8;color: #526679;font-weight: 700}.owner-dialog{max-width: calc(100vw - 32px)}.dwelling-owners-dialog{max-width: calc(100vw - 32px)}.contact-selection-help{max-width: 52ch;margin: 4px 0 8px 45px;color: var(--md-sys-color-on-surface-variant);font-size: 12px;line-height: 16px}.contact-row{align-items: flex-start !important}.contact-row>vaadin-button{margin-top: 22px}.email-contact-row>.email-recipient-checkbox{flex: none;margin: 22px 0 0;display: flex;align-items: center}.owner-form{min-width: min(430px,calc(100vw - 80px))}.contact-values{display: flex;flex-direction: column;gap: 4px;white-space: normal;overflow-wrap: anywhere}.audit-page{min-height: 100dvh;padding: 0;background: #f7f8fa}.audit-content{box-sizing: border-box;width: calc(100% - 48px);max-width: 1450px;margin: 0 auto;padding: 38px 0 64px}.audit-toolbar{margin-bottom: 24px;gap: 24px}.audit-heading{min-width: 0}.audit-filters{flex: none;gap: 12px}.audit-filters vaadin-combo-box,.audit-filters vaadin-text-field{box-sizing: border-box}.audit-filter-entity{width: 190px}.audit-filter-id{width: 170px}.audit-filters vaadin-text-field::part(input-field){background: #e8edf2}.audit-title{margin: 0 0 6px;color: #244563;font-size: 30px;font-weight: 700}.audit-subtitle{margin: 0;color: #728091;font-size: 14px}.audit-grid{width: 100%;min-height: 420px;border: 1px solid #dce4eb;border-radius: 12px;background: #fff;box-shadow: 0 3px 8px rgba(36,69,99,0.04)}.audit-grid::part(header-cell){background: #f2f5f8;color: #526679;font-size: 13px;font-weight: 700}.audit-grid::part(cell){color: #304b63;font-size: 13px}.grid-pagination{min-height: 52px;padding: 8px 4px;color: #728091;font-size: 12px}.pagination-page-size{gap: 8px}.pagination-navigation{gap: 4px}.pagination-pages{gap: 4px}.pagination-arrow,.pagination-page-button{box-sizing: border-box;min-width: 30px;height: 30px;padding: 0 7px;border-radius: 7px;color: #728091;font-size: 12px}.pagination-arrow{font-size: 20px}.pagination-page-button-current{background: #1f2933 !important;border: 1px solid #1f2933 !important;color: #fff !important;font-weight: 700}.pagination-ellipsis{display: inline-flex;align-items: center;justify-content: center;width: 22px;height: 30px;color: #728091}.profile-status{display: inline-flex;align-items: center;padding: 5px 10px;border-radius: 999px;font-size: 12px;font-weight: 600}.profile-status.active{background: #e4f3ea;color: #267348}.profile-status.archived{background: #edf0f2;color: #71808b}.profile-actions{gap: 4px}.profile-action-button{font-size: 12px}.profile-dialog{max-width: calc(100vw - 32px)}.profile-form{min-width: min(430px,calc(100vw - 80px))}.message-queue-page{min-height: 100dvh;padding: 0;background: #f7f8fa}.message-queue-content{box-sizing: border-box;width: calc(100% - 48px);max-width: 1600px;margin: 0 auto;padding: 38px 0 64px}.message-queue-toolbar{margin-bottom: 18px;gap: 24px}.message-queue-title{margin: 0 0 6px;color: #244563;font-size: 30px;font-weight: 700}.message-queue-subtitle{margin: 0;color: #728091;font-size: 14px}.message-queue-actions{flex: none;gap: 12px}.message-queue-actions vaadin-text-field{width: 310px}.message-queue-status-bar{box-sizing: border-box;margin-bottom: 14px;padding: 0 4px}.message-queue-tabs{flex: none}.message-queue-totals{color: #607182;font-size: 13px;font-weight: 650}.message-queue-grid{width: 100%;min-height: 0;background: var(--md-sys-color-surface-container-lowest);box-shadow: none}.message-queue-grid::part(header-cell){min-height: 56px;border-bottom: 1px solid var(--md-sys-color-outline-variant);background: var(--md-sys-color-surface-container);color: var(--md-sys-color-on-surface);font-size: 12px;font-weight: 500;line-height: 16px;letter-spacing: .04em}.message-queue-grid::part(cell){min-height: 64px;border-bottom: 1px solid var(--md-sys-color-outline-variant);color: var(--md-sys-color-on-surface);font-size: 14px;line-height: 20px}.message-queue-grid::part(row):hover{background: color-mix(in srgb,var(--md-sys-color-on-surface) 8%,transparent)}.message-queue-status{display: inline-flex;align-items: center;padding: 4px 10px;border-radius: 999px;font-size: 12px;font-weight: 500;line-height: 20px;white-space: nowrap}.message-queue-status.sent{background: #e4f3ea;color: #267348}.message-queue-status.waiting{background: #fff4d9;color: #8a6515}.message-queue-status.failed{background: #fdeaea;color: #b02b2b}.message-preview-button{box-sizing: border-box;min-width: 40px;width: 40px;min-height: 40px;height: 40px;padding: 0;border: 0;border-radius: 50%;background: transparent;color: var(--md-sys-color-primary);box-shadow: none}.message-preview-button:hover{border: 0;background: color-mix(in srgb,var(--md-sys-color-primary) 8%,transparent)}.message-preview-button vaadin-icon{width: 20px;height: 20px}.message-preview-metadata{display: grid;gap: 12px;margin-bottom: 16px}.message-preview-meta-item{display: grid;grid-template-columns: 96px minmax(0,1fr);gap: 12px}.message-preview-meta-label{color: var(--md-sys-color-on-surface-variant);font-size: 13px;font-weight: 600}.message-preview-meta-value{color: var(--md-sys-color-on-surface);overflow-wrap: anywhere}.message-preview-body{box-sizing: border-box;max-height: min(55dvh,560px);overflow: auto;padding: 20px;border: 1px solid var(--md-sys-color-outline-variant);border-radius: var(--md-sys-shape-corner-medium);background: var(--md-sys-color-surface-container-lowest);color: var(--md-sys-color-on-surface);font-family: Arial,sans-serif;font-size: 14px;line-height: 1.55;overflow-wrap: anywhere;white-space: pre-wrap}.administration-page{min-height: 100dvh;padding: 0;background: #f7f8fa}.administration-content{box-sizing: border-box;width: calc(100% - 48px);max-width: 1450px;margin: 0 auto;padding: 38px 0 64px}.administration-title{margin: 0 0 6px;color: #244563;font-size: 30px;font-weight: 700}.administration-subtitle{margin: 0 0 28px;color: #728091;font-size: 14px}.administration-grid{grid-template-columns: repeat(3,minmax(0,1fr))}.email-templates-page{min-height: 100dvh;padding: 0;background: #f7f8fa}.email-templates-content{box-sizing: border-box;width: calc(100% - 48px);max-width: 1450px;margin: 0 auto;padding: 38px 0 64px}.email-templates-title{margin: 0 0 6px;color: #244563;font-size: 30px;font-weight: 700}.email-templates-subtitle{margin: 0 0 24px;color: #728091;font-size: 14px}.email-templates-grid{width: 100%;min-height: 420px;border: 1px solid #dce4eb;border-radius: 12px;background: #fff;box-shadow: 0 3px 8px rgba(36,69,99,0.04)}.email-templates-grid::part(header-cell){background: #f2f5f8;color: #526679;font-size: 13px;font-weight: 700}.email-templates-grid::part(cell){color: #304b63;font-size: 14px}.email-template-edit-button{white-space: nowrap;color: #246b9e}.email-template-placeholders{margin: 0 0 12px;padding: 11px 13px;border-radius: 8px;background: #f2f5f8;color: #526679;font-size: 13px;line-height: 1.5}.email-template-payment-labels{gap: 12px}.email-template-payment-labels vaadin-text-field{flex: 1}.tariffs-page{min-height: 100dvh;padding: 0;background: var(--md-sys-color-background)}.tariffs-content{box-sizing: border-box;width: calc(100% - 48px);max-width: 1800px;margin: 0 auto;padding: 24px 0 48px}.tariffs-title{margin: 0 0 6px;color: #244563;font-size: 30px;font-weight: 700}.tariffs-subtitle{margin: 0 0 24px;color: #728091;font-size: 14px}.tariff-form-card{box-sizing: border-box;margin-bottom: 30px;padding: 20px;overflow: hidden;border: 1px solid #dce4eb;border-radius: 12px;background: #fff;box-shadow: 0 3px 8px rgba(36,69,99,0.04)}.tariff-form-row{display: flex;flex-wrap: nowrap;gap: 12px;overflow-x: auto;padding-bottom: 4px}.tariff-form-row vaadin-combo-box,.tariff-form-row vaadin-big-decimal-field,.tariff-form-row vaadin-button{flex: none}.tariff-period-field{width: 220px}.tariff-price-field{width: 255px}.tariff-save-button{margin-bottom: 1px;white-space: nowrap}.tariff-scope-message{margin: 12px 0 0;color: #728091;font-size: 13px}.tariff-archive-title{margin: 0 0 5px;color: #244563;font-size: 22px;font-weight: 700}.tariff-archive-help{margin: 0 0 14px;color: #728091;font-size: 13px}.tariffs-grid .tariff-row-action{width: 40px;min-width: 40px;height: 40px;min-height: 40px;padding: 0;border: 0;border-radius: 50%;background: transparent;color: var(--md-sys-color-primary);box-shadow: none}.tariffs-grid .tariff-row-action:hover{border: 0;background: color-mix(in srgb,var(--md-sys-color-primary) 8%,transparent)}.tariffs-grid .tariff-row-action vaadin-icon{width: 20px;height: 20px}.monthly-bills-page{min-height: 100dvh;padding: 0;background: #f7f8fa}.bills-content{box-sizing: border-box;width: calc(100% - 48px);max-width: 1450px;margin: 0 auto;padding: 38px 0 64px}.bills-title{margin: 0 0 6px;color: #244563;font-size: 30px;font-weight: 700}.bills-subtitle{margin: 0 0 24px;color: #728091;font-size: 14px}.bill-history-section{width: 100%}.bill-history-toolbar,.bill-form-toolbar{margin-bottom: 16px;gap: 18px}.bill-history-title,.bill-form-toolbar h3{margin: 0;color: #294a66;font-size: 20px}.bill-history-filters{margin-bottom: 16px}.bill-history-filter-actions{flex-wrap: nowrap}html.material-3 .bill-history-owner-filter{width: 210px !important}.bill-history-grid{width: 100%;min-height: 0;background: var(--md-sys-color-surface-container-lowest);box-shadow: none}.bill-history-grid::part(header-cell){min-height: 56px;border-bottom: 1px solid var(--md-sys-color-outline-variant);background: var(--md-sys-color-surface-container);color: var(--md-sys-color-on-surface);font-size: 12px;font-weight: 500;line-height: 16px;letter-spacing: .04em}.bill-history-grid::part(cell){min-height: 64px;border-bottom: 1px solid var(--md-sys-color-outline-variant);color: var(--md-sys-color-on-surface);font-size: 14px;line-height: 20px}.bill-history-grid::part(row):hover{background: color-mix(in srgb,var(--md-sys-color-on-surface) 8%,transparent)}.bill-history-summary{display: flex;flex-direction: column;gap: 3px;padding: 3px 0}.bill-history-primary{color: var(--md-sys-color-on-surface);font-weight: 500}.bill-history-secondary{color: var(--md-sys-color-on-surface-variant);font-size: 12px}.bill-history-missing{color: var(--md-sys-color-outline)}.bill-history-actions{gap: 4px}.bill-history-grid :is(.bill-history-open,.bill-history-send){min-height: 40px;padding: 0 12px;border: 0;border-radius: 999px;background: transparent;color: var(--md-sys-color-primary);box-shadow: none;white-space: nowrap}.bill-history-grid :is(.bill-history-open,.bill-history-send):hover{border: 0;background: color-mix(in srgb,var(--md-sys-color-primary) 8%,transparent)}.bill-history-grid :is(.bill-history-open,.bill-history-send)[disabled]{background: transparent;color: var(--md-sys-color-on-surface);opacity: .38}.bill-history-grid .bill-history-send vaadin-icon{width: 20px;height: 20px}.bill-preview-dialog{width: min(900px,calc(100vw - 32px))}.bill-preview-title{margin: 0 0 4px;color: #244563;font-size: 25px}.bill-preview-summary{margin: 0 0 5px;color: #405b72;font-weight: 700}.bill-preview-delivery{margin: 0 0 18px;color: #718093;font-size: 13px}.bill-preview-invoices{display: flex;max-height: min(60vh,620px);flex-direction: column;gap: 14px;overflow: auto}.bill-preview-card{padding: 17px;border: 1px solid #dce4eb;border-radius: 10px;background: #f9fbfc}.bill-preview-card h3{margin: 0 0 3px;color: #294a66;font-size: 17px}.bill-preview-email,.bill-preview-email-missing{display: block;margin-bottom: 13px;color: #718093;font-size: 13px;overflow-wrap: anywhere}.bill-preview-email-missing{color: #b45309;font-weight: 700}.bill-preview-lines{display: flex;flex-direction: column}.bill-preview-line{display: grid;grid-template-columns: 150px minmax(0,1fr) 100px;gap: 12px;padding: 9px 0;border-top: 1px solid #e2e8ee}.bill-preview-line-category{color: #294a66;font-weight: 700}.bill-preview-line-description{color: #667b8f;overflow-wrap: anywhere}.bill-preview-line-amount{color: #176c43;font-weight: 750;text-align: right}.bill-preview-empty{padding: 10px 0;color: #83909d}.bill-preview-total-row{box-sizing: border-box;margin-top: 8px;padding-top: 12px;border-top: 2px solid #dce4eb;color: #294a66;font-weight: 700}.bill-preview-invoice-total{color: #176c43;font-size: 18px;font-weight: 800}.bill-preview-actions{margin-top: 18px}.bill-form-card{box-sizing: border-box;margin-bottom: 30px;padding: 22px;border: 1px solid #dce4eb;border-radius: 12px;background: #fff;box-shadow: 0 3px 8px rgba(36,69,99,0.04)}.bill-selectors{display: grid;grid-template-columns: minmax(260px,1fr) 220px;gap: 14px;margin-bottom: 16px}.bill-selectors vaadin-combo-box{width: 100%}.bill-owner-card{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 16px;margin-bottom: 18px;padding: 15px 18px;border-radius: 9px;background: #f4f7fa}.bill-info-item{display: flex;min-width: 0;flex-direction: column;gap: 4px}.bill-info-label{color: #718093;font-size: 12px;font-weight: 600;text-transform: uppercase}.bill-info-value{overflow-wrap: anywhere;color: #294a66;font-size: 15px;font-weight: 600}.bill-resource-grid{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 16px;margin-bottom: 18px}.bill-resource-card,.bill-extraordinary-card{box-sizing: border-box;padding: 17px;border: 1px solid #dfe7ee;border-radius: 10px}.bill-resource-card h3,.bill-extraordinary-card h3{margin: 0;color: #294a66;font-size: 17px}.bill-meter-fields{display: grid;grid-template-columns: minmax(0,1fr) auto minmax(0,1fr);gap: 12px;align-items: end;margin: 14px 0 10px}.bill-meter-fields vaadin-checkbox{padding-bottom: 8px}.bill-rate{color: #718093;font-size: 13px}.bill-rate-value{color: #246b9e;font-weight: 700}.bill-readings{gap: 12px}.bill-extraordinary-card{margin-bottom: 18px}.extraordinary-rows{gap: 10px;margin: 12px 0 8px}.extraordinary-row{gap: 10px}.extraordinary-row vaadin-text-field{flex: 1}.bill-options{flex-wrap: wrap;gap: 18px;margin-bottom: 18px}.bill-options vaadin-combo-box{width: 220px}.bill-category-payment-status{width: 210px;max-width: 100%}.bill-extraordinary-header{gap: 16px}.bill-extraordinary-header h3{margin: 0}.bill-form-footer{padding-top: 17px;border-top: 1px solid #e3e9ee}.bill-total{gap: 9px;color: #304b63;font-size: 18px;font-weight: 600}.bill-total-amount{color: #176c43;font-size: 26px;font-weight: 800}.bill-owner-ok{color: #294a66}.bill-owner-overdue{color: #c32626 !important;font-weight: 800 !important}.maintenance-fees-page{min-height: 100dvh;padding: 0;background: var(--md-sys-color-background)}.maintenance-content{box-sizing: border-box;width: calc(100% - 48px);max-width: 1800px;margin: 0 auto;padding: 24px 0 48px}.maintenance-title{margin: 0 0 6px;color: #244563;font-size: 30px;font-weight: 700}.maintenance-subtitle{margin: 0 0 24px;color: #728091;font-size: 14px}.maintenance-form-card{box-sizing: border-box;margin-bottom: 18px;padding: 20px;border: 1px solid #dce4eb;border-radius: 12px;background: #fff;box-shadow: 0 3px 8px rgba(36,69,99,0.04)}.maintenance-form{flex-wrap: wrap;gap: 14px}.maintenance-form vaadin-combo-box{width: 180px}.maintenance-form vaadin-big-decimal-field{width: 240px}.maintenance-summary{display: grid;grid-template-columns: repeat(2,minmax(0,240px));gap: 12px;margin-bottom: 16px}.maintenance-summary-item{display: flex;flex-direction: column;gap: 4px;padding: 14px 17px;border: 1px solid #dce4eb;border-radius: 10px;background: #fff}.maintenance-summary-label{color: #718093;font-size: 12px;font-weight: 650;text-transform: uppercase}.maintenance-summary-value{color: #176c43;font-size: 22px;font-weight: 800}.maintenance-warning{padding: 12px 15px;border-left: 4px solid #b7791f;border-radius: 7px;background: #fff8e6;color: #664d1d}.reports-page{min-height: 100dvh;padding: 0;background: #f7f8fa}.reports-content{box-sizing: border-box;width: calc(100% - 48px);max-width: 1450px;margin: 0 auto;padding: 38px 0 64px}.reports-title{margin: 0 0 6px;color: #244563;font-size: 30px;font-weight: 700}.reports-subtitle{margin: 0 0 28px;color: #728091;font-size: 14px}.reports-grid-cards{grid-template-columns: repeat(3,minmax(0,1fr))}.reports-back{display: inline-flex;margin-bottom: 18px;color: #526679;font-size: 14px;font-weight: 650;text-decoration: none}.reports-back:hover{color: #214e43;text-decoration: underline}.reports-section-title{margin: 28px 0 12px;color: #294a66;font-size: 21px}.reports-filter-card{box-sizing: border-box;margin-bottom: 14px;padding: 16px;border: 1px solid #dce4eb;border-radius: 10px;background: #fff}.consumption-filters{display: flex;flex-wrap: wrap;gap: 14px}.reports-filter{width: 220px}.reports-summary{display: grid;grid-template-columns: repeat(2,minmax(0,260px));gap: 12px;margin-bottom: 14px}.reports-summary-item{display: flex;flex-direction: column;gap: 4px;padding: 14px 17px;border: 1px solid #dce4eb;border-radius: 10px;background: #fff}.reports-summary-label{color: #718093;font-size: 12px;font-weight: 650;text-transform: uppercase}.reports-summary-value{color: #176c43;font-size: 22px;font-weight: 800}.reports-grid{min-height: 120px;border: 1px solid #dce4eb;border-radius: 10px;overflow: hidden;background: #fff}.reports-grid::part(header-cell){background: #f2f5f8;color: #526679;font-weight: 700}.report-chart-grid,.report-payment-grid{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 16px}.report-chart-card,.report-payment-card{box-sizing: border-box;min-width: 0;padding: 20px;border: 1px solid #dce4eb;border-radius: 12px;background: #fff;box-shadow: 0 3px 8px rgba(36,69,99,0.04)}.report-chart-card h3,.report-payment-card h3{margin: 0;color: #294a66;font-size: 18px}.report-chart-help{margin: 4px 0 18px;color: #728091;font-size: 13px}.report-bars{display: grid;min-height: 250px;grid-auto-columns: minmax(48px,1fr);grid-auto-flow: column;gap: 8px;overflow-x: auto;overflow-y: hidden;padding: 20px 2px 2px;border-bottom: 1px solid #dce4eb}.report-bar-column{display: grid;min-width: 0;grid-template-rows: 20px 190px 24px;gap: 5px;text-align: center}.report-bar-value{overflow: hidden;color: #526679;font-size: 11px;font-weight: 650;text-overflow: ellipsis;white-space: nowrap}.report-bar-track{display: flex;min-width: 24px;align-items: flex-end;justify-content: center;border-radius: 5px 5px 0 0;background: linear-gradient(to top,rgba(220,228,235,0.42),transparent)}.report-bar{width: min(30px,72%);min-height: 0;border-radius: 5px 5px 0 0;transition: height 220ms ease}.report-bar.electricity{background: #d99028}.report-bar.water{background: #2f82b7}.report-bar-label{color: #607386;font-size: 11px;font-weight: 650}.report-chart-empty{margin: 14px 0 0;color: #83909d;font-size: 13px;text-align: center}.report-payment-card{display: grid;grid-template-columns: minmax(150px,1fr) auto minmax(160px,1fr);gap: 20px;align-items: center}.report-payment-card h3{align-self: start}.report-payment-ring{--paid-share: 0%;position: relative;display: flex;width: 150px;height: 150px;flex-direction: column;align-items: center;justify-content: center;border-radius: 50%;background: conic-gradient(#2e7d5a 0 var(--paid-share),#d15b55 var(--paid-share) 100%)}.report-payment-ring::before{position: absolute;inset: 22px;border-radius: 50%;background: #fff;content: ""}.report-payment-ring.empty{background: #dce4eb}.report-payment-ring span{position: relative;z-index: 1;color: #294a66}.report-payment-ring span:first-child{font-size: 26px;font-weight: 800}.report-payment-ring span:last-child{color: #728091;font-size: 12px}.report-payment-legend{display: flex;flex-direction: column;gap: 12px}.report-payment-legend-row{display: grid;grid-template-columns: 12px 1fr auto;gap: 8px;align-items: center;color: #526679;font-size: 14px}.report-payment-dot{width: 10px;height: 10px;border-radius: 50%}.report-payment-dot.paid{background: #2e7d5a}.report-payment-dot.unpaid{background: #d15b55}.report-payment-count{color: #294a66;font-size: 16px;font-weight: 800}.maintenance-report-chart-container{max-width: 900px}.maintenance-report-chart{grid-template-columns: minmax(190px,1fr) auto minmax(270px,1.4fr)}.maintenance-report-chart .report-payment-ring span:first-child{font-size: 19px}.maintenance-report-grid::part(cell){vertical-align: middle}.owners-grid::part(cell){text-wrap: balance}@media (max-width: 1100px){.dashboard-grid{grid-template-columns: repeat(2,minmax(0,1fr))}.bill-owner-card,.bill-resource-grid{grid-template-columns: 1fr}.report-payment-card{grid-template-columns: 1fr;justify-items: center;text-align: center}.report-payment-card h3{justify-self: start}.report-payment-legend{width: min(240px,100%);text-align: left}}@media (max-width: 640px){.dashboard-header{min-height: 68px;padding: 0 14px}.menu-button{margin-right: 10px}.hotel-selector{width: 150px !important}.dashboard-title{font-size: 16px}.user-actions{gap: 6px}.current-user{max-width: 130px;overflow: hidden;font-size: 13px;text-overflow: ellipsis;white-space: nowrap}.navigation-drawer{width: min(360px,calc(100vw - 40px))}.dashboard-content{width: calc(100% - 28px);padding-top: 30px}.dashboard-grid{grid-template-columns: 1fr;gap: 18px}.dashboard-card{min-height: 240px;padding: 24px 18px 20px}.profiles-content{width: calc(100% - 28px);padding-top: 30px}.profiles-toolbar{align-items: flex-start !important;flex-direction: column;gap: 18px}.profiles-toolbar-actions{width: 100%}.profiles-search{width: 100%}.profiles-title{font-size: 26px}.profiles-grid{min-height: 300px}.dwellings-content{width: calc(100% - 28px);padding-top: 30px}.dwellings-toolbar{align-items: flex-start !important;flex-direction: column;gap: 18px}.dwellings-toolbar-actions{width: 100%}.dwellings-title{font-size: 26px}.dwellings-grid{min-height: 300px}.dwelling-form{min-width: 0}.owners-content{width: calc(100% - 28px);padding-top: 30px}.owners-toolbar{height: auto;max-height: 100%;align-items: flex-start !important;flex-direction: column;gap: 18px}.owners-toolbar-actions{width: 100%;align-items: stretch !important;flex-direction: column}.owners-payment-filter{width: 100% !important}.owners-title{font-size: 26px}.owners-grid{min-height: 300px}.owner-form{min-width: 0}.audit-content{width: calc(100% - 28px);padding-top: 30px}.audit-toolbar{align-items: flex-start !important;flex-direction: column;gap: 18px}.audit-filters{width: 100%;align-items: stretch !important}.audit-filter-entity,.audit-filter-id{width: 100%}.audit-title{font-size: 26px}.audit-grid{min-height: 300px}.message-queue-content{width: calc(100% - 28px);padding-top: 30px}.message-queue-toolbar{align-items: flex-start !important;flex-direction: column;gap: 18px}.message-queue-actions{width: 100%;align-items: stretch !important;flex-direction: column}.message-queue-actions vaadin-text-field{width: 100%}.message-queue-status-bar{align-items: flex-start !important;flex-direction: column;gap: 8px}.message-queue-title{font-size: 26px}.message-queue-grid{min-height: 300px}.administration-content{width: calc(100% - 28px);padding-top: 30px}.administration-title{font-size: 26px}.administration-grid{grid-template-columns: 1fr}.email-templates-content{width: calc(100% - 28px);padding-top: 30px}.email-templates-title{font-size: 26px}.email-templates-grid{min-height: 300px}.email-template-payment-labels{align-items: stretch !important;flex-direction: column}.profile-form{min-width: 0}.tariffs-content{width: calc(100% - 32px);padding: 16px 0 32px}.tariffs-title{font-size: 26px}.tariff-form-card{padding: 16px}.bills-content{width: calc(100% - 28px);padding-top: 24px}.bills-title{font-size: 24px}.bill-history-toolbar,.bill-form-toolbar{align-items: stretch !important;flex-direction: column}.bill-history-filters{height: auto;align-items: stretch !important;flex-direction: column;gap: 12px;padding: 12px !important}.bill-history-filter-actions{width: 100%;align-items: stretch !important;flex-direction: column}html.material-3 .bill-history-filter{width: 100% !important}.create-bill-button{width: 100%}.bill-history-grid{min-height: 300px}.bill-preview-line{grid-template-columns: 1fr;gap: 3px}.bill-preview-line-amount{text-align: left}.bill-preview-actions{align-items: stretch !important;flex-direction: column-reverse}.bill-preview-actions vaadin-button{width: 100%}.bill-selectors{grid-template-columns: 1fr}.bill-readings,.extraordinary-row,.bill-form-footer{align-items: stretch;flex-direction: column}.bill-meter-fields{grid-template-columns: 1fr}.extraordinary-row vaadin-big-decimal-field{width: 100% !important}.maintenance-content{width: calc(100% - 32px);padding: 16px 0 32px}.maintenance-title{font-size: 25px}.maintenance-form{align-items: stretch !important;flex-direction: column}.maintenance-form vaadin-combo-box,.maintenance-form vaadin-big-decimal-field{width: 100%}.maintenance-summary{grid-template-columns: 1fr 1fr}.reports-content{width: calc(100% - 28px);padding-top: 24px}.reports-title{font-size: 25px}.reports-grid-cards,.report-chart-grid,.report-payment-grid{grid-template-columns: 1fr}.consumption-filters{align-items: stretch;flex-direction: column}.reports-filter{width: 100%}.reports-summary{grid-template-columns: 1fr}.report-chart-card,.report-payment-card{padding: 16px}}.dwelling-detail-page{min-height: 100dvh;padding: 0;background: #f7f8fa}.dwelling-detail-content{box-sizing: border-box;width: calc(100% - 48px);max-width: 1450px;margin: 0 auto;padding: 28px 0 64px}.dwelling-detail-back{margin: 0 0 14px -12px;color: #526679}.dwelling-detail-title-row{margin-bottom: 22px}.dwelling-detail-title{margin: 0 0 5px;color: #173b5d;font-size: 34px;font-weight: 750;letter-spacing: -0.02em}.dwelling-detail-subtitle{margin: 0;color: #728091;font-size: 15px}.dwelling-summary-grid{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 12px;margin-bottom: 22px}.dwelling-summary-item{display: flex;flex-direction: column;gap: 5px;padding: 17px 18px;border: 1px solid #dce4eb;border-radius: 12px;background: #fff;box-shadow: 0 3px 8px rgba(36,69,99,0.035)}.dwelling-summary-label{color: #728091;font-size: 12px;font-weight: 650;text-transform: uppercase;letter-spacing: .04em}.dwelling-summary-value{color: #244563;font-size: 19px;font-weight: 700}.dwelling-section{box-sizing: border-box;margin-bottom: 18px;padding: 22px;border: 1px solid #dce4eb;border-radius: 14px;background: #fff;box-shadow: 0 3px 10px rgba(36,69,99,0.045)}.dwelling-section-title{margin: 0 0 4px;color: #173b5d;font-size: 22px;font-weight: 700}.dwelling-section-description{margin: 0 0 14px;color: #728091;font-size: 14px}.dwelling-section-actions{margin: 0 0 14px}.ownership-transfer-warning{box-sizing: border-box;margin: 8px 0 14px;padding: 12px;border-left: 4px solid #b7791f;border-radius: 7px;background: #fff8e6;color: #664d1d;font-size: 13px}.dwelling-people-grid,.dwelling-documents-grid{border: 1px solid #e1e7ec;border-radius: 10px;overflow: hidden}.dwelling-people-grid::part(header-cell),.dwelling-documents-grid::part(header-cell){background: #f5f7f9;color: #526679;font-size: 12px;font-weight: 700}.dwelling-people-grid::part(cell),.dwelling-documents-grid::part(cell){color: #304b63;font-size: 14px}.dwelling-person-badge{display: inline-flex;padding: 4px 9px;border-radius: 999px;background: #edf1f4;color: #607182;font-size: 12px;font-weight: 650}.dwelling-person-badge.primary{background: #e4f3ea;color: #267348}.dwelling-document-help{margin: 0 0 12px;color: #526679;font-size: 13px}.dwelling-document-upload-row{gap: 12px;margin-bottom: 14px;flex-wrap: wrap}.dwelling-document-custom-type{width: 320px;max-width: 100%}.dwelling-document-type{width: 260px;flex: none}.dwelling-document-upload{flex: 1;min-width: 0}.document-preview-link{font-weight: 650;text-decoration: none}.document-actions{align-items: center;gap: 4px;white-space: nowrap}.document-download-link{font-weight: 650;text-decoration: none}.contact-values a{color: #246b9e;text-decoration: none}.contact-values a:hover{text-decoration: underline}@media (max-width: 900px){.dwelling-summary-grid{grid-template-columns: repeat(2,minmax(0,1fr))}.dwelling-document-upload-row{align-items: stretch !important;flex-direction: column}.dwelling-document-type{width: 100%}}@media (max-width: 640px){.dwelling-detail-content{width: calc(100% - 28px);padding-top: 20px}.dwelling-detail-title{font-size: 28px}.dwelling-summary-grid{grid-template-columns: 1fr 1fr;gap: 9px}.dwelling-summary-item{padding: 14px}.dwelling-summary-value{font-size: 16px}.dwelling-section{padding: 16px;border-radius: 12px}}.ownership-history-page{min-height: 100dvh;padding: 0;background: #f7f8fa}.ownership-history-content{box-sizing: border-box;width: calc(100% - 48px);max-width: 1450px;margin: 0 auto;padding: 38px 0 64px}.ownership-history-toolbar{display: flex;align-items: flex-end;justify-content: space-between;gap: 24px;margin-bottom: 24px}.ownership-history-title{margin: 0 0 6px;color: #244563;font-size: 30px;font-weight: 700}.ownership-history-subtitle{margin: 0;color: #728091;font-size: 14px}.ownership-history-selector{width: min(420px,100%);flex: none}.ownership-history-empty{box-sizing: border-box;padding: 28px;border: 1px dashed #cbd6df;border-radius: 12px;background: #fff;color: #728091;text-align: center}@media (max-width: 720px){.ownership-history-content{width: calc(100% - 28px);padding-top: 24px}.ownership-history-toolbar{align-items: stretch;flex-direction: column;gap: 14px}.ownership-history-title{font-size: 26px}.ownership-history-selector{width: 100%}}:root{--md-sys-color-primary: #006a65;--md-sys-color-on-primary: #ffffff;--md-sys-color-primary-container: #73f4aa;--md-sys-color-on-primary-container: #00201e;--md-sys-color-secondary: #4a6360;--md-sys-color-on-secondary: #ffffff;--md-sys-color-secondary-container: #3498db;--md-sys-color-on-secondary-container: #051f1d;--md-sys-color-tertiary: #456179;--md-sys-color-tertiary-container: #cce5ff;--md-sys-color-error: #ba1a1a;--md-sys-color-on-error: #ffffff;--md-sys-color-error-container: #ffdad6;--md-sys-color-on-error-container: #410002;--md-sys-color-background: #f4fbf9;--md-sys-color-on-background: #161d1c;--md-sys-color-surface: #f4fbf9;--md-sys-color-surface-dim: #d5dbda;--md-sys-color-surface-bright: #f4fbf9;--md-sys-color-surface-container-lowest: #ffffff;--md-sys-color-surface-container-low: #2c3e50;--md-sys-color-surface-container: #e9efee;--md-sys-color-surface-container-high: #e3e9e8;--md-sys-color-surface-container-highest: #dde4e2;--md-sys-color-on-surface: #161d1c;--md-sys-color-on-surface-variant: #3f4947;--md-sys-color-outline: #6f7977;--md-sys-color-outline-variant: #bec9c6;--md-sys-color-inverse-surface: #2b3231;--md-sys-color-inverse-on-surface: #ecf2f0;--md-sys-color-scrim: #000000;--md-sys-shape-corner-extra-small: 4px;--md-sys-shape-corner-small: 8px;--md-sys-shape-corner-medium: 12px;--md-sys-shape-corner-large: 16px;--md-sys-shape-corner-extra-large: 28px;--md-ref-typeface-brand: Roboto,"Segoe UI",Arial,sans-serif;--md-ref-typeface-plain: Roboto,"Segoe UI",Arial,sans-serif;--app-compact-field-height: 34px;--vaadin-input-field-required-indicator: "*";--vaadin-input-field-required-indicator-color: var(--md-sys-color-error);--lumo-font-family: var(--md-ref-typeface-plain);--lumo-primary-color: var(--md-sys-color-primary);--lumo-primary-text-color: var(--md-sys-color-primary);--lumo-primary-contrast-color: var(--md-sys-color-on-primary);--lumo-error-color: var(--md-sys-color-error);--lumo-error-text-color: var(--md-sys-color-error);--lumo-body-text-color: var(--md-sys-color-on-surface);--lumo-secondary-text-color: var(--md-sys-color-on-surface-variant);--lumo-tertiary-text-color: var(--md-sys-color-outline);--lumo-base-color: var(--md-sys-color-surface);--lumo-contrast-10pct: color-mix(in srgb,var(--md-sys-color-on-surface) 10%,transparent);--lumo-contrast-20pct: color-mix(in srgb,var(--md-sys-color-on-surface) 20%,transparent);--lumo-border-radius-s: var(--md-sys-shape-corner-extra-small);--lumo-border-radius-m: var(--md-sys-shape-corner-medium);--lumo-border-radius-l: var(--md-sys-shape-corner-large)}html.material-3,html.material-3 body{background: var(--md-sys-color-background);color: var(--md-sys-color-on-background);font-family: var(--md-ref-typeface-plain)}html.material-3 :is(h1,h2,h3){color: var(--md-sys-color-on-surface)}html.material-3 vaadin-vertical-layout[class*="-page"]{background-color: var(--md-sys-color-background)}:is(.owner-form,.profile-form,.dwelling-form,.email-template-form,.forgot-password-form,.reset-password-form,.change-password-form){box-sizing: border-box;width: 100%;max-width: 720px;gap: 20px !important;padding: 8px 0 4px}:is(.owner-form,.profile-form,.dwelling-form,.email-template-form,.forgot-password-form,.reset-password-form,.change-password-form)>*{margin: 0}:is(.tariff-form-card,.bill-form-card,.maintenance-form-card,.reports-filter-card){border: 0;border-radius: var(--md-sys-shape-corner-large);background: var(--md-sys-color-surface-container-lowest);box-shadow: 0 1px 2px rgb(0 0 0 / 12%),0 1px 3px 1px rgb(0 0 0 / 8%)}:is(.tariff-form-row,.maintenance-form,.bill-selectors,.bill-readings,.bill-options,.extraordinary-row,.audit-filters,.message-queue-actions){gap: 16px}:is(vaadin-text-field,vaadin-email-field,vaadin-password-field,vaadin-integer-field,vaadin-number-field,vaadin-big-decimal-field,vaadin-text-area,vaadin-combo-box,vaadin-date-picker){--vaadin-input-field-background: var(--md-sys-color-surface-container-highest);--vaadin-input-field-border-color: var(--md-sys-color-outline);--vaadin-input-field-border-width: 0;--vaadin-input-field-border-radius: var(--md-sys-shape-corner-extra-small);--vaadin-input-field-label-color: var(--md-sys-color-on-surface-variant);--vaadin-input-field-value-color: var(--md-sys-color-on-surface);--vaadin-input-field-placeholder-color: var(--md-sys-color-on-surface-variant);--vaadin-focus-ring-color: var(--md-sys-color-primary);min-height: 56px;color: var(--md-sys-color-on-surface)}:is(vaadin-text-field,vaadin-email-field,vaadin-password-field,vaadin-integer-field,vaadin-number-field,vaadin-big-decimal-field,vaadin-text-area,vaadin-combo-box,vaadin-date-picker)::part(input-field){box-sizing: border-box;min-height: 56px;border: 0;border-bottom: 1px solid var(--md-sys-color-on-surface-variant);border-radius: var(--md-sys-shape-corner-extra-small) var(--md-sys-shape-corner-extra-small) 0 0;box-shadow: none;transition: border-color 120ms ease,border-width 120ms ease,background-color 120ms ease,opacity 120ms ease}:is(vaadin-text-field,vaadin-email-field,vaadin-password-field,vaadin-integer-field,vaadin-number-field,vaadin-big-decimal-field,vaadin-text-area,vaadin-combo-box,vaadin-date-picker):hover::part(input-field){border-bottom-color: var(--md-sys-color-on-surface);background: color-mix(in srgb,var(--md-sys-color-on-surface) 8%,var(--md-sys-color-surface-container-highest))}:is(vaadin-text-field,vaadin-email-field,vaadin-password-field,vaadin-integer-field,vaadin-number-field,vaadin-big-decimal-field,vaadin-text-area,vaadin-combo-box,vaadin-date-picker)[focused]::part(input-field){border-bottom: 3px solid var(--md-sys-color-primary);background: var(--md-sys-color-surface-container-highest)}:is(vaadin-text-field,vaadin-email-field,vaadin-password-field,vaadin-integer-field,vaadin-number-field,vaadin-big-decimal-field,vaadin-text-area,vaadin-combo-box,vaadin-date-picker)[invalid]::part(input-field){border-bottom: 2px solid var(--md-sys-color-error);background: color-mix(in srgb,var(--md-sys-color-error) 5%,var(--md-sys-color-surface-container-highest))}:is(.owner-form,.profile-form,.dwelling-form,.email-template-form,vaadin-dialog-overlay) :is(vaadin-text-field,vaadin-email-field,vaadin-password-field,vaadin-integer-field,vaadin-number-field,vaadin-big-decimal-field,vaadin-text-area,vaadin-combo-box,vaadin-date-picker)::part(input-field){border: 1px solid var(--md-sys-color-outline);border-radius: var(--md-sys-shape-corner-extra-small);background: transparent}:is(.owner-form,.profile-form,.dwelling-form,.email-template-form,vaadin-dialog-overlay) :is(vaadin-text-field,vaadin-email-field,vaadin-password-field,vaadin-integer-field,vaadin-number-field,vaadin-big-decimal-field,vaadin-text-area,vaadin-combo-box,vaadin-date-picker):hover::part(input-field){border-color: var(--md-sys-color-on-surface);background: color-mix(in srgb,var(--md-sys-color-on-surface) 4%,transparent)}:is(.owner-form,.profile-form,.dwelling-form,.email-template-form,vaadin-dialog-overlay) :is(vaadin-text-field,vaadin-email-field,vaadin-password-field,vaadin-integer-field,vaadin-number-field,vaadin-big-decimal-field,vaadin-text-area,vaadin-combo-box,vaadin-date-picker)[focused]::part(input-field){border: 2px solid var(--md-sys-color-primary);background: transparent}:is(.owner-form,.profile-form,.dwelling-form,.email-template-form,vaadin-dialog-overlay) :is(vaadin-text-field,vaadin-email-field,vaadin-password-field,vaadin-integer-field,vaadin-number-field,vaadin-big-decimal-field,vaadin-text-area,vaadin-combo-box,vaadin-date-picker)[invalid]::part(input-field){border: 2px solid var(--md-sys-color-error);background: color-mix(in srgb,var(--md-sys-color-error) 4%,transparent)}:is(vaadin-text-field,vaadin-email-field,vaadin-password-field,vaadin-integer-field,vaadin-number-field,vaadin-big-decimal-field,vaadin-text-area,vaadin-combo-box,vaadin-date-picker)::part(label){color: var(--md-sys-color-on-surface-variant);font-size: 12px;font-weight: 500;letter-spacing: .04em}:is(vaadin-text-field,vaadin-email-field,vaadin-password-field,vaadin-integer-field,vaadin-number-field,vaadin-big-decimal-field,vaadin-text-area,vaadin-combo-box,vaadin-date-picker,vaadin-time-picker,vaadin-select)[required]::part(required-indicator){color: var(--md-sys-color-error);font-size: 14px;font-weight: 700;line-height: 1}:is(vaadin-text-field,vaadin-email-field,vaadin-password-field,vaadin-integer-field,vaadin-number-field,vaadin-big-decimal-field,vaadin-text-area,vaadin-combo-box,vaadin-date-picker)[focused]::part(label){color: var(--md-sys-color-primary)}:is(vaadin-text-field,vaadin-email-field,vaadin-password-field,vaadin-integer-field,vaadin-number-field,vaadin-big-decimal-field,vaadin-text-area,vaadin-combo-box,vaadin-date-picker)[invalid]::part(label){color: var(--md-sys-color-error)}:is(vaadin-text-field,vaadin-email-field,vaadin-password-field,vaadin-integer-field,vaadin-number-field,vaadin-big-decimal-field,vaadin-text-area,vaadin-combo-box,vaadin-date-picker):not([has-value]):not([focused])::part(input-field){color: var(--md-sys-color-on-surface-variant)}:is(vaadin-text-field,vaadin-email-field,vaadin-password-field,vaadin-integer-field,vaadin-number-field,vaadin-big-decimal-field,vaadin-text-area,vaadin-combo-box,vaadin-date-picker)::part(helper-text){padding: 4px 0 0;color: var(--md-sys-color-on-surface-variant);font-size: 12px;line-height: 16px}:is(vaadin-text-field,vaadin-email-field,vaadin-password-field,vaadin-integer-field,vaadin-number-field,vaadin-big-decimal-field,vaadin-text-area,vaadin-combo-box,vaadin-date-picker)::part(error-message){padding: 4px 16px 0;color: var(--md-sys-color-error);font-size: 12px;line-height: 16px}:is(vaadin-text-field,vaadin-email-field,vaadin-password-field,vaadin-integer-field,vaadin-number-field,vaadin-big-decimal-field,vaadin-text-area,vaadin-combo-box,vaadin-date-picker)[disabled]{opacity: .38}:is(vaadin-text-field,vaadin-email-field,vaadin-password-field,vaadin-integer-field,vaadin-number-field,vaadin-big-decimal-field,vaadin-text-area,vaadin-combo-box,vaadin-date-picker)[readonly]::part(input-field){border-color: var(--md-sys-color-outline-variant);background: var(--md-sys-color-surface-container-highest)}.dwelling-form .dwelling-total-area[readonly]::part(input-field){border-color: var(--md-sys-color-outline);background: transparent}html.material-3 vaadin-combo-box{--vaadin-input-field-background: var(--md-sys-color-surface-container-highest);--vaadin-input-field-border-color: var(--md-sys-color-on-surface-variant);--vaadin-input-field-border-width: 0;--vaadin-input-field-border-radius: var(--md-sys-shape-corner-extra-small);--vaadin-input-field-label-color: var(--md-sys-color-on-surface-variant);--vaadin-input-field-value-color: var(--md-sys-color-on-surface);--vaadin-input-field-placeholder-color: var(--md-sys-color-on-surface-variant);--vaadin-focus-ring-color: var(--md-sys-color-primary);--vaadin-input-field-height: var(--app-compact-field-height);min-height: var(--app-compact-field-height);color: var(--md-sys-color-on-surface);font-size: 14px;line-height: 20px;padding-top: 0px}html.material-3 vaadin-combo-box::part(input-field){box-sizing: border-box;min-height: var(--app-compact-field-height);height: var(--app-compact-field-height);padding-inline: 12px 4px;border-radius: var(--md-sys-shape-corner-extra-small);color: var(--md-sys-color-on-surface);box-shadow: none}html.material-3 vaadin-combo-box::part(input){font-size: 14px;line-height: 20px}html.material-3 vaadin-combo-box:hover::part(input-field){border: 0;border-bottom: 1px solid var(--md-sys-color-on-surface);background: color-mix(in srgb,var(--md-sys-color-on-surface) 8%,var(--md-sys-color-surface-container-highest))}html.material-3 vaadin-combo-box[focused]::part(input-field),html.material-3 vaadin-combo-box[opened]::part(input-field){border: 0;background: var(--md-sys-color-surface-container-highest);box-shadow: none}html.material-3 vaadin-combo-box[invalid]::part(input-field){border: 0;background: color-mix(in srgb,var(--md-sys-color-error) 5%,var(--md-sys-color-surface-container-highest))}html.material-3 vaadin-combo-box::part(label){color: var(--md-sys-color-on-surface-variant);font-size: 14px;font-weight: 500;line-height: 16px;letter-spacing: .04em}html.material-3 vaadin-combo-box[focused]::part(label),html.material-3 vaadin-combo-box[opened]::part(label){color: var(--md-sys-color-primary)}html.material-3 vaadin-combo-box[invalid]::part(label){color: var(--md-sys-color-error)}html.material-3 vaadin-combo-box::part(toggle-button),html.material-3 vaadin-combo-box::part(clear-button){color: var(--md-sys-color-on-surface-variant)}html.material-3 vaadin-combo-box[disabled]{opacity: .38}html.material-3 vaadin-combo-box[readonly]::part(input-field){border: 0}html.material-3 .owner-form vaadin-combo-box[readonly]::part(input-field){background: transparent}html.material-3 :is(vaadin-text-field,vaadin-email-field,vaadin-password-field,vaadin-integer-field,vaadin-number-field,vaadin-big-decimal-field,vaadin-date-picker,vaadin-time-picker){--vaadin-input-field-height: var(--app-compact-field-height);min-height: var(--app-compact-field-height);padding: 0;font-size: 14px;line-height: 20px}html.material-3 :is(vaadin-text-field,vaadin-email-field,vaadin-password-field,vaadin-integer-field,vaadin-number-field,vaadin-big-decimal-field,vaadin-date-picker,vaadin-time-picker)::part(input-field){box-sizing: border-box;min-height: var(--app-compact-field-height);height: var(--app-compact-field-height);padding-inline: 12px 4px}html.material-3 :is(vaadin-text-field,vaadin-email-field,vaadin-password-field,vaadin-integer-field,vaadin-number-field,vaadin-big-decimal-field,vaadin-date-picker,vaadin-time-picker)::part(input){font-size: 14px;line-height: 20px}html.material-3 :is(vaadin-text-field,vaadin-email-field,vaadin-password-field,vaadin-integer-field,vaadin-number-field,vaadin-big-decimal-field,vaadin-date-picker,vaadin-time-picker)::part(label){font-size: 14px;line-height: 16px}vaadin-button{min-width: 64px;min-height: 34px;padding-inline: 24px;border: 0;border-radius: var(--md-sys-shape-corner-extra-small);background: transparent;color: var(--md-sys-color-primary);font-size: 14px;font-weight: 500;letter-spacing: .01em;box-shadow: none;transition: background-color 120ms ease,box-shadow 120ms ease,transform 80ms ease;margin: 0px}vaadin-button:hover{background: color-mix(in srgb,var(--md-sys-color-primary) 8%,transparent)}vaadin-button:active{transform: translateY(1px);background: color-mix(in srgb,var(--md-sys-color-primary) 12%,transparent)}vaadin-button[theme~="primary"]{background: var(--md-sys-color-primary);color: var(--md-sys-color-on-primary);box-shadow: 0 1px 2px rgb(0 0 0 / 18%)}vaadin-button[theme~="primary"]:hover{background: color-mix(in srgb,var(--md-sys-color-primary) 92%,white);box-shadow: 0 2px 6px rgb(0 0 0 / 22%)}vaadin-button[theme~="error"]{background: var(--md-sys-color-error);color: var(--md-sys-color-on-error)}vaadin-button[theme~="tertiary"],vaadin-button[theme~="contrast"]{border: 1px solid var(--md-sys-color-outline);background: transparent;color: var(--md-sys-color-primary)}vaadin-button[disabled]{background: color-mix(in srgb,var(--md-sys-color-on-surface) 12%,transparent);color: color-mix(in srgb,var(--md-sys-color-on-surface) 38%,transparent);box-shadow: none}vaadin-checkbox{min-height: 48px;color: var(--md-sys-color-on-surface);--lumo-primary-color: var(--md-sys-color-primary);--vaadin-checkbox-size: 20px}vaadin-checkbox::part(checkbox){box-sizing: border-box;width: 20px;min-width: 20px;max-width: 20px;height: 20px;min-height: 20px;max-height: 20px;border-color: var(--md-sys-color-on-surface-variant);border-radius: 2px}vaadin-checkbox:not([checked]):not([indeterminate]):not([disabled])::part(checkbox){border: 2px solid var(--md-sys-color-on-surface);background: transparent;box-shadow: none}vaadin-checkbox[checked]::part(checkbox){border-color: var(--md-sys-color-primary);background: var(--md-sys-color-primary)}vaadin-combo-box-overlay::part(overlay),vaadin-select-overlay::part(overlay),vaadin-date-picker-overlay::part(overlay){border: 0;border-radius: var(--md-sys-shape-corner-extra-small);background: var(--md-sys-color-surface-container);box-shadow: 0 2px 6px 2px rgb(0 0 0 / 15%),0 1px 2px rgb(0 0 0 / 30%)}vaadin-combo-box-overlay::part(content){padding: 4px 0}vaadin-combo-box-item{box-sizing: border-box;min-height: var(--app-compact-field-height);padding: 0 12px;color: var(--md-sys-color-on-surface);font-size: 14px;font-weight: 400;line-height: 20px}vaadin-combo-box-item:hover,vaadin-combo-box-item[focused]{background: color-mix(in srgb,var(--md-sys-color-on-surface) 8%,transparent)}vaadin-combo-box-item[selected]{background: var(--md-sys-color-secondary-container);color: var(--md-sys-color-on-secondary-container);font-weight: 500}vaadin-combo-box-item::part(checkmark){color: var(--md-sys-color-primary)}vaadin-dialog-overlay::part(backdrop){background: color-mix(in srgb,var(--md-sys-color-scrim) 32%,transparent)}vaadin-dialog-overlay::part(overlay){max-width: calc(100vw - 32px);max-height: calc(100dvh - 32px);border-radius: var(--md-sys-shape-corner-extra-large);background: var(--md-sys-color-surface-container-high);box-shadow: 0 8px 24px rgb(0 0 0 / 22%)}vaadin-dialog-overlay::part(header){padding: 24px 24px 8px;color: var(--md-sys-color-on-surface);font-size: 24px;font-weight: 400;line-height: 32px}vaadin-dialog-overlay::part(content){padding: 16px 24px 20px;color: var(--md-sys-color-on-surface-variant)}vaadin-dialog-overlay::part(footer){display: flex;justify-content: flex-end;gap: 8px;padding: 8px 24px 24px}:is(.login-page,.forgot-password-page,.reset-password-page,.change-password-page){background: radial-gradient(circle at 15% 10%,var(--md-sys-color-primary-container),transparent 32rem),var(--md-sys-color-background)}.login-page vaadin-login-form-wrapper,:is(.forgot-password-form,.reset-password-form,.change-password-form){border: 0;border-radius: var(--md-sys-shape-corner-extra-large);background: var(--md-sys-color-surface-container-lowest);box-shadow: 0 2px 6px 2px rgb(0 0 0 / 10%),0 1px 2px rgb(0 0 0 / 18%)}:is(.forgot-password-page,.reset-password-page,.change-password-page){box-sizing: border-box;padding: 24px}:is(.forgot-password-form,.reset-password-form,.change-password-form){width: min(480px,100%);max-width: 480px;gap: 16px !important;padding: 32px !important}:is(.forgot-password-form,.reset-password-form) h1{margin: 0;color: var(--md-sys-color-on-surface);font-size: 28px;font-weight: 500;line-height: 36px;letter-spacing: 0}:is(.forgot-password-form,.reset-password-form) p{margin: -4px 0 4px;color: var(--md-sys-color-on-surface-variant);font-size: 14px;line-height: 20px}.change-password-form .change-password-title{margin: 0;color: var(--md-sys-color-on-surface);font-size: 28px;font-weight: 500;line-height: 36px;letter-spacing: 0}.change-password-form .change-password-description{margin: -4px 0 4px;color: var(--md-sys-color-on-surface-variant);font-size: 14px;line-height: 20px}.change-password-form .change-password-submit{min-height: 40px;margin-top: 8px}:is(vaadin-button,vaadin-checkbox,vaadin-text-field,vaadin-email-field,vaadin-password-field,vaadin-integer-field,vaadin-number-field,vaadin-big-decimal-field,vaadin-text-area,vaadin-combo-box,vaadin-date-picker,a):focus-visible{outline: 3px solid color-mix(in srgb,var(--md-sys-color-primary) 55%,transparent);outline-offset: 2px}@media (max-width: 640px){:is(.owner-form,.profile-form,.dwelling-form,.email-template-form,.forgot-password-form,.reset-password-form,.change-password-form){max-width: none;gap: 16px !important}:is(.forgot-password-page,.reset-password-page,.change-password-page){padding: 16px}:is(.forgot-password-form,.reset-password-form,.change-password-form){padding: 24px 20px !important}:is(.forgot-password-form,.reset-password-form) h1,.change-password-form .change-password-title{font-size: 24px;line-height: 32px}:is(.tariff-form-row,.maintenance-form,.bill-readings,.bill-options,.extraordinary-row,.audit-filters,.message-queue-actions){width: 100%;align-items: stretch !important;flex-direction: column}vaadin-dialog-overlay::part(overlay){width: calc(100vw - 16px);max-width: calc(100vw - 16px);max-height: calc(100dvh - 16px);border-radius: var(--md-sys-shape-corner-large)}vaadin-dialog-overlay::part(header){padding: 20px 16px 8px}vaadin-dialog-overlay::part(content){padding: 12px 16px 16px}vaadin-dialog-overlay::part(footer){flex-wrap: wrap;padding: 8px 16px 16px}}.dashboard-header{position: relative;z-index: 10;box-sizing: border-box;min-height: 64px;padding: 0 20px;gap: 16px;border-bottom: 1px solid var(--md-sys-color-outline-variant);background: var(--md-sys-color-surface-container-low);color: var(--md-sys-color-on-surface);box-shadow: none}.header-left{flex: 1 1 auto;min-width: 0;gap: 4px;overflow: hidden}.dashboard-title{min-width: 0;margin: 0;overflow: hidden;color: #fff !important;font-size: 22px;font-weight: 500;line-height: 28px;letter-spacing: 0;text-overflow: ellipsis;white-space: nowrap}.dashboard-header .menu-button,.dashboard-header .logout-button{box-sizing: border-box;width: 48px;min-width: 48px;height: 48px;min-height: 48px;margin: 0;padding: 0;flex: none;border: 0;border-radius: 999px;background: transparent;color: #fff;box-shadow: none}.dashboard-header .menu-button vaadin-icon,.dashboard-header .logout-button vaadin-icon{width: 24px;height: 24px}.dashboard-header .menu-button:hover,.dashboard-header .logout-button:hover{border: 0;background: color-mix(in srgb,var(--md-sys-color-on-surface) 8%,transparent);color: var(--md-sys-color-on-surface)}.dashboard-header .menu-button:active,.dashboard-header .logout-button:active{transform: none;background: color-mix(in srgb,var(--md-sys-color-on-surface) 12%,transparent)}.user-actions{flex: none;gap: 8px}.current-user{max-width: 160px;padding-inline: 4px;overflow: hidden;color: #fff;font-size: 14px;font-weight: 500;line-height: 20px;text-overflow: ellipsis;white-space: nowrap}.dashboard-header .hotel-selector{box-sizing: border-box;width: 176px !important;height: var(--app-compact-field-height);min-height: var(--app-compact-field-height);max-height: var(--app-compact-field-height);margin: 0;align-self: center;--vaadin-input-field-height: var(--app-compact-field-height)}.dashboard-header .hotel-selector::part(input-field){min-height: var(--app-compact-field-height);height: var(--app-compact-field-height);padding-inline: 12px 4px}.dashboard-header .hotel-selector::part(input){font-size: 14px}.dashboard-header .hotel-selector::part(helper-text),.dashboard-header .hotel-selector::part(error-message),.owners-payment-filter::part(helper-text),.owners-payment-filter::part(error-message){display: none;min-height: 0;margin: 0;padding: 0}html.material-3 .owners-payment-filter{width: 160px !important;min-height: var(--app-compact-field-height);--vaadin-input-field-height: var(--app-compact-field-height)}html.material-3 .owners-payment-filter::part(input-field){min-height: var(--app-compact-field-height);height: var(--app-compact-field-height);padding-inline: 12px 4px}html.material-3 .owners-payment-filter::part(input){font-size: 14px;line-height: 20px}html.material-3 .owners-payment-filter::part(label){font-size: 11px;line-height: 16px}html.material-3 .owner-payment-status-select{width: 132px !important;min-height: var(--app-compact-field-height);margin: 0;--vaadin-input-field-height: var(--app-compact-field-height)}html.material-3 .owner-payment-status-select::part(input-field){min-height: var(--app-compact-field-height);height: var(--app-compact-field-height);padding-inline: 12px 4px}html.material-3 .owner-payment-status-select::part(input){font-size: 14px;line-height: 20px}.owners-toolbar-actions{gap: 8px}@media (max-width: 900px){.dashboard-header .current-user{display: none}}@media (max-width: 640px){.dashboard-header{min-height: 64px;padding: 0 8px;gap: 4px}.header-left{gap: 0}.dashboard-title{font-size: 16px;line-height: 24px}.user-actions{gap: 2px}.dashboard-header .hotel-selector{width: 144px !important}}@media (max-width: 420px){.dashboard-title{font-size: 14px}.dashboard-header .hotel-selector{width: 132px !important}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{scroll-behavior: auto !important;transition-duration: .01ms !important;animation-duration: .01ms !important;animation-iteration-count: 1 !important}}.profiles-page{background: var(--md-sys-color-background)}.profiles-content{box-sizing: border-box;width: calc(100% - 48px);max-width: 1800px;margin: 0 auto;padding: 24px 0 48px}.profiles-toolbar{box-sizing: border-box;min-height: 88px;margin-bottom: 16px;padding: 12px 16px 12px 20px !important;gap: 24px;border-radius: var(--md-sys-shape-corner-large);background: var(--md-sys-color-surface-container)}.profiles-title{margin: 0 0 2px;color: var(--md-sys-color-on-surface);font-size: 20px;font-weight: 500;line-height: 28px;letter-spacing: 0}.profiles-subtitle{margin: 0;color: var(--md-sys-color-on-surface-variant);font-size: 14px;line-height: 20px}.profiles-toolbar-actions{gap: 12px}.profiles-search{width: 300px}.create-profile-button{flex: none;margin-bottom: 8px}.profiles-grid{width: 100%;min-height: 0;background: var(--md-sys-color-surface-container-lowest);box-shadow: none}.profiles-grid::part(header-cell){min-height: 56px;border-bottom: 1px solid var(--md-sys-color-outline-variant);background: var(--md-sys-color-surface-container);color: var(--md-sys-color-on-surface);font-size: 12px;font-weight: 500;line-height: 16px;letter-spacing: .04em}.profiles-grid::part(cell){min-height: 64px;border-bottom: 1px solid var(--md-sys-color-outline-variant);color: var(--md-sys-color-on-surface);font-size: 14px;line-height: 20px}.profiles-grid::part(row):hover{background: color-mix(in srgb,var(--md-sys-color-on-surface) 8%,transparent)}.profile-status{padding: 4px 10px;font-size: 12px;font-weight: 500;line-height: 20px}.profile-status.active{background: var(--md-sys-color-primary-container);color: var(--md-sys-color-on-primary-container)}.profile-status.archived{background: var(--md-sys-color-surface-container-high);color: var(--md-sys-color-on-surface-variant)}.profile-actions{gap: 4px}.profiles-grid .profile-action-button{box-sizing: border-box;width: 40px;min-width: 40px;height: 40px;min-height: 40px;padding: 0;border: 0;border-radius: 50%;background: transparent;color: var(--md-sys-color-primary);box-shadow: none}.profiles-grid .profile-action-button:hover{border: 0;background: color-mix(in srgb,var(--md-sys-color-primary) 8%,transparent)}.profiles-grid .profile-action-button[theme~="error"]{border: 0;background: transparent;color: var(--md-sys-color-error)}.profiles-grid .profile-action-button[theme~="error"]:hover{background: color-mix(in srgb,var(--md-sys-color-error) 8%,transparent)}.profiles-grid .profile-action-button[disabled]{background: transparent;color: var(--md-sys-color-on-surface);opacity: .38}.profiles-grid .profile-action-button vaadin-icon{width: 20px;height: 20px}.owners-grid .owner-apartment-link,.owners-grid .owner-row-action{min-height: 40px;border: 0;background: transparent;color: var(--md-sys-color-primary);box-shadow: none}.owners-grid .owner-apartment-link{min-width: 0;padding: 0 12px;border-radius: 999px;font-weight: 500}.owners-grid .owner-row-actions{gap: 4px}.owners-grid .owner-row-action{width: 40px;min-width: 40px;height: 40px;padding: 0;border-radius: 50%}.owners-grid .owner-apartment-link:hover,.owners-grid .owner-row-action:hover{border: 0;background: color-mix(in srgb,var(--md-sys-color-primary) 8%,transparent)}.owners-grid .owner-row-action vaadin-icon{width: 20px;height: 20px}.material-data-grid-shell .grid-pagination{box-sizing: border-box;min-height: 64px;padding: 8px 16px;border-top: 1px solid var(--md-sys-color-outline-variant);background: var(--md-sys-color-surface-container-lowest);color: var(--md-sys-color-on-surface-variant);font-size: 14px;line-height: 20px}.material-data-grid-shell{box-sizing: border-box;overflow: hidden;gap: 0 !important;padding: 0 !important;border: 1px solid var(--md-sys-color-outline-variant);border-radius: var(--md-sys-shape-corner-large);background: var(--md-sys-color-surface-container-lowest)}.material-data-grid-shell :is(.owners-grid,.profiles-grid,.dwellings-grid,.message-queue-grid,.bill-history-grid,.tariffs-grid,.maintenance-grid){border: 0;border-radius: 0}.material-data-grid-shell .pagination-page-size,.material-data-grid-shell .pagination-navigation,.material-data-grid-shell .pagination-pages{gap: 8px}.material-data-grid-shell .pagination-page-size vaadin-select{width: 80px !important;min-height: 40px;margin: 0;color: var(--md-sys-color-on-surface);font-size: 14px;font-weight: 500}.material-data-grid-shell .pagination-page-size vaadin-select::part(input-field){box-sizing: border-box;min-height: 40px;padding-inline: 12px 4px;border: 1px solid var(--md-sys-color-outline);border-radius: 999px;background: transparent;box-shadow: none}.material-data-grid-shell .pagination-page-size vaadin-select:hover::part(input-field){background: color-mix(in srgb,var(--md-sys-color-on-surface) 8%,transparent)}.material-data-grid-shell .pagination-page-size vaadin-select[focused]::part(input-field),.material-data-grid-shell .pagination-page-size vaadin-select[opened]::part(input-field){border: 2px solid var(--md-sys-color-primary)}.material-data-grid-shell .pagination-page-size vaadin-select::part(toggle-button){color: var(--md-sys-color-on-surface-variant)}.material-data-grid-shell .pagination-summary{min-width: 88px;margin-right: 8px;text-align: right;white-space: nowrap}.material-data-grid-shell .pagination-arrow,.material-data-grid-shell .pagination-page-button{box-sizing: border-box;min-width: 40px;height: 40px;min-height: 40px;padding: 0 10px;border: 0;border-radius: 999px;background: transparent;color: var(--md-sys-color-on-surface-variant);box-shadow: none}.material-data-grid-shell .pagination-page-button-current{border: 0 !important;background: var(--md-sys-color-surface-container) !important;color: var(--md-sys-color-on-secondary-container) !important;font-weight: 500}.material-data-grid-shell .pagination-arrow:hover,.material-data-grid-shell .pagination-page-button:hover{background: color-mix(in srgb,var(--md-sys-color-on-surface) 8%,transparent)}.material-data-grid-shell .pagination-arrow[disabled]{background: transparent;color: var(--md-sys-color-on-surface);opacity: .38}.material-data-grid-shell .pagination-arrow vaadin-icon{width: 20px;height: 20px}@media (max-width: 640px){.profiles-content{width: calc(100% - 32px);padding: 16px 0 32px}.profiles-toolbar{align-items: stretch !important;gap: 12px;padding: 16px 12px !important}.profiles-toolbar-actions{align-items: stretch !important;flex-direction: column}.profiles-search,.create-profile-button{width: 100%;margin-bottom: 0}.owners-content{width: calc(100% - 32px);padding: 16px 0 32px}.owners-toolbar{align-items: stretch !important;gap: 8px;padding: 12px !important}.owners-toolbar-label{min-height: 40px}html.material-3 .owners-payment-filter{width: 100% !important}.material-data-grid-shell .grid-pagination{align-items: center !important;flex-wrap: wrap;gap: 4px 12px}.material-data-grid-shell .pagination-navigation{margin-left: auto}.material-data-grid-shell .pagination-summary{min-width: auto;margin-right: 0}}