:root{--kpmg-blue-color: #00338D;--kpmg-medium-blue-color: #005EB8;--kpmg-light-blue-color: #0091DA;--kpmg-amber-color: #EAAA00;--kpmg-orange-color: #F68D2E;--kpmg-red-color: #BC204B;--kpmg-purple-color: #6D2077;--kpmg-light-green-color: #00BAB3;--kpmg-dark-green-color: #009A44;--kpmg-green-color: #43B02A;--kpmg-grey-color: #f3f3f3;--kpmg-dark-grey-color: #818896;--kpmg-grey-alt-color: #dee2e6;--kpmg-black-color: #495057;--kpmg-white-color: #ffffff;--kpmg-blue-magenta-color: #483698;--app-bg: #f4f6fb;--app-navbar-bg: var(--kpmg-blue-color);--app-navbar-accent: var(--kpmg-medium-blue-color);--app-drawer-bg: #ffffff;--app-card-bg: #ffffff;--app-border: #e6ebf2;--app-border-strong: #d8e1ec;--app-text: #344054;--app-text-muted: #8d99ae;--app-text-soft: #667085;--app-hover: #eef4ff;--app-active: var(--kpmg-blue-color);--app-shadow: 0 2px 10px rgba(0,51,141,0.06);--app-shadow-soft: 0 8px 24px rgba(15,23,42,0.06);--app-shadow-medium: 0 10px 24px rgba(15,23,42,0.08);--app-radius: 14px;--app-radius-lg: 18px;--app-radius-xl: 20px;--portal-drawer-width: 290px;--portal-topbar-height: 74px;--portal-brand-height: 88px;--portal-nav-row-height: 56px;--portal-nav-icon-box: 40px;--portal-menu-icon-size: 21px;--portal-content-padding: 18px 20px 24px;--invoice-company-selector-width: 38ch}html,body{margin: 0;padding: 0;background: var(--app-bg);color: var(--app-text);font-family: Inter,Arial,Helvetica,sans-serif}vaadin-app-layout{background: var(--app-bg)}.portal-app-layout::part(navbar){background: linear-gradient(90deg,#00338D 0%,#0047b3 60%,#005EB8 100%);color: var(--kpmg-white-color);border-bottom: none;min-height: var(--portal-topbar-height);padding: 0;box-shadow: 0 2px 10px rgba(0,51,141,0.18)}.portal-app-layout::part(drawer){background: linear-gradient(180deg,#ffffff 0%,#fbfcff 100%);border-right: 1px solid #e4e8f0;overflow: hidden;width: var(--portal-drawer-width);box-shadow: 8px 0 24px rgba(15,23,42,0.06)}.portal-app-layout::part(content){min-width: 0;overflow: auto;background: var(--app-bg)}.portal-topbar{display: flex;align-items: center;justify-content: space-between;width: 100%;min-height: var(--portal-topbar-height);padding: 0 22px;box-sizing: border-box}.portal-topbar-left,.portal-topbar-right{display: flex;align-items: center;gap: 12px}.portal-topbar-title-wrap{display: flex;flex-direction: column;gap: 2px}.portal-topbar-title{margin: 0;color: var(--kpmg-white-color);font-size: 17px;font-weight: 700;letter-spacing: 0.04em;text-transform: uppercase}.portal-topbar-subtitle{color: rgba(255,255,255,0.78);font-size: 12px;letter-spacing: 0.03em}.portal-lang-badge,.portal-user-badge{border-radius: 50%;background: var(--kpmg-white-color);display: inline-flex;align-items: center;justify-content: center}.portal-lang-badge{width: 28px;height: 28px;font-size: 14px;box-shadow: 0 1px 3px rgba(0,0,0,0.12)}.portal-user-badge{width: 34px;height: 34px;color: var(--kpmg-blue-color);font-size: 14px;font-weight: 600;position: relative}.portal-user-badge::after{content: "";position: absolute;right: -1px;bottom: -1px;width: 8px;height: 8px;border-radius: 50%;background: var(--kpmg-green-color);border: 2px solid var(--kpmg-white-color)}.portal-user-menu{background: transparent}.portal-logout-button{border-radius: 999px;cursor: pointer}.portal-drawer{display: flex;flex-direction: column;height: 100%;background: var(--app-drawer-bg)}.portal-brand-block{display: flex;align-items: center;justify-content: center;width: 100%;box-sizing: border-box;padding: 24px 16px}.portal-brand-center{display: flex;flex-direction: column;align-items: center;justify-content: center;width: fit-content;text-align: center}.portal-logo{display: block;width: 112px;max-width: 100%;height: auto;margin: 0 auto}.portal-brand-product{display: block;margin-top: 10px;width: 100%;text-align: center;white-space: nowrap;font-size: 24px;line-height: 1.2;font-weight: 300}.portal-nav-scroller{flex: 1}.portal-nav{display: flex;flex-direction: column;gap: 10px;padding: 18px 16px;box-sizing: border-box}.portal-nav-section-title{padding: 4px 12px 8px;font-size: 11px;font-weight: 700;letter-spacing: 0.12em;text-transform: uppercase;color: #94a3b8}.portal-form-dialog::part(overlay),.portal-form-dialog::part(content){padding: 0;border: none;border-radius: 18px;overflow: hidden;background: transparent;box-shadow: 0 24px 60px rgba(15,23,42,0.24)}.portal-form-dialog-shell{width: 100%;height: 100%;border-radius: 18px;overflow: hidden;background: #ffffff}.portal-form-dialog-header{display: flex;align-items: center;width: 100%;min-height: 96px;padding: 0 34px;box-sizing: border-box;background: linear-gradient(90deg,#00338D 0%,#0A47B8 100%);color: #ffffff;flex-shrink: 0;border-top-left-radius: 18px;border-top-right-radius: 18px}.portal-form-dialog-header-text{display: flex;flex-direction: column;justify-content: center;gap: 6px;width: 100%}.portal-form-dialog-title{margin: 0;color: #ffffff;font-size: 17px;font-weight: 800;letter-spacing: 0.02em;text-transform: uppercase}.portal-form-dialog-accent{width: 58px;height: 3px;border-radius: 999px;background: rgba(255,255,255,0.35)}.portal-form-dialog-subtitle{margin: 0;font-size: 14px;font-weight: 500;color: rgba(255,255,255,0.88)}.portal-form-dialog-body{display: flex;flex-direction: column;min-height: 0;background: #ffffff}.portal-form-dialog-scroller{min-height: 0}.portal-form-dialog-content{padding: 28px 32px 20px;gap: 18px;background: #ffffff}.portal-form-dialog-footer{width: 100%;justify-content: flex-end;gap: 10px;padding: 16px 24px 20px;border-top: 1px solid #e9eef5;background: #ffffff;box-sizing: border-box}.portal-form-dialog-footer .primary-action,.portal-form-dialog-footer .secondary-action{min-width: 132px;height: 40px;padding: 0 18px;border-radius: 10px;font-size: 14px;font-weight: 700;box-shadow: none;transition: background-color 0.18s ease,border-color 0.18s ease,color 0.18s ease,transform 0.12s ease}.portal-form-dialog-footer .primary-action{background: #0A47B8;color: #ffffff;border: 1px solid #0A47B8}.portal-form-dialog-footer .primary-action:hover{background: #083a97;border-color: #083a97}.portal-form-dialog-footer .secondary-action{background: #ffffff;color: #344054;border: 1px solid #d0d5dd}.portal-form-dialog-footer .secondary-action:hover{background: #f9fafb;border-color: #c7ced8}.portal-form-dialog-footer .primary-action:active,.portal-form-dialog-footer .secondary-action:active{transform: translateY(1px)}.portal-form-dialog-footer .primary-action vaadin-icon,.portal-form-dialog-footer .secondary-action vaadin-icon{width: 16px;height: 16px}.danger-action{border-radius: 10px;color: var(--lumo-error-text-color)}.tenant-switcher-wrap{display: flex;flex-direction: column;gap: 0.35rem;min-width: 300px;padding: 0.35rem 0.5rem;border-radius: 14px;background: rgba(255,255,255,0.55)}.tenant-switcher-label{font-size: 0.78rem;font-weight: 600;color: var(--lumo-secondary-text-color);padding-left: 0.15rem}.tenant-switcher-label-row{gap: 0.35rem}.tenant-switcher-label-icon{width: 14px;height: 14px;color: var(--lumo-secondary-text-color)}.tenant-switcher-combo{min-width: 280px}.tenant-switcher-combo::part(input-field){border-radius: 12px;min-height: 42px;border: 1px solid var(--lumo-contrast-10pct);background: #fff;box-shadow: none;transition: border-color 0.18s ease,box-shadow 0.18s ease,background-color 0.18s ease}.tenant-switcher-combo::part(toggle-button){color: var(--lumo-secondary-text-color)}.tenant-switcher-combo::part(value){white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.tenant-switcher-combo:hover::part(input-field){border-color: var(--lumo-primary-color-50pct);background: rgba(255,255,255,0.98);box-shadow: 0 6px 18px rgba(0,0,0,0.06)}.tenant-switcher-combo[focused]::part(input-field){border-color: var(--lumo-primary-color);box-shadow: 0 0 0 3px var(--lumo-primary-color-10pct)}vaadin-combo-box-overlay::part(overlay){border-radius: 14px;box-shadow: 0 10px 30px rgba(0,0,0,0.12);overflow: hidden}vaadin-combo-box-overlay [part="content"]{overflow-x: hidden !important}vaadin-combo-box-overlay [part="loader"]{display: none}vaadin-combo-box-item{white-space: normal;line-height: 1.35;padding-top: 10px;padding-bottom: 10px;overflow: hidden;transition: background-color 0.16s ease,transform 0.16s ease;border-radius: 10px;margin: 2px 6px}vaadin-combo-box-item::part(content){white-space: normal;overflow-wrap: anywhere;word-break: break-word}vaadin-combo-box-item:hover{background-color: var(--lumo-primary-color-10pct)}vaadin-combo-box-item[selected]{background-color: var(--lumo-primary-color-10pct);font-weight: 600}vaadin-combo-box-item:hover::part(content){color: var(--lumo-body-text-color)}.portal-nav-link{position: relative;display: flex;align-items: center;gap: 14px;min-height: var(--portal-nav-row-height);padding: 0 16px;border-radius: 16px;text-decoration: none;color: #4a5565;font-size: 15px;font-weight: 600;box-sizing: border-box;transition: transform 0.18s ease,background 0.18s ease,box-shadow 0.18s ease,color 0.18s ease}.portal-nav-link::before{content: "";position: absolute;left: -16px;top: 10px;bottom: 10px;width: 4px;border-radius: 0 6px 6px 0;background: transparent;transition: background 0.18s ease}.portal-nav-link:hover{background: linear-gradient(90deg,#eef4ff 0%,#f8fbff 100%);color: var(--kpmg-blue-color);transform: translateX(3px);box-shadow: inset 0 0 0 1px #e4edff}.portal-nav-link[highlight]{background: linear-gradient(90deg,#edf3ff 0%,#f7faff 100%);color: var(--kpmg-blue-color);box-shadow: inset 0 0 0 1px #d8e6ff,0 6px 14px rgba(0,51,141,0.08)}.portal-nav-link[highlight]::before{background: linear-gradient(180deg,#00338D 0%,#005EB8 100%)}.portal-nav-link[highlight] .portal-nav-icon-wrap{background: linear-gradient(135deg,#00338D 0%,#4f46e5 100%);box-shadow: 0 8px 18px rgba(0,51,141,0.16)}.portal-nav-link[highlight] .portal-nav-icon{color: white}.portal-nav-icon-wrap{width: var(--portal-nav-icon-box);height: var(--portal-nav-icon-box);min-width: var(--portal-nav-icon-box);border-radius: 12px;display: flex;align-items: center;justify-content: center;background: #f2f5fa;transition: background 0.18s ease,transform 0.18s ease,box-shadow 0.18s ease}.portal-nav-icon{width: var(--portal-menu-icon-size);height: var(--portal-menu-icon-size);margin: 0;color: #667284;display: flex;align-items: center;justify-content: center;transition: color 0.18s ease,transform 0.18s ease}.portal-nav-icon::part(svg){display: block}.portal-nav-link:hover .portal-nav-icon-wrap{background: #e4eeff}.portal-nav-link:hover .portal-nav-icon{color: var(--kpmg-blue-color);transform: scale(1.08)}.portal-nav-text-wrap{display: flex;align-items: center;min-width: 0;flex: 1}.portal-nav-text{display: block;min-width: 0;line-height: 1.2;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: inherit}.portal-drawer-footer{padding: 16px;border-top: 1px solid #f1f4f8;background: transparent}.portal-drawer-user-card{background: transparent;border: none;border-radius: 0;padding: 8px 6px 0;box-shadow: none;display: flex;flex-direction: column;gap: 14px}.portal-drawer-user-row-inline{display: flex;align-items: center;justify-content: space-between;gap: 14px}.portal-drawer-user-row{display: flex;align-items: center;gap: 14px;min-width: 0;flex: 1}.portal-drawer-user-avatar{width: 52px;height: 52px;min-width: 52px;border-radius: 50%;background: linear-gradient(135deg,#00338D 0%,#4f46e5 100%);color: #ffffff;font-weight: 700;font-size: 21px;display: flex;align-items: center;justify-content: center}.portal-drawer-user-text{display: flex;flex-direction: column;min-width: 0}.portal-drawer-user-name{margin: 0;font-size: 15px;font-weight: 700;color: #17325c;line-height: 1.2;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.portal-drawer-user-role{margin: 3px 0 0;font-size: 13px;color: #6f7e99;line-height: 1.2}.portal-drawer-user-actions{display: flex;align-items: center;justify-content: flex-end;gap: 10px;flex-shrink: 0;margin-left: auto}.portal-user-language-switcher{display: flex;align-items: center;min-width: 0;background: transparent;margin: 0;padding: 0}.portal-drawer-logout-button{min-width: 42px;width: 42px;height: 42px;padding: 0;border-radius: 12px;background: #eef4ff;color: #00338D;border: 1px solid #d8e6ff;box-shadow: none;flex: 0 0 42px}.portal-drawer-logout-button:hover{background: #e2ecff}.portal-drawer-logout-button vaadin-icon{width: 18px;height: 18px}vaadin-button.primary-action,vaadin-button.portal-action-button,vaadin-button.entity-add-button,vaadin-button.secondary-action,vaadin-button.outbound-invoice-error-button{display: inline-flex;align-items: center;justify-content: center;gap: 8px;height: 40px;min-height: 40px;padding: 0 16px;border-radius: 10px;border: 1px solid transparent;font-size: 14px;font-weight: 700;line-height: 1;cursor: pointer;box-shadow: none;transition: background-color 0.16s ease,border-color 0.16s ease,color 0.16s ease,box-shadow 0.16s ease,transform 0.12s ease}vaadin-button.primary-action,vaadin-button.portal-action-button,vaadin-button.entity-add-button{color: #ffffff;background: var(--kpmg-blue-color);border-color: var(--kpmg-blue-color)}vaadin-button.primary-action:hover,vaadin-button.portal-action-button:hover,vaadin-button.entity-add-button:hover{color: #ffffff;background: var(--kpmg-medium-blue-color);border-color: var(--kpmg-medium-blue-color);box-shadow: 0 4px 12px rgba(0,51,141,0.18)}vaadin-button.secondary-action{color: var(--kpmg-blue-color);background: #ffffff;border-color: #b8c6dc}vaadin-button.secondary-action:hover{color: var(--kpmg-blue-color);background: #eef4ff;border-color: var(--kpmg-medium-blue-color);box-shadow: 0 4px 12px rgba(0,51,141,0.10)}vaadin-button.outbound-invoice-error-button{color: var(--kpmg-red-color);background: #fff5f7;border-color: #efb8c7}vaadin-button.outbound-invoice-error-button:hover{color: #95183c;background: #ffe9ef;border-color: var(--kpmg-red-color);box-shadow: 0 4px 12px rgba(188,32,75,0.12)}vaadin-button.primary-action:active,vaadin-button.portal-action-button:active,vaadin-button.entity-add-button:active,vaadin-button.secondary-action:active,vaadin-button.outbound-invoice-error-button:active{transform: translateY(1px);box-shadow: none}vaadin-button.primary-action:focus-visible,vaadin-button.portal-action-button:focus-visible,vaadin-button.entity-add-button:focus-visible,vaadin-button.secondary-action:focus-visible,vaadin-button.outbound-invoice-error-button:focus-visible{outline: 3px solid rgba(0,145,218,0.25);outline-offset: 2px}vaadin-button.primary-action[disabled],vaadin-button.portal-action-button[disabled],vaadin-button.entity-add-button[disabled],vaadin-button.secondary-action[disabled],vaadin-button.outbound-invoice-error-button[disabled]{opacity: 0.55;cursor: not-allowed;transform: none;box-shadow: none}vaadin-button.primary-action vaadin-icon,vaadin-button.portal-action-button vaadin-icon,vaadin-button.entity-add-button vaadin-icon,vaadin-button.secondary-action vaadin-icon,vaadin-button.outbound-invoice-error-button vaadin-icon{width: 18px;height: 18px}.inbound-invoice-card-footer>a{display: inline-flex;text-decoration: none}.inbound-invoice-card-footer .secondary-action,.inbound-invoice-card-footer .outbound-invoice-error-button{min-width: 145px}@media (max-width: 520px){.inbound-invoice-card-footer>a,.inbound-invoice-error-action,.inbound-invoice-card-footer .secondary-action,.inbound-invoice-card-footer .outbound-invoice-error-button{width: 100%}}.portal-drawer-version{margin: 0;text-align: center;font-size: 12px;color: #97a4bd;letter-spacing: 0.05em;text-transform: uppercase}.lang-switcher{display: flex;align-items: center}.lang-flag-trigger{padding: 0 !important;margin: 0 !important;min-width: 28px !important;width: 28px !important;height: 28px !important;border: none !important;background: transparent !important;box-shadow: none !important;border-radius: 50% !important}.lang-flag-trigger::part(label){padding: 0 !important;margin: 0 !important}.lang-flag-trigger:focus,.lang-flag-trigger:focus-visible,.lang-flag-trigger[focus-ring]{outline: none !important;box-shadow: none !important}.lang-flag-trigger-image{width: 22px !important;height: 22px !important;min-width: 22px !important;min-height: 22px !important;max-width: 22px !important;max-height: 22px !important;border-radius: 50%;object-fit: cover;display: block}.lang-item{display: flex;align-items: center;gap: 12px;min-width: 170px;padding: 10px 12px;margin: 0 !important;border-radius: 12px;box-sizing: border-box}.lang-item:hover{background: #f5f8fd}.lang-item-flag{width: 20px !important;height: 20px !important;min-width: 20px !important;min-height: 20px !important;max-width: 20px !important;max-height: 20px !important;border-radius: 50%;object-fit: cover;display: block;flex-shrink: 0}.lang-item-label{font-size: 14px;font-weight: 500;color: #42526e}.lang-item-subtext{margin-left: auto;font-size: 13px;color: #8a94a6}vaadin-context-menu-overlay::part(content){padding: 6px !important;border: 1px solid #e5e7eb;border-radius: 10px;box-shadow: 0 10px 24px rgba(16,24,40,0.12);background: #ffffff}vaadin-context-menu-overlay [part="content"]{padding-left: 0 !important;padding-right: 0 !important}vaadin-context-menu-list-box,vaadin-context-menu-item,vaadin-context-menu-overlay vaadin-context-menu-list-box,vaadin-context-menu-overlay vaadin-context-menu-item{padding-left: 0 !important;padding-right: 0 !important;margin-left: 0 !important;margin-right: 0 !important}vaadin-context-menu-item{margin: 0 !important;padding: 0 !important;outline: none !important;box-shadow: none !important;border: none !important;background: transparent !important}vaadin-context-menu-item::part(content){margin: 0 !important;padding: 0 !important;padding-left: 0 !important;padding-right: 0 !important;outline: none !important;box-shadow: none !important;border: none !important;background: transparent !important;border-radius: 12px}vaadin-context-menu-item:focus,vaadin-context-menu-item:focus-visible,vaadin-context-menu-item[focused],vaadin-context-menu-item::part(content):focus{outline: none !important;box-shadow: none !important;border: none !important}vaadin-context-menu-item::part(checkmark){display: none !important;width: 0 !important;min-width: 0 !important;margin: 0 !important;padding: 0 !important}vaadin-context-menu-overlay vaadin-context-menu-item::part(checkmark)::before{display: none !important;content: none !important}.portal-view{width: 100%;min-width: 0;max-width: 100%;min-height: 100%;padding: var(--portal-content-padding);box-sizing: border-box;background: #f5f7fb;gap: 20px;overflow-x: visible;container-name: portal-content;container-type: inline-size}.portal-view>*{min-width: 0;max-width: 100%}.portal-card{background: var(--app-card-bg);border: 1px solid var(--app-border);border-radius: 10px;padding: 16px;box-sizing: border-box;min-width: 0;max-width: 100%}.portal-welcome-card{display: flex;align-items: center;gap: 18px;width: 100%;min-width: 0;max-width: 100%;min-height: 86px;padding: 0 18px;box-sizing: border-box;background: #ffffff;border: 1px solid var(--app-border);border-radius: var(--app-radius-xl);box-shadow: 0 8px 24px rgba(15,23,42,0.08)}.portal-welcome-text{min-width: 0;max-width: 100%}.portal-avatar-ring{width: 50px;height: 50px;flex-shrink: 0;border-radius: 50%;border: 2px solid var(--kpmg-blue-color);color: var(--kpmg-blue-color);background: var(--kpmg-white-color);display: inline-flex;align-items: center;justify-content: center;font-size: 20px;font-weight: 500}.portal-welcome-title,.entity-title{margin: 0;font-size: 18px;font-weight: 500;color: var(--app-text);overflow-wrap: anywhere;word-break: break-word}.portal-welcome-subtitle,.entity-subtitle{margin: 2px 0 0;font-size: 14px;color: var(--app-text-muted);overflow-wrap: anywhere;word-break: break-word}.portal-action-button,.entity-add-button{justify-content: flex-start;height: 42px;padding: 0 16px;border-radius: 12px;background: #0A47B8;color: var(--kpmg-white-color);font-weight: 600;box-shadow: none}.portal-action-button:hover,.entity-add-button:hover{background: #083a97}.monitoring-pagination{margin-top: 16px;padding-top: 16px;border-top: 1px solid rgba(255,255,255,0.08)}.monitoring-page-info{color: var(--lumo-secondary-text-color);font-size: 0.9rem;font-weight: 600;padding: 0 12px;white-space: nowrap}.monitoring-pagination .secondary-action{min-height: 38px}.entity-content{width: 100%;min-width: 0;max-width: 100%;box-sizing: border-box}.entity-custom-content{width: 100%;padding-top: 0.5rem;box-sizing: border-box}.entity-footer{width: 100%;display: flex;justify-content: flex-end;box-sizing: border-box}.entity-header-card{display: flex;align-items: center;justify-content: space-between;gap: 16px;padding: 24px 28px}.entity-header-left{display: flex;align-items: center;gap: 16px;min-width: 0}.entity-header-icon-box{width: 56px;height: 56px;min-width: 56px;border-radius: 16px;background: linear-gradient(135deg,#6d5dfc,#4f46e5);color: var(--kpmg-white-color);display: flex;align-items: center;justify-content: center;font-size: 26px}.entity-header-text{display: flex;flex-direction: column;gap: 4px;min-width: 0}.entity-search-header{display: flex;flex-direction: column;align-items: stretch;justify-content: flex-start;gap: 18px;width: 100%;min-width: 0;max-width: 100%;min-height: 86px;margin: 0 0 18px;padding: 18px;box-sizing: border-box;text-align: left;background: #ffffff;border: 1px solid var(--app-border);border-radius: var(--app-radius-xl);box-shadow: 0 8px 24px rgba(15,23,42,0.08);transition: transform 0.15s ease,box-shadow 0.15s ease}.entity-search-header:hover{transform: translateY(-2px);box-shadow: 0 10px 24px rgba(15,23,42,0.08)}.entity-search-label{display: block;width: 100%;text-align: left;font-weight: 600;color: var(--app-text)}.entity-search-toolbar{display: flex;align-items: flex-end;gap: 16px;width: 100%;min-width: 0}.entity-search-toolbar-extras{display: flex;align-items: stretch;flex: 0 0 auto;width: auto;min-width: 0}.entity-search-toolbar-extras>.tenant-switcher-combo{flex: 0 0 320px;width: 320px;min-width: 0;max-width: 320px;height: 46px;min-height: 46px;margin: 0;--vaadin-input-field-height: 46px}.invoice-company-selector{flex: 0 1 var(--invoice-company-selector-width);width: var(--invoice-company-selector-width);min-width: 28ch;max-width: min(42ch,45vw);height: 46px;min-height: 46px;margin: 0;--vaadin-input-field-height: 46px}.entity-search-field{flex: 1 1 auto;width: auto;min-width: 0;height: 46px;min-height: 46px;margin: 0;--vaadin-input-field-height: 46px}.invoice-company-selector::part(input-field),.entity-search-field::part(input-field){height: 46px;min-height: 46px;box-sizing: border-box;background: #f9fafb;border: 1px solid #e5e7eb;border-radius: 14px;box-shadow: none}.invoice-company-selector::part(value){overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.invoice-company-selector::part(toggle-button){display: flex;align-items: center;justify-content: center;align-self: stretch;width: 40px;min-width: 40px;height: auto;padding: 0;margin: 0;color: #344054;opacity: 1;cursor: pointer;line-height: 1}.invoice-company-selector::part(input-field){height: 46px;min-height: 46px;box-sizing: border-box}.entity-cards-grid{width: 100%;display: grid;grid-template-columns: repeat(auto-fit,minmax(min(280px,100%),1fr));gap: 16px 20px;box-sizing: border-box}.entity-card{padding: 18px;border: 1px solid #eef2f7;border-radius: 18px;box-shadow: 0 4px 14px rgba(15,23,42,0.05);transition: transform 0.15s ease,box-shadow 0.15s ease}.entity-card:hover{transform: translateY(-2px);box-shadow: 0 10px 24px rgba(15,23,42,0.08)}.entity-card-top{display: flex;align-items: flex-start;justify-content: space-between;gap: 12px}.entity-card-text{display: flex;flex: 1 1 auto;flex-direction: column;gap: 10px;min-width: 0;overflow: hidden}.entity-card-title{font-size: 16px;font-weight: 700;line-height: 1.4;color: #111827;overflow-wrap: anywhere;word-break: break-word}.entity-card-badge{display: inline-block;width: fit-content;max-width: 100%;padding: 6px 10px;border-radius: 999px;box-sizing: border-box;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;background: #eef2ff;color: #4338ca;font-size: 12px;font-weight: 600}.entity-card-badge-pending{background: #e8f1ff;color: #1d4ed8;border: 1px solid #bfdbfe}.entity-card-badge-accepted{background: #ecfdf3;color: #15803d;border: 1px solid #bbf7d0}.entity-card-badge-cancelled{background: #fff7ed;color: #c2410c;border: 1px solid #fed7aa}.entity-card-badge-expired{background: #fef2f2;color: #b91c1c;border: 1px solid #fecaca}.entity-card-badge-neutral{background: rgba(148,163,184,0.12);color: #94a3b8;border: 1px solid rgba(148,163,184,0.28)}.entity-card-badge-active{background: rgba(34,197,94,0.12);color: #22c55e;border: 1px solid rgba(34,197,94,0.28)}.entity-card-badge-warning{background: rgba(245,158,11,0.12);color: #f59e0b;border: 1px solid rgba(245,158,11,0.28)}.entity-card-badge-blocked{background: rgba(239,68,68,0.12);color: #ef4444;border: 1px solid rgba(239,68,68,0.28)}.portal-login-page{background: transparent}.portal-login-background{position: relative;width: 100%;height: 100vh;overflow: hidden;display: flex;align-items: center;justify-content: center;background: #0b3a97}.portal-login-background::before{content: "";position: absolute;inset: 0;background: #0f6cc5;clip-path: polygon(42% 0,100% 0,100% 100%,58% 100%)}.portal-login-card{position: relative;z-index: 1;width: 380px;background: #f7f8fa;border-radius: 12px;box-shadow: 0 14px 32px rgba(0,0,0,0.18);overflow: hidden;display: flex;flex-direction: column;box-sizing: border-box}.portal-login-header{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 10px;padding: 28px 24px 20px;background: #f7f8fa;border-bottom: 1px solid #d9dee7;text-align: center}.portal-login-logo{width: 132px;height: auto;display: block}.portal-login-product-title{margin: 0;color: var(--kpmg-blue-color);font-size: 1.05rem;font-weight: 700;letter-spacing: 0.24em;text-transform: uppercase;line-height: 1.2}.portal-login-body{display: flex;flex-direction: column;padding: 22px 24px 20px;background: #f7f8fa;box-sizing: border-box}.portal-login-signin-title{margin: 0 0 18px;color: #1f2937;font-size: 1.1rem;font-weight: 600;text-align: left}.portal-login-field{margin-bottom: 8px}.portal-login-field::part(label){color: #2a2a2a;font-size: 0.92rem;font-weight: 500}.portal-login-field::part(input-field){min-height: 40px;background: #ffffff;border: 1px solid #d4d8df;border-radius: 6px;box-shadow: none}.portal-login-field::part(value){font-size: 0.92rem}vaadin-checkbox{margin: 8px 0 16px;--vaadin-checkbox-size: 14px;font-size: 0.92rem;color: #333}.portal-login-primary-btn{width: 100%;min-height: 40px;border: none;border-radius: 8px;color: var(--kpmg-white-color);font-size: 1rem;font-weight: 700;box-shadow: none;background: #2f5fab;margin-top: 2px}.portal-login-primary-btn:hover{background: #264f91}.portal-login-forgot-link{align-self: center;margin-top: 14px;margin-bottom: 18px;color: #1792e8;text-decoration: none;font-size: 0.92rem;font-weight: 500}.portal-login-forgot-link:hover{text-decoration: underline}.portal-login-footer{align-self: center;color: #9c9c9c;font-size: 0.78rem}.settings-content{width: 100%;gap: 24px;box-sizing: border-box}.settings-section{width: 100%;padding: 0;margin: 0 0 24px 0;background: transparent;border: none;box-shadow: none;box-sizing: border-box}.settings-section-title{font-size: 1rem;font-weight: 600;color: var(--lumo-header-text-color);margin: 0 0 0.75rem 0}.settings-actions{display: flex;justify-content: flex-start;gap: 0.5rem;margin-top: 0.5rem}.document-send-content{width: 100%;gap: 24px;box-sizing: border-box}.document-send-section{width: 100%;padding: 0;margin: 0 0 24px 0;background: transparent;border: none;box-shadow: none;box-sizing: border-box}.document-send-section-title{font-size: 1rem;font-weight: 600;color: var(--lumo-header-text-color);margin: 0 0 0.75rem 0}.document-send-actions{display: flex;justify-content: flex-start;gap: 0.5rem;margin-top: 0.5rem}.entity-card-menu{flex: 0 0 auto;min-width: 24px;margin: 0 0 0 8px;padding: 0}.entity-card-menu::part(container){background: transparent !important;border: none !important;box-shadow: none !important;padding: 0 !important}.entity-card-menu vaadin-menu-bar-button,.entity-card-menu vaadin-menu-bar-button::part(button),.entity-card-menu [part="menu-bar-button"]{min-width: auto !important;width: auto !important;height: auto !important;margin: 0 !important;padding: 0 !important;background: transparent !important;border: none !important;border-radius: 0 !important;box-shadow: none !important;color: #2f3440}.entity-card-menu [part="menu-bar-button"]:hover{background: #f3f4f6 !important}.entity-card-menu [part="menu-bar-button"]::after,.entity-card-menu vaadin-menu-bar-button::part(suffix),.entity-card-menu [slot="suffix"]{display: none !important;content: none !important}.entity-menu-trigger-icon{width: 18px;height: 18px;color: #2f3440}.entity-menu-item{min-width: 110px}.entity-menu-item-icon{width: 16px;height: 16px;flex: none;color: #475467}.entity-menu-item-icon-delete{color: #d92d20}.entity-menu-item-label{font-size: 14px;font-weight: 500;color: #1f2937}.entity-menu-item-label-delete{color: #d92d20}.entity-card-badge-active{background: rgba(46,125,50,0.12);color: #2e7d32;border: 1px solid rgba(46,125,50,0.25)}.entity-card-badge-blocked{background: rgba(198,40,40,0.12);color: #c62828;border: 1px solid rgba(198,40,40,0.25)}.entity-menu-item-icon-warning,.entity-menu-item-label-warning{color: #b26a00}.entity-menu-item-icon-success,.entity-menu-item-label-success{color: #2e7d32}vaadin-menu-bar-overlay::part(content){padding: 6px;border: 1px solid #e5e7eb;border-radius: 10px;box-shadow: 0 10px 24px rgba(16,24,40,0.12);background: #ffffff}.portal-page-sections{width: 100%;display: flex;flex-direction: column;gap: 20px;box-sizing: border-box}.portal-section-card{width: 100%;min-width: 0;padding: 24px 28px;box-sizing: border-box;background: #ffffff;border: 1px solid var(--app-border);border-radius: var(--app-radius-xl);box-shadow: 0 8px 24px rgba(15,23,42,0.08)}.portal-section-title{margin: 0;font-size: 16px;font-weight: 700;color: #111827}.portal-section-description{margin: 0;font-size: 14px;line-height: 1.5;color: var(--app-text-soft)}.portal-section-actions{display: flex;flex-wrap: wrap;gap: 10px;margin-top: 4px}.portal-section-card .upload-helper-text{color: var(--app-text-soft);font-size: 14px}.portal-section-card vaadin-text-field,.portal-section-card vaadin-text-area,.portal-section-card vaadin-combo-box,.portal-section-card vaadin-upload,.portal-section-card vaadin-checkbox,.portal-section-card vaadin-form-layout{width: 100%;max-width: 100%;min-width: 0;box-sizing: border-box}.portal-section-card vaadin-text-field::part(input-field),.portal-section-card vaadin-text-area::part(input-field),.portal-section-card vaadin-combo-box::part(input-field){border-radius: 12px;background: #ffffff;border: 1px solid #dbe2ea;box-shadow: none}.portal-section-card vaadin-text-field[readonly]::part(input-field),.portal-section-card vaadin-text-area[readonly]::part(input-field){background: #fbfcfe}.portal-section-card vaadin-upload{border-radius: 14px}.portal-section-card vaadin-upload::part(drop-label){color: var(--app-text-soft)}.company-section{background: var(--lumo-base-color);border: 1px solid var(--lumo-contrast-10pct);border-radius: 16px;padding: 1rem 1.25rem;box-shadow: 0 2px 8px rgba(0,0,0,0.04)}.company-section-title{font-size: 1rem;font-weight: 600;color: var(--lumo-header-text-color);margin: 0 0 0.75rem 0}.participant-card{background: #ffffff;border: 1px solid var(--lumo-contrast-10pct);border-radius: 16px;padding: 1rem;box-shadow: 0 2px 6px rgba(0,0,0,0.04);gap: 0.75rem}.participant-header{justify-content: space-between;align-items: center;width: 100%}.participant-title{font-size: 0.95rem;font-weight: 600;color: var(--lumo-header-text-color)}.service-card{background: var(--lumo-contrast-5pct);border: 1px solid var(--lumo-contrast-10pct);border-radius: 14px;padding: 1rem;gap: 0.75rem}.service-title{font-size: 0.9rem;font-weight: 600;margin-bottom: 0.25rem}.section-actions{display: flex;justify-content: flex-start;gap: 0.5rem;margin-top: 0.5rem}.company-top-fields{gap: 1rem}.company-inline-fields{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 1rem}.participant-service-grid{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 1rem}@media (max-width: 1200px){.portal-activity-grid{grid-template-columns: repeat(2,minmax(220px,1fr))}}@media (max-width: 1100px){.portal-dashboard-stats-grid{grid-template-columns: repeat(2,minmax(0,1fr))}.portal-dashboard-bottom-grid{grid-template-columns: 1fr}}@media (max-width: 900px){.portal-feature-layout,.company-inline-fields,.participant-service-grid{grid-template-columns: 1fr}.portal-view{padding: 14px}}@media (max-width: 700px){.portal-view{padding: 14px}.portal-welcome-card{align-items: flex-start;padding: 14px;min-height: auto}.portal-dashboard-stats-grid{grid-template-columns: 1fr}.portal-dashboard-stat-card,.portal-card{padding: 14px}.portal-dashboard-stat-value{font-size: 24px}.portal-topbar{padding-right: 12px}.portal-topbar-title{font-size: 14px}.portal-topbar-subtitle{font-size: 11px}}@media (max-width: 640px){.portal-activity-grid{grid-template-columns: 1fr}.portal-welcome-card{padding: 14px;min-height: auto}}@media (max-width: 480px){.portal-drawer-user-actions{width: 100%;justify-content: flex-end}.portal-drawer-version{margin-left: 0;text-align: center}.portal-login-card{width: calc(100vw - 32px);padding: 22px 14px 16px}.portal-login-product-title{font-size: 2.4rem}.portal-login-buttons-row{flex-direction: column}.portal-view{padding: 12px}.portal-welcome-card{gap: 12px}.portal-avatar-ring{width: 42px;height: 42px;font-size: 16px}.portal-welcome-title{font-size: 16px}.portal-welcome-subtitle{font-size: 13px}.portal-dashboard-stat-value{font-size: 22px}.portal-topbar-title{font-size: 13px}.portal-topbar-subtitle{display: none}}.invoice-company-selector:hover::part(input-field),.entity-search-field:hover::part(input-field){border-color: var(--lumo-primary-color-50pct);background: #ffffff}.invoice-company-selector[focused]::part(input-field),.entity-search-field[focused]::part(input-field){border-color: var(--lumo-primary-color);box-shadow: 0 0 0 3px var(--lumo-primary-color-10pct)}@media (max-width: 760px){.entity-search-toolbar{flex-direction: column;align-items: stretch}.entity-search-toolbar-extras{width: 100%}.entity-search-toolbar-extras>.tenant-switcher-combo,.invoice-company-selector,.entity-search-field{flex: 0 0 auto;width: 100%;min-width: 0;max-width: none}}.invoice-empty-state{width: 100%;box-sizing: border-box;margin: 0 0 12px 0;padding: 18px 20px;border: 1px dashed var(--app-border);border-radius: 12px;color: var(--app-text-soft);background: #fbfcfe}.invoice-upload-section{margin-bottom: 4px}.entity-footer{width: 100%;display: flex;justify-content: flex-end;align-items: center;padding-top: 10px;box-sizing: border-box}.entity-footer-summary{width: 100%;display: flex;justify-content: flex-end;align-items: center}.entity-footer-summary-text:empty{display: none}.entity-footer-summary-text{display: inline-flex;align-items: center;gap: 8px;min-height: 38px;padding: 0 14px;border-radius: 999px;background: #ffffff;border: 1px solid var(--app-border);box-shadow: 0 4px 12px rgba(15,23,42,0.06);color: #344054;font-size: 13px;font-weight: 700;line-height: 1;white-space: nowrap}.inbound-invoice-card-footer{justify-content: space-between;gap: 12px;flex-wrap: wrap}.inbound-invoice-error-action{display: flex;align-items: center;min-height: 38px}.inbound-invoice-card-footer .secondary-action{min-height: 36px;padding: 0 13px;border-radius: 10px}@media (max-width: 520px){.inbound-invoice-card-footer{align-items: stretch;flex-direction: column}.inbound-invoice-card-footer>*{width: 100%}.inbound-invoice-card-footer .secondary-action{width: 100%}}.outbound-invoice-cards{width: 100%;display: grid;grid-template-columns: repeat(auto-fit,minmax(min(360px,100%),1fr));gap: 18px;align-items: stretch;grid-auto-rows: 1fr;box-sizing: border-box}.outbound-invoice-card{display: flex;flex-direction: column;height: 100%;min-height: 350px;box-sizing: border-box;position: relative;gap: 18px;min-width: 0;padding: 22px;overflow: hidden;background: #ffffff;border: 1px solid var(--app-border);border-radius: 18px;box-shadow: 0 6px 18px rgba(15,23,42,0.06);transition: transform 0.16s ease,box-shadow 0.16s ease,border-color 0.16s ease}.outbound-invoice-card::before{content: "";position: absolute;top: 0;right: 0;left: 0;height: 4px;background: #94a3b8}.outbound-invoice-card:hover{transform: translateY(-2px);box-shadow: 0 12px 26px rgba(15,23,42,0.10)}.outbound-invoice-card-success::before{background: var(--kpmg-dark-green-color)}.outbound-invoice-card-success{border-color: rgba(0,154,68,0.20)}.outbound-invoice-card-error::before{background: var(--kpmg-red-color)}.outbound-invoice-card-error{border-color: rgba(188,32,75,0.28)}.outbound-invoice-card-warning::before{background: var(--kpmg-amber-color)}.outbound-invoice-card-warning{border-color: rgba(234,170,0,0.30)}.outbound-invoice-card-neutral::before{background: #94a3b8}.outbound-invoice-card-header{display: flex;align-items: flex-start;justify-content: space-between;gap: 16px;min-width: 0}.outbound-invoice-card-heading{display: flex;flex-direction: column;gap: 5px;min-width: 0}.outbound-invoice-card-title{color: #111827;font-size: 17px;font-weight: 750;line-height: 1.3;overflow-wrap: anywhere}.outbound-invoice-card-date{color: var(--app-text-soft);font-size: 13px;line-height: 1.4}.invoice-card-metadata{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 8px 16px;min-width: 0;padding: 10px 12px;border: 1px solid #e9eef5;border-radius: 12px;background: #fbfcfe}.invoice-card-metadata-item{display: flex;flex-direction: column;gap: 3px;min-width: 0}.invoice-card-metadata-label{color: #7b8798;font-size: 10px;font-weight: 700;letter-spacing: 0.05em;text-transform: uppercase}.invoice-card-metadata-value{min-width: 0;overflow: hidden;color: #27364b;font-size: 12px;font-weight: 650;line-height: 1.35;text-overflow: ellipsis;white-space: nowrap}.outbound-invoice-participants{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 14px}.outbound-invoice-detail{display: flex;flex-direction: column;gap: 5px;min-width: 0;padding: 13px 14px;border: 1px solid #e9eef5;border-radius: 13px;background: #f8fafc}.outbound-invoice-detail-label{color: #7b8798;font-size: 11px;font-weight: 700;letter-spacing: 0.06em;text-transform: uppercase}.outbound-invoice-detail-value{color: #27364b;font-size: 13px;font-weight: 600;line-height: 1.45;overflow-wrap: anywhere;word-break: break-word}.outbound-invoice-statuses{display: flex;flex-wrap: wrap;gap: 9px}.outbound-status-badge{display: inline-flex;align-items: center;width: fit-content;max-width: 100%;padding: 7px 11px;border-radius: 999px;font-size: 12px;font-weight: 700;line-height: 1.25;overflow-wrap: anywhere}.outbound-status-success{color: #14733b;background: #eaf8ef;border: 1px solid #bce8ca}.outbound-status-error{color: #a61b40;background: #fff0f4;border: 1px solid #f5c5d2}.outbound-status-warning{color: #916300;background: #fff8df;border: 1px solid #f2dd91}.outbound-status-neutral{color: #596579;background: #f1f4f8;border: 1px solid #dce3ec}.outbound-invoice-card-footer{display: flex;align-items: center;justify-content: flex-end;min-height: 38px;padding-top: 2px;border-top: 1px solid #edf1f6;margin-top: auto}.outbound-invoice-error-button{min-height: 36px;padding: 0 13px;color: #a61b40;background: #fff4f6;border: 1px solid #f3c6d1;border-radius: 10px;font-weight: 700}.outbound-invoice-error-button:hover{color: #851432;background: #ffe9ee;border-color: #eca9ba}.outbound-invoice-no-errors{display: inline-flex;align-items: center;color: #14733b;font-size: 13px;font-weight: 700}.outbound-invoice-no-errors::before{content: "✓";margin-right: 7px;font-size: 14px}.outbound-invoice-error-dialog::part(overlay){border-radius: 18px}.outbound-invoice-error-dialog::part(content){padding: 20px 24px 24px}@media (max-width: 760px){.outbound-invoice-cards{grid-template-columns: 1fr}.outbound-invoice-card-header{flex-direction: column}.outbound-invoice-participants{grid-template-columns: 1fr}.invoice-card-metadata{grid-template-columns: 1fr}}@media (max-width: 420px){.outbound-invoice-card{padding: 18px}.outbound-status-badge{width: 100%;box-sizing: border-box}}.kpmg-light-font{font-family: "Segoe UI Light","Helvetica Neue",Arial,sans-serif;font-weight: 300 !important}.reference-app-layout::part(navbar){min-height: 72px;padding: 0;background: #00338D;color: #ffffff;border: 0;box-shadow: 0 2px 4px rgba(0,0,0,0.16)}.reference-app-layout::part(content){background: #f0f0f0}.reference-navbar{width: 100%;min-height: 72px;padding: 10px 20px;box-sizing: border-box;display: flex;align-items: center;justify-content: space-between;gap: 24px;background: #00338D}.reference-navbar-left,.reference-navbar-brand,.reference-navbar-links,.reference-user-container{display: flex;align-items: center}.reference-navbar-left{min-width: 0;gap: 26px}.reference-navbar-brand{flex: 0 0 auto;gap: 18px}.reference-navbar-logo{width: 90px;height: auto;display: block}.reference-app-name{margin: 0 8px 0 0;color: #ffffff;font-size: 30px;line-height: 1;white-space: nowrap}.reference-navbar-links{min-width: 0;gap: 18px;overflow-x: auto;scrollbar-width: none}.reference-navbar-links::-webkit-scrollbar{display: none}.reference-nav-link{display: inline-flex;align-items: center;gap: 8px;flex: 0 0 auto;padding: 8px 2px;color: #ffffff;text-decoration: none;font-size: 14px;font-weight: 700;white-space: nowrap;transition: color 0.2s ease,transform 0.2s ease}.reference-nav-link:hover,.reference-nav-link[highlight]{color: #0ab2d0;text-decoration: none;transform: translateY(-2px)}.reference-nav-link[highlight] span{text-decoration: underline;text-underline-offset: 5px}.reference-nav-icon{width: 20px;height: 20px;transition: transform 0.2s ease}.reference-nav-link:hover .reference-nav-icon{transform: scale(1.15)}.reference-user-container{flex: 0 0 auto;gap: 10px}.reference-user-info{color: #ffffff;font-size: 14px;font-weight: 700;white-space: nowrap}.reference-language-switcher .lang-flag-trigger{background: #ffffff !important}.reference-logout-button{min-width: 92px;height: 38px;padding: 0 14px;border: none;border-radius: 4px;background: #e8ebef;color: #424242;cursor: pointer;transition: background-color 0.2s ease,transform 0.2s ease}.reference-logout-button:hover{background: #ced3d5;transform: scale(1.04)}.entity-header-card{min-height: auto;padding: 15px 30px;background: #f8f9fa;border: 1px solid #cccccc;border-left: 6px solid #00338D;border-radius: 10px;box-shadow: 0 4px 10px rgba(0,0,0,0.10)}.entity-header-left{align-items: center;gap: 14px}.entity-header-icon-box{width: 34px;min-width: 34px;height: 34px;border-radius: 0;background: transparent;color: #00338D;font-size: 30px}.entity-title{color: #263238;font-family: "Segoe UI Light","Helvetica Neue",Arial,sans-serif;font-size: 34px;font-weight: 300;line-height: 1.05}.entity-subtitle{margin-top: 6px;color: #757575}.portal-view{padding: 22px 28px 28px;background: #f0f0f0}.portal-login-page{background: #f0f0f0}.reference-login-page{width: 100%;min-height: 100vh;display: flex;flex-direction: column;align-items: center;justify-content: space-between;padding: 36px 24px 20px;box-sizing: border-box;background: #f0f0f0}.reference-login-content{flex: 1;width: 100%}.reference-login-logo{width: 200px;height: auto;margin-bottom: 28px}.reference-login-title{margin: 0 0 34px;color: #253858;font-size: clamp(42px,5vw,72px);line-height: 1.05;text-align: center}.reference-login-form{width: min(450px,calc(100vw - 40px));padding: 24px;box-sizing: border-box;background: #ffffff;border: 1px solid #cccccc;border-radius: 10px;box-shadow: 0 4px 10px rgba(0,0,0,0.10)}.reference-login-signin-title{margin: 0 0 16px;color: #253858;text-align: center}.reference-login-form vaadin-email-field,.reference-login-form vaadin-password-field,.reference-login-form vaadin-button{width: 100%}.reference-login-button{margin-top: 12px;background: #007bff;color: #ffffff}.reference-login-button:hover{background: #0069d9}.reference-login-forgot-link{display: block;margin-top: 16px;color: #00338D;text-align: center}.reference-login-footer{padding-top: 22px;color: #6b7280;font-size: 13px}.v-loading-indicator{position: fixed;inset: 0;pointer-events: auto;animation: reference-loading-fade-in 0.3s ease-out 0.2s normal 1 both;z-index: 2147483647}@keyframes reference-loading-fade-in{from{background: rgba(0,0,0,0)}to{background: rgba(0,0,0,0.5)}}@media (max-width: 1180px){.reference-user-info{display: none}.reference-navbar-left{gap: 16px}.reference-app-name{font-size: 24px}}@media (max-width: 820px){.reference-navbar{align-items: flex-start;gap: 12px;padding: 10px 12px}.reference-navbar-left{flex-direction: column;align-items: flex-start;gap: 8px;overflow: hidden}.reference-navbar-brand{gap: 12px}.reference-navbar-logo{width: 74px}.reference-app-name{font-size: 21px}.reference-navbar-links{width: calc(100vw - 150px);gap: 14px}.reference-nav-link{font-size: 13px}.reference-logout-button{min-width: 42px;width: 42px;padding: 0;font-size: 0}.reference-logout-button vaadin-icon{margin: 0}.entity-title{font-size: 28px}}@media (max-width: 560px){.reference-language-switcher{display: none}.reference-navbar-links{width: calc(100vw - 92px)}.entity-header-card{align-items: flex-start;padding: 14px 16px}.entity-header-left{align-items: flex-start}.entity-add-button{min-width: 42px;width: 42px;padding: 0;font-size: 0}.portal-view{padding: 14px}}.kpmg-light-font{font-family: "Segoe UI Light","Helvetica Neue",Arial,sans-serif;font-weight: 300 !important}.kpp-drawer-layout{--vaadin-app-layout-drawer-width: 288px}.kpp-drawer-layout::part(navbar){display: none;min-height: 0;padding: 0;border: 0}.kpp-drawer-layout::part(drawer){width: var(--vaadin-app-layout-drawer-width);background: #00338d;border-right: 0;box-shadow: 5px 0 18px rgba(0,0,0,0.14);overflow: hidden}.kpp-drawer-layout::part(content){background: #f0f0f0}.kpp-left-sidebar{height: 100%;min-height: 100%;display: flex;flex-direction: column;background: #00338d;color: #ffffff}.kpp-left-sidebar .portal-brand-block{min-height: 132px;padding: 24px 24px 22px;justify-content: flex-start;background: #00338d;border-bottom: 1px solid rgba(255,255,255,0.17);box-sizing: border-box}.kpp-left-sidebar .portal-brand-center{align-items: flex-start;justify-content: center;gap: 13px;width: 100%;text-align: left}.kpp-left-sidebar .portal-logo{width: 112px;height: auto}.kpp-left-sidebar .portal-brand-product{color: #ffffff;font-size: 25px;font-weight: 300;letter-spacing: 0.015em;line-height: 1;text-transform: none;white-space: nowrap}.kpp-left-sidebar .portal-nav-scroller{flex: 1;min-height: 0}.kpp-left-sidebar .portal-nav{gap: 4px;padding: 18px 11px}.kpp-left-sidebar .portal-nav-link{min-height: 50px;gap: 12px;padding: 0 15px;border-radius: 4px;color: #ffffff;font-size: 14px;font-weight: 700;box-shadow: none;transform: none}.kpp-left-sidebar .portal-nav-link::before{left: 0;top: 8px;bottom: 8px;width: 4px;border-radius: 0 3px 3px 0}.kpp-left-sidebar .portal-nav-link:hover{color: #ffffff;background: rgba(255,255,255,0.08);box-shadow: none;transform: none}.kpp-left-sidebar .portal-nav-link[highlight]{color: #12c6ea;background: rgba(255,255,255,0.14);box-shadow: none}.kpp-left-sidebar .portal-nav-link[highlight]::before{background: #12c6ea}.kpp-left-sidebar .portal-nav-icon-wrap,.kpp-left-sidebar .portal-nav-link:hover .portal-nav-icon-wrap,.kpp-left-sidebar .portal-nav-link[highlight] .portal-nav-icon-wrap{width: 28px;height: 28px;min-width: 28px;border-radius: 0;background: transparent;box-shadow: none}.kpp-left-sidebar .portal-nav-icon,.kpp-left-sidebar .portal-nav-link:hover .portal-nav-icon,.kpp-left-sidebar .portal-nav-link[highlight] .portal-nav-icon{width: 21px;height: 21px;color: currentColor;transform: none}.kpp-left-sidebar .portal-drawer-footer{margin-top: auto;padding: 16px 18px 17px;border-top: 1px solid rgba(255,255,255,0.17);background: #00338d}.kpp-left-sidebar .portal-drawer-user-card{padding: 0;gap: 14px;background: transparent;border: 0;box-shadow: none}.kpp-left-sidebar .portal-drawer-user-row{gap: 10px;min-width: 0;overflow: hidden}.kpp-left-sidebar .portal-drawer-user-text{min-width: 0;overflow: hidden}.kpp-left-sidebar .portal-drawer-user-name,.kpp-left-sidebar .portal-drawer-user-role{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.kpp-left-sidebar .portal-drawer-user-avatar{width: 42px;height: 42px;min-width: 42px;border: 1px solid rgba(255,255,255,0.48);background: rgba(255,255,255,0.14);color: #ffffff;font-size: 16px}.kpp-left-sidebar .portal-drawer-user-name{color: #ffffff;font-size: 13px}.kpp-left-sidebar .portal-drawer-user-role{color: rgba(255,255,255,0.75);font-size: 12px}.kpp-left-sidebar .portal-drawer-user-row-inline{width: 100%;min-width: 0;display: flex;align-items: center;justify-content: space-between;gap: 10px}.kpp-left-sidebar .portal-drawer-user-actions{width: auto;margin-left: auto;display: flex;align-items: center;justify-content: flex-end;gap: 7px;flex-shrink: 0}.kpp-left-sidebar .portal-user-language-switcher{display: flex;align-items: center}.kpp-left-sidebar .portal-user-language-switcher .lang-flag-trigger{width: 36px !important;height: 36px !important;min-width: 36px !important;padding: 0 !important;border: 1px solid rgba(255,255,255,0.28) !important;border-radius: 50% !important;background: rgba(255,255,255,0.08) !important;box-shadow: none !important}.kpp-left-sidebar .portal-user-language-switcher .lang-flag-trigger:hover{background: rgba(255,255,255,0.15) !important}.kpp-left-sidebar .portal-user-language-switcher .lang-flag-trigger-image{width: 25px !important;height: 25px !important;min-width: 25px !important;min-height: 25px !important;max-width: 25px !important;max-height: 25px !important}.kpp-left-sidebar .portal-drawer-logout-button{width: 36px;min-width: 36px;max-width: 36px;height: 36px;min-height: 36px;padding: 0;border: 1px solid rgba(255,255,255,0.30);border-radius: 50%;background: rgba(255,255,255,0.08);color: #ffffff;box-shadow: none;cursor: pointer;transition: background-color 0.18s ease,border-color 0.18s ease,color 0.18s ease}.kpp-left-sidebar .portal-drawer-logout-button:hover{background: rgba(18,198,234,0.20);border-color: #12c6ea;color: #12c6ea;transform: none}.kpp-left-sidebar .portal-drawer-logout-button:focus-visible,.kpp-left-sidebar .portal-drawer-logout-button[focus-ring]{outline: 2px solid #ffffff;outline-offset: 2px}.kpp-left-sidebar .portal-drawer-logout-button vaadin-icon{width: 19px;height: 19px;margin: 0}.kpp-left-sidebar .portal-drawer-version{margin: 11px 0 0;color: rgba(255,255,255,0.58);font-size: 12px;text-align: left;text-transform: none}.portal-mobile-navbar{display: none}.portal-login-page{min-height: 100vh;background: #f0f0f0}.kpp-login-page{width: 100%;min-height: 100vh;display: flex;flex-direction: column;background: radial-gradient(circle at 50% -20%,rgba(0,94,184,0.09),transparent 42%),#f0f0f0}.kpp-login-main{flex: 1;width: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 30px;padding: 38px 20px 24px;box-sizing: border-box}.kpp-login-brand{display: flex;flex-direction: column;align-items: center;text-align: center}.kpp-login-logo{width: 200px;max-width: 58vw;height: auto;margin-bottom: 24px}.kpp-login-title{margin: 0;color: #253858;font-size: clamp(44px,5vw,72px);font-weight: 300;line-height: 1.05;letter-spacing: -0.02em}.kpp-login-subtitle{margin: 13px 0 0;color: #667085;font-size: 15px;line-height: 1.5}.kpp-login-card{width: min(450px,calc(100vw - 36px));padding: 26px 24px 24px;box-sizing: border-box;display: flex;flex-direction: column;background: #ffffff;border: 1px solid #cfcfcf;border-radius: 10px;box-shadow: 0 7px 20px rgba(0,0,0,0.10)}.kpp-login-signin-title{margin: 0;color: #253858;font-size: 21px;font-weight: 700;text-align: center}.kpp-login-instructions{margin: 7px 0 15px;color: #667085;font-size: 13px;line-height: 1.45;text-align: center}.kpp-login-field{width: 100%;margin-bottom: 2px}.kpp-login-field::part(label){color: #1f2937;font-size: 14px;font-weight: 500}.kpp-login-field::part(input-field){min-height: 42px;background: #ffffff;border: 1px solid #aeb4bc;border-radius: 5px;box-shadow: none}.kpp-login-field::part(input-field):hover{border-color: #818896}.kpp-login-field[focused]::part(input-field){border-color: #007bff;box-shadow: 0 0 0 1px rgba(0,123,255,0.22)}.kpp-login-field::part(value){color: #253858;font-size: 14px}.kpp-login-remember{margin: 9px 0 18px;color: #1f2937;font-size: 14px}.kpp-login-button{min-height: 42px;margin-top: 0;border: 0;border-radius: 5px;background: #007bff;color: #ffffff;font-size: 15px;font-weight: 600;box-shadow: none;transition: background-color 0.18s ease,box-shadow 0.18s ease}.kpp-login-button:hover{background: #0069d9;box-shadow: 0 3px 8px rgba(0,94,184,0.22)}.kpp-login-button vaadin-icon{width: 17px;height: 17px}.kpp-login-forgot-link{align-self: center;margin-top: 17px;color: #00338d;font-size: 14px;text-decoration: underline;text-underline-offset: 2px}.kpp-login-forgot-link:hover{color: #005eb8}.kpp-login-footer{padding: 0 20px 20px;color: #667085;text-align: center}.kpp-login-footer p{margin: 0;font-size: 12px}.kpp-drawer-layout[overlay]::part(navbar){display: flex;min-height: 62px;background: #00338d;color: #ffffff;box-shadow: 0 2px 5px rgba(0,0,0,0.18)}.kpp-drawer-layout[overlay] .portal-mobile-navbar{display: flex;align-items: center;gap: 12px;width: 100%;min-width: 0;min-height: 62px;padding: 0 14px;box-sizing: border-box;background: #00338d}.portal-mobile-drawer-toggle{flex: 0 0 auto;width: 44px;min-width: 44px;margin: 0;box-shadow: none;transition: background-color 0.18s ease,border-color 0.18s ease;--vaadin-button-height: 44px;--vaadin-button-padding: 0;--vaadin-button-background: transparent;--vaadin-button-border-color: rgba(255,255,255,0.38);--vaadin-button-border-radius: 8px;--vaadin-button-text-color: #ffffff}.portal-mobile-drawer-toggle:hover{--vaadin-button-background: rgba(255,255,255,0.12);--vaadin-button-border-color: rgba(255,255,255,0.68)}.portal-mobile-drawer-toggle[active]{--vaadin-button-background: rgba(255,255,255,0.20)}.portal-mobile-drawer-toggle[focus-ring]{outline: 2px solid #ffffff;outline-offset: 2px}.portal-mobile-drawer-toggle::part(icon){--vaadin-icon-size: 25px;--vaadin-icon-visual-size: 100%}.portal-mobile-logo{flex: 0 0 auto;width: 78px;height: auto}.portal-mobile-title{min-width: 0;overflow: hidden;color: #ffffff;font-size: 20px;line-height: 1;text-overflow: ellipsis;white-space: nowrap}@container portal-content (max-width: 760px){.entity-search-toolbar{flex-direction: column;align-items: stretch}.entity-search-toolbar-extras{width: 100%;flex-wrap: wrap}.entity-search-toolbar-extras>*,.invoice-company-selector,.entity-search-field,.tenant-switcher-combo,.tenant-switcher-wrap{flex: 1 1 100%;width: 100% !important;min-width: 0;max-width: 100%;box-sizing: border-box}.company-inline-fields,.participant-service-grid,.outbound-invoice-participants,.invoice-card-metadata{grid-template-columns: 1fr}.outbound-invoice-card-header{flex-direction: column}.portal-section-card{padding: 20px}}@container portal-content (max-width: 560px){.entity-header-card{align-items: flex-start;padding: 14px 16px}.entity-header-left{align-items: flex-start}.entity-add-button{width: 42px;min-width: 42px;padding: 0;font-size: 0}.portal-welcome-card{align-items: flex-start;gap: 12px;min-height: auto;padding: 14px}.portal-section-card,.outbound-invoice-card{padding: 16px}.portal-section-actions,.inbound-invoice-card-footer{align-items: stretch;flex-direction: column}.portal-section-actions>*,.inbound-invoice-card-footer>*{width: 100%;max-width: 100%}}@media (max-width: 600px){.kpp-login-main{justify-content: flex-start;gap: 22px;padding-top: 28px}.kpp-login-logo{width: 145px;margin-bottom: 17px}.kpp-login-title{font-size: 40px}.kpp-login-subtitle{max-width: 310px;font-size: 14px}.kpp-login-card{padding: 23px 20px 21px}}.copy-design-login-view{width: 100%;min-height: 100vh;margin: 0;padding: 24px;box-sizing: border-box;display: flex;flex-direction: column;align-items: center;background-color: #f0f0f0;overflow: auto}.copy-design-login-main{flex: 1 0 auto;width: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 24px 0;box-sizing: border-box}.copy-design-login-logo{width: 200px;max-width: 60vw;height: auto;margin-bottom: 30px}.copy-design-login-title{margin: 0 0 30px;color: #253858;font-family: "Segoe UI Light","Helvetica Neue",Arial,sans-serif;font-size: 72px;font-weight: 300;line-height: 1.08;text-align: center}.copy-design-login-form{width: 450px;max-width: calc(100vw - 48px);box-sizing: border-box}.copy-design-login-field,.copy-design-login-button{width: 100%}.copy-design-login-field{margin: 0 0 2px}.copy-design-login-field::part(label){color: #1f2937;font-size: 14px;font-weight: 500}.copy-design-login-field::part(input-field){min-height: 42px;background: #ffffff;border: 1px solid #9ca3af;border-radius: 4px;box-shadow: none}.copy-design-login-field[focused]::part(input-field){border-color: #007bff;box-shadow: 0 0 0 1px rgba(0,123,255,0.20)}.copy-design-login-remember{align-self: flex-start;margin: 5px 0 18px;color: #1f2937;font-size: 14px}.copy-design-login-button{min-height: 40px;margin: 0;border: 0;border-radius: 4px;background-color: #007bff;color: #ffffff;font-size: 15px;font-weight: 500;box-shadow: none}.copy-design-login-button:hover{background-color: #0069d9}.copy-design-login-button[focus-ring]{outline: 2px solid rgba(0,123,255,0.32);outline-offset: 2px}.copy-design-login-forgot-link{align-self: center;margin-top: 15px;color: #00338d;font-size: 14px;text-decoration: underline;text-underline-offset: 2px}.copy-design-login-forgot-link:hover{color: #005eb8}.copy-design-login-footer{width: 100%;display: flex;justify-content: center;align-items: center;box-sizing: border-box}.copy-design-login-copyright{max-width: 800px;padding: 20px;color: #666666;font-size: 12px;line-height: 1.5;text-align: center}@media (max-width: 700px){.copy-design-login-view{padding: 16px}.copy-design-login-main{padding: 18px 0}.copy-design-login-logo{width: 160px;margin-bottom: 22px}.copy-design-login-title{margin-bottom: 24px;font-size: clamp(38px,12vw,54px)}.copy-design-login-form{max-width: calc(100vw - 32px)}.copy-design-login-copyright{padding: 16px 4px 4px}}.portal-split-login-shell{width: 100vw;height: 100vh;min-height: 100vh;display: flex;flex-direction: row;overflow: hidden;background: #f5f7fb;box-sizing: border-box}.portal-split-login-brand-panel{flex: 0 0 45%;max-width: 45%;height: 100%;padding: 48px 52px !important;box-sizing: border-box;position: relative;overflow: hidden;background: linear-gradient(180deg,#00338d 0%,#001f5e 100%);isolation: isolate}.portal-split-login-brand-panel::before,.portal-split-login-brand-panel::after{content: "";position: absolute;border-radius: 50%;background: rgba(255,255,255,0.05);pointer-events: none;z-index: 0}.portal-split-login-brand-panel::before{width: 280px;height: 280px;top: -90px;left: -90px}.portal-split-login-brand-panel::after{width: 480px;height: 480px;right: -120px;bottom: -150px;background: rgba(255,255,255,0.04)}.portal-split-login-brand-logo,.portal-split-login-brand-body,.portal-split-login-copyright{position: relative;z-index: 1}.portal-split-login-brand-logo{width: auto;height: 42px;flex-shrink: 0}.portal-split-login-brand-body{display: flex;flex-direction: column;gap: 14px;width: 100%}.portal-split-login-brand-heading{margin: 0;color: #ffffff;font-family: "KPMG-Light","Segoe UI",Arial,sans-serif;font-size: clamp(30px,2.25vw,40px) !important;font-weight: 500 !important;line-height: 1.18;letter-spacing: 0.01em}.portal-split-login-brand-subtitle{max-width: 390px;margin: 0;color: rgba(255,255,255,0.72);font-size: 15px;line-height: 1.65}.portal-split-login-copyright{max-width: 680px;color: rgba(255,255,255,0.42);font-size: 10.5px;line-height: 1.55}.portal-split-login-form-panel{flex: 1 1 55%;max-width: 55%;height: 100%;padding: 32px !important;box-sizing: border-box;background: #f5f7fb}.portal-split-login-card{width: 100%;max-width: 410px;padding: 38px 42px 40px;box-sizing: border-box;display: flex;flex-direction: column;gap: 13px;background: #ffffff;border: 1px solid #e2e8f0;border-radius: 12px;box-shadow: 0 4px 18px rgba(15,35,70,0.08)}.portal-split-login-mobile-logo{display: none;width: 108px;height: auto;margin-bottom: 10px}.portal-split-login-card-title{margin: 0 0 2px;color: #1a2340;font-size: 23px !important;font-weight: 700 !important;line-height: 1.2}.portal-split-login-card-subtitle{margin: 0 0 7px;color: #64748b;font-size: 13.5px;line-height: 1.45}.portal-split-login-field{width: 100% !important;--vaadin-input-field-background: #ffffff}.portal-split-login-field::part(label){padding-bottom: 5px;color: #334155;font-size: 12px;font-weight: 600}.portal-split-login-field::part(input-field){min-height: 42px;background: #ffffff;border: 1px solid #cbd5e1;border-radius: 7px;box-shadow: none;transition: border-color 0.16s ease,box-shadow 0.16s ease}.portal-split-login-field::part(input-field):hover{border-color: #94a3b8}.portal-split-login-field[focused]::part(input-field){border-color: #00338d;box-shadow: 0 0 0 3px rgba(0,51,141,0.11)}.portal-split-login-field::part(value){color: #1e293b;font-size: 14px}.portal-split-login-options{min-height: 28px;gap: 16px}.portal-split-login-remember{color: #334155;font-size: 12.5px;white-space: nowrap}.portal-split-login-remember::part(checkbox){border-radius: 4px}.portal-split-login-forgot-link{color: #00338d;font-size: 12.5px;font-weight: 500;text-decoration: none;white-space: nowrap}.portal-split-login-forgot-link:hover{color: #002870;text-decoration: underline}.portal-split-login-button{width: 100% !important;height: 42px;margin-top: 5px;color: #ffffff !important;background: #0878d1 !important;border: none !important;border-radius: 7px !important;font-size: 13.5px !important;font-weight: 700 !important;box-shadow: none !important;cursor: pointer;transition: background-color 0.18s ease,box-shadow 0.18s ease,transform 0.1s ease}.portal-split-login-button:hover{background: #006abd !important;box-shadow: 0 5px 14px rgba(0,120,212,0.22) !important}.portal-split-login-button:active{transform: translateY(1px)}.portal-split-login-button[focus-ring]{box-shadow: 0 0 0 3px rgba(0,120,212,0.2) !important}@media (max-width: 1000px){.portal-split-login-brand-panel{flex-basis: 42%;max-width: 42%;padding: 40px 36px !important}.portal-split-login-form-panel{flex-basis: 58%;max-width: 58%}}@media (max-width: 820px){.portal-split-login-shell{overflow-y: auto}.portal-split-login-brand-panel{display: none !important}.portal-split-login-form-panel{flex: 1 1 100%;max-width: 100%;min-height: 100vh;padding: 24px !important}.portal-split-login-card{max-width: 390px;padding: 34px 28px 36px}.portal-split-login-mobile-logo{display: block}}@media (max-width: 460px){.portal-split-login-form-panel{padding: 16px !important}.portal-split-login-card{padding: 30px 22px 32px;border-radius: 10px}.portal-split-login-options{align-items: flex-start !important;flex-direction: column !important;gap: 8px}}.peppol-report-grid{width: 100%}.peppol-report-mobile-list{display: none;width: 100%;box-sizing: border-box}.peppol-report-mobile-card{display: flex;flex-direction: column;gap: 16px;width: 100%;min-width: 0;padding: 18px;box-sizing: border-box;background: #ffffff;border: 1px solid var(--app-border);border-radius: 14px;box-shadow: 0 4px 14px rgba(15,23,42,0.05)}.peppol-report-mobile-header{display: flex;align-items: center;justify-content: space-between;gap: 12px;min-width: 0}.peppol-report-mobile-type{min-width: 0;color: var(--kpmg-blue-color);font-size: 18px;font-weight: 750;line-height: 1.3}.peppol-report-mobile-details{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 12px 16px;width: 100%;min-width: 0}.peppol-report-mobile-detail{display: flex;flex-direction: column;gap: 4px;min-width: 0;padding: 10px 12px;background: #f8fafc;border: 1px solid #e9eef5;border-radius: 10px}.peppol-report-mobile-detail:first-child{grid-column: 1 / -1}.peppol-report-mobile-detail-label{color: #7b8798;font-size: 10px;font-weight: 700;letter-spacing: 0.05em;text-transform: uppercase}.peppol-report-mobile-detail-value{min-width: 0;color: #27364b;font-size: 13px;font-weight: 600;line-height: 1.4;overflow-wrap: anywhere}.peppol-report-actions{align-items: center;flex-wrap: nowrap}.peppol-report-actions>a{display: inline-flex;text-decoration: none}.peppol-report-status{display: inline-flex;align-items: center;min-height: 28px;padding: 0 10px;border-radius: 999px;font-size: 12px;font-weight: 700;line-height: 1;white-space: nowrap}.peppol-report-status-pending{background: #fff7e6;color: #9a5b00;border: 1px solid #f2d39a}.peppol-report-status-processing{background: #eef4ff;color: var(--kpmg-blue-color);border: 1px solid #cbdaf5}.peppol-report-status-success{background: #edf8f0;color: #216e39;border: 1px solid #b9dfc3}.peppol-report-status-error{background: #fff1f3;color: #a61b3c;border: 1px solid #efbbc7}.peppol-report-status-neutral{background: #f5f6f8;color: #4b5563;border: 1px solid #d9dde4}.peppol-report-preview-dialog{--vaadin-dialog-viewport-block-start: 16px;--vaadin-dialog-viewport-block-end: 16px}.peppol-report-xml-preview::part(input-field){font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;font-size: 13px;line-height: 1.5;background: #fbfcfe}@media (max-width: 900px){.peppol-report-actions{flex-wrap: wrap}}@media (max-width: 820px){.peppol-report-grid{display: none}.peppol-report-mobile-list{display: grid;grid-template-columns: 1fr;gap: 14px}.peppol-report-mobile-actions{display: grid !important;grid-template-columns: repeat(2,minmax(0,1fr));gap: 8px;width: 100%;padding-top: 2px;border-top: 1px solid #edf1f6}.peppol-report-mobile-actions>*{width: 100%;min-width: 0}.peppol-report-mobile-actions>a{display: flex}.peppol-report-mobile-actions vaadin-button{width: 100%}.peppol-report-pagination{justify-content: space-between !important;flex-wrap: wrap;gap: 10px}}@media (max-width: 520px){.peppol-report-mobile-card{padding: 15px}.peppol-report-mobile-header{align-items: flex-start;flex-direction: column}.peppol-report-mobile-details{grid-template-columns: 1fr}.peppol-report-mobile-detail:first-child{grid-column: auto}.peppol-report-mobile-actions{grid-template-columns: 1fr}.peppol-report-pagination{display: grid !important;grid-template-columns: 1fr 1fr;align-items: center}.peppol-report-pagination .monitoring-page-info{grid-column: 1 / -1;grid-row: 1;justify-self: center}.peppol-report-pagination>vaadin-button:first-of-type{grid-column: 1;grid-row: 2;width: 100%}.peppol-report-pagination>vaadin-button:last-of-type{grid-column: 2;grid-row: 2;width: 100%}}.peppol-report-preview-scroll{width: 100%;height: 100%;min-height: 0;overflow: auto;padding: 2px 6px 20px 2px;box-sizing: border-box}.peppol-report-readable-summary{display: flex;flex-direction: column;gap: 22px;width: 100%;box-sizing: border-box}.peppol-report-summary-header{display: flex;flex-direction: column;gap: 8px;padding-bottom: 18px;border-bottom: 1px solid #e7ebf0}.peppol-report-summary-title{color: #1f2f46;font-size: 24px;font-weight: 750;line-height: 1.25}.peppol-report-summary-period{color: #536174;font-size: 14px;font-weight: 600}.peppol-report-summary-metadata{display: flex;flex-wrap: wrap;gap: 10px 24px;margin-top: 4px}.peppol-report-summary-metadata-item{display: flex;flex-direction: column;gap: 2px}.peppol-report-summary-metadata-label{color: #7b8798;font-size: 10px;font-weight: 700;letter-spacing: 0.05em;text-transform: uppercase}.peppol-report-summary-metadata-value{color: #27364b;font-size: 13px;font-weight: 650;overflow-wrap: anywhere}.peppol-report-summary-content{display: flex;flex-direction: column;gap: 22px}.peppol-report-summary-metrics{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 12px}.peppol-report-summary-metric{display: flex;flex-direction: column;gap: 4px;min-width: 0;padding: 16px;background: #f8fafc;border: 1px solid #e6ebf2;border-radius: 12px}.peppol-report-summary-metric-value{color: var(--kpmg-blue-color);font-size: 28px;font-weight: 780;line-height: 1.1}.peppol-report-summary-metric-label{color: #5f6d80;font-size: 12px;font-weight: 650}.peppol-report-summary-section{display: flex;flex-direction: column;gap: 12px}.peppol-report-summary-section-title{color: #1f2f46;font-size: 17px;font-weight: 750}.peppol-report-sp-summary{display: flex;flex-direction: column;gap: 12px;padding: 16px;background: #ffffff;border: 1px solid #dfe5ed;border-radius: 12px}.peppol-report-sp-header{display: flex;align-items: center;justify-content: space-between;gap: 12px}.peppol-report-sp-id{min-width: 0;color: var(--kpmg-blue-color);font-size: 16px;font-weight: 750;overflow-wrap: anywhere}.peppol-report-sp-total{flex: 0 0 auto;padding: 5px 9px;color: #3f4d61;background: #f4f6f9;border: 1px solid #e1e5eb;border-radius: 999px;font-size: 11px;font-weight: 700}.peppol-report-inline-metrics{display: flex;flex-wrap: wrap;gap: 6px}.peppol-report-inline-metric{display: inline-flex;padding: 5px 8px;color: #4c5a6f;background: #f7f9fb;border: 1px solid #e5eaf0;border-radius: 8px;font-size: 11px;font-weight: 650}.peppol-report-summary-subsection-title{margin-top: 2px;color: #657287;font-size: 11px;font-weight: 750;letter-spacing: 0.04em;text-transform: uppercase}.peppol-report-summary-records{display: flex;flex-direction: column;gap: 8px}.peppol-report-summary-record{display: flex;align-items: center;justify-content: space-between;gap: 16px;padding: 10px 12px;background: #fbfcfe;border: 1px solid #edf0f4;border-radius: 9px}.peppol-report-summary-record-identity{display: flex;flex-direction: column;gap: 2px;min-width: 0}.peppol-report-summary-record-title{color: #2c3b50;font-size: 13px;font-weight: 700}.peppol-report-summary-record-subtitle{color: #718096;font-size: 11px;line-height: 1.35;overflow-wrap: anywhere}.peppol-report-approval-summary{display: flex;flex-direction: column;gap: 7px;padding: 16px;background: #f1f6ff;border: 1px solid #cdddf6;border-left: 4px solid var(--kpmg-blue-color);border-radius: 10px}.peppol-report-approval-title{color: #1f3f73;font-size: 13px;font-weight: 750}.peppol-report-approval-message{color: #30435f;font-size: 13px;font-weight: 600;line-height: 1.5}.peppol-report-approval-detail{color: #53657f;font-size: 12px;line-height: 1.45}.peppol-report-summary-empty,.peppol-report-summary-unavailable{display: block;padding: 14px;color: #657287;background: #f8fafc;border: 1px dashed #d8dee8;border-radius: 10px;font-size: 12px;line-height: 1.5}.peppol-report-technical-xml{display: block;width: 100%;margin-top: 24px;border-top: 1px solid #e7ebf0;padding-top: 14px}.peppol-report-preview-footer{flex: 0 0 auto;padding-top: 14px;border-top: 1px solid #e7ebf0;background: #ffffff}@media (max-width: 700px){.peppol-report-summary-title{font-size: 21px}.peppol-report-summary-metrics{grid-template-columns: 1fr}.peppol-report-summary-record,.peppol-report-sp-header{align-items: flex-start;flex-direction: column}.peppol-report-summary-record>.peppol-report-inline-metrics{width: 100%}}