@import url('https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible+Next:ital,wght@0,200..800;1,200..800&display=swap');vaadin-avatar[theme~="vaadin"]::part(icon){mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M11.1854 7.48145C11.7551 7.48145 12.2184 7.95693 12.2186 8.54199C12.2186 8.72558 12.1719 8.90779 12.0819 9.06934L8.86023 15.1895C8.8531 15.2033 8.84588 15.2156 8.83875 15.2285C8.69333 15.5564 8.3724 15.7852 7.9989 15.7852C7.62026 15.7851 7.29542 15.55 7.1532 15.2148C7.14827 15.206 7.14334 15.1978 7.13855 15.1885L3.91687 9.06738C3.82776 8.90728 3.78015 8.72555 3.78015 8.54199C3.78037 7.95699 4.24389 7.48154 4.81335 7.48145C5.27105 7.48145 5.58212 7.7112 5.7948 8.20996L7.99988 12.4307L10.2069 8.20508C10.4171 7.71153 10.7278 7.48156 11.1854 7.48145Z\" fill=\"currentColor\"/><path d=\"M15.2108 1C15.6505 1.00007 15.9997 1.36209 15.9999 1.80859V3.14258C15.9999 4.71011 15.2872 5.49403 13.6552 5.49414H10.035C8.95299 5.49419 8.84659 5.95787 8.84656 6.4082C8.84656 6.45438 8.84269 6.49396 8.83777 6.53613C8.81197 6.98687 8.4453 7.34557 7.995 7.3457C7.54459 7.3457 7.17686 6.98894 7.15125 6.53809C7.14633 6.49582 7.14343 6.45432 7.14343 6.4082C7.1434 5.95784 7.03606 5.49414 5.95398 5.49414H2.33484C0.702567 5.49414 -9.57545e-05 4.71022 -0.00012207 3.14258V1.80859C5.05523e-05 1.36204 0.337484 1 0.777222 1C1.21691 1.00006 1.55049 1.36208 1.55066 1.80859V2.25977C1.55078 2.76409 1.89158 3.13184 2.6366 3.13184H6.18542C7.79968 3.13207 7.92422 4.34896 7.97742 4.99316H8.01257C8.06578 4.3489 8.19 3.13184 9.80457 3.13184H13.3534C14.0982 3.13177 14.4157 2.77682 14.4159 2.27246L14.4178 1.80859C14.418 1.36204 14.7711 1 15.2108 1Z\" fill=\"currentColor\"/></svg>");mask-size: 60%}vaadin-avatar[theme~="square"]{border-radius: var(--vaadin-radius-m)}.aura-view{box-sizing: border-box;display: flex;flex-direction: column;height: calc(100% + var(--safe-area-inset-top) + var(--safe-area-inset-bottom));margin-block: calc(var(--safe-area-inset-top) * -1) calc(var(--safe-area-inset-bottom) * -1);padding-block: var(--safe-area-inset-top) var(--safe-area-inset-bottom);border-radius: 0;--vaadin-border-radius: 0;--vaadin-border-radius-s: 0;--vaadin-border-radius-m: 0;--vaadin-border-radius-l: 0}.aura-view,.aura-view>*,.aura-view vaadin-app-layout,.aura-view vaadin-master-detail-layout,.aura-view vaadin-scroller{border-radius: 0}.aura-view>:not(header,footer,.aura-view-header,.aura-view-footer){flex: 1}.aura-view>*{--vaadin-scroller-padding-inline: var(--vaadin-padding-m)}.aura-view:not(:has(header,.aura-view-header))>vaadin-scroller{padding-top: var(--safe-area-inset-top)}.aura-view:not(:has(footer,.aura-view-footer))>vaadin-scroller{padding-bottom: var(--safe-area-inset-bottom)}.aura-view>:is(header,footer),:is(.aura-view-header,.aura-view-footer){align-items: center;display: flex;gap: var(--vaadin-gap-xs);padding: var(--vaadin-padding-m)}.aura-view>header,.aura-view-header,.aura-view[slot='navbar']>footer,.aura-view-footer[slot='navbar']{padding-top: max(var(--vaadin-padding-s),var(--safe-area-inset-top))}.aura-view[slot='navbar']>:is(header,footer),:is(.aura-view-header,.aura-view-footer)[slot='navbar'],.aura-view[slot='drawer']>header,.aura-view-header[slot='drawer']{margin-top: calc(var(--safe-area-inset-top) * -1)}.aura-view[slot='navbar']>:is(header,footer),:is(.aura-view-header,.aura-view-footer)[slot='navbar']{padding: var(--safe-area-inset-top) 0 0 0}.aura-view[slot='navbar']>footer,.aura-view-footer[slot='navbar']{margin-inline-start: auto}.aura-view:not([slot='navbar'])>footer,.aura-view-footer:not([slot='navbar']){padding-bottom: max(var(--vaadin-padding-m),var(--safe-area-inset-bottom))}.aura-view[slot='drawer']>footer,.aura-view-footer[slot='drawer']{margin-bottom: calc(var(--safe-area-inset-bottom) * -1)}:is(.aura-view>header,.aura-view-header) :is(h1,h2,h3,h4,h5,h6,.aura-view-heading){color: var(--vaadin-text-color);flex: 1;font-size: var(--aura-font-size-l);font-weight: var(--aura-font-weight-semibold);line-height: var(--aura-line-height-m);margin: 0;padding-block: round(var(--vaadin-padding-s) / 1.4 + var(--vaadin-button-border-width,1px),1px);&:first-child{padding-inline-start: var(--vaadin-padding-s)}&:last-child{padding-inline-end: var(--vaadin-padding-s)}}vaadin-app-layout:is([drawer-opened]:not([overlay]),:has(>[slot='navbar'] vaadin-drawer-toggle)) :is(.aura-view>header,.aura-view-header) vaadin-drawer-toggle:not([theme~='permanent']),vaadin-master-detail-layout:not([drawer],[stack]) [slot='detail'].aura-view>header mdl-back-button,vaadin-master-detail-layout:not([drawer],[stack]) [slot='detail'] .aura-view>header mdl-back-button{display: none;& + :is(h1,h2,h3,h4,h5,h6,.aura-view-heading){padding-inline-start: var(--vaadin-padding-s)}}.aura-view>.aura-view-header + vaadin-grid{&::part(first-column-cell){--vaadin-grid-cell-padding: var(--vaadin-padding-block-container) var(--vaadin-padding-inline-container) var(--vaadin-padding-block-container) calc(var(--vaadin-padding-s) + var(--vaadin-padding-m))}&::part(last-column-cell){--vaadin-grid-cell-padding: var(--vaadin-padding-block-container) var(--vaadin-padding-m) var(--vaadin-padding-block-container) var(--vaadin-padding-inline-container)}}.view-heading-accent{color: var(--aura-accent-text-color)}.aura-view-heading{display: flex;flex-direction: column;align-items: flex-start}.view-heading-ocr-title{margin-top: 4px;color: var(--vaadin-text-color-secondary);font-size: 0.75rem;font-weight: 500}.view-toolbar{--toolbar-control-size: 32px;--toolbar-control-radius: 8px;--toolbar-font-size: 12px;--toolbar-gap: 8px;width: 100%;min-width: 0;display: flex;align-items: center;box-sizing: border-box;backdrop-filter: blur(18px);-webkit-backdrop-filter: blur(18px);z-index: 10}.view-toolbar-inner{width: 100%;min-width: 0;display: flex;align-items: center;justify-content: flex-end;gap: var(--toolbar-gap);padding: 6px 10px;box-sizing: border-box}.view-toolbar-actions{flex: 0 0 auto;display: flex;align-items: center;gap: 4px;min-width: 0}.view-toolbar-upload{height: var(--toolbar-control-size);min-height: var(--toolbar-control-size);padding: 0 12px;border-radius: var(--toolbar-control-radius);font-size: var(--toolbar-font-size);font-weight: 600;white-space: nowrap;flex-shrink: 0;box-shadow: none}.view-toolbar-status-group{display: flex;align-items: center;gap: 2px;flex-shrink: 0}.view-toolbar-status-wrapper{position: relative;width: var(--toolbar-control-size);height: var(--toolbar-control-size);flex: 0 0 var(--toolbar-control-size);display: flex;align-items: center;justify-content: center}.view-toolbar-icon-button{width: var(--toolbar-control-size);height: var(--toolbar-control-size);padding: 0;border-radius: var(--toolbar-control-radius);color: var(--vaadin-text-color-secondary);flex-shrink: 0}.view-toolbar-icon-button:hover{background: var(--vaadin-background-container-hover);color: var(--vaadin-text-color)}.view-toolbar-logout{color: var(--vaadin-text-color-secondary)}.view-toolbar-logout:hover{color: var(--lumo-error-color,#d32f2f)}.view-toolbar-status-dot{position: absolute;top: 4px;right: 4px;width: 6px;height: 6px;border-radius: 50%;border: 2px solid var(--vaadin-background-container);pointer-events: none;box-sizing: content-box}.view-toolbar-status-dot.status-active{background: var(--vaadin-success-color);animation: toolbar-pulse 2s infinite}.view-toolbar-status-dot.status-error{background: var(--vaadin-error-color)}.view-toolbar-profile{display: flex;align-items: center;gap: 8px;padding-left: 10px;margin-left: 2px;border-left: 1px solid var(--vaadin-border-color-secondary);flex: 0 0 auto}.view-toolbar-profile vaadin-avatar{width: 28px;height: 28px;flex: 0 0 28px}.view-toolbar-profile-details{display: flex;flex-direction: column;gap: 1px;min-width: 96px}.view-toolbar-profile-name{font-size: 12px;line-height: 1.2;font-weight: 600;color: var(--vaadin-text-color)}.view-toolbar-profile-role{font-size: 10px;line-height: 1.2;color: var(--vaadin-text-color-secondary)}@keyframes toolbar-pulse{0%,100%{opacity: 1}50%{opacity: 0.4}}@media (max-width: 900px){.view-toolbar{--toolbar-control-size: 30px;--toolbar-gap: 6px}.view-toolbar-profile-details{display: none}.view-toolbar-profile{padding-left: 8px}}@media (max-width: 640px){.view-toolbar{--toolbar-control-size: 30px;--toolbar-control-radius: 7px;--toolbar-font-size: 11px;--toolbar-gap: 4px}.view-toolbar-inner{padding: 5px 8px}.view-toolbar-upload{width: var(--toolbar-control-size);min-width: var(--toolbar-control-size);max-width: var(--toolbar-control-size);padding: 0;color: var(--vaadin-primary-contrast-color);flex: 0 0 var(--toolbar-control-size);font-size: 0}.view-toolbar-upload::part(prefix){margin: 0}.view-toolbar-actions{gap: 2px}.view-toolbar-profile{padding-left: 6px;margin-left: 0}.view-toolbar-profile vaadin-avatar{width: 26px;height: 26px;flex-basis: 26px}}@media (max-width: 420px){.view-toolbar{--toolbar-control-size: 28px;--toolbar-gap: 3px}.view-toolbar-inner{padding: 4px 6px}.view-toolbar-profile{display: none}}.document-search-card{display: flex;align-items: center;gap: 16px;min-height: 64px;padding: 10px 12px;background: #ffffff;border-radius: 10px;cursor: pointer;transition: background 120ms ease,transform 120ms ease}.document-search-card:hover{background: #f5f7fa;transform: translateY(-1px)}.document-search-card-main{display: flex;flex-direction: column;gap: 3px;min-width: 0;flex: 1}.document-search-card-id{font-size: 13px;font-weight: 700;color: #172033}.document-search-card-vendor{font-size: 12px;color: #667085;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.document-search-card-type{font-size: 12px;color: #667085}.document-search-card-status{padding: 4px 8px;border-radius: 999px;font-size: 11px;font-weight: 600;background: #f1f3f5;color: #475467}.document-search-empty{padding: 24px;text-align: center;color: #667085;font-size: 13px;background: #ffffff}.view-toolbar-search{position: relative;flex: 1 1 420px;width: min(100%,520px);max-width: 520px;min-width: 280px}.view-toolbar-search-field::part(input-field){border-radius: 10px;background: color-mix(in oklab,var(--vaadin-text-color) 3.5%,var(--vaadin-background-container))}.view-toolbar-search-results{position: absolute;top: calc(100% + 6px);left: 0;right: 0;z-index: 60;padding: 6px;border: 1px solid var(--people-border);border-radius: 12px;background: var(--vaadin-background-container);box-shadow: 0 16px 36px light-dark(rgb(16 24 40 / 0.14),rgb(0 0 0 / 0.5))}.view-toolbar-search-results:not([hidden]){display: flex;flex-direction: column;gap: 2px}.view-toolbar-search-result{justify-content: flex-start;width: 100%;min-height: 30px;font-size: 12px;color: var(--vaadin-text-color)}.view-toolbar-search-result:hover{background: color-mix(in oklab,var(--vaadin-primary-color) 8%,transparent)}.view-toolbar-sync{display: inline-flex;align-items: center;gap: 6px;height: 28px;padding: 0 10px;border: 1px solid var(--people-positive-border);border-radius: 999px;background: var(--people-positive-soft);color: var(--people-positive);font-size: 10.5px;font-weight: 600;white-space: nowrap;flex: 0 0 auto}.view-toolbar-sync__dot{width: 6px;height: 6px;border-radius: 50%;background: #12b76a;box-shadow: 0 0 0 3px color-mix(in oklab,#12b76a 18%,transparent)}@media (max-width: 1100px){.view-toolbar-sync{display: none}.view-toolbar-search{max-width: 360px;min-width: 200px}}vaadin-card[theme~="no-frame"]{--vaadin-card-padding: 0px;--vaadin-card-background: transparent}vaadin-card[theme~="footer-end"]{--_footer: 0;grid-template-rows: repeat(var(--_content),auto) 1fr}vaadin-card[theme~="footer-end"]::part(footer){grid-column: -1;grid-row: 1 / span calc(var(--_header) + var(--_content));flex-direction: column;align-self: center}.theme-customizer{--vaadin-dialog-content-padding: 0;width: min(440px,92vw)}.theme-customizer-content{display: flex;flex-direction: column;gap: var(--vaadin-gap-m);padding: var(--vaadin-padding-l);max-height: 70vh;overflow: auto}.theme-customizer .section-title{font-size: var(--aura-font-size-xs);font-weight: var(--aura-font-weight-semibold);text-transform: uppercase;letter-spacing: 0.03em;color: var(--vaadin-text-color-secondary);margin-top: var(--vaadin-gap-s)}.theme-customizer .theme-field{display: flex;flex-direction: column;gap: var(--vaadin-gap-xs)}.theme-customizer .field-label{font-size: var(--aura-font-size-s);font-weight: var(--aura-font-weight-medium);color: var(--vaadin-text-color)}.theme-customizer .swatch-row{display: flex;flex-wrap: wrap;gap: 8px;padding-block: 4px}.theme-customizer .swatch{appearance: none;width: 26px;height: 26px;min-width: 26px;min-height: 26px;padding: 0;border: 1px solid var(--vaadin-border-color);border-radius: 8px;background: var(--swatch-color);box-shadow: none;cursor: pointer;transition: transform 120ms ease,box-shadow 120ms ease}.theme-customizer .swatch:hover{transform: scale(1.12)}.theme-customizer .swatch.selected{box-shadow: 0 0 0 2px var(--vaadin-background-color),0 0 0 4px var(--vaadin-primary-color)}.theme-customizer vaadin-select{width: 100%}.signin-page{--signin-brand-bg: #080d15;--signin-brand-fg: #f5f6fa;--signin-brand-muted: #f5f6fa;--signin-brand-subtle: #6b7a90;--signin-brand-accent: #8ab6ff;--signin-brand-line: rgb(255 255 255 / 0.08);--signin-brand-line-strong: rgb(255 255 255 / 0.15);--signin-radius: 14px;display: grid;grid-template-columns: minmax(0,1.3fr) minmax(0,0.7fr);min-height: 100vh;min-height: 100dvh;background: var(--vaadin-background-color);color: var(--vaadin-text-color);font-family: var(--aura-font-family)}.signin-page *,.signin-page *::before,.signin-page *::after{box-sizing: border-box}.signin-brand{position: relative;isolation: isolate;overflow: hidden;display: flex;padding: clamp(1.75rem,3.4vw,3.5rem);background: var(--signin-brand-bg);color: var(--signin-brand-fg)}.signin-brand::before{content: "";position: absolute;inset: 0;z-index: 0;pointer-events: none;background-image: linear-gradient(to right,var(--signin-brand-line) 1px,transparent 1px),linear-gradient(to bottom,var(--signin-brand-line) 1px,transparent 1px);background-size: 46px 46px;-webkit-mask-image: radial-gradient(120% 100% at 18% 8%,#000 30%,transparent 76%);mask-image: radial-gradient(120% 100% at 18% 8%,#000 30%,transparent 76%)}.signin-brand::after{content: "";position: absolute;z-index: 0;top: -18rem;left: -16rem;width: 44rem;height: 44rem;border-radius: 50%;background: radial-gradient(circle,rgb(74 144 255 / 0.22) 0%,rgb(56 189 248 / 0.08) 42%,transparent 68%);pointer-events: none}.brand-inner{position: relative;z-index: 1;display: flex;flex-direction: column;justify-content: space-between;gap: clamp(1.5rem,4vh,3rem);width: 100%;max-width: 34rem;min-height: 100%}.brand-top{display: flex;align-items: center;gap: 0.625rem}.brand-mark{display: inline-flex;align-items: center;justify-content: center;width: 2rem;height: 2rem;flex: 0 0 2rem;padding: 0.375rem;border: 1px solid var(--signin-brand-line-strong);border-radius: 9px;background: color-mix(in srgb,var(--signin-brand-accent) 14%,transparent);color: var(--signin-brand-accent)}.brand-name{font-size: 0.9375rem;font-weight: 600;letter-spacing: -0.015em;color: var(--signin-brand-fg)}.brand-badge{padding: 0.125rem 0.4375rem;border: 1px solid var(--signin-brand-line-strong);border-radius: 999px;font-size: 0.5625rem;font-weight: 500;letter-spacing: 0.14em;color: var(--signin-brand-muted)}.brand-eyebrow{margin: 0 0 0.75rem;font-size: 0.625rem;font-weight: 500;letter-spacing: 0.16em;text-transform: uppercase;color: var(--signin-brand-accent)}.brand-headline{max-width: 21ch;margin: 0 0 1rem;font-size: clamp(1.6rem,1.05rem + 1.35vw,2.35rem);font-weight: 600;line-height: 1.16;letter-spacing: -0.035em;color: var(--signin-brand-fg);text-wrap: balance}.brand-headline__accent{color: var(--signin-brand-accent)}.brand-lede{max-width: 43ch;margin: 0 0 1.75rem;font-size: 0.8125rem;line-height: 1.65;color: var(--signin-brand-muted)}.brand-features{display: grid;gap: 0.875rem;max-width: 29rem}.brand-feature{display: flex;align-items: flex-start;gap: 0.75rem}.brand-feature__icon{display: inline-flex;align-items: center;justify-content: center;width: 1.75rem;height: 1.75rem;flex: 0 0 1.75rem;padding: 0.375rem;border: 1px solid var(--signin-brand-line);border-radius: 8px;background: var(--signin-brand-line);color: var(--signin-brand-accent)}.brand-feature__text{display: flex;flex-direction: column;gap: 0.125rem;min-width: 0}.brand-feature__title{font-size: 0.75rem;font-weight: 600;color: var(--signin-brand-fg)}.brand-feature__desc{font-size: 0.6875rem;line-height: 1.55;color: var(--signin-brand-muted)}.brand-foot{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: 0.75rem;padding-top: 1rem;border-top: 1px solid var(--signin-brand-line);font-size: 0.625rem;letter-spacing: 0.02em;color: var(--signin-brand-subtle)}.brand-status{display: inline-flex;align-items: center;gap: 0.5rem;color: var(--signin-brand-muted)}.brand-status__dot{position: relative;display: inline-block;width: 6px;height: 6px;border-radius: 50%;background: var(--aura-green,#34d399);box-shadow: 0 0 0 3px rgb(52 211 153 / 0.14)}.brand-status__dot::after{content: "";position: absolute;inset: -3px;border: 1px solid color-mix(in srgb,var(--aura-green,#34d399) 45%,transparent);border-radius: 50%;animation: signin-pulse 2.6s ease-out infinite}.brand-version{color: var(--signin-brand-subtle)}.brand-art{position: absolute;z-index: 0;right: clamp(-7rem,-4vw,-2.5rem);bottom: clamp(-7rem,-4vw,-2.5rem);width: clamp(17rem,25vw,25rem);height: clamp(21rem,31vw,31rem);pointer-events: none;opacity: 0.62;transform: rotate(-8deg)}.brand-art__sheet{position: absolute;inset: 0;overflow: hidden;border: 1px solid var(--signin-brand-line-strong);border-radius: 18px;padding: 1.75rem;background: linear-gradient(155deg,rgb(255 255 255 / 0.08),rgb(255 255 255 / 0.012) 58%),var(--signin-brand-bg);box-shadow: 0 32px 80px -34px rgb(0 0 0 / 0.85)}.brand-art__sheet--back{transform: translate(2.25rem,2.25rem) rotate(6deg);opacity: 0.5}.brand-art__sheet--front{display: flex;flex-direction: column;gap: 1rem}.brand-art__bar{width: 44%;height: 0.5rem;border-radius: 999px;background: color-mix(in srgb,var(--signin-brand-accent) 70%,transparent)}.brand-art__line{height: 0.375rem;border-radius: 999px;background: var(--signin-brand-line-strong)}.brand-art__line--long{width: 100%}.brand-art__line--mid{width: 82%}.brand-art__line--short{width: 63%}.brand-art__chips{display: flex;flex-wrap: wrap;gap: 0.5rem;margin-top: auto}.brand-art__chip{padding: 0.25rem 0.5rem;border: 1px solid var(--signin-brand-line-strong);border-radius: 999px;font-size: 0.5625rem;letter-spacing: 0.1em;color: var(--signin-brand-muted)}.brand-art__scan{position: absolute;inset-inline: -20%;top: 16%;height: 1px;background: linear-gradient(90deg,transparent,var(--signin-brand-accent) 35%,var(--signin-brand-accent) 65%,transparent);box-shadow: 0 0 26px 2px color-mix(in srgb,var(--signin-brand-accent) 45%,transparent);animation: signin-scan 7s ease-in-out infinite}.signin-panel{position: relative;display: grid;place-items: center;padding: clamp(1.25rem,3vw,3rem);background: radial-gradient(58rem 38rem at 108% -12%,color-mix(in srgb,var(--aura-accent-color) 8%,transparent),transparent 62%),var(--vaadin-background-color)}.signin-panel__top{position: absolute;z-index: 2;top: clamp(0.75rem,2vw,1.5rem);right: clamp(0.75rem,2vw,1.5rem);display: flex;align-items: center;gap: 0.25rem}.signin-icon-button{color: var(--vaadin-text-color-secondary);border-radius: var(--vaadin-radius-m)}.signin-icon-button:hover{color: var(--vaadin-text-color);background: var(--vaadin-background-container)}.signin-card{display: flex;flex-direction: column;width: min(100%,24.5rem);padding: clamp(1.5rem,3vw,2.25rem);border: 1px solid var(--vaadin-border-color-secondary);border-radius: var(--signin-radius);background: linear-gradient( light-dark(rgb(255 255 255 / 0.72),rgb(255 255 255 / 0.055)),light-dark(rgb(255 255 255 / 0.72),rgb(255 255 255 / 0.055))),var(--vaadin-background-color);box-shadow: var(--aura-shadow-m,0 16px 48px -24px rgb(15 23 42 / 0.35));animation: signin-rise 0.45s cubic-bezier(0.2,0.7,0.2,1) both}.signin-head{display: flex;align-items: center;flex-wrap: wrap;gap: 0.5rem;margin-bottom: 1.5rem}.signin-head__mark{display: inline-flex;align-items: center;justify-content: center;width: 1.5rem;height: 1.5rem;flex: 0 0 1.5rem;color: var(--aura-accent-text-color)}.signin-head__name{font-size: 0.8125rem;font-weight: 600;letter-spacing: -0.01em;color: var(--vaadin-text-color)}.signin-workspace{display: inline-flex;align-items: center;gap: 0.375rem;max-width: 12.5rem;min-width: 0;margin-inline-start: auto;padding: 0.25rem 0.5rem;border: 1px solid var(--vaadin-border-color-secondary);border-radius: 999px;background: var(--vaadin-background-color);color: var(--vaadin-text-color-secondary)}.signin-workspace vaadin-icon{width: 0.875rem;height: 0.875rem;flex: 0 0 0.875rem;color: var(--aura-accent-text-color)}.signin-workspace span{overflow: hidden;font-size: 0.625rem;line-height: 1.4;text-overflow: ellipsis;white-space: nowrap}.signin-title{margin: 0 0 0.375rem;font-size: clamp(1.5rem,1.2rem + 0.8vw,1.875rem);font-weight: 600;line-height: 1.15;letter-spacing: -0.035em;color: var(--vaadin-text-color)}.signin-subtitle{margin: 0 0 1.5rem;font-size: 0.8125rem;line-height: 1.6;color: var(--vaadin-text-color-secondary)}.signin-notice{display: flex;align-items: flex-start;gap: 0.625rem;margin: 0 0 1rem;padding: 0.75rem 0.875rem;border: 1px solid transparent;border-radius: var(--vaadin-radius-m);font-size: 0.75rem;line-height: 1.5}.signin-notice:empty{position: absolute;width: 1px;height: 1px;margin: -1px;padding: 0;overflow: hidden;border: 0;clip-path: inset(50%)}.signin-notice__icon{width: 1rem;height: 1rem;flex: 0 0 1rem;margin-top: 0.0625rem}.signin-notice__icon vaadin-icon{width: 100%;height: 100%;color: currentColor}.signin-notice__body{min-width: 0}.signin-notice__title{display: block;font-weight: 600}.signin-notice__message{display: block;opacity: 0.9}.signin-notice--success{color: var(--aura-green-text,#15803d);background: color-mix(in srgb,var(--aura-green,#22c55e) 10%,transparent);border-color: color-mix(in srgb,var(--aura-green,#22c55e) 28%,transparent)}.signin-notice--warning{color: var(--aura-yellow-text,#a16207);background: color-mix(in srgb,var(--aura-yellow,#eab308) 12%,transparent);border-color: color-mix(in srgb,var(--aura-yellow,#eab308) 30%,transparent)}.signin-notice--info{color: var(--aura-accent-text-color);background: color-mix(in srgb,var(--aura-accent-color) 10%,transparent);border-color: color-mix(in srgb,var(--aura-accent-color) 26%,transparent)}.signin-login{width: 100%;--vaadin-login-form-width: 100%;--vaadin-login-form-padding: 0;--vaadin-login-form-background: transparent;--vaadin-login-form-gap: 0.875rem;--vaadin-input-field-background: var(--vaadin-background-color);--vaadin-input-field-label-color: var(--vaadin-text-color-secondary);--vaadin-input-field-value-color: var(--vaadin-text-color);--vaadin-input-field-border-color: var(--vaadin-border-color-secondary);--vaadin-input-field-focus-ring-color: var(--vaadin-focus-ring-color)}.signin-login::part(form){width: 100%}.signin-login::part(form-title){position: absolute;width: 1px;height: 1px;margin: -1px;padding: 0;overflow: hidden;white-space: nowrap;border: 0;clip-path: inset(50%)}.signin-login>form{width: 100%}.signin-login vaadin-text-field,.signin-login vaadin-password-field{width: 100%;--vaadin-input-field-height: 2.75rem}.signin-login vaadin-text-field::part(input-field),.signin-login vaadin-password-field::part(input-field){border: 1px solid var(--vaadin-border-color-secondary);border-radius: var(--vaadin-radius-m);background: var(--vaadin-background-color);box-shadow: none;transition: border-color 120ms ease,box-shadow 120ms ease}.signin-login vaadin-text-field::part(input-field):focus-within,.signin-login vaadin-password-field::part(input-field):focus-within{border-color: var(--vaadin-focus-ring-color);box-shadow: 0 0 0 3px color-mix(in srgb,var(--vaadin-focus-ring-color) 16%,transparent)}.signin-login>vaadin-button[slot="submit"]{width: 100%;height: 2.75rem;margin-top: 0.25rem;border-radius: var(--vaadin-radius-m);font-weight: 600}.signin-login>vaadin-button[slot="forgot-password"]{align-self: flex-end;min-height: 1.5rem;height: auto;margin-top: -0.25rem;padding: 0;font-size: var(--aura-font-size-s);--vaadin-button-background: transparent;--vaadin-button-border-color: transparent;--vaadin-button-shadow: none;--vaadin-button-text-color: var(--aura-accent-text-color);--vaadin-button-font-weight: 500}.signin-login>vaadin-button[slot="forgot-password"]:hover{--vaadin-button-text-color: var(--vaadin-text-color)}.signin-login::part(error-message){margin: 0;padding: 0.75rem;border: 1px solid color-mix(in srgb,var(--aura-red) 30%,transparent);border-radius: var(--vaadin-radius-m);background: color-mix(in srgb,var(--aura-red) 12%,transparent);color: var(--aura-red-text);font-size: var(--aura-font-size-s);line-height: 1.5}.signin-login::part(error-message-title){font-weight: 600}.signin-support{margin: 1.25rem 0 0;padding-top: 1rem;border-top: 1px solid var(--vaadin-border-color-secondary);font-size: 0.75rem;line-height: 1.55;color: var(--vaadin-text-color-secondary)}.signin-support a{color: var(--aura-accent-text-color);font-weight: 500;text-decoration: none}.signin-support a:hover{text-decoration: underline;text-underline-offset: 2px}.signin-meta{display: flex;align-items: center;justify-content: space-between;gap: 0.75rem;margin-top: 0.625rem;font-size: 0.625rem;letter-spacing: 0.01em;color: var(--vaadin-text-color-secondary)}.signin-legal,.signin-version{opacity: 0.8}.signin-dialog{width: min(30rem,92vw);--vaadin-dialog-max-width: min(30rem,92vw);--vaadin-dialog-min-width: min(22rem,92vw)}.signin-dialog__content{display: flex;flex-direction: column;gap: 0.75rem}.signin-dialog__text{margin: 0;font-size: 0.8125rem;line-height: 1.6;color: var(--vaadin-text-color-secondary)}.signin-dialog__list{display: grid;gap: 0.5rem;margin: 0.125rem 0 0;padding-inline-start: 1.125rem;font-size: 0.75rem;line-height: 1.55;color: var(--vaadin-text-color-secondary)}.signin-dialog__primary{display: inline-flex;align-items: center;justify-content: center;min-height: 2.25rem;padding: 0 0.875rem;border-radius: var(--vaadin-radius-m);background: var(--aura-accent-color);color: var(--aura-accent-contrast-color);font-size: 0.8125rem;font-weight: 600;text-decoration: none;transition: filter 120ms ease}.signin-dialog__primary:hover{filter: brightness(1.06)}.brand-mark vaadin-icon,.signin-head__mark vaadin-icon,.brand-feature__icon vaadin-icon{width: 100%;height: 100%;color: currentColor}@media (max-width: 1080px){.signin-page{grid-template-columns: minmax(0,1fr);grid-template-rows: auto 1fr}.signin-brand{padding: 1rem 1.25rem}.brand-inner{min-height: 0;max-width: none}.brand-body,.brand-foot,.brand-art{display: none}.signin-panel{min-height: 60vh;padding-block: 4.5rem 2rem}}@media (max-width: 720px){.signin-panel{min-height: 0;place-items: center;padding: 2rem 1rem 1.5rem}.signin-card{width: 100%;padding: 1.5rem 1.25rem}}@media (max-width: 460px){.signin-brand{padding: 0.875rem 1rem}.signin-panel{padding: 2rem 0.75rem 1rem}.signin-card{padding: 1.25rem 1rem;border-radius: 12px}.signin-head{margin-bottom: 1.25rem}.signin-title{font-size: 1.5rem}.signin-workspace{max-width: 9.5rem}.signin-meta{flex-direction: column;align-items: flex-start;gap: 0.25rem}}@keyframes signin-rise{from{opacity: 0;transform: translateY(14px)}to{opacity: 1;transform: translateY(0)}}@keyframes signin-scan{0%{top: 16%;opacity: 0}12%{opacity: 0.85}55%{top: 82%;opacity: 0.85}70%{top: 82%;opacity: 0}100%{top: 82%;opacity: 0}}@keyframes signin-pulse{0%{opacity: 0.9;transform: scale(0.8)}70%{opacity: 0;transform: scale(1.9)}100%{opacity: 0;transform: scale(1.9)}}@media (prefers-reduced-motion: reduce){.signin-card{animation: none}.brand-art__scan,.brand-status__dot::after{animation: none;opacity: 0}.signin-page *,.signin-page *::before,.signin-page *::after{transition-duration: 0.01ms !important}}.signin-notice--error{color: var(--aura-red-text,#b91c1c);background: color-mix(in srgb,var(--aura-red,#dc2626) 12%,transparent);border-color: color-mix(in srgb,var(--aura-red,#dc2626) 30%,transparent)}.signin-form{display: flex;flex-direction: column;gap: 0.625rem;margin: 0}.signin-field{display: flex;flex-direction: column;gap: 0.25rem}.signin-field__label{font-size: 0.6875rem;font-weight: 500;color: var(--vaadin-text-color-secondary)}.signin-field__input{width: 100%;height: 2rem;padding: 0 0.625rem;border: 1px solid var(--vaadin-border-color-secondary);border-radius: var(--vaadin-radius-m);background: var(--vaadin-background-color);color: var(--vaadin-text-color);font-family: inherit;font-size: 0.8125rem;box-shadow: none;transition: border-color 120ms ease,box-shadow 120ms ease}.signin-field__input::placeholder{color: var(--vaadin-text-color-secondary);opacity: 0.7}.signin-field__input:focus{outline: none;border-color: var(--vaadin-focus-ring-color);box-shadow: 0 0 0 3px color-mix(in srgb,var(--vaadin-focus-ring-color) 16%,transparent)}.signin-submit{width: 100%;height: 2.125rem;margin-top: 0.125rem;border: 1px solid transparent;border-radius: var(--vaadin-radius-m);background: var(--aura-accent-color);color: var(--aura-accent-contrast-color);font-family: inherit;font-size: 0.8125rem;font-weight: 600;cursor: pointer;transition: filter 120ms ease,box-shadow 120ms ease}.signin-submit:hover{filter: brightness(1.05);box-shadow: var(--aura-shadow-s,0 2px 5px -1px rgb(15 23 42 / 0.25))}.signin-submit:focus-visible{outline: 2px solid var(--aura-accent-color);outline-offset: 2px}.signin-forgot{align-self: flex-end;margin-top: 0.125rem;padding: 0;color: var(--aura-accent-text-color);font-size: var(--aura-font-size-s,0.75rem)}.signin-sso-block{display: flex;flex-direction: column;gap: 0.75rem;margin: 0.25rem 0 0.5rem}.signin-sso{display: flex;align-items: center;justify-content: center;padding: 0.7rem 1rem;border: 1px solid var(--vaadin-border-color-secondary);border-radius: 10px;background: color-mix(in oklab,var(--aura-accent-color) 6%,transparent);color: var(--vaadin-text-color);font-weight: 600;text-decoration: none}.signin-sso:hover{border-color: var(--aura-accent-color)}.signin-sso-workspace{font-family: var(--landing-mono);font-size: 8.5px;font-weight: 600;letter-spacing: 0.08em;text-transform: uppercase;color: var(--vaadin-text-color-secondary);text-align: center}.signin-sso-select{width: 100%}.signin-sso__divider{display: flex;align-items: center;gap: 0.6rem;font-size: 0.6875rem;letter-spacing: 0.08em;text-transform: uppercase;color: var(--vaadin-text-color-secondary)}.signin-sso__divider::before,.signin-sso__divider::after{content: "";flex: 1;height: 1px;background: var(--vaadin-border-color-secondary)}.landing-page{min-height: 100vh;min-height: 100dvh;background: var(--vaadin-background-color);color: var(--vaadin-text-color);font-family: var(--aura-font-family);overflow-x: hidden}.landing-page *,.landing-page *::before,.landing-page *::after{box-sizing: border-box}.landing-page h1,.landing-page h2,.landing-page h3,.landing-page p{margin: 0}.landing-hero__eyebrow,.landing-stat__value,.landing-preview__title,.landing-preview__url,.landing-preview__status,.landing-preview__stat-value,.landing-preview__stat-label,.landing-platform__eyebrow,.landing-platform__live-label,.landing-platform__row-value,.landing-trust__label,.landing-trust__logo,.landing-step__index,.landing-footer__column-title{font-family: var(--landing-mono);font-variant-numeric: tabular-nums}.landing-header{position: sticky;top: 0;z-index: 50;border-bottom: 1px solid var(--vaadin-border-color-secondary);background: color-mix(in srgb,var(--vaadin-background-color) 82%,transparent);backdrop-filter: blur(14px);-webkit-backdrop-filter: blur(14px)}.landing-header__inner{display: flex;align-items: center;justify-content: space-between;gap: 1rem;max-width: 78rem;margin-inline: auto;padding: 0.875rem clamp(1.25rem,5vw,3rem)}.landing-header__brand{display: inline-flex;align-items: center;gap: 0.625rem;font-weight: 600;letter-spacing: -0.015em;color: var(--vaadin-text-color)}.landing-header__brand vaadin-icon{width: 2rem;height: 2rem;padding: 0.5rem;box-sizing: border-box;border: 1px solid var(--vaadin-border-color-secondary);border-radius: 9px;background: color-mix(in srgb,var(--aura-accent-color) 10%,transparent);color: var(--aura-accent-text-color)}.landing-header__nav{display: flex;align-items: center;gap: clamp(0.75rem,2vw,1.75rem)}.landing-header__menu{font-size: var(--aura-font-size-s);--vaadin-menubar-gap: clamp(0.5rem,1.5vw,1.25rem)}.landing-header__menu vaadin-menu-bar-button{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}.landing-header__menu vaadin-menu-bar-button:hover{color: var(--vaadin-text-color)}.landing-header__actions{display: flex;align-items: center;gap: 0.5rem}.landing-header__toggle{width: 2rem;height: 2rem;color: var(--vaadin-text-color-secondary);border-radius: var(--vaadin-radius-m);flex-shrink: 0}.landing-header__toggle:hover{color: var(--vaadin-text-color);background: var(--vaadin-background-container)}.landing-hero{position: relative;display: grid;grid-template-columns: minmax(0,1fr) minmax(0,1.05fr);align-items: center;gap: clamp(2rem,5vw,4.5rem);max-width: 78rem;margin-inline: auto;padding: clamp(3rem,7vw,6rem) clamp(1.25rem,5vw,3rem);isolation: isolate;overflow: hidden}.landing-hero::before{content: "";position: absolute;inset: 0;z-index: -2;pointer-events: none;background-image: linear-gradient(to right,color-mix(in srgb,var(--vaadin-border-color-secondary) 60%,transparent) 1px,transparent 1px),linear-gradient(to bottom,color-mix(in srgb,var(--vaadin-border-color-secondary) 60%,transparent) 1px,transparent 1px);background-size: 56px 56px;-webkit-mask-image: radial-gradient(70% 60% at 30% 20%,#000 20%,transparent 75%);mask-image: radial-gradient(70% 60% at 30% 20%,#000 20%,transparent 75%)}.landing-hero::after{content: "";position: absolute;z-index: -1;top: -18rem;right: -14rem;width: 44rem;height: 44rem;border-radius: 50%;background: radial-gradient(circle,color-mix(in srgb,var(--aura-accent-color) 22%,transparent) 0%,color-mix(in srgb,var(--aura-accent-color) 6%,transparent) 40%,transparent 68%);pointer-events: none}.landing-hero__copy{display: flex;flex-direction: column;gap: 0;min-width: 0}.landing-hero__badge{display: inline-flex;align-items: center;gap: 0.5rem;align-self: flex-start;margin-bottom: 1.25rem;padding: 0.3125rem 0.75rem 0.3125rem 0.625rem;border: 1px solid var(--vaadin-border-color-secondary);border-radius: 999px;background: color-mix(in srgb,var(--vaadin-background-color) 60%,transparent)}.landing-hero__dot{position: relative;display: inline-block;width: 6px;height: 6px;border-radius: 50%;background: var(--aura-accent-color);box-shadow: 0 0 0 3px color-mix(in srgb,var(--aura-accent-color) 18%,transparent)}.landing-hero__dot::after{content: "";position: absolute;inset: -3px;border: 1px solid color-mix(in srgb,var(--aura-accent-color) 45%,transparent);border-radius: 50%;animation: landing-pulse 2.6s ease-out infinite}.landing-hero__eyebrow{font-size: 0.6875rem;font-weight: 500;letter-spacing: 0.14em;text-transform: uppercase;color: var(--aura-accent-text-color)}.landing-hero__title{max-width: 18ch;margin-bottom: 1.25rem;font-size: clamp(2.25rem,1.5rem + 2.6vw,3.75rem);font-weight: 600;line-height: 1.04;letter-spacing: -0.035em;color: var(--vaadin-text-color);text-wrap: balance}.landing-accent{color: var(--aura-accent-text-color)}.landing-hero__lede{max-width: 52ch;margin-bottom: 1.75rem;font-size: 1rem;line-height: 1.65;color: var(--vaadin-text-color-secondary)}.landing-hero__ctas{display: flex;align-items: center;flex-wrap: wrap;gap: 0.75rem}.landing-hero__secondary{display: inline-flex;align-items: center;padding: 0.5rem 0.875rem;font-size: var(--aura-font-size-s);font-weight: 500;color: var(--vaadin-text-color-secondary);text-decoration: none;border: 1px solid var(--vaadin-border-color-secondary);border-radius: var(--vaadin-radius-m,8px);transition: color 120ms ease,border-color 120ms ease}.landing-hero__secondary:hover{color: var(--vaadin-text-color);border-color: var(--vaadin-border-color)}.landing-preview{position: relative;isolation: isolate;display: flex;flex-direction: column;border: 1px solid var(--vaadin-border-color-secondary);border-radius: 16px;background: linear-gradient( light-dark(rgb(255 255 255 / 0.82),rgb(255 255 255 / 0.055)),light-dark(rgb(255 255 255 / 0.82),rgb(255 255 255 / 0.055))),var(--vaadin-background-color);box-shadow: 0 40px 80px -40px color-mix(in srgb,var(--aura-accent-color) 32%,transparent),0 24px 48px -32px rgb(15 23 42 / 0.28);overflow: hidden}.landing-preview::before{content: "";position: absolute;inset: -30%;z-index: -1;background: radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--aura-accent-color) 20%,transparent),transparent 60%);filter: blur(48px);pointer-events: none}.landing-preview__chrome{display: flex;align-items: center;gap: 0.625rem;padding: 0.625rem 0.875rem;border-bottom: 1px solid var(--vaadin-border-color-secondary);background: color-mix(in srgb,var(--vaadin-background-color) 60%,transparent)}.landing-preview__dot{display: inline-block;width: 8px;height: 8px;border-radius: 50%;background: color-mix(in srgb,var(--vaadin-text-color-secondary) 40%,transparent)}.landing-preview__dot:first-child{background: #ef4444}.landing-preview__dot:nth-child(2){background: #f59e0b}.landing-preview__dot:nth-child(3){background: #22c55e}.landing-preview__url{margin-left: 0.5rem;padding: 0.25rem 0.625rem;font-size: 0.6875rem;color: var(--vaadin-text-color-secondary);border-radius: 999px;background: color-mix(in srgb,var(--vaadin-text-color) 5%,transparent);white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.landing-preview__head{display: flex;align-items: center;justify-content: space-between;gap: 1rem;padding: 1.125rem 1.25rem 0.5rem}.landing-preview__title{font-size: 0.9375rem;font-weight: 600;letter-spacing: -0.01em;color: var(--vaadin-text-color)}.landing-preview__status{display: inline-flex;align-items: center;padding: 0.1875rem 0.5rem;font-size: 0.625rem;font-weight: 600;letter-spacing: 0.06em;text-transform: uppercase;color: color-mix(in srgb,var(--aura-green,#22c55e) 90%,var(--vaadin-text-color));background: color-mix(in srgb,var(--aura-green,#22c55e) 14%,transparent);border: 1px solid color-mix(in srgb,var(--aura-green,#22c55e) 30%,transparent);border-radius: 999px}.landing-preview__stats{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 0.5rem;padding: 0.5rem 1.25rem 1rem}.landing-preview__stat{display: flex;flex-direction: column;gap: 0.125rem;padding: 0.625rem 0.75rem;border: 1px solid var(--vaadin-border-color-secondary);border-radius: 10px;background: color-mix(in srgb,var(--vaadin-background-color) 50%,transparent)}.landing-preview__stat-value{font-size: 0.9375rem;font-weight: 600;letter-spacing: -0.015em;color: var(--vaadin-text-color)}.landing-preview__stat-label{font-size: 0.625rem;letter-spacing: 0.06em;text-transform: uppercase;color: var(--vaadin-text-color-secondary)}.landing-preview__chart{padding: 0 1.25rem 1.25rem}.landing-preview__chart>div{display: flex;align-items: flex-end;gap: 4px;height: 88px;padding: 0.5rem 0.625rem;border: 1px solid var(--vaadin-border-color-secondary);border-radius: 10px;background: color-mix(in srgb,var(--vaadin-background-color) 50%,transparent)}.landing-preview__bar{flex: 1 1 0;min-width: 4px;height: calc(var(--h,0.5) * 100%);border-radius: 3px 3px 1px 1px;background: linear-gradient( to top,color-mix(in srgb,var(--aura-accent-color) 40%,transparent),var(--aura-accent-color));animation: landing-bar-rise 800ms cubic-bezier(0.2,0.7,0.2,1) both;transform-origin: bottom}.landing-preview__bar:nth-child(2){animation-delay: 50ms}.landing-preview__bar:nth-child(3){animation-delay: 100ms}.landing-preview__bar:nth-child(4){animation-delay: 150ms}.landing-preview__bar:nth-child(5){animation-delay: 200ms}.landing-preview__bar:nth-child(6){animation-delay: 250ms}.landing-preview__bar:nth-child(7){animation-delay: 300ms}.landing-preview__bar:nth-child(8){animation-delay: 350ms}.landing-trust{display: flex;flex-direction: column;align-items: center;gap: 1rem;padding: 1.25rem clamp(1.25rem,4vw,3rem) 2.5rem;border-top: 1px solid var(--vaadin-border-color-secondary);border-bottom: 1px solid var(--vaadin-border-color-secondary)}.landing-trust__label{font-size: 0.625rem;letter-spacing: 0.16em;text-transform: uppercase;color: var(--vaadin-text-color-secondary)}.landing-trust__logos{display: flex;align-items: center;justify-content: center;flex-wrap: wrap;gap: clamp(1.25rem,4vw,3rem)}.landing-trust__logo{font-size: 0.8125rem;font-weight: 600;letter-spacing: 0.18em;color: var(--vaadin-text-color-secondary);opacity: 0.55;transition: opacity 120ms ease}.landing-trust__logo:hover{opacity: 0.85}.landing-stats{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 1rem;max-width: 78rem;margin-inline: auto;padding: clamp(1.5rem,3vw,2.25rem) clamp(1.25rem,5vw,3rem);border-bottom: 1px solid var(--vaadin-border-color-secondary)}.landing-stat{display: flex;flex-direction: column;gap: 0.25rem;text-align: center}.landing-stat__value{font-size: clamp(1.25rem,1rem + 1vw,1.75rem);font-weight: 600;letter-spacing: -0.02em;color: var(--vaadin-text-color)}.landing-stat__label{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}.landing-section{max-width: 78rem;margin-inline: auto;padding: clamp(2.5rem,6vw,5rem) clamp(1.25rem,5vw,3rem)}.landing-section[id]{scroll-margin-top: 5rem}.landing-section__heading{margin: 0 0 0.75rem;text-align: center;font-size: clamp(1.5rem,1.1rem + 1vw,2rem);font-weight: 600;letter-spacing: -0.025em;color: var(--vaadin-text-color);text-wrap: balance}.landing-section__sub{max-width: 52ch;margin: 0 auto 2.5rem;text-align: center;font-size: var(--aura-font-size-s);line-height: 1.6;color: var(--vaadin-text-color-secondary)}.landing-modules{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 1rem}.landing-module{display: flex;flex-direction: column;gap: 0.75rem;padding: 1.25rem;border: 1px solid var(--vaadin-border-color-secondary);border-radius: 14px;background: linear-gradient( light-dark(rgb(255 255 255 / 0.72),rgb(255 255 255 / 0.045)),light-dark(rgb(255 255 255 / 0.72),rgb(255 255 255 / 0.045))),var(--vaadin-background-color);transition: transform 160ms ease,border-color 160ms ease,box-shadow 160ms ease}.landing-module:hover{transform: translateY(-2px);border-color: color-mix(in srgb,var(--aura-accent-color) 35%,var(--vaadin-border-color-secondary));box-shadow: 0 16px 40px -24px color-mix(in srgb,var(--aura-accent-color) 45%,transparent)}.landing-module__icon{display: inline-flex;align-items: center;justify-content: center;width: 2rem;height: 2rem;padding: 0.5rem;border: 1px solid var(--vaadin-border-color-secondary);border-radius: 9px;color: var(--aura-accent-text-color)}.landing-module__icon vaadin-icon{width: 100%;height: 100%;color: currentColor}.landing-module__title{font-size: 0.9375rem;font-weight: 600;letter-spacing: -0.01em;color: var(--vaadin-text-color)}.landing-module__copy{font-size: var(--aura-font-size-s);line-height: 1.55;color: var(--vaadin-text-color-secondary)}.landing-bento{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 1rem}.landing-bento__card{display: flex;flex-direction: column;gap: 0.75rem;padding: 1.5rem;border: 1px solid var(--vaadin-border-color-secondary);border-radius: 16px;background: radial-gradient(28rem 18rem at 0% 100%,color-mix(in srgb,var(--aura-accent-color) 7%,transparent),transparent 60%),linear-gradient( light-dark(rgb(255 255 255 / 0.72),rgb(255 255 255 / 0.045)),light-dark(rgb(255 255 255 / 0.72),rgb(255 255 255 / 0.045))),var(--vaadin-background-color);transition: transform 160ms ease,border-color 160ms ease}.landing-bento__card:hover{transform: translateY(-2px);border-color: color-mix(in srgb,var(--aura-accent-color) 35%,var(--vaadin-border-color-secondary))}.landing-bento__card--wide{grid-column: span 2}.landing-bento__icon{display: inline-flex;align-items: center;justify-content: center;width: 2.25rem;height: 2.25rem;padding: 0.5625rem;border: 1px solid var(--vaadin-border-color-secondary);border-radius: 10px;color: var(--aura-accent-text-color)}.landing-bento__icon vaadin-icon{width: 100%;height: 100%;color: currentColor}.landing-bento__title{font-size: 1rem;font-weight: 600;letter-spacing: -0.01em;color: var(--vaadin-text-color)}.landing-bento__copy{font-size: var(--aura-font-size-s);line-height: 1.6;color: var(--vaadin-text-color-secondary)}.landing-workflow{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 1rem}.landing-step{display: flex;flex-direction: column;gap: 0.5rem;padding: 1.5rem 1.25rem;border: 1px solid var(--vaadin-border-color-secondary);border-radius: 14px}.landing-step__index{font-size: 0.75rem;font-weight: 600;letter-spacing: 0.14em;color: var(--aura-accent-text-color)}.landing-step__title{font-size: 1rem;font-weight: 600;color: var(--vaadin-text-color)}.landing-step__copy{font-size: var(--aura-font-size-s);line-height: 1.55;color: var(--vaadin-text-color-secondary)}.landing-platform{display: grid;grid-template-columns: minmax(0,1.15fr) minmax(0,1fr);gap: clamp(2rem,5vw,4rem);align-items: center;max-width: 78rem;margin-inline: auto;padding: clamp(2.5rem,6vw,5rem) clamp(1.25rem,5vw,3rem);border-top: 1px solid var(--vaadin-border-color-secondary);scroll-margin-top: 5rem}.landing-platform__copy{display: flex;flex-direction: column;gap: 0.75rem}.landing-platform__eyebrow{font-size: 0.6875rem;font-weight: 500;letter-spacing: 0.16em;text-transform: uppercase;color: var(--aura-accent-text-color)}.landing-platform__title{font-size: clamp(1.5rem,1.1rem + 1vw,2rem);font-weight: 600;line-height: 1.15;letter-spacing: -0.025em;color: var(--vaadin-text-color);text-wrap: balance}.landing-platform__lede{max-width: 48ch;font-size: var(--aura-font-size-s);line-height: 1.65;color: var(--vaadin-text-color-secondary)}.landing-platform__list{display: flex;flex-direction: column;gap: 0.625rem;margin-top: 0.5rem}.landing-platform__item{display: flex;align-items: flex-start;gap: 0.625rem;font-size: var(--aura-font-size-s);line-height: 1.5;color: var(--vaadin-text-color-secondary)}.landing-platform__tick{flex: 0 0 auto;width: 1rem;line-height: 1.5;font-size: 0.875rem;font-weight: 700;color: var(--aura-accent-text-color)}.landing-platform__panel{display: flex;flex-direction: column;padding: 0.75rem 1.25rem 0.5rem;border: 1px solid var(--vaadin-border-color-secondary);border-radius: 14px;background: linear-gradient( light-dark(rgb(255 255 255 / 0.72),rgb(255 255 255 / 0.045)),light-dark(rgb(255 255 255 / 0.72),rgb(255 255 255 / 0.045))),var(--vaadin-background-color)}.landing-platform__live{display: inline-flex;align-items: center;gap: 0.4375rem;align-self: flex-start;margin-bottom: 0.25rem}.landing-platform__live-dot{position: relative;display: inline-block;width: 6px;height: 6px;border-radius: 50%;background: var(--aura-green,#22c55e);box-shadow: 0 0 0 3px color-mix(in srgb,var(--aura-green,#22c55e) 18%,transparent)}.landing-platform__live-dot::after{content: "";position: absolute;inset: -3px;border: 1px solid color-mix(in srgb,var(--aura-green,#22c55e) 45%,transparent);border-radius: 50%;animation: landing-pulse 2.6s ease-out infinite}.landing-platform__live-label{font-size: 0.625rem;letter-spacing: 0.14em;text-transform: uppercase;color: var(--vaadin-text-color-secondary)}.landing-platform__row{display: flex;align-items: baseline;justify-content: space-between;gap: 1rem;padding: 0.875rem 0;border-bottom: 1px solid var(--vaadin-border-color-secondary)}.landing-platform__row:last-child{border-bottom: 0}.landing-platform__row-label{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}.landing-platform__row-value{font-size: var(--aura-font-size-s);font-weight: 600;color: var(--vaadin-text-color)}.landing-quote{display: flex;flex-direction: column;gap: 1.5rem;padding: clamp(2rem,4vw,3rem);border: 1px solid var(--vaadin-border-color-secondary);border-radius: 20px;background: radial-gradient(28rem 16rem at 100% 0%,color-mix(in srgb,var(--aura-accent-color) 10%,transparent),transparent 65%),linear-gradient( light-dark(rgb(255 255 255 / 0.72),rgb(255 255 255 / 0.045)),light-dark(rgb(255 255 255 / 0.72),rgb(255 255 255 / 0.045))),var(--vaadin-background-color)}.landing-quote__text{max-width: 56ch;font-size: clamp(1.0625rem,0.9rem + 0.6vw,1.375rem);font-weight: 500;line-height: 1.5;letter-spacing: -0.015em;color: var(--vaadin-text-color);text-wrap: balance}.landing-quote__meta{display: flex;align-items: center;gap: 0.75rem}.landing-quote__avatar{display: inline-flex;align-items: center;justify-content: center;width: 2.5rem;height: 2.5rem;border-radius: 50%;background: color-mix(in srgb,var(--aura-accent-color) 16%,transparent);border: 1px solid color-mix(in srgb,var(--aura-accent-color) 32%,transparent);color: var(--aura-accent-text-color);font-size: 0.8125rem;font-weight: 600;letter-spacing: 0.02em}.landing-quote__person{display: flex;flex-direction: column;gap: 0.125rem}.landing-quote__name{font-size: 0.875rem;font-weight: 600;color: var(--vaadin-text-color)}.landing-quote__role{font-size: 0.75rem;color: var(--vaadin-text-color-secondary)}.landing-cta{display: flex;flex-direction: column;align-items: center;gap: 0.75rem;max-width: 48rem;margin: 0 auto clamp(2.5rem,6vw,5rem);padding: clamp(2rem,5vw,3.5rem) clamp(1.25rem,4vw,3rem);text-align: center;border: 1px solid var(--vaadin-border-color-secondary);border-radius: 20px;background: radial-gradient(30rem 18rem at 50% 0%,color-mix(in srgb,var(--aura-accent-color) 12%,transparent),transparent 70%),var(--vaadin-background-color)}.landing-cta__title{font-size: clamp(1.375rem,1rem + 1.2vw,1.875rem);font-weight: 600;letter-spacing: -0.025em;color: var(--vaadin-text-color);text-wrap: balance}.landing-cta__lede{max-width: 46ch;font-size: var(--aura-font-size-s);line-height: 1.6;color: var(--vaadin-text-color-secondary)}.landing-cta__ctas{display: flex;flex-wrap: wrap;justify-content: center;gap: 0.75rem;margin-top: 0.5rem}.landing-footer{padding: clamp(2.5rem,5vw,4rem) 0 1.5rem;border-top: 1px solid var(--vaadin-border-color-secondary);background: color-mix(in srgb,var(--vaadin-background-color) 92%,transparent);font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}.landing-footer__columns{display: grid;grid-template-columns: minmax(0,1.6fr) repeat(3,minmax(0,1fr));gap: clamp(1.5rem,4vw,3rem);max-width: 78rem;margin: 0 auto 2.5rem;padding-inline: clamp(1.25rem,5vw,3rem)}.landing-footer__brand{display: flex;flex-direction: column;gap: 0.5rem;max-width: 22rem}.landing-footer__brand span:first-child{font-size: 0.9375rem;font-weight: 600;letter-spacing: -0.015em;color: var(--vaadin-text-color)}.landing-footer__brand p{font-size: var(--aura-font-size-s);line-height: 1.6;color: var(--vaadin-text-color-secondary)}.landing-footer__column{display: flex;flex-direction: column;gap: 0.75rem}.landing-footer__column-title{font-size: 0.6875rem;font-weight: 600;letter-spacing: 0.14em;text-transform: uppercase;color: var(--vaadin-text-color)}.landing-footer__column-links{display: flex;flex-direction: column;gap: 0.4375rem}.landing-footer__column-links a{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary);text-decoration: none;transition: color 120ms ease}.landing-footer__column-links a:hover{color: var(--vaadin-text-color)}.landing-footer__bottom{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: 1rem;max-width: 78rem;margin: 0 auto;padding-top: 1.5rem;padding-inline: clamp(1.25rem,5vw,3rem);border-top: 1px solid var(--vaadin-border-color-secondary);font-size: 0.75rem;color: var(--vaadin-text-color-secondary)}.landing-footer__legal{display: flex;align-items: center;gap: 1.25rem}.landing-footer__legal a{color: var(--vaadin-text-color-secondary);text-decoration: none;transition: color 120ms ease}.landing-footer__legal a:hover{color: var(--aura-accent-text-color)}@keyframes landing-pulse{0%{opacity: 0.9;transform: scale(0.8)}70%{opacity: 0;transform: scale(1.9)}100%{opacity: 0;transform: scale(1.9)}}@keyframes landing-bar-rise{from{transform: scaleY(0);opacity: 0}to{transform: scaleY(1);opacity: 1}}@media (prefers-reduced-motion: reduce){.landing-preview__bar,.landing-hero__dot::after,.landing-platform__live-dot::after{animation: none}.landing-page *,.landing-page *::before,.landing-page *::after{transition-duration: 0.01ms !important}}@media (max-width: 1080px){.landing-hero{grid-template-columns: minmax(0,1fr);text-align: left}.landing-hero__title{max-width: 22ch}.landing-preview{max-width: 40rem}}@media (max-width: 960px){.landing-modules,.landing-workflow{grid-template-columns: repeat(2,minmax(0,1fr))}.landing-bento{grid-template-columns: repeat(2,minmax(0,1fr))}.landing-bento__card--wide{grid-column: span 2}.landing-platform{grid-template-columns: minmax(0,1fr)}.landing-footer__columns{grid-template-columns: minmax(0,1fr) repeat(2,minmax(0,1fr))}.landing-footer__brand{grid-column: span 3;max-width: none}}@media (max-width: 720px){.landing-header__menu{display: none}.landing-stats{grid-template-columns: repeat(2,minmax(0,1fr));row-gap: 1.5rem}.landing-modules,.landing-workflow,.landing-bento{grid-template-columns: minmax(0,1fr)}.landing-bento__card--wide{grid-column: auto}.landing-footer__columns{grid-template-columns: minmax(0,1fr)}.landing-footer__brand{grid-column: auto}}@media (max-width: 480px){.landing-preview__stats{grid-template-columns: minmax(0,1fr)}.landing-preview__url{display: none}.landing-trust__logos{gap: 1.25rem}.landing-trust__logo{font-size: 0.75rem}.landing-footer__legal{gap: 0.875rem}}.landing-pricing__grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(230px,1fr));gap: 1rem;margin-top: 2rem}.landing-price{display: flex;flex-direction: column;gap: 0.65rem;padding: 1.35rem;border: 1px solid light-dark(rgb(16 24 40 / 0.10),rgb(255 255 255 / 0.12));border-radius: 16px;background: light-dark(#fff,rgb(255 255 255 / 0.04))}.landing-price__name{font-size: 0.95rem;font-weight: 700;color: light-dark(#101828,#f8fafc)}.landing-price__desc{margin: 0;min-height: 2.9em;font-size: 0.8rem;line-height: 1.45;color: light-dark(#667085,#94a3b8)}.landing-price__price{display: flex;align-items: baseline;gap: 0.2rem}.landing-price__amount{font-size: 1.9rem;font-weight: 750;letter-spacing: -0.04em;color: light-dark(#101828,#f8fafc)}.landing-price__cadence{font-size: 0.72rem;color: light-dark(#667085,#94a3b8)}.landing-price__features{display: flex;flex-direction: column;gap: 0.4rem;margin: 0.25rem 0 0.6rem}.landing-price__feature{display: flex;gap: 0.45rem;font-size: 0.76rem;line-height: 1.4;color: light-dark(#344054,#cbd5e1)}.landing-price__feature span:first-child{color: var(--aura-accent-text-color);font-weight: 700}.landing-price__cta{margin-top: auto;width: 100%}.dashboard-view{font-family: var(--aura-font-family);color: var(--vaadin-text-color);min-height: 0}.dashboard-view *,.dashboard-view *::before,.dashboard-view *::after{box-sizing: border-box}.dashboard-view>.dashboard-header{flex: 0 0 auto;display: flex;align-items: flex-end;justify-content: space-between;gap: 1.25rem;flex-wrap: wrap;padding: clamp(1rem,2.5vw,1.75rem) clamp(1rem,3vw,2.25rem) 1rem}.dashboard-header__eyebrow{display: block;margin-bottom: 0.5rem;font-family: var(--landing-mono);font-size: 0.625rem;font-weight: 500;letter-spacing: 0.14em;text-transform: uppercase;color: var(--aura-accent-text-color)}.dashboard-header__title{margin: 0 0 0.375rem;font-size: clamp(1.375rem,1rem + 1.2vw,1.875rem);font-weight: 600;letter-spacing: -0.03em;line-height: 1.1;color: var(--vaadin-text-color)}.dashboard-header__subtitle{margin: 0;font-size: var(--aura-font-size-s);line-height: 1.55;color: var(--vaadin-text-color-secondary)}.dashboard-header__actions{display: flex;align-items: center;gap: 0.5rem;flex-shrink: 0}.dashboard-view>.dashboard-scroll{flex: 1 1 auto;min-height: 0;overflow-y: auto}.dashboard-body{display: flex;flex-direction: column;gap: 1rem;max-width: 78rem;margin-inline: auto;padding: 0 clamp(1rem,3vw,2.25rem) clamp(1.75rem,4vw,3rem)}.dashboard-kpis{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 1rem}.dash-kpi{display: flex;flex-direction: column;gap: 0.625rem;padding: 1.125rem 1.25rem;border: 1px solid var(--vaadin-border-color-secondary);border-radius: 14px;background: linear-gradient( light-dark(rgb(255 255 255 / 0.72),rgb(255 255 255 / 0.045)),light-dark(rgb(255 255 255 / 0.72),rgb(255 255 255 / 0.045))),var(--vaadin-background-color);transition: transform 160ms ease,border-color 160ms ease,box-shadow 160ms ease}.dash-kpi:hover{transform: translateY(-2px);border-color: color-mix(in srgb,var(--aura-accent-color) 35%,var(--vaadin-border-color-secondary));box-shadow: 0 16px 40px -24px color-mix(in srgb,var(--aura-accent-color) 45%,transparent)}.dash-kpi__top{display: flex;align-items: center;justify-content: space-between;gap: 0.75rem}.dash-kpi__icon{display: inline-flex;align-items: center;justify-content: center;width: 2rem;height: 2rem;padding: 0.5rem;border: 1px solid var(--vaadin-border-color-secondary);border-radius: 9px;color: var(--aura-accent-text-color);background: color-mix(in srgb,var(--aura-accent-color) 8%,transparent)}.dash-kpi__icon vaadin-icon{width: 100%;height: 100%;color: currentColor}.dash-kpi__delta{font-family: var(--landing-mono);font-variant-numeric: tabular-nums;font-size: 0.625rem;font-weight: 600;padding: 0.1875rem 0.5rem;border-radius: 999px}.dash-kpi__delta--pos{color: color-mix(in srgb,var(--aura-green,#22c55e) 92%,var(--vaadin-text-color));background: color-mix(in srgb,var(--aura-green,#22c55e) 13%,transparent)}.dash-kpi__delta--neg{color: color-mix(in srgb,var(--aura-red,#dc2626) 92%,var(--vaadin-text-color));background: color-mix(in srgb,var(--aura-red,#dc2626) 13%,transparent)}.dash-kpi__value{font-family: var(--landing-mono);font-variant-numeric: tabular-nums;font-size: clamp(1.375rem,1.1rem + 0.8vw,1.75rem);font-weight: 600;letter-spacing: -0.02em;color: var(--vaadin-text-color)}.dash-kpi__label{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}.dash-card{display: flex;flex-direction: column;gap: 1rem;padding: 1.25rem;border: 1px solid var(--vaadin-border-color-secondary);border-radius: 16px;background: linear-gradient( light-dark(rgb(255 255 255 / 0.72),rgb(255 255 255 / 0.045)),light-dark(rgb(255 255 255 / 0.72),rgb(255 255 255 / 0.045))),var(--vaadin-background-color)}.dash-card__head{display: flex;align-items: center;justify-content: space-between;gap: 1rem}.dash-card__title{font-size: 0.9375rem;font-weight: 600;letter-spacing: -0.01em;color: var(--vaadin-text-color)}.dash-card__meta{font-family: var(--landing-mono);font-size: 0.625rem;letter-spacing: 0.08em;text-transform: uppercase;color: var(--vaadin-text-color-secondary)}.dashboard-grid{display: grid;grid-template-columns: minmax(0,1.55fr) minmax(0,1fr);gap: 1rem;align-items: start}.dash-activity{display: flex;flex-direction: column;gap: 0.75rem}.dash-activity__bars{display: flex;align-items: flex-end;gap: 6px;height: 150px;padding: 0.75rem 0.625rem 0.5rem;border: 1px solid var(--vaadin-border-color-secondary);border-radius: 10px;background: color-mix(in srgb,var(--vaadin-background-color) 50%,transparent)}.dash-activity__bar{flex: 1 1 0;min-width: 4px;height: calc(var(--h,0.5) * 100%);border-radius: 4px 4px 2px 2px;background: linear-gradient( to top,color-mix(in srgb,var(--aura-accent-color) 38%,transparent),var(--aura-accent-color));animation: dash-bar-rise 700ms cubic-bezier(0.2,0.7,0.2,1) both;transform-origin: bottom;opacity: 0.9}.dash-activity__bar:hover{opacity: 1;filter: brightness(1.06)}.dash-activity__bar:nth-child(2n){animation-delay: 40ms}.dash-activity__bar:nth-child(3n){animation-delay: 80ms}.dash-activity__bar:nth-child(4n){animation-delay: 120ms}.dash-activity__axis{display: flex;align-items: center;justify-content: space-between;font-family: var(--landing-mono);font-size: 0.625rem;letter-spacing: 0.04em;text-transform: uppercase;color: var(--vaadin-text-color-secondary)}.dash-pipeline{display: flex;flex-direction: column;gap: 1.125rem}.dash-pipeline__stage{display: flex;flex-direction: column;gap: 0.4375rem}.dash-pipeline__head{display: flex;align-items: baseline;justify-content: space-between;gap: 1rem}.dash-pipeline__label{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color)}.dash-pipeline__count{font-family: var(--landing-mono);font-variant-numeric: tabular-nums;font-size: var(--aura-font-size-s);font-weight: 600;color: var(--vaadin-text-color-secondary)}.dash-pipeline__track{height: 6px;border-radius: 999px;background: color-mix(in srgb,var(--vaadin-text-color) 8%,transparent);overflow: hidden}.dash-pipeline__fill{display: block;width: calc(var(--w,0.5) * 100%);height: 100%;border-radius: 999px;background: linear-gradient(90deg,color-mix(in srgb,var(--aura-accent-color) 55%,transparent),var(--aura-accent-color));animation: dash-grow 800ms cubic-bezier(0.2,0.7,0.2,1) both;transform-origin: left}.dash-pipeline__fill--last{background: linear-gradient(90deg,color-mix(in srgb,var(--aura-green,#22c55e) 55%,transparent),var(--aura-green,#22c55e))}.dash-recent{display: flex;flex-direction: column}.dash-recent__row{display: flex;align-items: center;gap: 0.875rem;padding: 0.75rem 0;border-bottom: 1px solid var(--vaadin-border-color-secondary)}.dash-recent__row:last-child{border-bottom: 0;padding-bottom: 0}.dash-recent__row:first-child{padding-top: 0}.dash-recent__icon{display: inline-flex;align-items: center;justify-content: center;width: 2.25rem;height: 2.25rem;flex: 0 0 2.25rem;padding: 0.5625rem;border: 1px solid var(--vaadin-border-color-secondary);border-radius: 9px;color: var(--aura-accent-text-color);background: color-mix(in srgb,var(--aura-accent-color) 7%,transparent)}.dash-recent__icon vaadin-icon{width: 100%;height: 100%;color: currentColor}.dash-recent__main{display: flex;flex-direction: column;gap: 0.125rem;min-width: 0;flex: 1 1 auto}.dash-recent__name{font-size: 0.8125rem;font-weight: 600;letter-spacing: -0.005em;color: var(--vaadin-text-color);overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.dash-recent__meta{font-size: 0.6875rem;color: var(--vaadin-text-color-secondary);overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.dash-recent__amount{font-family: var(--landing-mono);font-variant-numeric: tabular-nums;font-size: 0.75rem;font-weight: 600;color: var(--vaadin-text-color);flex: 0 0 auto;text-align: right}.dash-badge{display: inline-flex;align-items: center;flex: 0 0 auto;padding: 0.25rem 0.5625rem;border: 1px solid transparent;border-radius: 999px;font-size: 0.625rem;font-weight: 600;letter-spacing: 0.04em;text-transform: uppercase;white-space: nowrap}.dash-badge--ok{color: color-mix(in srgb,var(--aura-green,#22c55e) 92%,var(--vaadin-text-color));background: color-mix(in srgb,var(--aura-green,#22c55e) 14%,transparent);border-color: color-mix(in srgb,var(--aura-green,#22c55e) 30%,transparent)}.dash-badge--warn{color: color-mix(in srgb,var(--aura-yellow,#eab308) 80%,var(--vaadin-text-color));background: color-mix(in srgb,var(--aura-yellow,#eab308) 16%,transparent);border-color: color-mix(in srgb,var(--aura-yellow,#eab308) 32%,transparent)}.dash-badge--accent{color: var(--aura-accent-text-color);background: color-mix(in srgb,var(--aura-accent-color) 12%,transparent);border-color: color-mix(in srgb,var(--aura-accent-color) 28%,transparent)}.dash-badge--muted{color: var(--vaadin-text-color-secondary);background: color-mix(in srgb,var(--vaadin-text-color) 6%,transparent);border-color: var(--vaadin-border-color-secondary)}@keyframes dash-bar-rise{from{transform: scaleY(0);opacity: 0}to{transform: scaleY(1);opacity: 0.9}}@keyframes dash-grow{from{transform: scaleX(0)}to{transform: scaleX(1)}}@media (prefers-reduced-motion: reduce){.dash-activity__bar,.dash-pipeline__fill{animation: none}}@media (max-width: 1080px){.dashboard-kpis{grid-template-columns: repeat(2,minmax(0,1fr))}}@media (max-width: 900px){.dashboard-grid{grid-template-columns: minmax(0,1fr)}}@media (max-width: 640px){.dashboard-header{align-items: flex-start;flex-direction: column}.dashboard-header__actions{width: 100%}.dashboard-kpis{grid-template-columns: minmax(0,1fr)}.dash-recent__row{flex-wrap: wrap}.dash-recent__amount{order: 3;flex: 0 0 auto}}.billing-view{font-family: var(--aura-font-family);color: var(--vaadin-text-color);box-sizing: border-box;min-height: 0}.billing-view *,.billing-view *::before,.billing-view *::after{box-sizing: border-box}.billing-view .billing-content{box-sizing: border-box;width: 100%;max-width: 82rem;min-width: 0;margin-inline: auto;padding: clamp(1rem,3vw,2.25rem);display: flex;flex-direction: column;gap: 1rem}.billing-header{flex: 0 0 auto;display: flex;align-items: flex-end;justify-content: space-between;gap: 1.25rem;flex-wrap: wrap}.billing-header__copy{display: flex;flex-direction: column;gap: 0.25rem}.billing-header__crumbs{display: flex;align-items: center;gap: 0.25rem;margin-bottom: 0.25rem;font-family: var(--landing-mono);font-size: 0.625rem;font-weight: 500;letter-spacing: 0.12em;text-transform: uppercase;color: var(--vaadin-text-color-secondary)}.billing-header__crumb--active{color: var(--aura-accent-text-color)}.billing-header__title{margin: 0 0 0.375rem;font-size: clamp(1.375rem,1rem + 1.2vw,1.875rem);font-weight: 600;letter-spacing: -0.03em;line-height: 1.1;color: var(--vaadin-text-color)}.billing-header__subtitle{margin: 0;font-size: var(--aura-font-size-s);line-height: 1.55;color: var(--vaadin-text-color-secondary);max-width: 44rem}.billing-header__actions{display: flex;align-items: center;gap: 0.5rem;flex-shrink: 0;flex-wrap: wrap}.billing-stat-card,.billing-panel,.billing-tier{min-width: 0;border: 1px solid var(--vaadin-border-color-secondary);border-radius: 14px;background: linear-gradient( light-dark(rgb(255 255 255 / 0.72),rgb(255 255 255 / 0.045)),light-dark(rgb(255 255 255 / 0.72),rgb(255 255 255 / 0.045))),var(--vaadin-background-color)}.billing-banner{display: flex;align-items: center;justify-content: space-between;gap: 1.25rem;padding: 1.25rem 1.5rem;border: 1px solid var(--vaadin-border-color-secondary);border-radius: 16px;background: linear-gradient( light-dark(rgb(255 255 255 / 0.72),rgb(255 255 255 / 0.045)),light-dark(rgb(255 255 255 / 0.72),rgb(255 255 255 / 0.045))),var(--vaadin-background-color);flex-wrap: wrap}.billing-banner--dunning{border-color: color-mix(in srgb,var(--aura-red,#dc2626) 40%,transparent)}.billing-banner--notice{border-color: color-mix(in srgb,var(--aura-accent-color) 40%,transparent)}.billing-banner__icon{flex: 0 0 auto;display: inline-flex;align-items: center;justify-content: center;width: 2.75rem;height: 2.75rem;padding: 0.625rem;border: 1px solid var(--vaadin-border-color-secondary);border-radius: 10px;color: var(--aura-accent-text-color);background: color-mix(in srgb,var(--aura-accent-color) 8%,transparent)}.billing-banner--dunning .billing-banner__icon{color: color-mix(in srgb,var(--aura-red,#dc2626) 90%,var(--vaadin-text-color));background: color-mix(in srgb,var(--aura-red,#dc2626) 12%,transparent)}.billing-banner__icon vaadin-icon{width: 100%;height: 100%;color: currentColor}.billing-banner__body{flex: 1;min-width: 16rem;display: flex;flex-direction: column;gap: 0.25rem}.billing-banner__title{margin: 0;font-size: var(--aura-font-size-l,1.125rem);font-weight: 600;letter-spacing: -0.01em;color: var(--vaadin-text-color)}.billing-banner__text{margin: 0;font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}.billing-banner__actions{display: flex;align-items: center;gap: 0.5rem;flex-wrap: wrap}.billing-summary-grid{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 1rem;min-width: 0}.billing-stat-card{display: flex;flex-direction: column;gap: 0.75rem;padding: 1.125rem 1.25rem}.billing-stat-card--accent{border-color: color-mix(in srgb,var(--aura-accent-color) 35%,var(--vaadin-border-color-secondary))}.billing-stat-card__top{display: flex;align-items: center;justify-content: space-between;gap: 0.75rem}.billing-stat-card__label{font-family: var(--landing-mono);font-size: 0.625rem;font-weight: 500;letter-spacing: 0.12em;text-transform: uppercase;color: var(--vaadin-text-color-secondary)}.billing-stat-card__badge{display: inline-flex;align-items: center;gap: 0.375rem;padding: 0.1875rem 0.5rem;border-radius: 999px;font-size: 0.625rem;font-weight: 600;color: var(--vaadin-text-color-secondary);background: color-mix(in srgb,var(--vaadin-text-color) 6%,transparent);border: 1px solid var(--vaadin-border-color-secondary)}.billing-stat-card__badge--live{color: color-mix(in srgb,var(--aura-green,#22c55e) 92%,var(--vaadin-text-color));background: color-mix(in srgb,var(--aura-green,#22c55e) 13%,transparent);border-color: color-mix(in srgb,var(--aura-green,#22c55e) 30%,transparent)}.billing-stat-card__value{font-family: var(--landing-mono);font-variant-numeric: tabular-nums;font-size: clamp(1.375rem,1.1rem + 0.8vw,1.75rem);font-weight: 600;letter-spacing: -0.02em;color: var(--vaadin-text-color);min-width: 0;overflow-wrap: anywhere}.billing-stat-card__meta{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}.billing-stat-card__progress{width: 100%;height: 6px;border-radius: 999px;background: color-mix(in srgb,var(--vaadin-text-color) 8%,transparent);overflow: hidden}.billing-stat-card__progress vaadin-progress-bar{width: 100%;height: 100%}.billing-stat-card__actions{display: flex;align-items: center;gap: 0.5rem;margin-top: auto;flex-wrap: wrap}.billing-pm{display: flex;align-items: center;gap: 0.75rem;padding: 0.75rem;border: 1px solid var(--vaadin-border-color-secondary);border-radius: 10px;background: color-mix(in srgb,var(--vaadin-background-color) 50%,transparent)}.billing-pm__brand{padding: 0.125rem 0.375rem;border-radius: 4px;font-family: var(--landing-mono);font-size: 0.6875rem;font-weight: 700;letter-spacing: 0.05em;color: var(--vaadin-text-color);background: color-mix(in srgb,var(--vaadin-text-color) 8%,transparent)}.billing-pm__meta{display: flex;flex-direction: column;min-width: 0;flex: 1}.billing-pm__number{font-weight: 600;color: var(--vaadin-text-color)}.billing-pm__exp{font-family: var(--landing-mono);font-size: 0.6875rem;color: var(--vaadin-text-color-secondary)}.billing-tiers{display: flex;flex-direction: column;gap: 1rem}.billing-tiers__head{display: flex;align-items: flex-end;justify-content: space-between;gap: 1rem;flex-wrap: wrap}.billing-tiers__title{margin: 0;font-size: 1.125rem;font-weight: 600;letter-spacing: -0.01em;color: var(--vaadin-text-color)}.billing-tiers__subtitle{margin: 0.25rem 0 0;font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}.billing-tiers__grid{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 1rem;align-items: stretch;min-width: 0}.billing-tier{position: relative;display: flex;flex-direction: column;gap: 0.875rem;padding: 1.25rem}.billing-tier--current{border-color: color-mix(in srgb,var(--aura-accent-color) 40%,var(--vaadin-border-color-secondary))}.billing-tier__name{font-size: 1.0625rem;font-weight: 600;letter-spacing: -0.01em;color: var(--vaadin-text-color)}.billing-tier__name--accent{color: var(--aura-accent-text-color)}.billing-tier__desc{margin: 0;font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}.billing-tier__price{font-family: var(--landing-mono);font-variant-numeric: tabular-nums;font-size: 1.375rem;font-weight: 600;letter-spacing: -0.02em;color: var(--vaadin-text-color)}.billing-tier__price span{font-family: var(--aura-font-family);font-size: var(--aura-font-size-s);font-weight: 400;color: var(--vaadin-text-color-secondary)}.billing-tier__features{display: flex;flex-direction: column;gap: 0.4375rem;flex: 1}.billing-tier__feature{display: flex;align-items: center;gap: 0.5rem;min-width: 0;font-size: var(--aura-font-size-s);color: var(--vaadin-text-color)}.billing-tier__feature>span:not(.check){min-width: 0;overflow-wrap: anywhere}.billing-tier__feature .check{flex: 0 0 auto;color: var(--aura-accent-text-color)}.billing-tier__feature .check vaadin-icon{width: 16px;height: 16px;color: currentColor}.billing-tier__current-tag{position: absolute;top: 1rem;right: 1rem;padding: 0.1875rem 0.5rem;border-radius: 999px;font-size: 0.625rem;font-weight: 700;letter-spacing: 0.04em;text-transform: uppercase;color: var(--aura-accent-text-color);background: color-mix(in srgb,var(--aura-accent-color) 12%,transparent);border: 1px solid color-mix(in srgb,var(--aura-accent-color) 28%,transparent)}.billing-bottom{display: grid;grid-template-columns: minmax(0,1.2fr) minmax(0,1fr);gap: 1rem;align-items: start;min-width: 0}.billing-panel{display: flex;flex-direction: column;gap: 1rem;padding: 1.25rem}.billing-panel__head{display: flex;align-items: center;justify-content: space-between;gap: 1rem}.billing-panel__title{margin: 0;font-size: 0.9375rem;font-weight: 600;letter-spacing: -0.01em;color: var(--vaadin-text-color)}.billing-panel__subtitle{margin: 0;font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}.billing-invoices{display: flex;flex-direction: column}.billing-invoices__empty{margin: 0;font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}.billing-invoice{display: flex;align-items: center;gap: 0.875rem;padding: 0.75rem 0;border-bottom: 1px solid var(--vaadin-border-color-secondary)}.billing-invoice:last-child{border-bottom: 0;padding-bottom: 0}.billing-invoice__main{display: flex;flex-direction: column;gap: 0.125rem;min-width: 0;flex: 1 1 auto}.billing-invoice__number{font-size: 0.8125rem;font-weight: 600;color: var(--vaadin-text-color);overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.billing-invoice__date{font-family: var(--landing-mono);font-size: 0.6875rem;color: var(--vaadin-text-color-secondary)}.billing-invoice__amount{font-family: var(--landing-mono);font-variant-numeric: tabular-nums;font-size: 0.75rem;font-weight: 600;color: var(--vaadin-text-color);flex: 0 0 auto;text-align: right}.billing-invoice__link{flex: 0 0 auto;font-size: 0.75rem}.billing-status{display: inline-flex;align-items: center;flex: 0 0 auto;padding: 0.25rem 0.5625rem;border: 1px solid transparent;border-radius: 999px;font-size: 0.625rem;font-weight: 600;letter-spacing: 0.04em;text-transform: uppercase;white-space: nowrap}.billing-status--active,.billing-status--trialing{color: color-mix(in srgb,var(--aura-green,#22c55e) 92%,var(--vaadin-text-color));background: color-mix(in srgb,var(--aura-green,#22c55e) 14%,transparent);border-color: color-mix(in srgb,var(--aura-green,#22c55e) 30%,transparent)}.billing-status--incomplete{color: var(--aura-accent-text-color);background: color-mix(in srgb,var(--aura-accent-color) 12%,transparent);border-color: color-mix(in srgb,var(--aura-accent-color) 28%,transparent)}.billing-status--past_due,.billing-status--unpaid{color: color-mix(in srgb,var(--aura-red,#dc2626) 92%,var(--vaadin-text-color));background: color-mix(in srgb,var(--aura-red,#dc2626) 14%,transparent);border-color: color-mix(in srgb,var(--aura-red,#dc2626) 30%,transparent)}.billing-status--canceled{color: var(--vaadin-text-color-secondary);background: color-mix(in srgb,var(--vaadin-text-color) 6%,transparent);border-color: var(--vaadin-border-color-secondary)}.billing-receipt{display: flex;flex-direction: column;gap: 0.5rem}.billing-receipt__row{display: flex;justify-content: space-between;gap: 1rem;font-size: var(--aura-font-size-s)}.billing-receipt__label{color: var(--vaadin-text-color-secondary)}.billing-receipt__value{color: var(--vaadin-text-color);font-weight: 600;text-align: right}@media (max-width: 1080px){.billing-summary-grid{grid-template-columns: repeat(2,minmax(0,1fr))}.billing-tiers__grid{grid-template-columns: repeat(2,minmax(0,1fr))}}@media (max-width: 900px){.billing-bottom{grid-template-columns: minmax(0,1fr)}}@media (max-width: 640px){.billing-header{align-items: flex-start;flex-direction: column}.billing-summary-grid,.billing-tiers__grid{grid-template-columns: minmax(0,1fr)}}.billing-stat-card__icon{display: inline-flex;align-items: center;justify-content: center;width: 2rem;height: 2rem;flex: 0 0 2rem;padding: 0.5rem;border: 1px solid var(--vaadin-border-color-secondary);border-radius: 9px;color: var(--aura-accent-text-color);background: color-mix(in srgb,var(--aura-accent-color) 8%,transparent)}.billing-stat-card__icon vaadin-icon{width: 100%;height: 100%;color: currentColor}.billing-toolbar{display: flex;align-items: center;justify-content: space-between;gap: 1rem;flex-wrap: wrap;padding: 0.75rem 1rem;border: 1px solid var(--vaadin-border-color-secondary);border-radius: 14px;background: linear-gradient( light-dark(rgb(255 255 255 / 0.72),rgb(255 255 255 / 0.045)),light-dark(rgb(255 255 255 / 0.72),rgb(255 255 255 / 0.045))),var(--vaadin-background-color)}.billing-toolbar__left{display: flex;align-items: center;gap: 0.75rem;flex: 1 1 auto;flex-wrap: wrap}.billing-toolbar__count{font-family: var(--landing-mono);font-size: 0.625rem;letter-spacing: 0.04em;color: var(--vaadin-text-color-secondary)}.billing-receipt{display: flex;flex-direction: column;gap: 0.75rem}.billing-receipt__accent{height: 4px;align-self: stretch;border-radius: 999px;background: linear-gradient(90deg,var(--aura-accent-color),var(--aura-green,#22c55e))}.billing-receipt__brand{font-size: 0.9375rem;font-weight: 600;letter-spacing: -0.01em;color: var(--vaadin-text-color)}.billing-receipt__meta{display: flex;flex-direction: column;gap: 0.25rem;padding: 0.75rem;border: 1px solid var(--vaadin-border-color-secondary);border-radius: 10px;background: color-mix(in srgb,var(--vaadin-background-color) 50%,transparent)}.billing-receipt__row{display: flex;justify-content: space-between;gap: 1rem;font-size: var(--aura-font-size-s)}.billing-receipt__label{color: var(--vaadin-text-color-secondary)}.billing-receipt__value{color: var(--vaadin-text-color);font-weight: 600;text-align: right;font-variant-numeric: tabular-nums}.billing-receipt__total{display: flex;justify-content: space-between;gap: 1rem;padding-top: 0.5rem;border-top: 1px solid var(--vaadin-border-color-secondary);font-weight: 700;color: var(--vaadin-text-color)}.billing-receipt__total .billing-receipt__value{font-family: var(--landing-mono);font-size: 1.125rem;color: var(--aura-accent-text-color)}.billing-receipt__ref{font-family: var(--landing-mono);font-size: 0.625rem;line-height: 1.4;color: var(--vaadin-text-color-secondary);word-break: break-all;padding: 0.5rem 0.625rem;border: 1px solid var(--vaadin-border-color-secondary);border-radius: 8px;background: color-mix(in srgb,var(--vaadin-background-color) 50%,transparent)}.billing-receipt__actions{display: flex;gap: 0.5rem;flex-wrap: wrap}.rbac-matrix{display: flex;flex-direction: column;gap: 0.125rem;min-width: 34rem}.rbac-matrix__row{display: grid;grid-template-columns: minmax(12rem,1fr) repeat(4,4.5rem) 4rem;align-items: center;gap: 0.5rem;padding: 0.25rem 0}.rbac-matrix__head{padding-bottom: 0.5rem;border-bottom: 1px solid var(--vaadin-border-color-secondary);font-family: var(--landing-mono);font-size: 0.625rem;letter-spacing: 0.05em;text-transform: uppercase;color: var(--vaadin-text-color-secondary)}.rbac-matrix__module{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color)}.rbac-layout{display: grid;grid-template-columns: minmax(250px,290px) minmax(0,1fr);gap: 1rem;align-items: start}.rbac-pane{display: flex;flex-direction: column;gap: 0.75rem}.rbac-roles{display: flex;flex-direction: column;gap: 0.25rem;max-height: 36rem;overflow-y: auto}.rbac-role{display: flex;flex-direction: column;gap: 0.1rem;padding: 0.6rem 0.75rem;border: 1px solid transparent;border-radius: 0.6rem;cursor: pointer;transition: background 120ms ease,border-color 120ms ease}.rbac-role:hover{background: color-mix(in oklab,var(--vaadin-text-color) 4%,transparent)}.rbac-role.is-active{border-color: color-mix(in oklab,var(--aura-accent-color) 34%,var(--vaadin-border-color-secondary));background: color-mix(in oklab,var(--aura-accent-color) 7%,transparent)}.rbac-role__code{font-family: var(--landing-mono);font-size: 0.625rem;letter-spacing: 0.08em;text-transform: uppercase;color: var(--aura-accent-text-color)}.rbac-role__name{font-size: var(--aura-font-size-s);font-weight: 600;color: var(--vaadin-text-color)}.rbac-role__meta{font-size: 0.6875rem;color: var(--vaadin-text-color-secondary)}.rbac-editor{display: flex;flex-direction: column;gap: 1rem;min-width: 0}.rbac-editor__head{display: flex;align-items: flex-start;justify-content: space-between;gap: 1rem;flex-wrap: wrap}.rbac-editor__copy{display: flex;flex-direction: column;gap: 0.25rem;min-width: 0}.rbac-code{align-self: flex-start;padding: 1px 7px;border: 1px solid var(--vaadin-border-color-secondary);border-radius: 999px;font-family: var(--landing-mono);font-size: 0.625rem;letter-spacing: 0.08em;color: var(--vaadin-text-color-secondary)}.rbac-editor__meta{display: flex;gap: 0.5rem}.rbac-chip{display: inline-flex;align-items: center;padding: 2px 8px;border: 1px solid var(--vaadin-border-color-secondary);border-radius: 999px;font-family: var(--landing-mono);font-size: 0.625rem;color: var(--vaadin-text-color-secondary);white-space: nowrap}.rbac-insights{display: flex;flex-direction: column;gap: 0.5rem;padding: 0.75rem;border: 1px solid var(--vaadin-border-color-secondary);border-radius: 0.6rem;background: color-mix(in oklab,var(--vaadin-text-color) 2.5%,transparent)}.rbac-coverage{display: flex;align-items: center;gap: 0.75rem}.rbac-coverage__text{font-family: var(--landing-mono);font-size: 0.6875rem;color: var(--vaadin-text-color-secondary);white-space: nowrap}.rbac-coverage__bar{position: relative;flex: 1;height: 6px;border-radius: 999px;background: color-mix(in oklab,var(--vaadin-text-color) 8%,transparent);overflow: hidden}.rbac-coverage__bar::after{content: "";position: absolute;inset: 0 auto 0 0;width: calc(var(--value,0) * 100%);border-radius: 999px;background: var(--aura-accent-color);transition: width 160ms ease}.rbac-warnings{display: flex;flex-direction: column;gap: 0.25rem}.rbac-warning{display: flex;gap: 0.4rem;font-size: 0.6875rem;line-height: 1.4;color: var(--vaadin-text-color-secondary)}.rbac-warning::before{content: "!";display: inline-flex;align-items: center;justify-content: center;flex: 0 0 auto;width: 14px;height: 14px;border-radius: 50%;background: color-mix(in oklab,var(--vaadin-text-color) 10%,transparent);font-family: var(--landing-mono);font-size: 9px;font-weight: 700;color: var(--vaadin-text-color)}.rbac-warning--ok::before{content: "\2713"}.rbac-matrix-actions{display: flex;align-items: center;justify-content: space-between;gap: 0.75rem;flex-wrap: wrap}.rbac-matrix-actions__title{font-family: var(--landing-mono);font-size: 0.625rem;letter-spacing: 0.08em;text-transform: uppercase;color: var(--vaadin-text-color-secondary)}.rbac-quick{font-family: var(--landing-mono);font-size: 0.625rem}.rbac-check--inherited{opacity: 0.55}.rbac-footer{display: flex;align-items: center;justify-content: space-between;gap: 0.75rem;flex-wrap: wrap;padding-top: 0.75rem;border-top: 1px solid var(--vaadin-border-color-secondary)}.rbac-footer>div{display: flex;gap: 0.5rem}.rbac-changes{font-family: var(--landing-mono);font-size: 0.6875rem;color: var(--vaadin-text-color-secondary)}.rbac-members{display: flex;flex-direction: column;gap: 0.4rem;padding-top: 0.75rem;border-top: 1px solid var(--vaadin-border-color-secondary)}.rbac-members__head{display: flex;align-items: center;gap: 0.5rem}.rbac-members__title{font-family: var(--landing-mono);font-size: 0.625rem;letter-spacing: 0.08em;text-transform: uppercase;color: var(--vaadin-text-color-secondary)}.rbac-member{display: flex;align-items: center;gap: 0.75rem;padding: 0.35rem 0;border-bottom: 1px solid color-mix(in oklab,var(--vaadin-border-color-secondary) 60%,transparent)}.rbac-member:last-of-type{border-bottom: 0}.rbac-member__identity{display: flex;flex-direction: column;gap: 0.05rem;min-width: 0;flex: 1}.rbac-member__name{font-size: 0.75rem;font-weight: 550;color: var(--vaadin-text-color)}.rbac-member__email{font-size: 0.6875rem;color: var(--vaadin-text-color-secondary)}.rbac-member__stat{font-family: var(--landing-mono);font-size: 0.625rem;color: var(--vaadin-text-color-secondary)}.rbac-members__more{font-size: 0.6875rem;color: var(--vaadin-text-color-secondary)}.rbac-users{display: flex;flex-direction: column;gap: 0.125rem}.rbac-user{display: grid;grid-template-columns: minmax(0,1.4fr) minmax(9rem,0.8fr) auto auto auto;align-items: center;gap: 0.75rem;padding: 0.5rem 0.25rem;border-bottom: 1px solid color-mix(in oklab,var(--vaadin-border-color-secondary) 60%,transparent)}.rbac-user:last-child{border-bottom: 0}.rbac-user__identity{display: flex;flex-direction: column;gap: 0.05rem;min-width: 0}.rbac-user__name{display: flex;align-items: center;gap: 0.4rem;font-size: 0.75rem;font-weight: 550}.rbac-user__email{font-size: 0.6875rem;color: var(--vaadin-text-color-secondary)}.rbac-user__role{min-width: 9rem}.rbac-user__stat{font-family: var(--landing-mono);font-size: 0.625rem;color: var(--vaadin-text-color-secondary);white-space: nowrap}.rbac-user__tag{padding: 1px 6px;border-radius: 999px;background: color-mix(in oklab,var(--aura-accent-color) 10%,transparent);font-family: var(--landing-mono);font-size: 0.5625rem;color: var(--aura-accent-text-color)}.rbac-legend{display: flex;gap: 1rem;flex-wrap: wrap;font-size: 0.6875rem;color: var(--vaadin-text-color-secondary)}.rbac-legend__item::before{content: "";display: inline-block;width: 10px;height: 10px;margin-right: 0.35rem;border: 1px solid var(--vaadin-border-color-secondary);border-radius: 3px;vertical-align: -1px}.rbac-empty{padding: 1rem 0;font-size: 0.75rem;color: var(--vaadin-text-color-secondary)}@media (max-width: 900px){.rbac-layout{grid-template-columns: minmax(0,1fr)}.rbac-roles{max-height: 18rem}.rbac-user{grid-template-columns: minmax(0,1fr);align-items: start;gap: 0.35rem}}.hr-kpis{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 1rem}@media (max-width: 1080px){.hr-kpis{grid-template-columns: repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.hr-kpis{grid-template-columns: minmax(0,1fr)}}.billing-intro{display: flex;flex-direction: column;gap: 0.25rem;padding: 0.85rem 1rem;border: 1px solid color-mix(in srgb,var(--aura-accent-color) 24%,var(--vaadin-border-color-secondary));border-radius: 12px;background: color-mix(in srgb,var(--aura-accent-color) 6%,transparent)}.billing-intro__eyebrow{font-family: var(--aura-font-family-mono,monospace);font-size: 9px;letter-spacing: 0.12em;color: var(--vaadin-text-color-secondary)}.billing-intro__text{margin: 0;font-size: 12.5px;line-height: 1.5;color: var(--vaadin-text-color)}.billing-schedule{margin-top: 0.25rem}.billing-schedule__rows{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 0.65rem 1rem}.billing-schedule__row{display: flex;align-items: baseline;justify-content: space-between;gap: 0.75rem;padding: 0.55rem 0.7rem;border-radius: 9px;background: color-mix(in srgb,var(--vaadin-background-color) 65%,transparent)}.billing-schedule__label{font-size: 10.5px;color: var(--vaadin-text-color-secondary)}.billing-schedule__value{font-size: 11.5px;font-weight: 650;text-align: right;color: var(--vaadin-text-color)}@media (max-width: 720px){.billing-schedule__rows{grid-template-columns: minmax(0,1fr)}}:root{--people-positive: light-dark(#047857,#34d399);--people-positive-soft: color-mix(in oklab,#059669 12%,transparent);--people-positive-border: color-mix(in oklab,#059669 26%,transparent);--people-info: light-dark(#0369a1,#38bdf8);--people-info-soft: color-mix(in oklab,#0284c7 11%,transparent);--people-info-border: color-mix(in oklab,#0284c7 25%,transparent);--people-warning: light-dark(#92400e,#fbbf24);--people-warning-soft: color-mix(in oklab,#d97706 13%,transparent);--people-warning-border: color-mix(in oklab,#d97706 28%,transparent);--people-danger: light-dark(#b91c1c,#f87171);--people-danger-soft: color-mix(in oklab,#dc2626 11%,transparent);--people-danger-border: color-mix(in oklab,#dc2626 25%,transparent);--people-neutral: light-dark(#475569,#a8b3c4);--people-neutral-soft: color-mix(in oklab,#64748b 10%,transparent);--people-neutral-border: color-mix(in oklab,#64748b 24%,transparent);--people-muted: light-dark(#64748b,#8b93a1);--people-muted-soft: color-mix(in oklab,#94a3b8 10%,transparent);--people-muted-border: color-mix(in oklab,#94a3b8 24%,transparent);--people-surface: var(--vaadin-background-color);--people-surface-raised: linear-gradient( light-dark(rgb(255 255 255 / 0.86),rgb(255 255 255 / 0.035)),light-dark(rgb(255 255 255 / 0.86),rgb(255 255 255 / 0.035))),var(--vaadin-background-color);--people-surface-soft: color-mix(in oklab,var(--vaadin-text-color) 3%,var(--vaadin-background-color));--people-border: var(--vaadin-border-color-secondary);--people-border-strong: color-mix(in oklab,var(--vaadin-text-color) 18%,transparent);--people-radius: 14px;--people-radius-small: 9px;--people-shadow: 0 1px 2px light-dark(rgb(16 24 40 / 0.04),rgb(0 0 0 / 0.30));--people-mono: var(--landing-mono,ui-monospace,'SF Mono',Menlo,monospace)}.people-page{box-sizing: border-box;width: 100%;min-height: 100%;overflow-y: auto;background: transparent;color: var(--vaadin-text-color);font-family: var(--aura-font-family);font-size: 13px;line-height: 1.45}.people-page *,.people-page *::before,.people-page *::after{box-sizing: border-box}.people-page-body{width: 100%;max-width: 1440px;margin-inline: auto;padding: 26px 30px 52px;display: flex;flex-direction: column;gap: 18px}.page-header{display: flex;align-items: flex-end;justify-content: space-between;gap: 20px;flex-wrap: wrap;padding-bottom: 4px}.page-header__copy{display: flex;flex-direction: column;gap: 4px;min-width: 0}.page-header__breadcrumb{display: flex;align-items: center;gap: 7px;font-family: var(--people-mono);font-size: 10px;font-weight: 600;letter-spacing: 0.09em;text-transform: uppercase;color: var(--vaadin-text-color-secondary)}.page-header__breadcrumb-separator{color: color-mix(in oklab,var(--vaadin-text-color-secondary) 55%,transparent)}.page-header__breadcrumb-current{color: var(--aura-accent-text-color)}.page-header__title{margin: 0;font-size: clamp(1.45rem,1.2rem + 0.55vw,1.82rem);font-weight: 700;letter-spacing: -0.025em;line-height: 1.12;color: var(--vaadin-text-color)}.page-header__subtitle{margin: 0;font-size: 12.5px;line-height: 1.5;color: var(--vaadin-text-color-secondary);max-width: 66ch}.page-header__actions{display: flex;align-items: center;gap: 8px;flex-wrap: wrap;padding-bottom: 2px}.metric-strip{display: grid;grid-template-columns: repeat(auto-fit,minmax(190px,1fr));gap: 12px}.metric-card{display: flex;flex-direction: column;gap: 7px;min-width: 0;padding: 15px 17px 14px;border: 1px solid var(--people-border);border-radius: var(--people-radius);background: var(--people-surface-raised);box-shadow: var(--people-shadow);transition: border-color 120ms ease,transform 120ms ease}.metric-card:hover{border-color: color-mix(in oklab,var(--aura-accent-color) 26%,var(--people-border))}.metric-card__top{display: flex;align-items: center;justify-content: space-between;gap: 10px}.metric-card__label{font-family: var(--people-mono);font-size: 9.5px;font-weight: 600;letter-spacing: 0.1em;text-transform: uppercase;color: var(--vaadin-text-color-secondary);overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.metric-card__icon{flex: 0 0 auto;display: inline-flex;align-items: center;justify-content: center;width: 30px;height: 30px;border-radius: 8px;color: var(--aura-accent-text-color);background: color-mix(in oklab,var(--aura-accent-color) 9%,transparent)}.metric-card__icon svg{width: 15px;height: 15px}.metric-card__value{font-family: var(--people-mono);font-variant-numeric: tabular-nums;font-size: clamp(1.4rem,1.2rem + 0.5vw,1.72rem);font-weight: 600;letter-spacing: -0.03em;line-height: 1.1;color: var(--vaadin-text-color);overflow-wrap: anywhere}.metric-card__detail{font-size: 11.5px;line-height: 1.35;color: var(--vaadin-text-color-secondary)}.metric-card--positive .metric-card__icon{color: var(--people-positive);background: var(--people-positive-soft)}.metric-card--warning .metric-card__icon{color: var(--people-warning);background: var(--people-warning-soft)}.metric-card--danger .metric-card__icon{color: var(--people-danger);background: var(--people-danger-soft)}.metric-card--info .metric-card__icon{color: var(--people-info);background: var(--people-info-soft)}.metric-card--muted .metric-card__icon{color: var(--people-muted);background: var(--people-muted-soft)}.surface-card{display: flex;flex-direction: column;min-width: 0;border: 1px solid var(--people-border);border-radius: var(--people-radius);background: var(--people-surface-raised);box-shadow: var(--people-shadow);overflow: hidden}.surface-card__header{display: flex;align-items: flex-start;justify-content: space-between;gap: 16px;padding: 14px 18px 13px;border-bottom: 1px solid var(--people-border)}.surface-card__copy{display: flex;flex-direction: column;gap: 2px;min-width: 0}.surface-card__title{margin: 0;font-size: 13.5px;font-weight: 650;letter-spacing: -0.01em;color: var(--vaadin-text-color)}.surface-card__subtitle{margin: 0;font-size: 11.5px;color: var(--vaadin-text-color-secondary)}.surface-card__actions{display: flex;align-items: center;gap: 6px;flex-wrap: wrap}.surface-card__body{min-width: 0;flex: 1 1 auto}.surface-card__body--padded{padding: 16px 18px}.surface-card__footer{display: flex;align-items: center;justify-content: space-between;gap: 12px;padding: 10px 18px;border-top: 1px solid var(--people-border);font-size: 11.5px;color: var(--vaadin-text-color-secondary)}.status-pill{display: inline-flex;align-items: center;gap: 5px;max-width: 100%;padding: 2px 8px;border: 1px solid var(--people-neutral-border);border-radius: 999px;font-size: 10.5px;font-weight: 650;letter-spacing: 0.005em;line-height: 1.5;white-space: nowrap;color: var(--people-neutral);background: var(--people-neutral-soft)}.status-pill::before{content: "";flex: 0 0 auto;width: 5px;height: 5px;border-radius: 50%;background: currentColor}.status-pill--positive{color: var(--people-positive);background: var(--people-positive-soft);border-color: var(--people-positive-border)}.status-pill--info{color: var(--people-info);background: var(--people-info-soft);border-color: var(--people-info-border)}.status-pill--warning{color: var(--people-warning);background: var(--people-warning-soft);border-color: var(--people-warning-border)}.status-pill--danger{color: var(--people-danger);background: var(--people-danger-soft);border-color: var(--people-danger-border)}.status-pill--muted{color: var(--people-muted);background: var(--people-muted-soft);border-color: var(--people-muted-border)}.person-avatar{display: inline-flex;align-items: center;justify-content: center;flex: 0 0 auto;width: 34px;height: 34px;border-radius: 50%;font-family: var(--people-mono);font-size: 11px;font-weight: 700;letter-spacing: 0.02em;user-select: none}.person-avatar--small{width: 28px;height: 28px;font-size: 9.5px}.person-avatar--large{width: 48px;height: 48px;font-size: 15px}.person-avatar--hue-0{background: light-dark(#e0e7ff,#312e81);color: light-dark(#3730a3,#c7d2fe)}.person-avatar--hue-1{background: light-dark(#ccfbf1,#134e4a);color: light-dark(#0f766e,#99f6e4)}.person-avatar--hue-2{background: light-dark(#fef3c7,#78350f);color: light-dark(#92400e,#fde68a)}.person-avatar--hue-3{background: light-dark(#ffe4e6,#881337);color: light-dark(#9f1239,#fecdd3)}.person-avatar--hue-4{background: light-dark(#e0f2fe,#0c4a6e);color: light-dark(#0369a1,#bae6fd)}.person-avatar--hue-5{background: light-dark(#ede9fe,#4c1d95);color: light-dark(#6d28d9,#ddd6fe)}.person-avatar--hue-6{background: light-dark(#d1fae5,#064e3b);color: light-dark(#047857,#a7f3d0)}.person-avatar--hue-7{background: light-dark(#ffedd5,#7c2d12);color: light-dark(#c2410c,#fed7aa)}.person-cell{display: flex;align-items: center;gap: 10px;min-width: 0}.person-cell__copy{display: flex;flex-direction: column;gap: 1px;min-width: 0}.person-cell__name{font-size: 12.5px;font-weight: 600;line-height: 1.25;color: var(--vaadin-text-color);overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.person-cell__meta{font-size: 11px;color: var(--vaadin-text-color-secondary);overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.filter-bar{display: flex;align-items: center;justify-content: space-between;gap: 12px;flex-wrap: wrap;padding: 11px 13px;border: 1px solid var(--people-border);border-radius: 12px;background: var(--people-surface-raised);box-shadow: var(--people-shadow)}.filter-bar__controls{display: flex;align-items: center;gap: 8px;flex-wrap: wrap;min-width: 0}.filter-bar__meta{display: flex;align-items: center;gap: 8px;margin-inline-start: auto;font-size: 11.5px;color: var(--vaadin-text-color-secondary);white-space: nowrap}.filter-bar__count{font-size: 11.5px;color: var(--vaadin-text-color-secondary);white-space: nowrap}.filter-bar vaadin-text-field,.filter-bar vaadin-combo-box,.filter-bar vaadin-select,.filter-bar vaadin-date-picker{--vaadin-input-field-height: 32px;font-size: 12px}.filter-bar vaadin-text-field{min-width: 240px}.filter-bar vaadin-combo-box,.filter-bar vaadin-select{min-width: 168px}.data-table{width: 100%;background: transparent;font-size: 12.5px;--vaadin-grid-cell-padding: 10px 14px;--vaadin-grid-row-height: 44px;--vaadin-grid-header-row-height: 38px;--vaadin-grid-cell-background: transparent}.data-table::part(header-cell){background: var(--people-surface-soft);color: var(--vaadin-text-color-secondary);font-family: var(--people-mono);font-size: 9.5px;font-weight: 650;letter-spacing: 0.08em;text-transform: uppercase;border-bottom: 1px solid var(--people-border)}.data-table::part(cell){border-bottom: 1px solid color-mix(in oklab,var(--people-border) 65%,transparent);color: var(--vaadin-text-color);line-height: 1.35;padding: 9px 14px}.data-table::part(row){background: transparent}.data-table::part(row):hover{background: color-mix(in oklab,var(--aura-accent-color) 3.5%,transparent)}.data-table::part(last-row)::part(cell){border-bottom: 0}.data-table vaadin-grid-cell-content{min-width: 0}.table-actions{display: flex;align-items: center;gap: 2px;justify-content: flex-end}.people-page vaadin-button{font-size: 12px;font-weight: 550}.people-page vaadin-button[theme~="primary"]{font-weight: 600}.icon-button{--vaadin-button-padding: 0;width: 28px;height: 28px;min-width: 28px;color: var(--vaadin-text-color-secondary)}.icon-button:hover{color: var(--vaadin-text-color)}.icon-button--danger:hover{color: var(--people-danger)}.icon-button svg{width: 14px;height: 14px}.action-icon{width: 14px;height: 14px}.quiet-link{font-size: 11.5px;color: var(--aura-accent-text-color);text-decoration: none}.quiet-link:hover{text-decoration: underline}.subtle-text{font-size: 11.5px;color: var(--vaadin-text-color-secondary)}.empty-state{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 7px;padding: 42px 24px;text-align: center}.empty-state__icon{display: inline-flex;align-items: center;justify-content: center;width: 46px;height: 46px;margin-bottom: 3px;border-radius: 13px;color: var(--vaadin-text-color-secondary);background: var(--people-surface-soft);border: 1px solid var(--people-border)}.empty-state__icon svg{width: 21px;height: 21px}.empty-state__title{font-size: 13.5px;font-weight: 650;color: var(--vaadin-text-color)}.empty-state__hint{font-size: 12px;color: var(--vaadin-text-color-secondary);max-width: 42ch}.empty-state__actions{display: flex;gap: 6px;margin-top: 8px}.segmented-control{display: inline-flex;align-items: center;gap: 2px;padding: 3px;border: 1px solid var(--people-border);border-radius: 10px;background: var(--people-surface-soft);flex-wrap: wrap}.segmented-control__option{--vaadin-button-background: transparent;--vaadin-button-border-color: transparent;--vaadin-button-shadow: none;height: 28px;min-height: 28px;padding-inline: 11px;border-radius: 7px;font-size: 11.5px;font-weight: 550;color: var(--vaadin-text-color-secondary)}.segmented-control__option--selected{--vaadin-button-background: var(--people-surface-raised);--vaadin-button-border-color: var(--people-border);color: var(--vaadin-text-color);box-shadow: var(--people-shadow)}.segmented-control__option vaadin-icon,.segmented-control__option svg{width: 13px;height: 13px}.detail-list{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 14px 24px}.detail-list__row{display: flex;flex-direction: column;gap: 3px;min-width: 0}.detail-list__row--full{grid-column: 1 / -1}.detail-list__label{font-family: var(--people-mono);font-size: 9.5px;font-weight: 600;letter-spacing: 0.08em;text-transform: uppercase;color: var(--vaadin-text-color-secondary)}.detail-list__value{font-size: 12.5px;line-height: 1.4;color: var(--vaadin-text-color);overflow-wrap: anywhere}.progress-meter{display: flex;align-items: center;gap: 8px;min-width: 118px}.progress-meter__track{flex: 1 1 auto;height: 6px;border-radius: 999px;background: color-mix(in oklab,var(--vaadin-text-color) 8%,transparent);overflow: hidden}.progress-meter__fill{height: 100%;border-radius: inherit;background: linear-gradient(90deg,color-mix(in oklab,var(--aura-accent-color) 75%,transparent),var(--aura-accent-color))}.progress-meter__label{flex: 0 0 auto;min-width: 34px;font-family: var(--people-mono);font-size: 10.5px;font-variant-numeric: tabular-nums;text-align: right;color: var(--vaadin-text-color-secondary)}.bar-chart{display: grid;grid-auto-flow: column;grid-auto-columns: minmax(24px,1fr);gap: 10px;align-items: end;height: 168px;padding: 4px 2px 0}.bar-chart--money{grid-auto-columns: minmax(64px,1fr)}.bar-chart--money .bar-chart__value{font-size: 9px;white-space: nowrap}.bar-chart__column{display: flex;flex-direction: column;align-items: center;justify-content: flex-end;gap: 5px;height: 100%;min-width: 0}.bar-chart__plot{display: flex;align-items: flex-end;justify-content: center;width: 100%;height: 118px;border-bottom: 1px solid var(--people-border);overflow: hidden}.bar-chart__bar{width: min(70%,34px);border-radius: 5px 5px 2px 2px;background: linear-gradient(180deg,color-mix(in oklab,var(--aura-accent-color) 75%,transparent),var(--aura-accent-color));transition: height 180ms ease}.bar-chart__bar--empty{background: color-mix(in oklab,var(--vaadin-text-color) 10%,transparent)}.bar-chart__value{font-family: var(--people-mono);font-size: 10px;font-variant-numeric: tabular-nums;color: var(--vaadin-text-color-secondary)}.bar-chart__label{font-size: 10px;color: var(--vaadin-text-color-secondary);white-space: nowrap}.distribution-list{display: flex;flex-direction: column;gap: 13px}.distribution-list__row{display: flex;flex-direction: column;gap: 5px}.distribution-list__head{display: flex;align-items: baseline;justify-content: space-between;gap: 12px}.distribution-list__label{font-size: 12px;color: var(--vaadin-text-color);overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.distribution-list__value{font-family: var(--people-mono);font-size: 10.5px;color: var(--vaadin-text-color-secondary);white-space: nowrap}.distribution-list__track{height: 7px;border-radius: 999px;background: color-mix(in oklab,var(--vaadin-text-color) 7%,transparent);overflow: hidden}.distribution-list__fill{height: 100%;border-radius: inherit;background: linear-gradient(90deg,color-mix(in oklab,var(--aura-accent-color) 55%,transparent),var(--aura-accent-color))}.form-dialog{--vaadin-dialog-padding: 0}.form-dialog__body{padding: 6px 20px 10px;box-sizing: border-box}.form-dialog__header{display: flex;flex-direction: column;gap: 3px;padding: 2px 0 10px}.form-dialog__title{margin: 0;font-size: 16px;font-weight: 650;letter-spacing: -0.015em;color: var(--vaadin-text-color)}.form-dialog__description{margin: 0;font-size: 12px;color: var(--vaadin-text-color-secondary)}.form-dialog__error{display: block;margin-top: 12px;padding: 8px 11px;border: 1px solid var(--people-danger-border);border-radius: 8px;font-size: 11.5px;color: var(--people-danger);background: var(--people-danger-soft)}.form-dialog__save{min-width: 112px}.app-dialog__footer{display: flex;align-items: center;justify-content: flex-end;flex-wrap: wrap;gap: 8px;width: 100%;box-sizing: border-box;padding: 14px 20px 16px;border-top: 1px solid var(--people-border);border-radius: 0 0 10px 10px;background: var(--people-surface-soft)}.app-dialog__footer vaadin-button{margin: 0}.form-grid{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 12px 16px;padding-block: 4px}.form-grid__full{grid-column: 1 / -1}.form-grid__section{grid-column: 1 / -1;margin-top: 5px;padding-bottom: 5px;border-bottom: 1px solid var(--people-border);font-family: var(--people-mono);font-size: 9.5px;font-weight: 650;letter-spacing: 0.09em;text-transform: uppercase;color: var(--vaadin-text-color-secondary)}.form-grid vaadin-text-field,.form-grid vaadin-text-area,.form-grid vaadin-combo-box,.form-grid vaadin-select,.form-grid vaadin-date-picker,.form-grid vaadin-number-field,.form-grid vaadin-time-picker,.form-grid vaadin-date-time-picker,.form-grid vaadin-password-field,.form-grid vaadin-integer-field{width: 100%}.form-grid vaadin-text-field,.form-grid vaadin-text-area,.form-grid vaadin-combo-box,.form-grid vaadin-select,.form-grid vaadin-date-picker,.form-grid vaadin-number-field,.form-grid vaadin-time-picker,.form-grid vaadin-date-time-picker,.form-grid vaadin-integer-field{font-size: 12.5px}.form-grid vaadin-text-area{min-height: 70px}.confirmation-dialog::part(header){font-weight: 650}.calendar-toolbar{display: flex;align-items: center;justify-content: space-between;gap: 12px;flex-wrap: wrap;padding: 12px 16px;border-bottom: 1px solid var(--people-border)}.calendar-toolbar__title{display: flex;align-items: center;gap: 9px;font-size: 15px;font-weight: 650;letter-spacing: -0.012em;color: var(--vaadin-text-color)}.calendar-toolbar__actions{display: flex;align-items: center;gap: 5px}.calendar-weekdays{display: grid;grid-template-columns: repeat(7,minmax(0,1fr));border-bottom: 1px solid var(--people-border);background: var(--people-surface-soft)}.calendar-weekday{padding: 7px 9px;font-family: var(--people-mono);font-size: 9px;font-weight: 650;letter-spacing: 0.08em;text-transform: uppercase;color: var(--vaadin-text-color-secondary)}.calendar-grid{display: grid;grid-template-columns: repeat(7,minmax(0,1fr));grid-auto-rows: minmax(96px,auto)}.calendar-day{display: flex;flex-direction: column;gap: 4px;min-width: 0;min-height: 96px;padding: 7px 8px;border-right: 1px solid color-mix(in oklab,var(--people-border) 70%,transparent);border-bottom: 1px solid color-mix(in oklab,var(--people-border) 70%,transparent);background: transparent;cursor: pointer;transition: background 100ms ease}.calendar-day:nth-child(7n){border-right: 0}.calendar-day:hover{background: color-mix(in oklab,var(--aura-accent-color) 4%,transparent)}.calendar-day--outside{background: color-mix(in oklab,var(--vaadin-text-color) 2%,transparent);opacity: 0.62}.calendar-day--weekend:not(.calendar-day--outside){background: color-mix(in oklab,var(--vaadin-text-color) 1.8%,transparent)}.calendar-day--today{box-shadow: inset 0 0 0 1.5px color-mix(in oklab,var(--aura-accent-color) 60%,transparent)}.calendar-day--holiday{background: color-mix(in oklab,#d97706 5%,transparent)}.calendar-day__number{display: inline-flex;align-items: center;justify-content: center;width: 22px;height: 22px;border-radius: 50%;font-family: var(--people-mono);font-size: 10.5px;font-variant-numeric: tabular-nums;color: var(--vaadin-text-color-secondary)}.calendar-day--today .calendar-day__number{color: white;background: var(--aura-accent-color)}.calendar-day__events{display: flex;flex-direction: column;gap: 2px;min-width: 0;overflow: hidden}.calendar-event{display: block;padding: 2px 5px;border-radius: 4px;font-size: 9.5px;line-height: 1.35;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: var(--vaadin-text-color);background: color-mix(in oklab,var(--vaadin-text-color) 6%,transparent)}.calendar-event--holiday{color: var(--people-warning);background: var(--people-warning-soft);font-weight: 600}.calendar-event--leave{color: var(--people-info);background: var(--people-info-soft)}.calendar-event--birthday{color: var(--people-positive);background: var(--people-positive-soft)}.calendar-event--anniversary{color: var(--aura-accent-text-color);background: color-mix(in oklab,var(--aura-accent-color) 9%,transparent)}.calendar-event--more{color: var(--vaadin-text-color-secondary);background: transparent;padding-inline: 5px}@media (max-width: 1100px){.people-page-body{padding: 22px 22px 44px}.metric-strip{grid-template-columns: repeat(2,minmax(0,1fr))}}@media (max-width: 760px){.people-page-body{padding: 16px 12px 36px;gap: 12px}.page-header{align-items: flex-start}.page-header__title{font-size: 1.32rem}.page-header__actions{width: 100%}.metric-strip{grid-template-columns: 1fr;gap: 9px}.metric-card{padding: 12px 14px 11px}.surface-card__header{padding: 12px 14px}.data-table::part(header-cell),.data-table::part(cell){padding: 8px 10px}.form-grid{grid-template-columns: 1fr}.detail-list{grid-template-columns: 1fr}.filter-bar{align-items: stretch}.filter-bar__controls{width: 100%}.filter-bar vaadin-text-field{min-width: 0;flex: 1 1 100%}.filter-bar vaadin-combo-box,.filter-bar vaadin-select{flex: 1 1 42%;min-width: 0}.filter-bar__meta{margin-inline-start: 0}.bar-chart{gap: 5px}.calendar-grid{grid-auto-rows: minmax(78px,auto)}.calendar-day{min-height: 78px;padding: 5px 4px}.calendar-event{font-size: 8.5px;padding-inline: 3px}}html{--vaadin-primary-color: light-dark(#0f7a5f,#34d399);--aura-accent-color: light-dark(#0f7a5f,#34d399);--aura-accent-text-color: light-dark(#0b6b52,#6ee7b7);--people-canvas: light-dark(#f5f7f9,#0c1014);--people-radius: 16px;--people-shadow: 0 1px 2px light-dark(rgb(16 24 40 / 0.05),rgb(0 0 0 / 0.35))}.main-layout,.main-layout::part(content),.people-page{background: var(--people-canvas)}.stack{display: flex;flex-direction: column;gap: 12px}.inline-row{display: flex;align-items: center;gap: 8px;flex-wrap: wrap}.inline-row--end{justify-content: flex-end}.section-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(280px,1fr));gap: 14px;align-items: start}.split-grid{display: grid;grid-template-columns: minmax(0,1.55fr) minmax(0,1fr);gap: 14px;align-items: start}.text-strong{font-weight: 600;color: var(--vaadin-text-color)}.text-muted{color: var(--vaadin-text-color-secondary)}.text-danger{color: var(--people-danger)}.numeric-text{font-family: var(--people-mono);font-variant-numeric: tabular-nums;font-size: 11.5px}.truncate{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.cell-subtitle{display: block;margin-top: 1px;font-size: 10.5px;color: var(--vaadin-text-color-secondary)}.count-badge{display: inline-flex;align-items: center;justify-content: center;min-width: 18px;height: 18px;padding-inline: 5px;border-radius: 999px;font-family: var(--people-mono);font-size: 9.5px;font-weight: 600;color: var(--vaadin-text-color-secondary);background: color-mix(in oklab,var(--vaadin-text-color) 7%,transparent)}.section-label{font-family: var(--people-mono);font-size: 9px;font-weight: 650;letter-spacing: 0.09em;text-transform: uppercase;color: var(--vaadin-text-color-secondary)}.dashboard-grid{display: grid;grid-template-columns: minmax(0,1.55fr) minmax(0,1fr);gap: 14px;align-items: start}.dashboard-side{display: flex;flex-direction: column;gap: 14px;min-width: 0}.dashboard-trend{min-height: 232px}.trend-legend{display: flex;align-items: center;gap: 12px;flex-wrap: wrap;font-size: 10.5px;color: var(--vaadin-text-color-secondary)}.trend-legend__item{display: inline-flex;align-items: center;gap: 5px}.trend-legend__dot{width: 7px;height: 7px;border-radius: 50%;background: var(--aura-accent-color)}.trend-legend__dot--leave{background: var(--people-info)}.trend-legend__dot--absent{background: var(--people-danger)}.alert-list{display: flex;flex-direction: column}.alert-item{display: flex;align-items: flex-start;gap: 10px;padding: 10px 16px;border-bottom: 1px solid color-mix(in oklab,var(--people-border) 65%,transparent)}.alert-item:last-child{border-bottom: 0}.alert-item__icon{flex: 0 0 auto;display: inline-flex;align-items: center;justify-content: center;width: 26px;height: 26px;margin-top: 1px;border-radius: 7px;color: var(--people-warning);background: var(--people-warning-soft)}.alert-item__icon--danger{color: var(--people-danger);background: var(--people-danger-soft)}.alert-item__icon--info{color: var(--people-info);background: var(--people-info-soft)}.alert-item__icon svg{width: 13px;height: 13px}.alert-item__text{font-size: 11.5px;line-height: 1.45;color: var(--vaadin-text-color)}.alert-list__empty{padding: 20px 16px;font-size: 11.5px;color: var(--vaadin-text-color-secondary)}.quick-approval{display: flex;align-items: center;gap: 11px;padding: 11px 16px;border-bottom: 1px solid color-mix(in oklab,var(--people-border) 65%,transparent)}.quick-approval:last-child{border-bottom: 0}.quick-approval__copy{display: flex;flex-direction: column;gap: 1px;min-width: 0;flex: 1}.quick-approval__name{font-size: 12.5px;font-weight: 600;color: var(--vaadin-text-color);overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.quick-approval__meta{font-size: 11px;color: var(--vaadin-text-color-secondary);overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.quick-approval__actions{display: flex;align-items: center;gap: 5px;flex: 0 0 auto}.quick-approval__empty{padding: 22px 16px;text-align: center;font-size: 11.5px;color: var(--vaadin-text-color-secondary)}.holiday-list{display: flex;flex-direction: column}.holiday-row{display: flex;align-items: center;gap: 11px;padding: 9px 16px;border-bottom: 1px solid color-mix(in oklab,var(--people-border) 65%,transparent)}.holiday-row:last-child{border-bottom: 0}.holiday-row__date{flex: 0 0 38px;display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 4px 0;border-radius: 8px;background: var(--people-surface-soft);border: 1px solid var(--people-border)}.holiday-row__month{font-family: var(--people-mono);font-size: 8.5px;font-weight: 650;letter-spacing: 0.06em;text-transform: uppercase;color: var(--people-warning)}.holiday-row__day{font-family: var(--people-mono);font-size: 14px;font-weight: 600;line-height: 1.1;color: var(--vaadin-text-color)}.holiday-row__copy{display: flex;flex-direction: column;gap: 1px;min-width: 0;flex: 1}.holiday-row__name{font-size: 12px;font-weight: 550;color: var(--vaadin-text-color);overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.holiday-row__meta{font-size: 10.5px;color: var(--vaadin-text-color-secondary)}.recent-hire-strip{display: flex;align-items: center;gap: 10px;flex-wrap: wrap;padding: 12px 16px}.recent-hire{display: flex;align-items: center;gap: 6px;padding: 3px 8px 3px 3px;border: 1px solid var(--people-border);border-radius: 999px;background: var(--people-surface-soft);font-size: 10.5px;color: var(--vaadin-text-color-secondary)}.employee-dossier{--vaadin-dialog-padding: 0}.employee-dossier__hero{display: flex;align-items: flex-start;gap: 15px;padding: 16px 18px;border-bottom: 1px solid var(--people-border);background: linear-gradient(135deg,color-mix(in oklab,var(--aura-accent-color) 8%,transparent),transparent 65%),var(--people-surface-soft)}.employee-dossier__identity{display: flex;flex-direction: column;gap: 3px;min-width: 0;flex: 1}.employee-dossier__name{margin: 0;font-size: 18px;font-weight: 700;letter-spacing: -0.02em;line-height: 1.2;color: var(--vaadin-text-color)}.employee-dossier__meta{font-size: 12px;color: var(--vaadin-text-color-secondary)}.employee-dossier__badges{display: flex;align-items: center;gap: 6px;flex-wrap: wrap;margin-top: 5px}.employee-dossier__contact{display: flex;align-items: center;gap: 13px;flex-wrap: wrap;margin-top: 5px;font-size: 11px;color: var(--vaadin-text-color-secondary)}.contact-line{display: inline-flex;align-items: center;gap: 4px}.contact-line svg{width: 12px;height: 12px;color: var(--vaadin-text-color-secondary)}.employee-dossier__tabs{padding: 10px 18px;border-bottom: 1px solid var(--people-border)}.employee-dossier__content{padding: 16px 18px;min-height: 260px;max-height: min(56vh,520px);overflow-y: auto}.dossier-section + .dossier-section{margin-top: 18px;padding-top: 16px;border-top: 1px solid var(--people-border)}.dossier-section__title{margin: 0 0 10px;font-size: 11px;font-weight: 650;letter-spacing: 0.02em;color: var(--vaadin-text-color-secondary)}.leave-balance-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(160px,1fr));gap: 10px}.leave-balance-card{display: flex;flex-direction: column;gap: 5px;padding: 11px 12px;border: 1px solid var(--people-border);border-radius: 10px;background: var(--people-surface-soft)}.leave-balance-card__head{display: flex;align-items: baseline;justify-content: space-between;gap: 8px}.leave-balance-card__title{font-size: 11px;font-weight: 600;color: var(--vaadin-text-color);overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.leave-balance-card__amount{font-family: var(--people-mono);font-size: 12px;font-weight: 600;color: var(--vaadin-text-color);white-space: nowrap}.leave-balance-card__label{font-size: 9.5px;color: var(--vaadin-text-color-secondary)}.leave-balance-card__track{height: 5px;border-radius: 999px;background: color-mix(in oklab,var(--vaadin-text-color) 8%,transparent);overflow: hidden}.leave-balance-card__fill{height: 100%;border-radius: inherit;background: var(--aura-accent-color)}.goal-list{display: flex;flex-direction: column;gap: 2px}.goal-list__item{padding: 9px 0;border-bottom: 1px solid color-mix(in oklab,var(--people-border) 60%,transparent)}.goal-list__item:last-child{border-bottom: 0}.goal-list__head{display: flex;align-items: center;justify-content: space-between;gap: 12px}.goal-list__title{font-size: 12px;font-weight: 550;color: var(--vaadin-text-color)}.goal-list__meta{font-size: 10.5px;color: var(--vaadin-text-color-secondary);white-space: nowrap}.goal-list__item .progress-meter{margin-top: 6px}.leave-history-list{display: flex;flex-direction: column}.leave-history-row{display: flex;align-items: center;justify-content: space-between;gap: 12px;padding: 8px 0;border-bottom: 1px solid color-mix(in oklab,var(--people-border) 60%,transparent)}.leave-history-row:last-child{border-bottom: 0}.leave-history-row__main{display: flex;flex-direction: column;gap: 1px;min-width: 0}.leave-history-row__title{font-size: 11.5px;font-weight: 550;color: var(--vaadin-text-color)}.leave-history-row__dates{font-size: 10.5px;color: var(--vaadin-text-color-secondary)}.employee-dossier__empty{padding: 26px 0;text-align: center;font-size: 11.5px;color: var(--vaadin-text-color-secondary)}.department-detail{display: flex;flex-direction: column;gap: 16px}.department-detail__hero{display: flex;align-items: center;gap: 13px;padding: 14px 15px;border: 1px solid var(--people-border);border-radius: 11px;background: linear-gradient(135deg,color-mix(in oklab,var(--aura-accent-color) 7%,transparent),transparent 70%),var(--people-surface-soft)}.department-detail__icon{display: inline-flex;align-items: center;justify-content: center;width: 42px;height: 42px;flex: 0 0 auto;border-radius: 10px;color: var(--aura-accent-text-color);background: color-mix(in oklab,var(--aura-accent-color) 10%,transparent)}.department-detail__icon svg{width: 20px;height: 20px}.department-detail__name{margin: 0;font-size: 18px;font-weight: 700;letter-spacing: -0.02em;color: var(--vaadin-text-color)}.department-detail__meta{font-size: 11.5px;color: var(--vaadin-text-color-secondary)}.department-detail__staff{display: flex;flex-direction: column;gap: 2px;padding-top: 4px}.department-staff-row{display: flex;align-items: center;gap: 9px;padding: 7px 0;border-bottom: 1px solid color-mix(in oklab,var(--people-border) 60%,transparent)}.department-staff-row:last-child{border-bottom: 0}.department-staff-row .person-cell__copy{flex: 1}.department-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(310px,1fr));gap: 13px}.department-card{display: flex;flex-direction: column;gap: 12px;min-width: 0;padding: 15px 16px;border: 1px solid var(--people-border);border-radius: var(--people-radius);background: var(--people-surface-raised);box-shadow: var(--people-shadow);transition: border-color 120ms ease}.department-card:hover{border-color: color-mix(in oklab,var(--aura-accent-color) 28%,var(--people-border))}.department-card__header{display: flex;align-items: flex-start;gap: 10px}.department-card__icon{flex: 0 0 auto;display: inline-flex;align-items: center;justify-content: center;width: 34px;height: 34px;border-radius: 9px;color: var(--aura-accent-text-color);background: color-mix(in oklab,var(--aura-accent-color) 9%,transparent)}.department-card__icon svg{width: 16px;height: 16px}.department-card__copy{display: flex;flex-direction: column;gap: 1px;min-width: 0;flex: 1}.department-card__title{margin: 0;font-size: 13.5px;font-weight: 650;letter-spacing: -0.012em;color: var(--vaadin-text-color)}.department-card__meta{font-size: 11px;color: var(--vaadin-text-color-secondary);overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.department-card__actions{display: flex;align-items: center;gap: 2px;flex: 0 0 auto}.department-card__description{margin: 0;font-size: 11.5px;line-height: 1.45;color: var(--vaadin-text-color-secondary);display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;min-height: 33px}.department-card__stats{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 8px}.department-card__stat{display: flex;flex-direction: column;gap: 1px;padding: 7px 8px;border-radius: 8px;background: var(--people-surface-soft)}.department-card__stat-value{font-family: var(--people-mono);font-size: 13px;font-weight: 600;color: var(--vaadin-text-color)}.department-card__stat-label{font-size: 9px;letter-spacing: 0.04em;text-transform: uppercase;color: var(--vaadin-text-color-secondary)}.department-card__footer{display: flex;align-items: center;justify-content: space-between;gap: 8px;padding-top: 2px;font-size: 10.5px;color: var(--vaadin-text-color-secondary)}.department-headcount{display: flex;flex-direction: column;gap: 4px;min-width: 0}.department-headcount__track{height: 6px;border-radius: 999px;background: color-mix(in oklab,var(--vaadin-text-color) 8%,transparent);overflow: hidden}.department-headcount__fill{height: 100%;border-radius: inherit;background: linear-gradient(90deg,color-mix(in oklab,var(--aura-accent-color) 55%,transparent),var(--aura-accent-color))}.designation-band{display: flex;flex-direction: column;gap: 4px;min-width: 160px}.designation-band__labels{display: flex;align-items: center;justify-content: space-between;gap: 8px;font-family: var(--people-mono);font-size: 9.5px;color: var(--vaadin-text-color-secondary);white-space: nowrap}.designation-band__track{height: 6px;border-radius: 999px;background: color-mix(in oklab,var(--vaadin-text-color) 8%,transparent);overflow: hidden}.designation-band__fill{height: 100%;border-radius: inherit;background: linear-gradient(90deg,color-mix(in oklab,var(--aura-accent-color) 50%,transparent),var(--aura-accent-color))}.grade-chip{display: inline-flex;align-items: center;padding: 1px 6px;border-radius: 5px;border: 1px solid var(--people-border);background: var(--people-surface-soft);font-family: var(--people-mono);font-size: 9.5px;font-weight: 600;color: var(--vaadin-text-color-secondary)}.attendance-toolbar{display: flex;align-items: center;gap: 12px;flex-wrap: wrap;justify-content: space-between;padding: 12px 14px;border: 1px solid var(--people-border);border-radius: 12px;background: var(--people-surface-raised);box-shadow: var(--people-shadow)}.date-navigator{display: flex;align-items: center;gap: 6px}.date-navigator__copy{display: flex;flex-direction: column;gap: 0;min-width: 150px}.date-navigator__date{font-size: 13.5px;font-weight: 650;letter-spacing: -0.01em;color: var(--vaadin-text-color)}.date-navigator__caption{font-size: 10.5px;color: var(--vaadin-text-color-secondary)}.date-picker-compact{width: 148px}.attendance-side{display: flex;align-items: center;gap: 8px;flex-wrap: wrap}.attendance-recorded{display: flex;align-items: center;gap: 7px;font-size: 10.5px;color: var(--vaadin-text-color-secondary);white-space: nowrap}.attendance-recorded__track{width: 74px;height: 5px;border-radius: 999px;background: color-mix(in oklab,var(--vaadin-text-color) 9%,transparent);overflow: hidden}.attendance-location-map{width: 100%;border: 1px solid var(--people-border);border-radius: 12px;background: var(--people-surface-soft);overflow: hidden}.attendance-location-row,.attendance-location-event{display: flex;align-items: center;justify-content: space-between;gap: 14px;padding: 10px 12px;border: 1px solid var(--people-border);border-radius: 9px;background: var(--vaadin-background-container)}.attendance-location-event.is-blocked{border-color: color-mix(in oklab,var(--people-danger) 40%,var(--people-border));background: color-mix(in oklab,var(--people-danger-soft) 55%,transparent)}.attendance-location-row__title{display: block;font-size: 12px;font-weight: 650}.attendance-location-row__meta{display: block;margin-top: 2px;font-size: 10.5px;color: var(--vaadin-text-color-secondary)}.attendance-recorded__fill{height: 100%;border-radius: inherit;background: var(--people-positive)}.attendance-time{font-family: var(--people-mono);font-size: 10.5px;font-variant-numeric: tabular-nums;color: var(--vaadin-text-color-secondary)}.attendance-note{display: block;max-width: 190px;font-size: 10.5px;color: var(--vaadin-text-color-secondary);overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.attendance-banner{display: flex;align-items: center;gap: 9px;padding: 9px 13px;border: 1px solid var(--people-warning-border);border-radius: 10px;background: var(--people-warning-soft);font-size: 11.5px;color: var(--people-warning)}.attendance-banner__icon svg{width: 14px;height: 14px}.attendance-banner--positive{border-color: var(--people-positive-border);background: var(--people-positive-soft);color: var(--people-positive)}.leave-toolbar{display: flex;align-items: center;justify-content: space-between;gap: 12px;flex-wrap: wrap}.leave-toolbar__actions{display: flex;align-items: center;gap: 8px}.leave-reason{display: block;max-width: 220px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 10.5px;color: var(--vaadin-text-color-secondary)}.leave-days{font-family: var(--people-mono);font-size: 11px;font-variant-numeric: tabular-nums;color: var(--vaadin-text-color)}.leave-balance-workspace{display: grid;grid-template-columns: repeat(auto-fill,minmax(250px,1fr));gap: 11px;padding: 16px 18px}.leave-balance-tile{display: flex;flex-direction: column;gap: 7px;padding: 12px 13px;border: 1px solid var(--people-border);border-radius: 11px;background: var(--people-surface-soft)}.leave-balance-tile__head{display: flex;align-items: flex-start;justify-content: space-between;gap: 8px}.leave-balance-tile__employee{font-size: 12px;font-weight: 600;color: var(--vaadin-text-color)}.leave-balance-tile__department{font-size: 10px;color: var(--vaadin-text-color-secondary)}.leave-balance-tile__type{font-size: 10px;font-weight: 600;color: var(--aura-accent-text-color)}.leave-balance-tile__numbers{display: flex;align-items: baseline;gap: 4px;font-family: var(--people-mono)}.leave-balance-tile__remaining{font-size: 18px;font-weight: 650;color: var(--vaadin-text-color)}.leave-balance-tile__unit{font-size: 9.5px;color: var(--vaadin-text-color-secondary)}.leave-balance-tile__meta{font-size: 10px;color: var(--vaadin-text-color-secondary)}.leave-policy-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(250px,1fr));gap: 12px;padding: 16px 18px}.leave-policy-card{display: flex;flex-direction: column;gap: 8px;padding: 13px 14px;border: 1px solid var(--people-border);border-radius: 11px;background: var(--people-surface-soft)}.leave-policy-card__head{display: flex;align-items: flex-start;justify-content: space-between;gap: 8px}.leave-policy-card__copy{display: flex;flex-direction: column;gap: 1px;min-width: 0}.leave-policy-card__name{font-size: 12.5px;font-weight: 650;color: var(--vaadin-text-color)}.leave-policy-card__quota{font-family: var(--people-mono);font-size: 17px;font-weight: 650;color: var(--vaadin-text-color)}.leave-policy-card__quota span{font-size: 9.5px;font-weight: 400;color: var(--vaadin-text-color-secondary)}.leave-policy-card__description{margin: 0;font-size: 11px;line-height: 1.45;color: var(--vaadin-text-color-secondary);min-height: 31px}.leave-policy-card__features{display: flex;align-items: center;gap: 5px;flex-wrap: wrap}.leave-policy-card__footer{display: flex;align-items: center;justify-content: space-between;gap: 8px;padding-top: 4px;border-top: 1px solid color-mix(in oklab,var(--people-border) 65%,transparent);font-size: 10px;color: var(--vaadin-text-color-secondary)}.leave-day-preview{display: flex;align-items: center;justify-content: space-between;gap: 8px;padding: 8px 11px;border: 1px solid var(--people-border);border-radius: 8px;background: var(--people-surface-soft);font-size: 11px;color: var(--vaadin-text-color-secondary)}.leave-day-preview strong{font-family: var(--people-mono);font-size: 13px;color: var(--vaadin-text-color)}.leave-detail{display: flex;flex-direction: column;gap: 14px}.leave-detail__head{display: flex;align-items: flex-start;justify-content: space-between;gap: 14px}.leave-detail__person{display: flex;align-items: center;gap: 10px;min-width: 0}.leave-detail__copy{display: flex;flex-direction: column;gap: 1px;min-width: 0}.leave-detail__name{font-size: 13px;font-weight: 650;color: var(--vaadin-text-color)}.leave-detail__meta{font-size: 11px;color: var(--vaadin-text-color-secondary)}.leave-detail__grid{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 12px}.leave-detail__block{display: flex;flex-direction: column;gap: 3px;padding: 10px 11px;border-radius: 9px;background: var(--people-surface-soft)}.leave-detail__label{font-family: var(--people-mono);font-size: 9px;font-weight: 600;letter-spacing: 0.07em;text-transform: uppercase;color: var(--vaadin-text-color-secondary)}.leave-detail__value{font-size: 12px;color: var(--vaadin-text-color)}.leave-detail__reason{margin: 0;padding: 11px 12px;border-left: 2px solid var(--aura-accent-color);border-radius: 0 8px 8px 0;background: var(--people-surface-soft);font-size: 11.5px;line-height: 1.5;color: var(--vaadin-text-color-secondary)}.recruitment-pipeline{display: grid;grid-template-columns: repeat(6,minmax(174px,1fr));gap: 10px;padding: 14px 16px 16px;overflow-x: auto}.pipeline-stage{display: flex;flex-direction: column;gap: 8px;min-width: 0;padding: 9px;border: 1px solid var(--people-border);border-radius: 11px;background: var(--people-surface-soft)}.pipeline-stage__header{display: flex;align-items: center;justify-content: space-between;gap: 6px;padding: 0 1px 3px}.pipeline-stage__name{font-size: 10px;font-weight: 650;letter-spacing: 0.03em;text-transform: uppercase;color: var(--vaadin-text-color-secondary);white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.pipeline-stage__body{display: flex;flex-direction: column;gap: 6px;min-height: 40px}.pipeline-card{display: flex;flex-direction: column;gap: 3px;padding: 9px 10px;border: 1px solid var(--people-border);border-radius: 9px;background: var(--people-surface-raised);box-shadow: var(--people-shadow);cursor: pointer;transition: border-color 110ms ease}.pipeline-card:hover{border-color: color-mix(in oklab,var(--aura-accent-color) 35%,var(--people-border))}.pipeline-card__name{font-size: 11.5px;font-weight: 600;color: var(--vaadin-text-color);overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.pipeline-card__role{font-size: 9.5px;color: var(--vaadin-text-color-secondary);overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.pipeline-card__footer{display: flex;align-items: center;justify-content: space-between;gap: 5px;margin-top: 3px}.pipeline-card__age{font-family: var(--people-mono);font-size: 8.5px;color: var(--vaadin-text-color-secondary)}.pipeline-empty{padding: 13px 6px;border: 1px dashed var(--people-border);border-radius: 8px;text-align: center;font-size: 10px;color: var(--vaadin-text-color-secondary)}.recruitment-toolbar{display: flex;align-items: center;gap: 8px;flex-wrap: wrap}.recruitment-toolbar__spacer{flex: 1}.opening-title-cell{display: flex;flex-direction: column;gap: 1px;min-width: 0}.opening-title-cell__title{font-size: 12.5px;font-weight: 600;color: var(--vaadin-text-color)}.opening-title-cell__meta{font-size: 10.5px;color: var(--vaadin-text-color-secondary)}.applicant-detail{display: grid;grid-template-columns: minmax(0,1fr) minmax(0,1.15fr);gap: 18px;height: 100%;min-height: 560px;max-height: 100%;overflow: hidden}.applicant-detail__main{display: flex;flex-direction: column;gap: 14px;min-height: 0;overflow-y: auto;padding-right: 6px}.applicant-detail__resume{display: flex;flex-direction: column;gap: 8px;min-height: 0;overflow: hidden;padding: 12px;border: 1px solid var(--people-border);border-radius: 12px;background: var(--people-surface)}.applicant-resume__head{display: flex;align-items: center;justify-content: space-between;gap: 8px}.applicant-resume__open{font-size: 11px;font-weight: 550;color: var(--aura-accent-text-color);text-decoration: none}.applicant-resume__open:hover{text-decoration: underline}.applicant-resume__frame{flex: 1;width: 100%;min-height: 340px;border: 0;border-radius: 8px;background: var(--people-surface-raised)}.applicant-resume__image{max-width: 100%;max-height: 100%;object-fit: contain;border-radius: 8px}.applicant-resume__empty{display: flex;flex: 1;align-items: center;justify-content: center;min-height: 180px;padding: 16px;font-size: 11.5px;line-height: 1.5;text-align: center;color: var(--vaadin-text-color-secondary)}.applicant-detail__head{display: flex;align-items: center;gap: 12px}.applicant-detail__copy{display: flex;flex-direction: column;gap: 2px;min-width: 0}.applicant-detail__name{font-size: 16px;font-weight: 650;color: var(--vaadin-text-color)}.applicant-detail__meta{font-size: 11.5px;color: var(--vaadin-text-color-secondary)}.applicant-detail__actions{display: flex;align-items: center;gap: 6px;flex-wrap: wrap}.interview-list{display: flex;flex-direction: column;gap: 2px}.interview-row{display: flex;align-items: center;justify-content: space-between;gap: 12px;padding: 8px 0;border-bottom: 1px solid color-mix(in oklab,var(--people-border) 60%,transparent)}.interview-row:last-child{border-bottom: 0}.interview-row__main{display: flex;flex-direction: column;gap: 1px;min-width: 0}.interview-row__title{font-size: 11.5px;font-weight: 550;color: var(--vaadin-text-color)}.interview-row__meta{font-size: 10.5px;color: var(--vaadin-text-color-secondary)}.interview-row--stacked{flex-direction: column;align-items: stretch;gap: 6px}.interview-row__top{display: flex;align-items: center;justify-content: space-between;gap: 12px}.interview-row__controls{display: flex;align-items: center;gap: 4px;flex-shrink: 0}.interview-row__feedback{margin-top: 2px;font-size: 11px;line-height: 1.45;color: var(--vaadin-text-color);white-space: pre-wrap}.interview-row__feedback--empty{font-style: italic;color: var(--vaadin-text-color-secondary)}.interview-row__editor{display: flex;flex-direction: column;gap: 8px;padding: 10px;border: 1px solid var(--people-border);border-radius: 10px;background: var(--people-surface-raised)}.interview-row__editor-fields{display: grid;gap: 8px}.interview-row__editor-actions{display: flex;justify-content: flex-end;gap: 6px}@media (max-width: 900px){.applicant-detail{grid-template-columns: minmax(0,1fr);min-height: 0;overflow-y: auto}.applicant-detail__main{overflow: visible;padding-right: 0}.applicant-resume__frame{min-height: 420px}}.hire-summary{display: flex;flex-direction: column;gap: 3px;padding: 10px 12px;border: 1px solid var(--people-positive-border);border-radius: 9px;background: var(--people-positive-soft);font-size: 11.5px;color: var(--people-positive)}.performance-toolbar{display: flex;align-items: center;gap: 8px;flex-wrap: wrap;justify-content: space-between}.performance-toolbar__filters{display: flex;align-items: center;gap: 8px;flex-wrap: wrap}.goal-progress-cell{min-width: 150px}.rating-value{font-family: var(--people-mono);font-size: 11.5px;font-weight: 600;color: var(--vaadin-text-color)}.rating-value--empty{color: var(--vaadin-text-color-secondary)}.performance-summary-grid{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 10px;padding: 16px 18px}.performance-summary-tile{display: flex;flex-direction: column;gap: 2px;padding: 10px 12px;border-radius: 9px;background: var(--people-surface-soft);border: 1px solid var(--people-border)}.performance-summary-tile__label{font-size: 9.5px;text-transform: uppercase;letter-spacing: 0.06em;color: var(--vaadin-text-color-secondary)}.performance-summary-tile__value{font-family: var(--people-mono);font-size: 16px;font-weight: 650;color: var(--vaadin-text-color)}.review-comment{display: block;max-width: 240px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 10.5px;color: var(--vaadin-text-color-secondary)}.calendar-layout{display: grid;grid-template-columns: minmax(0,1.9fr) minmax(280px,0.85fr);gap: 14px;align-items: start}.calendar-side{display: flex;flex-direction: column;gap: 14px;min-width: 0}.calendar-legend{display: flex;align-items: center;gap: 11px;flex-wrap: wrap;padding: 9px 16px;border-top: 1px solid var(--people-border);font-size: 10px;color: var(--vaadin-text-color-secondary)}.calendar-legend__item{display: inline-flex;align-items: center;gap: 4px}.calendar-legend__swatch{width: 7px;height: 7px;border-radius: 2px;background: var(--people-warning)}.calendar-legend__swatch--leave{background: var(--people-info)}.calendar-legend__swatch--birthday{background: var(--people-positive)}.calendar-legend__swatch--anniversary{background: var(--aura-accent-color)}.calendar-scroll{overflow-x: auto}.calendar-scroll .calendar-weekdays,.calendar-scroll .calendar-grid{min-width: 760px}.surface-card__header-actions{display: flex;align-items: center;justify-content: flex-end;padding-bottom: 4px}.day-agenda{display: flex;flex-direction: column;gap: 12px}.day-agenda__head{display: flex;align-items: baseline;justify-content: space-between;gap: 12px}.day-agenda__title{margin: 0;font-size: 16px;font-weight: 650;letter-spacing: -0.015em}.day-agenda__subtitle{font-size: 11px;color: var(--vaadin-text-color-secondary)}.day-agenda__group{display: flex;flex-direction: column;gap: 4px}.day-agenda__group-title{font-family: var(--people-mono);font-size: 9px;font-weight: 650;letter-spacing: 0.08em;text-transform: uppercase;color: var(--vaadin-text-color-secondary)}.day-agenda__person{display: flex;align-items: center;gap: 7px;padding: 4px 0;font-size: 11.5px;color: var(--vaadin-text-color)}.day-agenda__empty{padding: 14px 0;font-size: 11.5px;color: var(--vaadin-text-color-secondary)}.upcoming-holiday{display: flex;align-items: center;gap: 10px;padding: 9px 16px;border-bottom: 1px solid color-mix(in oklab,var(--people-border) 65%,transparent)}.upcoming-holiday:last-child{border-bottom: 0}.upcoming-holiday__copy{display: flex;flex-direction: column;gap: 1px;min-width: 0;flex: 1}.upcoming-holiday__name{font-size: 11.5px;font-weight: 550;color: var(--vaadin-text-color);overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.upcoming-holiday__date{font-size: 10.5px;color: var(--vaadin-text-color-secondary)}.upcoming-holiday__actions{display: flex;align-items: center;gap: 1px}@media (max-width: 1180px){.dashboard-grid,.split-grid,.calendar-layout{grid-template-columns: 1fr}.recruitment-pipeline{grid-template-columns: repeat(6,minmax(160px,1fr))}}@media (max-width: 900px){.employee-dossier__hero{flex-direction: column}.leave-detail__grid{grid-template-columns: 1fr}.performance-summary-grid{grid-template-columns: 1fr}.department-grid{grid-template-columns: 1fr}}@media (max-width: 760px){.attendance-toolbar{align-items: stretch}.date-navigator{width: 100%}.date-navigator__copy{flex: 1}.attendance-side{width: 100%;justify-content: space-between}.leave-toolbar{align-items: flex-start}.leave-toolbar__actions{width: 100%}.recruitment-pipeline{grid-template-columns: repeat(6,174px)}.performance-summary-grid{padding: 12px}.calendar-legend{gap: 8px}}.master-identity{display: flex;align-items: flex-start;gap: 14px}.master-identity__copy{display: flex;flex-direction: column;gap: 8px;min-width: 0}.master-identity__name{margin: 0;font-size: 20px;font-weight: 700;letter-spacing: -0.02em;color: var(--vaadin-text-color)}.master-identity__chips{display: flex;align-items: center;gap: 6px;flex-wrap: wrap}.master-identity__meta{display: flex;align-items: center;gap: 14px;flex-wrap: wrap;font-size: 11px;color: var(--vaadin-text-color-secondary)}.master-identity__meta-line{display: inline-flex;align-items: center;gap: 4px}.master-identity__meta-line svg{width: 13px;height: 13px}.master-tab-content{min-width: 0}.master-header{display: flex;align-items: flex-start;justify-content: space-between;gap: 18px;flex-wrap: wrap}.master-header__copy{display: flex;flex-direction: column;gap: 6px;min-width: 0}.master-header__breadcrumb{display: flex;align-items: center;gap: 6px;font-family: var(--people-mono);font-size: 9.5px;letter-spacing: 0.12em;text-transform: uppercase;color: var(--vaadin-text-color-secondary)}.master-header__crumb-sep{opacity: 0.5}.master-header__crumb-current{color: var(--vaadin-text-color);font-weight: 700}.master-header__title{margin: 0;font-size: 26px;font-weight: 720;letter-spacing: -0.03em;line-height: 1.1}.master-header__pills{display: flex;align-items: center;gap: 6px;flex-wrap: wrap}.master-header__actions{display: flex;align-items: center;gap: 6px;flex-wrap: wrap}.master-chip{display: inline-flex;align-items: center;gap: 4px;padding: 2px 8px;border: 1px solid var(--people-border);border-radius: 999px;background: var(--people-surface-raised);font-size: 10.5px;color: var(--vaadin-text-color-secondary);white-space: nowrap}.master-chip--mono{font-family: var(--people-mono);font-size: 9.5px}.master-chip--accent{border-color: color-mix(in oklab,var(--aura-accent-color) 30%,var(--people-border));background: color-mix(in oklab,var(--aura-accent-color) 7%,transparent);color: var(--aura-accent-text-color)}.master-hero{display: flex;align-items: flex-start;justify-content: space-between;gap: 20px;flex-wrap: wrap;padding: 22px;border: 1px solid var(--people-border);border-radius: 18px;background: var(--people-surface-raised);box-shadow: var(--people-shadow)}.master-hero__identity{display: flex;align-items: flex-start;gap: 14px;min-width: 0;flex: 1 1 380px}.master-avatar{display: flex;align-items: center;justify-content: center;flex: 0 0 auto;width: 64px;height: 64px;border-radius: 16px;background: color-mix(in oklab,var(--aura-accent-color) 12%,var(--people-surface-raised));color: var(--aura-accent-text-color);font-size: 20px;font-weight: 700;box-shadow: 0 0 0 4px color-mix(in oklab,var(--aura-accent-color) 7%,transparent)}.master-hero__copy{display: flex;flex-direction: column;gap: 6px;min-width: 0}.master-hero__name-row{display: flex;align-items: center;gap: 8px;flex-wrap: wrap}.master-hero__name{margin: 0;font-size: 22px;font-weight: 700;letter-spacing: -0.02em}.master-hero__meta{display: flex;align-items: center;gap: 14px;flex-wrap: wrap;font-size: 11px;color: var(--vaadin-text-color-secondary)}.master-hero__meta-line{display: inline-flex;align-items: center;gap: 4px}.master-hero__meta-line svg{width: 13px;height: 13px}.master-hero__stats{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 10px;flex: 1 1 560px;max-width: 780px}.master-stat{display: flex;flex-direction: column;gap: 2px;min-width: 0;padding: 10px 12px;border: 1px solid var(--people-border);border-radius: 10px;background: var(--people-surface)}.master-stat__label{font-family: var(--people-mono);font-size: 8.5px;text-transform: uppercase;letter-spacing: 0.1em;color: var(--vaadin-text-color-secondary)}.master-stat__value{font-family: var(--people-mono);font-size: 14px;font-weight: 700;color: var(--vaadin-text-color)}.master-stat__meta{font-size: 10px;color: var(--vaadin-text-color-secondary)}.master-tabs{display: flex;flex-direction: column;gap: 14px}.master-tabs__bar{display: flex;align-items: center;gap: 20px;flex-wrap: wrap;border-bottom: 1px solid var(--people-border)}.master-tab{position: relative;padding: 9px 0;color: var(--vaadin-text-color-secondary);font-size: 12px;font-weight: 550;cursor: pointer;user-select: none;white-space: nowrap}.master-tab:hover{color: var(--vaadin-text-color)}.master-tab.is-active{color: var(--vaadin-text-color);font-weight: 700}.master-tab.is-active::after{content: "";position: absolute;left: 0;right: 0;bottom: -1px;height: 2px;background: var(--vaadin-text-color)}.master-grid{display: grid;grid-template-columns: minmax(0,1.45fr) minmax(0,1fr);gap: 18px;align-items: start}.master-grid__left,.master-grid__right{display: flex;flex-direction: column;gap: 18px;min-width: 0}.master-card{display: flex;flex-direction: column;gap: 12px;padding: 18px;border: 1px solid var(--people-border);border-radius: 16px;background: var(--people-surface-raised);box-shadow: var(--people-shadow);min-width: 0}.master-card__head{display: flex;flex-direction: column;gap: 3px}.master-card__title{margin: 0;font-size: 11px;font-weight: 700;text-transform: uppercase;letter-spacing: 0.1em;color: var(--vaadin-text-color)}.master-card__subtitle{margin: 0;font-size: 10.5px;color: var(--vaadin-text-color-secondary)}.master-timeline{position: relative;display: flex;flex-direction: column;gap: 16px;padding-left: 26px}.master-timeline::before{content: "";position: absolute;left: 7px;top: 6px;bottom: 6px;width: 1px;background: var(--people-border)}.master-timeline__node{position: relative}.master-timeline__dot{position: absolute;left: -26px;top: 4px;width: 15px;height: 15px;border-radius: 50%;border: 2px solid var(--people-border);background: var(--people-surface-raised)}.master-timeline__dot.is-latest{border-color: var(--aura-accent-color);background: var(--aura-accent-color);box-shadow: 0 0 0 3px color-mix(in oklab,var(--aura-accent-color) 14%,transparent)}.master-timeline__dot.is-join{border-color: var(--people-positive)}.master-timeline__body{display: flex;flex-direction: column;gap: 6px;padding: 12px 14px;border: 1px solid var(--people-border);border-radius: 12px;background: var(--people-surface)}.master-timeline__body.is-latest{border-color: color-mix(in oklab,var(--aura-accent-color) 24%,var(--people-border));background: color-mix(in oklab,var(--aura-accent-color) 4%,var(--people-surface))}.master-timeline__body.is-join{border-color: color-mix(in oklab,var(--people-positive) 32%,var(--people-border));background: color-mix(in oklab,var(--people-positive) 6%,var(--people-surface))}.master-timeline__top{display: flex;align-items: center;justify-content: space-between;gap: 10px}.master-timeline__type{display: inline-flex;padding: 1px 7px;border: 1px solid var(--people-border);border-radius: 999px;font-family: var(--people-mono);font-size: 8.5px;text-transform: uppercase;letter-spacing: 0.08em;color: var(--vaadin-text-color-secondary)}.master-timeline__title{margin: 0;font-size: 14px;font-weight: 650;color: var(--vaadin-text-color)}.master-timeline__date{font-family: var(--people-mono);font-size: 10px;color: var(--vaadin-text-color-secondary)}.master-timeline__notes{display: block;margin: 0;font-size: 11.5px;line-height: 1.5;color: var(--vaadin-text-color-secondary)}.master-timeline__stats{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 8px;padding-top: 8px;border-top: 1px solid var(--people-border)}.master-timeline__stat{display: flex;flex-direction: column;gap: 1px}.master-timeline__stat-label{font-family: var(--people-mono);font-size: 8.5px;text-transform: uppercase;letter-spacing: 0.08em;color: var(--vaadin-text-color-secondary)}.master-timeline__stat-value{font-size: 11.5px;font-weight: 550;color: var(--vaadin-text-color)}.master-kv{display: flex;flex-direction: column}.master-kv__row{display: flex;align-items: baseline;justify-content: space-between;gap: 12px;padding: 7px 0;border-bottom: 1px solid color-mix(in oklab,var(--people-border) 55%,transparent)}.master-kv__row:last-child{border-bottom: 0}.master-kv__label{font-size: 11px;color: var(--vaadin-text-color-secondary)}.master-kv__value{font-size: 11.5px;font-weight: 550;text-align: right;color: var(--vaadin-text-color)}.master-kv__value--mono{font-family: var(--people-mono)}.master-chain{display: flex;flex-direction: column;gap: 4px}.master-chain__node{display: flex;align-items: center;gap: 9px;padding: 9px 10px;border: 1px solid var(--people-border);border-radius: 10px;background: var(--people-surface)}.master-chain__node.is-current{background: color-mix(in oklab,var(--aura-accent-color) 7%,var(--people-surface-raised));border-color: color-mix(in oklab,var(--aura-accent-color) 32%,var(--people-border));color: var(--vaadin-text-color)}.master-chain__avatar{display: flex;align-items: center;justify-content: center;flex: 0 0 auto;width: 30px;height: 30px;border-radius: 8px;background: color-mix(in oklab,var(--vaadin-text-color) 10%,var(--people-surface-raised));font-size: 10px;font-weight: 700}.master-chain__node.is-current .master-chain__avatar{background: color-mix(in oklab,var(--aura-accent-color) 16%,var(--people-surface));color: var(--aura-accent-text-color)}.master-chain__copy{display: flex;flex-direction: column;gap: 1px;min-width: 0;flex: 1}.master-chain__name{font-size: 11.5px;font-weight: 600}.master-chain__meta{font-size: 10px;opacity: 0.7}.master-chain__head{display: flex;align-items: center;justify-content: space-between;gap: 8px;width: 100%}.master-chain__arrow{display: flex;justify-content: center;font-size: 12px;color: var(--vaadin-text-color-secondary)}.master-chain__node.is-current .master-chip{border-color: color-mix(in oklab,var(--aura-accent-color) 32%,var(--people-border));background: transparent;color: var(--aura-accent-text-color)}.master-avatar-stack{display: flex;margin-left: 6px}.master-avatar-stack__item{display: flex;align-items: center;justify-content: center;width: 26px;height: 26px;margin-left: -6px;border-radius: 50%;border: 2px solid var(--people-surface-raised);background: color-mix(in oklab,var(--vaadin-text-color) 10%,var(--people-surface-raised));font-size: 9px;font-weight: 700}.master-manager-log{display: flex;flex-direction: column;gap: 4px;padding-top: 10px;border-top: 1px solid var(--people-border)}.master-manager-log__head{display: flex;align-items: center;justify-content: space-between;gap: 8px}.master-manager-log__title{font-family: var(--people-mono);font-size: 8.5px;text-transform: uppercase;letter-spacing: 0.08em;color: var(--vaadin-text-color-secondary)}.master-manager-log__count{font-size: 9.5px;color: var(--vaadin-text-color-secondary)}.master-manager-log__row{padding: 6px 0;border-bottom: 1px solid color-mix(in oklab,var(--people-border) 55%,transparent)}.master-manager-log__row:last-child{border-bottom: 0}.master-manager-log__move{display: block;font-size: 11px;font-weight: 550;color: var(--vaadin-text-color)}.master-manager-log__meta{display: block;font-size: 9.5px;color: var(--vaadin-text-color-secondary)}.master-leave__grid{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 8px}.master-leave__cell{display: flex;flex-direction: column;align-items: center;gap: 2px;padding: 9px 6px;border: 1px solid var(--people-border);border-radius: 10px;background: var(--people-surface);text-align: center}.master-leave__label{font-family: var(--people-mono);font-size: 8px;text-transform: uppercase;letter-spacing: 0.06em;color: var(--vaadin-text-color-secondary)}.master-leave__value{font-family: var(--people-mono);font-size: 14px;font-weight: 700}.master-leave__caption{font-size: 9px;color: var(--vaadin-text-color-secondary)}.master-banner{display: flex;align-items: center;justify-content: space-between;gap: 10px;flex-wrap: wrap;padding: 9px 10px;border: 1px solid var(--people-border);border-radius: 10px;background: var(--people-surface)}.master-banner__title{display: block;font-size: 11px;font-weight: 600}.master-banner__meta{display: block;font-size: 9.5px;color: var(--vaadin-text-color-secondary)}.master-table{width: 100%;font-size: 11px}.master-rating{display: inline-flex;padding: 1px 7px;border: 1px solid var(--people-border);border-radius: 999px;background: var(--people-surface);font-family: var(--people-mono);font-size: 10px}.master-rating--top{border-color: color-mix(in oklab,var(--people-positive) 35%,var(--people-border));background: color-mix(in oklab,var(--people-positive) 10%,transparent);color: var(--people-positive)}.master-goals{display: flex;flex-direction: column}.master-goal{display: flex;align-items: center;justify-content: space-between;gap: 10px;padding: 8px 0;border-bottom: 1px solid color-mix(in oklab,var(--people-border) 55%,transparent)}.master-goal:last-child{border-bottom: 0}.master-goal__copy{display: flex;flex-direction: column;gap: 1px;min-width: 0}.master-goal__title{font-size: 11.5px;font-weight: 550}.master-goal__meta{font-size: 10px;color: var(--vaadin-text-color-secondary)}.master-empty{display: flex;align-items: center;justify-content: center;min-height: 80px;padding: 12px;font-size: 11px;text-align: center;color: var(--vaadin-text-color-secondary)}@media (max-width: 1100px){.master-grid{grid-template-columns: minmax(0,1fr)}.master-hero__stats{grid-auto-flow: row;grid-template-columns: repeat(2,minmax(0,1fr));width: 100%}}@media (max-width: 700px){.master-hero__stats{grid-template-columns: minmax(0,1fr)}.master-leave__grid{grid-template-columns: minmax(0,1fr)}.master-header__title{font-size: 22px}}.self-clock{display: flex;align-items: center;justify-content: space-between;gap: 1.5rem;flex-wrap: wrap}.self-clock__time-block{display: flex;flex-direction: column;gap: 0.15rem}.self-clock__time{font-family: var(--people-mono);font-size: 2.2rem;font-weight: 700;letter-spacing: -0.03em;line-height: 1;color: var(--vaadin-text-color)}.self-clock__date{font-size: 11px;color: var(--vaadin-text-color-secondary)}.self-clock__state{display: flex;flex-direction: column;gap: 0.5rem;align-items: flex-start}.self-clock__times{display: flex;gap: 1.25rem;flex-wrap: wrap}.self-clock__stat{display: flex;flex-direction: column;gap: 0.05rem}.self-clock__stat-label{font-family: var(--people-mono);font-size: 8.5px;letter-spacing: 0.08em;text-transform: uppercase;color: var(--vaadin-text-color-secondary)}.self-clock__stat-value{font-family: var(--people-mono);font-size: 12px;font-weight: 600;color: var(--vaadin-text-color)}.self-clock__actions{display: flex;gap: 0.5rem;flex-wrap: wrap}.self-chain{display: flex;align-items: stretch;gap: 0.5rem;flex-wrap: wrap}.self-chain__node{display: flex;align-items: center;justify-content: space-between;gap: 0.75rem;min-width: 200px;flex: 0 1 auto;padding: 0.5rem 0.7rem;border: 1px solid var(--people-border);border-radius: 0.6rem;background: var(--people-surface)}.self-chain__arrow{display: flex;align-items: center;color: var(--vaadin-text-color-secondary);font-size: 13px}.self-requests{display: flex;flex-direction: column;gap: 0.15rem}.self-request{display: flex;align-items: center;justify-content: space-between;gap: 0.75rem;padding: 0.4rem 0;border-bottom: 1px solid color-mix(in oklab,var(--people-border) 55%,transparent)}.self-request:last-child{border-bottom: 0}.self-request__title{display: block;font-size: 11.5px;font-weight: 550}.self-request__meta{display: block;font-size: 10px;color: var(--vaadin-text-color-secondary)}.directory-toolbar{display: flex;align-items: center;justify-content: space-between;gap: 1rem;flex-wrap: wrap}.directory-count{font-family: var(--people-mono);font-size: 10px;color: var(--vaadin-text-color-secondary)}.directory-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(280px,1fr));gap: 0.75rem}.directory-card{display: flex;flex-direction: column;gap: 0.75rem;padding: 1rem;border: 1px solid var(--people-border);border-radius: 0.85rem;background: var(--people-surface-raised);box-shadow: var(--people-shadow);cursor: pointer;transition: border-color 120ms ease,transform 120ms ease}.directory-card:hover{border-color: color-mix(in oklab,var(--aura-accent-color) 30%,var(--people-border));transform: translateY(-1px)}.directory-card__identity{display: flex;align-items: flex-start;gap: 0.7rem;min-width: 0}.directory-card__copy{display: flex;flex-direction: column;gap: 0.1rem;min-width: 0}.directory-card__name{margin: 0;font-size: 14px;font-weight: 650;letter-spacing: -0.01em}.directory-card__title{font-size: 11.5px;color: var(--vaadin-text-color)}.directory-card__meta{font-size: 10.5px;color: var(--vaadin-text-color-secondary);overflow-wrap: anywhere}.directory-card__footer{display: flex;align-items: center;justify-content: space-between;gap: 0.5rem;padding-top: 0.6rem;border-top: 1px solid color-mix(in oklab,var(--people-border) 55%,transparent)}.profile-identity{display: flex;align-items: flex-start;gap: 0.9rem}.profile-identity__copy{display: flex;flex-direction: column;gap: 0.4rem;min-width: 0}.profile-identity__name{margin: 0;font-size: 20px;font-weight: 700;letter-spacing: -0.02em}.profile-identity__chips{display: flex;align-items: center;gap: 0.35rem;flex-wrap: wrap}.profile-team__row{display: flex;align-items: center;justify-content: space-between;gap: 0.75rem;padding: 0.4rem 0;border-bottom: 1px solid color-mix(in oklab,var(--people-border) 55%,transparent)}.profile-team__row:last-child{border-bottom: 0}.self-hero{display: flex;align-items: center;justify-content: space-between;gap: 1.5rem;flex-wrap: wrap}.self-hero__identity{display: flex;align-items: center;gap: 0.9rem;min-width: 0}.self-hero__copy{display: flex;flex-direction: column;gap: 0.15rem;min-width: 0}.self-hero__greeting{font-size: 11px;color: var(--vaadin-text-color-secondary)}.self-hero__name{margin: 0;font-size: 22px;font-weight: 700;letter-spacing: -0.02em}.self-hero__chips{display: flex;gap: 0.3rem;flex-wrap: wrap;margin-top: 0.15rem}.self-hero__clock{display: flex;flex-direction: column;align-items: flex-end;gap: 0.25rem;min-width: 220px}.self-hero__time{font-family: var(--people-mono);font-size: 2.4rem;font-weight: 700;letter-spacing: -0.04em;line-height: 1}.self-hero__date{font-size: 10.5px;color: var(--vaadin-text-color-secondary)}.self-hero__actions{display: flex;gap: 0.4rem;margin-top: 0.35rem}.self-hero__stats{display: flex;align-items: center;gap: 1rem;flex-wrap: wrap;margin-top: 0.35rem}.self-hero__stat{display: flex;flex-direction: column;gap: 0.05rem;align-items: flex-end}.self-hero__stat-label{font-family: var(--people-mono);font-size: 8px;letter-spacing: 0.08em;text-transform: uppercase;color: var(--vaadin-text-color-secondary)}.self-hero__stat-value{font-family: var(--people-mono);font-size: 11.5px;font-weight: 600}.self-quick{display: flex;gap: 0.35rem;flex-wrap: wrap}.self-quick vaadin-button{--vaadin-button-background: var(--people-surface-raised);border: 1px solid var(--people-border);border-radius: 999px}.self-week{display: grid;grid-template-columns: repeat(7,minmax(0,1fr));gap: 0.35rem}.self-week__day{display: flex;flex-direction: column;align-items: center;gap: 0.35rem;padding: 0.55rem 0.25rem;border: 1px solid var(--people-border);border-radius: 0.6rem;background: var(--people-surface)}.self-week__day.is-today{border-color: color-mix(in oklab,var(--aura-accent-color) 40%,var(--people-border));background: color-mix(in oklab,var(--aura-accent-color) 6%,transparent)}.self-week__label{font-family: var(--people-mono);font-size: 8.5px;letter-spacing: 0.06em;text-transform: uppercase;color: var(--vaadin-text-color-secondary)}.self-week__dot{width: 9px;height: 9px;border-radius: 50%;background: var(--vaadin-text-color-secondary)}.self-week__dot.is-present{background: #22a06b}.self-week__dot.is-late{background: #d97706}.self-week__dot.is-absent{background: #9ca3af}.self-week__dot.is-on_leave{background: #4f8ef7}.self-week__dot.is-holiday{background: #a855f7}.self-week__dot.is-remote{background: #0891b2}.self-week__hours{font-family: var(--people-mono);font-size: 9px;color: var(--vaadin-text-color)}.self-goal{display: flex;flex-direction: column;gap: 0.3rem;padding: 0.55rem 0;border-bottom: 1px solid color-mix(in oklab,var(--people-border) 55%,transparent)}.self-goal:last-child{border-bottom: 0}.self-goal__head{display: flex;align-items: center;justify-content: space-between;gap: 0.5rem}.self-goal__title{font-size: 12px;font-weight: 600}.self-goal__meta{font-size: 10px;color: var(--vaadin-text-color-secondary)}.self-progress{height: 5px;border-radius: 999px;background: color-mix(in oklab,var(--vaadin-text-color) 9%,transparent);overflow: hidden}.self-progress__fill{height: 100%;border-radius: 999px;background: var(--aura-accent-color);transition: width 180ms ease}.self-review{display: flex;align-items: center;justify-content: space-between;gap: 0.75rem;padding: 0.55rem 0;border-bottom: 1px solid color-mix(in oklab,var(--people-border) 55%,transparent)}.self-review:last-child{border-bottom: 0}.self-review__cycle{display: block;font-size: 12px;font-weight: 600}.self-review__meta{display: block;font-size: 10px;color: var(--vaadin-text-color-secondary)}.self-review__right{display: flex;align-items: center;gap: 0.5rem}.self-review__rating{font-family: var(--people-mono);font-size: 18px;font-weight: 700}.team-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(250px,1fr));gap: 0.6rem}.team-card{display: flex;flex-direction: column;gap: 0.6rem;padding: 0.8rem;border: 1px solid var(--people-border);border-radius: 0.75rem;background: var(--people-surface);cursor: pointer;transition: border-color 120ms ease,transform 120ms ease}.team-card:hover{border-color: color-mix(in oklab,var(--aura-accent-color) 30%,var(--people-border));transform: translateY(-1px)}.team-card__head{display: flex;align-items: center;gap: 0.55rem;min-width: 0}.team-card__copy{display: flex;flex-direction: column;gap: 0.05rem;min-width: 0;flex: 1}.team-card__name{font-size: 12.5px;font-weight: 650;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.team-card__title{font-size: 10.5px;color: var(--vaadin-text-color-secondary);white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.team-card__meta{display: flex;gap: 0.9rem;flex-wrap: wrap;padding-top: 0.55rem;border-top: 1px solid color-mix(in oklab,var(--people-border) 55%,transparent)}.team-card__chip{display: flex;flex-direction: column;gap: 0.05rem}.team-card__chip-label{font-family: var(--people-mono);font-size: 8px;text-transform: uppercase;letter-spacing: 0.06em;color: var(--vaadin-text-color-secondary)}.team-card__chip-value{font-family: var(--people-mono);font-size: 10.5px;font-weight: 600}.approval-list{display: flex;flex-direction: column;gap: 0.5rem}.approval-card{display: flex;align-items: center;justify-content: space-between;gap: 1rem;flex-wrap: wrap;padding: 0.7rem 0.85rem;border: 1px solid var(--people-border);border-radius: 0.7rem;background: var(--people-surface)}.approval-card__copy{display: flex;flex-direction: column;gap: 0.1rem;min-width: 0;flex: 1}.approval-card__name{font-size: 12.5px;font-weight: 650}.approval-card__meta{font-size: 10.5px;color: var(--vaadin-text-color)}.approval-card__reason{font-size: 10.5px;color: var(--vaadin-text-color-secondary);overflow-wrap: anywhere}.approval-card__actions{display: flex;gap: 0.4rem}@media (max-width: 720px){.self-hero{align-items: flex-start}.self-hero__clock{align-items: flex-start}.self-hero__stat{align-items: flex-start}.self-week{grid-template-columns: repeat(4,minmax(0,1fr))}}.cal-nav{display: flex;align-items: center;gap: 0.5rem}.cal-nav__label{font-family: var(--people-mono);font-size: 13px;font-weight: 600;min-width: 160px;text-align: center}.cal{display: grid;grid-template-columns: repeat(7,minmax(0,1fr));gap: 0.3rem}.cal__head{font-family: var(--people-mono);font-size: 8.5px;text-transform: uppercase;letter-spacing: 0.06em;color: var(--vaadin-text-color-secondary);text-align: center;padding-bottom: 0.2rem}.cal__blank{min-height: 62px}.cal__day{display: flex;flex-direction: column;gap: 0.15rem;min-height: 62px;padding: 0.35rem 0.4rem;border: 1px solid var(--people-border);border-radius: 0.5rem;background: var(--people-surface)}.cal__day.is-weekend{background: color-mix(in oklab,var(--vaadin-text-color) 3%,transparent)}.cal__day.is-today{border-color: var(--aura-accent-color);box-shadow: 0 0 0 1px var(--aura-accent-color)}.cal__day.is-present{background: color-mix(in oklab,#22a06b 8%,transparent)}.cal__day.is-late{background: color-mix(in oklab,#d97706 10%,transparent)}.cal__day.is-absent{background: color-mix(in oklab,#9ca3af 10%,transparent)}.cal__day.is-on_leave{background: color-mix(in oklab,#4f8ef7 10%,transparent)}.cal__day.is-holiday{background: color-mix(in oklab,#a855f7 10%,transparent)}.cal__num{font-family: var(--people-mono);font-size: 11px;font-weight: 600}.cal__status{font-size: 8.5px;color: var(--vaadin-text-color-secondary)}.cal__holiday{font-size: 8.5px;color: var(--aura-accent-text-color);overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.cal__time{margin-top: auto;font-family: var(--people-mono);font-size: 8.5px;color: var(--vaadin-text-color-secondary)}.cal-legend{display: flex;gap: 0.9rem;flex-wrap: wrap;margin-top: 0.8rem}.cal-legend__item{display: flex;align-items: center;gap: 0.3rem;font-size: 9.5px;color: var(--vaadin-text-color-secondary)}.cal-legend__dot{width: 8px;height: 8px;border-radius: 50%;background: var(--vaadin-text-color-secondary)}.cal-legend__dot.is-present{background: #22a06b}.cal-legend__dot.is-late{background: #d97706}.cal-legend__dot.is-absent{background: #9ca3af}.cal-legend__dot.is-on_leave{background: #4f8ef7}.cal-legend__dot.is-holiday{background: #a855f7}.cal-legend__dot.is-weekend{background: #cbd5e1}.holiday-list{display: flex;flex-direction: column}.holiday-list__row{display: flex;align-items: center;justify-content: space-between;gap: 0.75rem;padding: 0.4rem 0;border-bottom: 1px solid color-mix(in oklab,var(--people-border) 55%,transparent)}.holiday-list__row:last-child{border-bottom: 0}.holiday-list__name{display: block;font-size: 11.5px;font-weight: 600}.holiday-list__meta{display: block;font-size: 10px;color: var(--vaadin-text-color-secondary)}.holiday-list__when{font-family: var(--people-mono);font-size: 9.5px;color: var(--vaadin-text-color-secondary);white-space: nowrap}.goal-card{display: flex;flex-direction: column;gap: 0.45rem;padding: 0.65rem 0;border-bottom: 1px solid color-mix(in oklab,var(--people-border) 55%,transparent)}.goal-card:last-child{border-bottom: 0}.goal-card__head{display: flex;align-items: flex-start;justify-content: space-between;gap: 0.5rem}.goal-card__title{display: block;font-size: 12.5px;font-weight: 600}.goal-card__meta{display: block;font-size: 10px;color: var(--vaadin-text-color-secondary)}.goal-card__controls{display: flex;align-items: center;gap: 0.4rem;flex-wrap: wrap}.goal-completed__row{display: flex;align-items: center;justify-content: space-between;gap: 0.75rem;padding: 0.4rem 0;border-bottom: 1px solid color-mix(in oklab,var(--people-border) 55%,transparent)}.goal-completed__row:last-child{border-bottom: 0}.goal-completed__title{display: block;font-size: 11.5px;font-weight: 600;text-decoration: line-through;opacity: 0.7}.goal-completed__meta{display: block;font-size: 10px;color: var(--vaadin-text-color-secondary)}.timeline{position: relative;display: flex;flex-direction: column;gap: 0.7rem;padding-left: 0.4rem}.timeline__item{display: flex;gap: 0.6rem}.timeline__dot{flex: 0 0 auto;width: 8px;height: 8px;margin-top: 5px;border-radius: 50%;background: var(--aura-accent-color);box-shadow: 0 0 0 3px color-mix(in oklab,var(--aura-accent-color) 14%,transparent)}.timeline__copy{display: flex;flex-direction: column;gap: 0.05rem}.timeline__date{font-family: var(--people-mono);font-size: 8.5px;text-transform: uppercase;letter-spacing: 0.06em;color: var(--vaadin-text-color-secondary)}.timeline__title{font-size: 11.5px;font-weight: 600}.timeline__meta{font-size: 10px;color: var(--vaadin-text-color-secondary)}@media (max-width: 720px){.cal__day{min-height: 48px;padding: 0.25rem}.cal__status,.cal__holiday,.cal__time{display: none}}.employee-toolbar{display: flex;align-items: flex-end;justify-content: space-between;gap: 1rem;flex-wrap: wrap}.employee-toolbar .filter-bar{flex: 1;min-width: 0}.employee-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(270px,1fr));gap: 0.75rem}.employee-card{display: flex;flex-direction: column;gap: 0.6rem;padding: 0.9rem;border: 1px solid var(--people-border);border-radius: 0.85rem;background: var(--people-surface-raised);box-shadow: var(--people-shadow);cursor: pointer;transition: border-color 120ms ease,transform 120ms ease,box-shadow 120ms ease}.employee-card:hover{border-color: color-mix(in oklab,var(--aura-accent-color) 32%,var(--people-border));transform: translateY(-1px);box-shadow: 0 6px 18px rgba(15,23,42,0.07)}.employee-card__head{display: flex;align-items: center;gap: 0.65rem;min-width: 0}.employee-card__copy{display: flex;flex-direction: column;gap: 0.05rem;min-width: 0;flex: 1}.employee-card__name{font-size: 14px;font-weight: 650;letter-spacing: -0.01em;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.employee-card__role{font-size: 11px;color: var(--vaadin-text-color-secondary);white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.employee-card__chips{display: flex;gap: 0.3rem;flex-wrap: wrap}.employee-card__meta{display: flex;flex-direction: column;gap: 0.28rem}.employee-card__meta-row{display: flex;align-items: center;gap: 0.4rem;min-width: 0;font-size: 10.5px;color: var(--vaadin-text-color-secondary)}.employee-card__meta-row svg{width: 12px;height: 12px;flex: 0 0 auto;opacity: 0.7}.employee-card__meta-text{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.employee-card__footer{display: flex;align-items: center;justify-content: space-between;gap: 0.5rem;padding-top: 0.55rem;border-top: 1px solid color-mix(in oklab,var(--people-border) 55%,transparent)}.employee-card__code{font-family: var(--people-mono);font-size: 9px;color: var(--vaadin-text-color-secondary)}.employee-card__link{font-size: 10px;font-weight: 600;color: var(--aura-accent-text-color)}.teammate-list{display: flex;flex-direction: column}.teammate-row{display: flex;align-items: center;gap: 0.5rem;padding: 0.4rem 0;border-bottom: 1px solid color-mix(in oklab,var(--people-border) 55%,transparent);cursor: pointer}.teammate-row:last-child{border-bottom: 0}.teammate-row__copy{display: flex;flex-direction: column;gap: 0.05rem;min-width: 0;flex: 1}.teammate-row__name{font-size: 11.5px;font-weight: 600}.teammate-row__role{font-size: 10px;color: var(--vaadin-text-color-secondary);overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.payroll-current{display: flex;align-items: center;justify-content: space-between;gap: 1rem;flex-wrap: wrap}.payroll-current__copy{display: flex;flex-direction: column;gap: 0.15rem}.payroll-current__title{font-size: 13px;font-weight: 650}.payroll-current__meta{font-size: 10.5px;color: var(--vaadin-text-color-secondary)}.payroll-cost{display: flex;flex-direction: column;gap: 0.25rem;padding: 0.35rem 0}.payroll-cost__head{display: flex;justify-content: space-between;gap: 0.75rem;font-size: 10.5px}.payroll-cost__bar{height: 5px;border-radius: 999px;background: color-mix(in oklab,var(--vaadin-text-color) 9%,transparent);overflow: hidden}.payroll-cost__fill{height: 100%;border-radius: 999px;background: var(--aura-accent-color)}.loan-repaid{display: flex;align-items: center;gap: 0.4rem;min-width: 110px}.loan-repaid__bar{flex: 1;height: 5px;border-radius: 999px;background: color-mix(in oklab,var(--vaadin-text-color) 9%,transparent);overflow: hidden}.loan-repaid__fill{height: 100%;border-radius: 999px;background: var(--aura-accent-color)}.loan-repaid__label{font-family: var(--people-mono);font-size: 9px;color: var(--vaadin-text-color-secondary)}.self-hero-card{background: linear-gradient(135deg,color-mix(in oklab,var(--aura-accent-color) 10%,var(--people-surface-raised)),var(--people-surface-raised) 62%);border-color: color-mix(in oklab,var(--aura-accent-color) 20%,var(--people-border))}.self-hero__holiday{display: inline-flex;align-items: center;gap: 0.3rem;margin-top: 0.2rem;font-size: 10px;color: var(--aura-accent-text-color)}.week-chart{display: flex;align-items: flex-end;gap: 0.45rem;min-height: 130px}.week-chart__col{flex: 1;display: flex;flex-direction: column;align-items: center;gap: 0.3rem;height: 130px;justify-content: flex-end}.week-chart__value{font-family: var(--people-mono);font-size: 8.5px;color: var(--vaadin-text-color-secondary)}.week-chart__track{width: 100%;max-width: 34px;flex: 1;display: flex;align-items: flex-end;background: color-mix(in oklab,var(--vaadin-text-color) 6%,transparent);border-radius: 6px;overflow: hidden}.week-chart__fill{width: 100%;min-height: 3px;border-radius: 6px 6px 0 0;background: var(--aura-accent-color)}.week-chart__fill.is-late{background: #d97706}.week-chart__fill.is-absent{background: #9ca3af}.week-chart__fill.is-on_leave{background: #4f8ef7}.week-chart__fill.is-holiday{background: #a855f7}.week-chart__fill.is-weekend{background: #cbd5e1}.week-chart__label{font-size: 8.5px;color: var(--vaadin-text-color-secondary)}.week-chart__col.is-today .week-chart__label{color: var(--aura-accent-text-color);font-weight: 600}.leave-top{display: flex;align-items: center;gap: 0.9rem}.leave-copy{display: flex;flex-direction: column;gap: 0.15rem;min-width: 0;flex: 1}.leave-copy__title{font-size: 12.5px;font-weight: 650}.leave-copy__meta{font-size: 10.5px;color: var(--vaadin-text-color-secondary)}.leave-copy__row{font-size: 10px;color: var(--vaadin-text-color-secondary)}.stat-ring{width: 92px;height: 92px;border-radius: 50%;flex: 0 0 auto;display: flex;align-items: center;justify-content: center;background: conic-gradient( var(--aura-accent-color) calc(var(--value) * 1%),color-mix(in oklab,var(--vaadin-text-color) 8%,transparent) 0)}.stat-ring__inner{width: 72px;height: 72px;border-radius: 50%;display: flex;flex-direction: column;align-items: center;justify-content: center;background: var(--people-surface-raised)}.stat-ring__value{font-family: var(--people-mono);font-size: 16px;font-weight: 700}.stat-ring__label{font-size: 8px;letter-spacing: 0.06em;text-transform: uppercase;color: var(--vaadin-text-color-secondary)}.activity-feed{display: flex;flex-direction: column}.activity{display: flex;align-items: flex-start;gap: 0.55rem;padding: 0.45rem 0;border-bottom: 1px solid color-mix(in oklab,var(--people-border) 55%,transparent)}.activity:last-child{border-bottom: 0}.activity__icon{width: 24px;height: 24px;border-radius: 50%;flex: 0 0 auto;display: flex;align-items: center;justify-content: center;background: color-mix(in oklab,var(--aura-accent-color) 10%,transparent);color: var(--aura-accent-text-color)}.activity__icon svg{width: 12px;height: 12px}.activity__copy{flex: 1;min-width: 0;display: flex;flex-direction: column;gap: 0.05rem}.activity__title{font-size: 11.5px;font-weight: 600}.activity__meta{font-size: 9.5px;color: var(--vaadin-text-color-secondary)}.activity__value{font-family: var(--people-mono);font-size: 9.5px;color: var(--vaadin-text-color-secondary);white-space: nowrap}.workspace-grid{display: grid;grid-template-columns: repeat(12,minmax(0,1fr));gap: 1rem;align-items: stretch}.workspace-grid>*{min-width: 0}.span-4{grid-column: span 4}.span-5{grid-column: span 5}.span-7{grid-column: span 7}.span-8{grid-column: span 8}.teammate-presence{width: 8px;height: 8px;border-radius: 50%;flex: 0 0 auto;margin-left: auto;background: #9ca3af}.teammate-presence.is-present{background: #22a06b}.teammate-presence.is-late{background: #d97706}.teammate-presence.is-on_leave{background: #4f8ef7}.teammate-presence.is-absent{background: #9ca3af}.teammate-presence.is-holiday{background: #a855f7}.teammate-presence.is-weekend{background: #cbd5e1}.leave-next{margin-top: 0.15rem;font-size: 10px;color: var(--aura-accent-text-color)}@media (max-width: 1100px){.span-4,.span-5,.span-7,.span-8{grid-column: span 6}}@media (max-width: 720px){.span-4,.span-5,.span-7,.span-8{grid-column: span 12}}.week-summary{display: flex;gap: 1.6rem;margin-top: 0.8rem;padding-top: 0.7rem;border-top: 1px solid color-mix(in oklab,var(--people-border) 55%,transparent)}.week-summary__item{display: flex;flex-direction: column;gap: 0.05rem}.week-summary__value{font-family: var(--people-mono);font-size: 13px;font-weight: 700}.week-summary__label{font-size: 8.5px;letter-spacing: 0.06em;text-transform: uppercase;color: var(--vaadin-text-color-secondary)}.employee-records-card.is-cards{background: transparent;border-color: transparent;box-shadow: none;overflow: visible}.privacy-toggle.is-active{color: var(--aura-accent-text-color)}.feed-composer__footer{display: flex;align-items: center;justify-content: space-between;gap: 0.75rem;flex-wrap: wrap;margin-top: 0.65rem}.feed-composer__footer>div{display: flex;align-items: center;gap: 0.5rem;flex-wrap: wrap}.feed-post{display: flex;flex-direction: column;gap: 0.55rem;padding: 0.9rem 1rem;border-bottom: 1px solid color-mix(in oklab,var(--people-border) 55%,transparent)}.feed-post:last-child{border-bottom: 0}.feed-post__head{display: flex;align-items: center;gap: 0.6rem}.feed-post__copy{display: flex;flex-direction: column;flex: 1;min-width: 0}.feed-post__author{font-size: 12.5px;font-weight: 650}.feed-post__meta{font-size: 10px;color: var(--vaadin-text-color-secondary)}.feed-post__body{margin: 0;font-size: 12px;line-height: 1.5;white-space: pre-wrap}.feed-post__image{width: 100%;max-height: 360px;object-fit: cover;border-radius: 0.7rem;border: 1px solid var(--people-border)}.feed-post__actions{display: flex;align-items: center;gap: 0.75rem}.feed-post__comments{display: flex;flex-direction: column;gap: 0.3rem;padding: 0.5rem 0.65rem;border-radius: 0.55rem;background: color-mix(in oklab,var(--vaadin-text-color) 3%,transparent)}.feed-comment{display: flex;gap: 0.4rem;font-size: 10.5px}.feed-comment__author{font-weight: 600;white-space: nowrap}.feed-comment__body{color: var(--vaadin-text-color-secondary)}.feed-comment-form{display: flex;align-items: center;gap: 0.4rem}.feed-widget-row{display: flex;align-items: center;gap: 0.5rem;padding: 0.4rem 0;border-bottom: 1px solid color-mix(in oklab,var(--people-border) 55%,transparent)}.feed-widget-row:last-child{border-bottom: 0}.feed-widget__copy{display: flex;flex-direction: column;min-width: 0}.feed-widget__name{font-size: 11.5px;font-weight: 600}.feed-widget__meta{font-size: 10px;color: var(--vaadin-text-color-secondary)}.feed-announcement{padding: 0.45rem 0;border-bottom: 1px solid color-mix(in oklab,var(--people-border) 55%,transparent)}.feed-announcement:last-child{border-bottom: 0}.feed-announcement__body{margin: 0;font-size: 11px;line-height: 1.45;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden}.feed-announcement__meta{font-size: 9.5px;color: var(--vaadin-text-color-secondary)}.home-hero{display: flex;align-items: center;justify-content: space-between;gap: 2rem;flex-wrap: wrap;padding: 1.6rem 1.8rem;border-radius: 18px;border: 1px solid color-mix(in oklab,var(--aura-accent-color) 18%,var(--people-border));background: radial-gradient(900px 320px at 92% -30%,color-mix(in oklab,var(--aura-accent-color) 16%,transparent),transparent 62%),linear-gradient(135deg,var(--people-surface-raised),color-mix(in oklab,var(--aura-accent-color) 6%,var(--people-surface-raised)));box-shadow: var(--people-shadow)}.home-hero__copy{display: flex;flex-direction: column;min-width: 0}.home-hero__eyebrow{font-family: var(--people-mono);font-size: 9px;letter-spacing: 0.16em;text-transform: uppercase;color: var(--aura-accent-text-color)}.home-hero__title{margin: 0.35rem 0;font-size: 29px;font-weight: 750;letter-spacing: -0.035em;color: var(--vaadin-text-color)}.home-hero__subtitle{margin: 0;max-width: 540px;font-size: 12.5px;line-height: 1.55;color: var(--vaadin-text-color-secondary)}.home-hero__date{margin-top: 0.7rem;font-family: var(--people-mono);font-size: 9.5px;color: var(--vaadin-text-color-secondary)}.home-hero__stats{display: grid;grid-template-columns: repeat(2,minmax(120px,1fr));gap: 0.55rem;align-content: center}.home-stat{padding: 0.6rem 0.75rem;border-radius: 0.65rem;border: 1px solid color-mix(in oklab,var(--aura-accent-color) 14%,var(--people-border));background: color-mix(in oklab,var(--people-surface-raised) 78%,transparent);backdrop-filter: blur(6px)}.home-stat__value{display: block;font-family: var(--people-mono);font-size: 19px;font-weight: 750;line-height: 1.1}.home-stat__label{display: block;margin-top: 0.15rem;font-family: var(--people-mono);font-size: 8px;letter-spacing: 0.1em;text-transform: uppercase;color: var(--aura-accent-text-color)}.home-stat__caption{display: block;font-size: 9px;color: var(--vaadin-text-color-secondary)}.home-layout{display: grid;grid-template-columns: minmax(0,1.7fr) minmax(0,1fr);gap: 1rem;align-items: start}.home-main,.home-aside{display: flex;flex-direction: column;gap: 1rem;min-width: 0}.home-composer{border-radius: 16px}.home-composer__head{display: flex;align-items: center;gap: 0.65rem}.home-composer__copy{display: flex;flex-direction: column;gap: 0.1rem}.home-composer__title{font-size: 13px;font-weight: 650}.home-composer__hint{font-size: 10px;color: var(--vaadin-text-color-secondary)}.home-composer__input{margin-top: 0.75rem}.home-composer__footer{display: flex;align-items: center;justify-content: space-between;gap: 0.75rem;flex-wrap: wrap;margin-top: 0.6rem}.home-composer__footer>div{display: flex;align-items: center;gap: 0.5rem;flex-wrap: wrap}.home-composer__status{font-size: 9.5px;color: var(--vaadin-text-color-secondary)}.home-feed{display: flex;flex-direction: column;gap: 0.8rem}.feed-card{display: flex;flex-direction: column;gap: 0.6rem;padding: 1rem 1.1rem;border: 1px solid var(--people-border);border-radius: 16px;background: var(--people-surface-raised);box-shadow: var(--people-shadow)}.feed-card__head{display: flex;align-items: center;gap: 0.65rem}.feed-card__copy{display: flex;flex-direction: column;flex: 1;min-width: 0}.feed-card__author{font-size: 13px;font-weight: 650}.feed-card__title{font-size: 10px;color: var(--vaadin-text-color-secondary)}.feed-card__end{display: flex;align-items: center;justify-content: flex-end;gap: 0.35rem;flex-wrap: wrap}.feed-card__time{font-family: var(--people-mono);font-size: 8.5px;color: var(--vaadin-text-color-secondary);white-space: nowrap}.feed-card__body{margin: 0;font-size: 12.5px;line-height: 1.6;white-space: pre-wrap}.feed-card__image{width: 100%;max-height: 420px;object-fit: cover;border-radius: 12px;border: 1px solid var(--people-border)}.feed-card__actions{display: flex;align-items: center;gap: 0.7rem;padding-top: 0.55rem;border-top: 1px solid color-mix(in oklab,var(--people-border) 55%,transparent)}.feed-card__meta{font-family: var(--people-mono);font-size: 9px;color: var(--vaadin-text-color-secondary)}.feed-card__comments{display: flex;flex-direction: column;gap: 0.3rem;padding: 0.55rem 0.7rem;border-radius: 0.55rem;background: color-mix(in oklab,var(--vaadin-text-color) 3%,transparent)}.feed-card__composer{display: flex;align-items: center;gap: 0.4rem}.feed-card__input{flex: 1}.home-actions{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 0.5rem}.home-action{display: flex;flex-direction: column;align-items: flex-start;gap: 0.45rem;padding: 0.7rem;border: 1px solid var(--people-border);border-radius: 0.7rem;background: var(--people-surface);cursor: pointer;transition: border-color 120ms ease,background 120ms ease,transform 120ms ease}.home-action:hover{border-color: color-mix(in oklab,var(--aura-accent-color) 40%,var(--people-border));background: color-mix(in oklab,var(--aura-accent-color) 5%,transparent);transform: translateY(-1px)}.home-action__icon{width: 30px;height: 30px;border-radius: 9px;display: flex;align-items: center;justify-content: center;background: color-mix(in oklab,var(--aura-accent-color) 10%,transparent);color: var(--aura-accent-text-color)}.home-action__icon svg{width: 15px;height: 15px}.home-action__label{font-size: 10.5px;font-weight: 600;color: var(--vaadin-text-color)}.home-widget-row{display: flex;align-items: center;gap: 0.55rem;padding: 0.45rem 0;border-bottom: 1px solid color-mix(in oklab,var(--people-border) 55%,transparent)}.home-widget-row:last-child{border-bottom: 0}.home-widget__copy{display: flex;flex-direction: column;flex: 1;min-width: 0}.home-widget__name{font-size: 11.5px;font-weight: 600}.home-widget__meta{font-size: 9.5px;color: var(--vaadin-text-color-secondary)}.home-widget__dot{width: 7px;height: 7px;border-radius: 50%;flex: 0 0 auto;background: #22a06b}.home-widget__dot.is-away{background: #d97706}.home-announcement{display: flex;flex-direction: column;gap: 0.25rem;padding: 0.55rem 0.7rem;margin-bottom: 0.45rem;border-left: 3px solid var(--aura-accent-color);border-radius: 0 0.55rem 0.55rem 0;background: color-mix(in oklab,var(--aura-accent-color) 4%,transparent)}.home-announcement:last-child{margin-bottom: 0}.home-announcement__body{margin: 0;font-size: 11px;line-height: 1.45;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden}.home-announcement__meta{font-family: var(--people-mono);font-size: 8.5px;color: var(--vaadin-text-color-secondary)}@media (max-width: 1050px){.home-layout{grid-template-columns: minmax(0,1fr)}.home-hero__stats{grid-template-columns: repeat(4,minmax(90px,1fr))}}@media (max-width: 720px){.home-hero__stats{grid-template-columns: repeat(2,minmax(0,1fr))}.home-hero__title{font-size: 24px}}.app-presence{display: inline-flex;align-items: center;gap: 6px;font-size: 10.5px;font-weight: 650;color: var(--vaadin-text-color-secondary)}.app-presence::before{content: "";width: 6px;height: 6px;border-radius: 50%;background: var(--people-positive)}.app-presence--offline::before{background: var(--people-warning)}.nav-pod{margin: 4px 12px 10px;padding: 12px 14px;border: 1px solid var(--people-border);border-radius: 12px;background: color-mix(in oklab,var(--vaadin-text-color) 2%,transparent)}.nav-pod__eyebrow{display: block;font-family: var(--people-mono);font-size: 8px;letter-spacing: 0.12em;text-transform: uppercase;color: var(--vaadin-text-color-secondary)}.nav-pod__title{display: block;margin-top: 4px;font-size: 12px;font-weight: 650;color: var(--vaadin-text-color)}.nav-pod__meta{display: block;margin-top: 6px;font-size: 10px;color: var(--vaadin-text-color-secondary)}.nav-pod__role{display: block;margin-top: 2px;font-family: var(--people-mono);font-size: 8.5px;letter-spacing: 0.06em;text-transform: uppercase;color: var(--vaadin-text-color-secondary)}.nav-badge{margin-left: 8px;padding: 2px 6px;border: 1px solid var(--people-positive-border);border-radius: 5px;background: var(--people-positive-soft);color: var(--people-positive);font-family: var(--people-mono);font-size: 8px;font-weight: 700;letter-spacing: 0.08em}.feed-card__thread{display: flex;flex-direction: column;gap: 0.5rem}.feed-card__delete{color: var(--vaadin-text-color-secondary);margin-left: 2px}.feed-card__delete:hover{color: var(--people-danger)}.feed-comment{align-items: flex-start}.feed-comment vaadin-avatar{margin-top: 1px}.feed-comment__main{display: flex;flex-direction: column;gap: 0.12rem;flex: 1;min-width: 0}.feed-comment__head{display: flex;align-items: center;gap: 0.45rem;flex-wrap: wrap}.feed-comment__author{font-size: 10.5px;font-weight: 650;white-space: normal}.feed-comment__time{font-family: var(--people-mono);font-size: 8px;color: var(--vaadin-text-color-secondary)}.feed-comment__body{font-size: 10.5px;line-height: 1.45;color: var(--vaadin-text-color)}.feed-comment__mention{padding: 0 3px;border-radius: 4px;background: color-mix(in oklab,var(--aura-accent-color) 9%,transparent);color: var(--aura-accent-text-color);font-weight: 600}.feed-comment__reply{margin-left: auto;padding: 0;font-size: 9px;color: var(--vaadin-text-color-secondary)}.feed-comment__children{display: flex;flex-direction: column;gap: 0.35rem;margin-top: 0.4rem;padding-left: 0.75rem;border-left: 2px solid color-mix(in oklab,var(--people-border) 70%,transparent)}.feed-reply-banner{display: flex;align-items: center;justify-content: space-between;gap: 0.5rem;padding: 0.3rem 0.55rem;border-radius: 7px;background: color-mix(in oklab,var(--aura-accent-color) 6%,transparent);font-size: 9.5px;color: var(--vaadin-text-color-secondary)}.feed-reply-banner__label{font-weight: 600}.feed-card__mention{min-width: 32px}.mention-list{display: flex;flex-direction: column;gap: 2px;max-height: 320px;overflow-y: auto}.mention-item{justify-content: flex-start;width: 100%;font-size: 12px}.readiness{display: flex;align-items: center;gap: 1rem;flex-wrap: wrap}.readiness__score{min-width: 86px;padding: 0.55rem 0.7rem;border: 1px solid var(--people-positive-border);border-radius: 10px;background: var(--people-positive-soft);text-align: center}.readiness__value{display: block;font-family: var(--people-mono);font-size: 19px;font-weight: 750;line-height: 1.1;color: var(--people-positive)}.readiness__caption{display: block;margin-top: 2px;font-family: var(--people-mono);font-size: 8px;letter-spacing: 0.08em;text-transform: uppercase;color: var(--vaadin-text-color-secondary)}.readiness__checks{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 0.45rem 0.9rem;flex: 1;min-width: 220px}.readiness__check{display: flex;align-items: flex-start;gap: 0.45rem}.readiness__dot{width: 7px;height: 7px;margin-top: 4px;border-radius: 50%;background: var(--people-positive);flex: 0 0 auto}.readiness__dot.is-blocked{background: var(--people-warning)}.readiness__copy{display: flex;flex-direction: column;min-width: 0}.readiness__label{font-size: 10.5px;font-weight: 650}.readiness__detail{font-size: 9.5px;color: var(--vaadin-text-color-secondary)}.readiness__cta{flex: 0 0 auto}@media (max-width: 900px){.readiness__checks{grid-template-columns: minmax(0,1fr)}}.next-steps{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 0.6rem}.next-step{display: flex;align-items: center;gap: 0.6rem;padding: 0.55rem 0.65rem;border: 1px solid var(--people-border);border-radius: 0.65rem;background: var(--people-surface)}.next-step__icon{width: 28px;height: 28px;border-radius: 8px;display: flex;align-items: center;justify-content: center;background: color-mix(in oklab,var(--aura-accent-color) 9%,transparent);color: var(--aura-accent-text-color)}.next-step__icon svg{width: 14px;height: 14px}.next-step__copy{display: flex;flex-direction: column;flex: 1;min-width: 0}.next-step__title{font-size: 10.5px;font-weight: 650}.next-step__detail{font-size: 9.5px;color: var(--vaadin-text-color-secondary)}.team-absences{display: flex;flex-direction: column}.team-absence{display: flex;align-items: center;gap: 0.55rem;padding: 0.45rem 0;border-bottom: 1px solid color-mix(in oklab,var(--people-border) 55%,transparent)}.team-absence:last-child{border-bottom: 0}.team-absence__copy{display: flex;flex-direction: column;min-width: 0}.team-absence__name{font-size: 11.5px;font-weight: 600}.team-absence__meta{font-size: 9.5px;color: var(--vaadin-text-color-secondary)}@media (max-width: 900px){.next-steps{grid-template-columns: minmax(0,1fr)}}.onboarding__head{display: flex;align-items: center;gap: 0.75rem;margin-bottom: 0.65rem}.onboarding__progress{flex: 1;height: 6px;border-radius: 999px;background: color-mix(in oklab,var(--vaadin-text-color) 8%,transparent);overflow: hidden}.onboarding__fill{height: 100%;border-radius: 999px;background: var(--people-positive);transition: width 300ms ease}.onboarding__percent{font-family: var(--people-mono);font-size: 10px;color: var(--vaadin-text-color-secondary)}.onboarding__tasks{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 0.5rem}.onboarding__task{display: flex;align-items: flex-start;gap: 0.5rem;padding: 0.5rem 0.6rem;border: 1px solid var(--people-border);border-radius: 0.6rem;background: var(--people-surface)}.onboarding__task.is-done{opacity: 0.72}.onboarding__mark{width: 20px;height: 20px;border-radius: 50%;display: flex;align-items: center;justify-content: center;background: var(--people-positive-soft);color: var(--people-positive);flex: 0 0 auto}.onboarding__mark:empty::after{content: "";width: 6px;height: 6px;border-radius: 50%;background: var(--vaadin-text-color-secondary);opacity: 0.45}.onboarding__mark svg{width: 11px;height: 11px}.onboarding__copy{display: flex;flex-direction: column;flex: 1;min-width: 0}.onboarding__title{font-size: 10.5px;font-weight: 650}.onboarding__detail{font-size: 9.5px;color: var(--vaadin-text-color-secondary)}@media (max-width: 900px){.onboarding__tasks{grid-template-columns: minmax(0,1fr)}}.forecast-row{display: flex;align-items: center;gap: 0.4rem;flex-wrap: wrap;margin-top: 0.65rem;padding-top: 0.6rem;border-top: 1px solid color-mix(in oklab,var(--people-border) 55%,transparent)}.forecast-row__title{margin-right: auto;font-family: var(--people-mono);font-size: 8px;letter-spacing: 0.08em;text-transform: uppercase;color: var(--vaadin-text-color-secondary)}.forecast-chip{padding: 2px 7px;border: 1px solid var(--people-border);border-radius: 999px;font-family: var(--people-mono);font-size: 9px;color: var(--vaadin-text-color-secondary);white-space: nowrap}.hire-progress-grid{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 0.55rem 1.1rem}.hire-progress{display: flex;align-items: center;gap: 0.55rem;padding: 0.45rem 0;border-bottom: 1px solid color-mix(in oklab,var(--people-border) 55%,transparent)}.hire-progress__copy{display: flex;flex-direction: column;gap: 0.1rem;flex: 1;min-width: 0}.hire-progress__name{font-size: 11.5px;font-weight: 650}.hire-progress__meta{font-size: 9.5px;color: var(--vaadin-text-color-secondary)}.hire-progress__bar{height: 4px;margin-top: 2px;border-radius: 999px;background: color-mix(in oklab,var(--vaadin-text-color) 8%,transparent);overflow: hidden}.hire-progress__fill{height: 100%;border-radius: 999px;background: var(--people-positive)}.hire-progress__pct{font-family: var(--people-mono);font-size: 9.5px;color: var(--vaadin-text-color-secondary)}@media (max-width: 900px){.hire-progress-grid{grid-template-columns: minmax(0,1fr)}}.metric-card{--metric-edge: color-mix(in oklab,var(--vaadin-text-color) 7%,var(--people-border));background: var(--people-surface-raised);box-shadow: inset 0 2px 0 var(--metric-edge),var(--people-shadow)}.metric-card--positive{--metric-edge: color-mix(in oklab,var(--people-positive) 55%,var(--people-border))}.metric-card--info{--metric-edge: color-mix(in oklab,var(--aura-accent-color) 45%,var(--people-border))}.metric-card--warning{--metric-edge: color-mix(in oklab,var(--people-warning) 55%,var(--people-border))}.metric-card--danger{--metric-edge: color-mix(in oklab,var(--people-danger) 55%,var(--people-border))}.metric-card--positive .metric-card__icon{color: var(--people-positive);background: var(--people-positive-soft)}.metric-card--warning .metric-card__icon{color: var(--people-warning);background: var(--people-warning-soft)}.metric-card--danger .metric-card__icon{color: var(--people-danger);background: var(--people-danger-soft)}.metric-card--info .metric-card__icon{color: var(--aura-accent-text-color);background: color-mix(in oklab,var(--aura-accent-color) 8%,transparent)}.metric-card--neutral .metric-card__icon,.metric-card--muted .metric-card__icon{color: var(--vaadin-text-color-secondary);background: color-mix(in oklab,var(--vaadin-text-color) 5%,transparent)}.surface-card__title{display: flex;align-items: center;gap: 8px}.surface-card__title::before{content: "";width: 2px;height: 12px;border-radius: 2px;background: color-mix(in oklab,var(--aura-accent-color) 50%,var(--people-border))}.self-hero-card{background: linear-gradient(135deg,color-mix(in oklab,var(--aura-accent-color) 5%,var(--vaadin-background-container)),var(--vaadin-background-container) 62%);border-color: color-mix(in oklab,var(--aura-accent-color) 16%,var(--people-border))}.data-gaps{display: flex;flex-direction: column}.data-gap{display: grid;grid-template-columns: minmax(0,1fr) 92px 120px auto;align-items: center;gap: 1rem;padding: 0.6rem 0;border-bottom: 1px solid color-mix(in oklab,var(--people-border) 55%,transparent)}.data-gap:last-child{border-bottom: 0}.data-gap__copy{display: flex;flex-direction: column;min-width: 0}.data-gap__label{font-size: 11.5px;font-weight: 650}.data-gap__detail{font-size: 9.5px;color: var(--vaadin-text-color-secondary)}.data-gap__count{font-family: var(--people-mono);font-size: 10px;color: var(--vaadin-text-color-secondary)}.data-gap__bar{height: 5px;border-radius: 999px;background: color-mix(in oklab,var(--vaadin-text-color) 7%,transparent);overflow: hidden}.data-gap__fill{height: 100%;border-radius: inherit;background: color-mix(in oklab,var(--aura-accent-color) 75%,transparent)}@media (max-width: 760px){.data-gap{grid-template-columns: minmax(0,1fr) auto}.data-gap__bar{display: none}}.ai-genie{--ai-border: color-mix(in oklab,var(--aura-accent-color) 16%,var(--people-border))}.ai-header{display: flex;align-items: center;gap: 0.5rem}.ai-header__icon{width: 18px;height: 18px;color: var(--aura-accent-text-color)}.ai-header__title{font-size: 14px;font-weight: 700;letter-spacing: -0.01em}.ai-scope{margin-left: auto;padding: 2px 8px;border: 1px solid var(--ai-border);border-radius: 999px;font-family: var(--people-mono);font-size: 8px;letter-spacing: 0.06em;text-transform: uppercase;color: var(--vaadin-text-color-secondary)}.ai-messages{display: flex;flex-direction: column;gap: 0.55rem;height: 400px;overflow-y: auto;padding: 0.25rem 0.15rem 0.5rem}.ai-message{max-width: 88%;padding: 0.55rem 0.7rem;border-radius: 10px;font-size: 11.5px;line-height: 1.5;white-space: pre-wrap}.ai-message.is-bot{align-self: flex-start;border: 1px solid var(--ai-border);background: color-mix(in oklab,var(--aura-accent-color) 4%,transparent);color: var(--vaadin-text-color)}.ai-message.is-user{align-self: flex-end;background: var(--aura-accent-color);color: #ffffff}.ai-sources{display: block;margin-top: 0.3rem;font-family: var(--people-mono);font-size: 8px;color: var(--vaadin-text-color-secondary)}.ai-suggestions{display: flex;gap: 3px;flex-wrap: wrap;margin: 0.2rem 0 0.5rem}.ai-input-row{display: flex;align-items: center;gap: 0.4rem}.ai-thinking{font-style: italic;color: var(--vaadin-text-color-secondary)}.genie-layout{display: grid;grid-template-columns: minmax(0,1.55fr) minmax(280px,0.7fr);gap: 1rem;align-items: start}.genie-panel{display: flex;flex-direction: column;min-height: 680px;padding: 1rem 1.1rem 0.9rem;border: 1px solid var(--people-border);border-radius: 16px;background: radial-gradient(520px 220px at 100% 0,color-mix(in oklab,var(--aura-accent-color) 6%,transparent),transparent 65%),var(--people-surface-raised);box-shadow: var(--people-shadow)}.genie-head{display: flex;align-items: center;gap: 0.7rem;padding-bottom: 0.8rem;border-bottom: 1px solid color-mix(in oklab,var(--people-border) 55%,transparent)}.genie-orb{display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;border-radius: 12px;color: #fff;background: linear-gradient(135deg,#38bdf8,#4f46e5 70%,#7c3aed);box-shadow: 0 8px 22px color-mix(in oklab,#4f46e5 30%,transparent);animation: genie-float 5s ease-in-out infinite}.genie-orb svg{width: 20px;height: 20px}.genie-head__copy{display: flex;flex-direction: column;min-width: 0}.genie-title{font-size: 15px;font-weight: 700;letter-spacing: -0.01em}.genie-subtitle{font-size: 10px;color: var(--vaadin-text-color-secondary)}.genie-status{margin-left: auto;padding: 3px 9px;border-radius: 999px;font-family: var(--people-mono);font-size: 8.5px;font-weight: 700;letter-spacing: 0.07em;text-transform: uppercase}.genie-status.is-live{border: 1px solid color-mix(in oklab,#10b981 45%,transparent);background: color-mix(in oklab,#10b981 10%,transparent);color: light-dark(#047857,#6ee7b7);animation: genie-pulse 2.4s ease-in-out infinite}.genie-status.is-local{border: 1px solid color-mix(in oklab,var(--aura-accent-color) 28%,transparent);background: color-mix(in oklab,var(--aura-accent-color) 7%,transparent);color: var(--aura-accent-text-color)}.genie-messages{display: flex;flex-direction: column;gap: 0.65rem;height: 490px;overflow-y: auto;padding: 0.8rem 0.15rem;scroll-behavior: smooth}.genie-welcome{display: flex;flex-direction: column;align-items: flex-start;gap: 0.45rem;padding: 1.1rem 0.4rem 0.5rem;animation: genie-rise 350ms ease both}.genie-welcome__orb{position: relative;display: flex;align-items: center;justify-content: center;width: 54px;height: 54px;margin-bottom: 0.35rem;border-radius: 16px;color: #fff;background: linear-gradient(135deg,#38bdf8,#4f46e5 65%,#7c3aed);box-shadow: 0 16px 34px color-mix(in oklab,#4f46e5 30%,transparent);animation: genie-float 6s ease-in-out infinite}.genie-welcome__orb::after{content: "";position: absolute;inset: -12px;border-radius: 24px;background: radial-gradient(circle,color-mix(in oklab,#6366f1 22%,transparent),transparent 70%);z-index: -1;animation: genie-glow 3.6s ease-in-out infinite}.genie-welcome__orb svg{width: 26px;height: 26px}.genie-welcome__title{margin: 0;font-size: 24px;font-weight: 720;letter-spacing: -0.03em;line-height: 1.2}.genie-welcome__copy{margin: 0;max-width: 520px;font-size: 12px;line-height: 1.55;color: var(--vaadin-text-color-secondary)}.genie-prompts{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 0.5rem;width: 100%;margin-top: 0.7rem}.genie-prompt{justify-content: flex-start;min-height: 48px;padding: 0.55rem 0.7rem;border: 1px solid var(--people-border);border-radius: 10px;background: var(--vaadin-background-container);color: var(--vaadin-text-color);font-size: 11px;line-height: 1.4;text-align: left;white-space: normal;transition: transform 140ms ease,border-color 140ms ease,box-shadow 140ms ease}.genie-prompt:hover{transform: translateY(-2px);border-color: color-mix(in oklab,var(--aura-accent-color) 38%,var(--people-border));box-shadow: 0 8px 20px color-mix(in oklab,var(--aura-accent-color) 10%,transparent)}.genie-message{display: flex;align-items: flex-start;gap: 0.5rem;animation: genie-rise 240ms ease both}.genie-message.is-user{flex-direction: row-reverse}.genie-avatar{flex: 0 0 auto}.genie-bot{display: flex;align-items: center;justify-content: center;width: 28px;height: 28px;border-radius: 8px;color: #fff;background: linear-gradient(135deg,#38bdf8,#4f46e5);box-shadow: 0 4px 12px color-mix(in oklab,#4f46e5 24%,transparent)}.genie-bot svg{width: 14px;height: 14px}.genie-bubble{max-width: 80%;padding: 0.6rem 0.75rem;border-radius: 12px;font-size: 11.5px;line-height: 1.55;white-space: pre-wrap}.genie-bubble.is-bot{border: 1px solid var(--people-border);background: color-mix(in oklab,var(--aura-accent-color) 3%,var(--vaadin-background-container));color: var(--vaadin-text-color)}.genie-bubble.is-user{background: var(--aura-accent-color);color: #fff}.genie-sources{display: block;margin-top: 0.35rem;font-family: var(--people-mono);font-size: 8px;color: var(--vaadin-text-color-secondary)}.genie-dots{display: inline-flex;align-items: center;gap: 4px;padding: 0.15rem 0}.genie-dot{width: 5px;height: 5px;border-radius: 50%;background: var(--aura-accent-color);animation: genie-blink 1.1s infinite ease-in-out}.genie-dot:nth-child(2){animation-delay: 0.15s}.genie-dot:nth-child(3){animation-delay: 0.3s}.genie-composer{display: flex;align-items: center;gap: 0.45rem;padding-top: 0.75rem;border-top: 1px solid color-mix(in oklab,var(--people-border) 55%,transparent)}.genie-composer vaadin-text-field{flex: 1}.genie-side{gap: 1rem}.genie-scope{display: inline-flex;padding: 3px 9px;border-radius: 999px;border: 1px solid color-mix(in oklab,var(--aura-accent-color) 26%,transparent);background: color-mix(in oklab,var(--aura-accent-color) 7%,transparent);color: var(--aura-accent-text-color);font-family: var(--people-mono);font-size: 8.5px;font-weight: 700;letter-spacing: 0.06em;text-transform: uppercase}.genie-capabilities{display: flex;flex-direction: column;gap: 0.45rem;margin-top: 0.75rem}.genie-capability{display: flex;align-items: flex-start;gap: 0.45rem;font-size: 10.5px;color: var(--vaadin-text-color)}.genie-capability__icon{width: 13px;height: 13px;margin-top: 1px;color: light-dark(#047857,#6ee7b7);flex: 0 0 auto}.genie-chips{display: flex;flex-wrap: wrap;gap: 4px}.genie-chip{padding: 2px 7px;border: 1px solid var(--people-border);border-radius: 999px;font-size: 9px;color: var(--vaadin-text-color-secondary)}.genie-note{margin: 0.7rem 0 0;font-size: 9.5px;line-height: 1.45;color: var(--vaadin-text-color-secondary)}@keyframes genie-float{0%,100%{transform: translateY(0)}50%{transform: translateY(-4px)}}@keyframes genie-glow{0%,100%{opacity: 0.5;transform: scale(0.96)}50%{opacity: 1;transform: scale(1.04)}}@keyframes genie-rise{from{opacity: 0;transform: translateY(6px)}to{opacity: 1;transform: translateY(0)}}@keyframes genie-blink{0%,80%,100%{opacity: 0.25;transform: translateY(0)}40%{opacity: 1;transform: translateY(-2px)}}@keyframes genie-pulse{0%,100%{box-shadow: 0 0 0 0 color-mix(in oklab,#10b981 22%,transparent)}50%{box-shadow: 0 0 0 4px color-mix(in oklab,#10b981 0%,transparent)}}@media (max-width: 1050px){.genie-layout{grid-template-columns: minmax(0,1fr)}.genie-messages{height: 420px}}@media (max-width: 720px){.genie-prompts{grid-template-columns: minmax(0,1fr)}.genie-welcome__title{font-size: 20px}}@media (prefers-reduced-motion: reduce){.genie-orb,.genie-welcome__orb,.genie-welcome__orb::after,.genie-status.is-live,.genie-message,.genie-prompt{animation: none !important;transition: none !important}}.genie-prompt-label{display: block;margin-top: 0.7rem;font-family: var(--people-mono);font-size: 8px;letter-spacing: 0.12em;text-transform: uppercase;color: var(--vaadin-text-color-secondary)}.genie-prompts .genie-prompt{animation: genie-rise 360ms ease both}.genie-prompts .genie-prompt:nth-child(2){animation-delay: 60ms}.genie-prompts .genie-prompt:nth-child(3){animation-delay: 120ms}.genie-prompts .genie-prompt:nth-child(4){animation-delay: 180ms}.genie-meta{display: flex;flex-wrap: wrap;gap: 5px}.genie-meta__chip{display: inline-flex;align-items: center;gap: 6px;padding: 4px 9px;border: 1px solid var(--people-border);border-radius: 999px;background: var(--vaadin-background-container);font-family: var(--people-mono);font-size: 8.5px;color: var(--vaadin-text-color-secondary)}.genie-meta__dot{width: 6px;height: 6px;border-radius: 50%;background: var(--aura-accent-color)}.genie-meta__dot.is-live{background: #10b981;box-shadow: 0 0 0 3px color-mix(in oklab,#10b981 16%,transparent)}.genie-title-row{display: flex;align-items: center;gap: 0.6rem;flex-wrap: wrap}.genie-grounded{padding: 3px 8px;border-radius: 999px;border: 1px solid color-mix(in oklab,var(--aura-accent-color) 24%,transparent);background: color-mix(in oklab,var(--aura-accent-color) 7%,transparent);color: var(--aura-accent-text-color);font-family: var(--people-mono);font-size: 8px;font-weight: 700;letter-spacing: 0.05em;text-transform: uppercase}.genie-status-row{display: flex;flex-wrap: wrap;gap: 4px;margin-top: 0.4rem}.genie-status-chip{padding: 3px 8px;border: 1px solid var(--people-border);border-radius: 999px;background: var(--vaadin-background-container);font-size: 8.5px;color: var(--vaadin-text-color-secondary)}.genie-status-chip.is-live{border-color: color-mix(in oklab,#10b981 35%,transparent);color: light-dark(#047857,#6ee7b7)}.genie-prompt-card{display: flex;align-items: flex-start;gap: 0.55rem;padding: 0.7rem;border: 1px solid var(--people-border);border-radius: 12px;background: var(--vaadin-background-container);cursor: pointer;transition: transform 150ms ease,border-color 150ms ease,box-shadow 150ms ease;animation: genie-rise 340ms ease both}.genie-prompt-card:hover{transform: translateY(-2px);border-color: color-mix(in oklab,var(--aura-accent-color) 36%,var(--people-border));box-shadow: 0 10px 24px color-mix(in oklab,var(--aura-accent-color) 9%,transparent)}.genie-prompt-card:nth-child(2){animation-delay: 60ms}.genie-prompt-card:nth-child(3){animation-delay: 120ms}.genie-prompt-card:nth-child(4){animation-delay: 180ms}.genie-prompt-card__icon{display: flex;align-items: center;justify-content: center;width: 28px;height: 28px;border-radius: 8px;background: color-mix(in oklab,var(--aura-accent-color) 8%,transparent);color: var(--aura-accent-text-color);flex: 0 0 auto}.genie-prompt-card__icon svg{width: 14px;height: 14px}.genie-prompt-card__copy{display: flex;flex-direction: column;gap: 2px;min-width: 0}.genie-prompt-card__head{display: flex;align-items: center;gap: 6px;flex-wrap: wrap}.genie-prompt-card__title{font-size: 10.5px;font-weight: 650}.genie-prompt-card__tag{padding: 1px 6px;border-radius: 999px;background: var(--people-surface-soft);font-family: var(--people-mono);font-size: 7.5px;text-transform: uppercase;letter-spacing: 0.04em;color: var(--vaadin-text-color-secondary)}.genie-prompt-card__text{font-size: 9.5px;line-height: 1.45;color: var(--vaadin-text-color-secondary)}.genie-pulse{display: flex;flex-direction: column}.genie-pulse__row{display: flex;align-items: center;justify-content: space-between;gap: 0.75rem;padding: 0.45rem 0;border-bottom: 1px solid color-mix(in oklab,var(--people-border) 55%,transparent)}.genie-pulse__row:last-child{border-bottom: 0}.genie-pulse__label{font-size: 10.5px;color: var(--vaadin-text-color-secondary)}.genie-pulse__value{font-family: var(--people-mono);font-size: 11px;font-weight: 650;color: var(--vaadin-text-color)}.genie-audit{padding-top: 0.4rem;text-align: center;font-size: 8px;color: var(--vaadin-text-color-secondary)}.genie-layout{display: block}.genie-panel{min-height: calc(100vh - 290px);padding: 1.1rem 1.2rem 1rem;border-radius: 18px;background: radial-gradient(700px 260px at 50% -10%,color-mix(in oklab,var(--aura-accent-color) 5%,transparent),transparent 65%),var(--people-surface-raised)}.genie-messages{width: 100%;max-width: 1040px;height: calc(100vh - 470px);min-height: 380px;max-height: 620px;margin: 0 auto;padding: 0.4rem 0.25rem 0.8rem}.genie-welcome{width: 100%;max-width: 920px;margin: 0 auto;padding: 0.8rem 0.4rem 0.4rem}.genie-welcome__title{font-size: 30px}.genie-welcome__copy{font-size: 12.5px;max-width: 660px}.genie-composer-card{width: 100%;max-width: 1040px;margin: 0.4rem auto 0;padding: 0.55rem 0.65rem 0.5rem;border: 1px solid color-mix(in oklab,var(--aura-accent-color) 18%,var(--people-border));border-radius: 16px;background: var(--vaadin-background-container);box-shadow: 0 16px 36px light-dark(rgb(16 24 40 / 0.10),rgb(0 0 0 / 0.45))}.genie-input{--vaadin-input-field-background: transparent;--vaadin-input-field-border-width: 0;--vaadin-input-field-box-shadow: none}.genie-input::part(input-field){border: none;background: transparent;box-shadow: none;padding-inline: 4px}.genie-composer-bottom{display: flex;align-items: center;justify-content: space-between;gap: 0.5rem;padding-top: 0.4rem}.genie-composer-tools{display: flex;align-items: center;gap: 0.45rem}.genie-ask{min-height: 38px;padding-inline: 18px;border-radius: 10px}.genie-attach-wrap vaadin-upload{width: auto}.genie-attach{width: 32px;height: 32px;padding: 0;border-radius: 9px;color: var(--vaadin-text-color-secondary)}.genie-attach:hover{color: var(--aura-accent-text-color);background: color-mix(in oklab,var(--aura-accent-color) 8%,transparent)}.genie-scope-chip{padding: 3px 8px;border: 1px solid var(--people-border);border-radius: 999px;font-family: var(--people-mono);font-size: 8px;color: var(--vaadin-text-color-secondary);white-space: nowrap}.genie-attachment-host:empty{display: none}.genie-attachment{display: flex;align-items: center;gap: 0.4rem;width: fit-content;margin: 0.15rem 0 0.4rem;padding: 0.35rem 0.5rem;border: 1px solid color-mix(in oklab,var(--aura-accent-color) 20%,var(--people-border));border-radius: 9px;background: color-mix(in oklab,var(--aura-accent-color) 5%,transparent)}.genie-attachment svg{width: 13px;height: 13px;color: var(--aura-accent-text-color)}.genie-attachment__name{font-size: 10px;font-weight: 600}.genie-attachment__size{font-family: var(--people-mono);font-size: 8px;color: var(--vaadin-text-color-secondary)}.genie-attachment__remove{padding: 0;min-width: 20px;height: 20px}.genie-audit{margin-top: 0.5rem}@media (max-width: 720px){.genie-welcome__title{font-size: 23px}.genie-panel{min-height: calc(100vh - 250px);padding: 0.8rem}.genie-messages{height: calc(100vh - 430px)}.genie-scope-chip{display: none}}.genie-messages:has(.genie-welcome){justify-content: center}.genie-attach-wrap vaadin-upload{padding: 0}.genie-attach-wrap vaadin-upload::part(primary-buttons){padding: 0}.genie-attach{width: 34px;height: 34px;padding: 0;border: 1px solid var(--people-border);border-radius: 50%;background: var(--people-surface-soft)}.genie-shell{display: flex;flex-direction: column;width: 100%;max-width: 1120px;height: calc(100vh - 170px);min-height: 620px;margin: 0 auto}.genie-topbar{display: flex;align-items: center;gap: 0.75rem;flex: 0 0 auto;padding: 0.15rem 0 0.6rem;border-bottom: 1px solid color-mix(in oklab,var(--people-border) 55%,transparent)}.genie-topbar .genie-head{flex: 1;padding: 0;border: 0}.genie-topbar .genie-orb{width: 32px;height: 32px;border-radius: 9px}.genie-topbar .genie-orb svg{width: 17px;height: 17px}.genie-messages{flex: 1;height: auto;min-height: 0;max-height: none;width: 100%;max-width: 880px;margin: 0 auto;padding: 1.1rem 0.3rem}.genie-composer-wrap{flex: 0 0 auto;width: 100%;max-width: 880px;margin: 0 auto;padding: 0.25rem 0.25rem 0}.genie-composer-card{display: flex;align-items: flex-end;gap: 6px;width: 100%;margin: 0;padding: 6px;border-radius: 16px;box-shadow: 0 6px 22px light-dark(rgb(16 24 40 / 0.08),rgb(0 0 0 / 0.4))}.genie-input-wrap{display: flex;flex-direction: column;flex: 1;min-width: 0}.genie-input{min-height: 40px}.genie-input::part(input-field){padding: 8px 4px}.genie-send{flex: 0 0 auto;width: 36px;height: 36px;min-width: 36px;padding: 0;border-radius: 10px}.genie-send svg{width: 16px;height: 16px}.genie-composer-wrap .genie-audit{margin-top: 0.35rem}.genie-prompts{max-width: 760px}@media (max-width: 900px){.genie-shell{height: calc(100vh - 150px)}}.genie-bubble.is-bot{white-space: normal}.genie-bubble.is-bot p{margin: 0 0 0.5em}.genie-bubble.is-bot p:last-child{margin-bottom: 0}.genie-bubble.is-bot ul,.genie-bubble.is-bot ol{margin: 0.25em 0 0.5em;padding-left: 1.2em}.genie-bubble.is-bot li{margin: 0.15em 0}.genie-bubble.is-bot strong{font-weight: 650}.genie-bubble.is-bot h1,.genie-bubble.is-bot h2,.genie-bubble.is-bot h3{margin: 0.65em 0 0.3em;font-size: 13px;line-height: 1.35}.genie-bubble.is-bot h1:first-child,.genie-bubble.is-bot h2:first-child,.genie-bubble.is-bot h3:first-child{margin-top: 0}.genie-bubble.is-bot code{padding: 1px 4px;border-radius: 4px;background: var(--people-surface-soft);font-family: var(--people-mono);font-size: 0.92em}.genie-bubble.is-bot a{color: var(--aura-accent-text-color);text-decoration: underline;text-underline-offset: 2px}.genie-bubble.is-bot blockquote{margin: 0.4em 0;padding-left: 0.6rem;border-left: 2px solid color-mix(in oklab,var(--aura-accent-color) 35%,transparent);color: var(--vaadin-text-color-secondary)}.genie-bubble.is-bot hr{margin: 0.6em 0;border: 0;border-top: 1px solid var(--people-border)}.genie-bubble.is-bot table{width: 100%;margin: 0.45em 0;border-collapse: collapse;font-size: 10px}.genie-bubble.is-bot th,.genie-bubble.is-bot td{padding: 0.3rem 0.4rem;border: 1px solid var(--people-border);text-align: left;vertical-align: top}.genie-bubble.is-bot th{background: var(--people-surface-soft);font-weight: 650}.genie-bubble.is-bot del{color: var(--vaadin-text-color-secondary)}.genie-bubble.is-bot{max-width: min(90%,820px);padding: 0.72rem 0.85rem;border-radius: 14px;border-color: color-mix(in oklab,var(--people-border) 75%,transparent);background: var(--vaadin-background-container);box-shadow: 0 3px 14px light-dark(rgb(16 24 40 / 0.04),rgb(0 0 0 / 0.18));font-size: 12px;line-height: 1.62}.genie-bubble.is-bot p{margin: 0 0 0.55em}.genie-bubble.is-bot p:last-child{margin-bottom: 0}.genie-bubble.is-bot ul,.genie-bubble.is-bot ol{margin: 0.35em 0 0.6em;padding-left: 1.35em}.genie-bubble.is-bot li{margin: 0.28em 0}.genie-bubble.is-bot li::marker{color: var(--aura-accent-color)}.genie-bubble.is-bot strong{font-weight: 680;color: var(--vaadin-text-color)}.genie-bubble.is-bot .md-table-wrap{margin: 0.7rem 0;overflow-x: auto;border: 1px solid color-mix(in oklab,var(--people-border) 80%,transparent);border-radius: 10px;background: var(--vaadin-background-container)}.genie-bubble.is-bot table{width: 100%;margin: 0;border-collapse: separate;border-spacing: 0;font-size: 11px}.genie-bubble.is-bot thead th{padding: 0.5rem 0.6rem;border-bottom: 1px solid color-mix(in oklab,var(--people-border) 80%,transparent);background: color-mix(in oklab,var(--aura-accent-color) 4%,var(--vaadin-background-container));color: var(--vaadin-text-color-secondary);font-family: var(--people-mono);font-size: 8px;font-weight: 700;letter-spacing: 0.07em;text-align: left;text-transform: uppercase;white-space: nowrap}.genie-bubble.is-bot tbody td{padding: 0.52rem 0.6rem;border-bottom: 1px solid color-mix(in oklab,var(--people-border) 48%,transparent);color: var(--vaadin-text-color);vertical-align: middle;line-height: 1.4}.genie-bubble.is-bot tbody tr:last-child td{border-bottom: 0}.genie-bubble.is-bot tbody tr:hover td{background: color-mix(in oklab,var(--aura-accent-color) 3.5%,transparent)}.genie-bubble.is-bot td.md-num{text-align: right;font-family: var(--people-mono);font-variant-numeric: tabular-nums;width: 1%;white-space: nowrap}.md-status{display: inline-flex;align-items: center;padding: 2px 7px;border: 1px solid transparent;border-radius: 999px;font-family: var(--people-mono);font-size: 7.5px;font-weight: 700;letter-spacing: 0.05em;line-height: 1.2;text-transform: uppercase;white-space: nowrap}.md-status.is-approved,.md-status.is-paid{border-color: color-mix(in oklab,#10b981 30%,transparent);background: color-mix(in oklab,#10b981 9%,transparent);color: light-dark(#047857,#6ee7b7)}.md-status.is-pending{border-color: color-mix(in oklab,#f59e0b 35%,transparent);background: color-mix(in oklab,#f59e0b 10%,transparent);color: light-dark(#92400e,#fcd34d)}.md-status.is-rejected{border-color: color-mix(in oklab,#ef4444 30%,transparent);background: color-mix(in oklab,#ef4444 8%,transparent);color: light-dark(#b91c1c,#fca5a5)}.md-status.is-cancelled,.md-status.is-draft{border-color: var(--people-border);background: var(--people-surface-soft);color: var(--vaadin-text-color-secondary)}.genie-bubble.is-bot code{padding: 1px 5px;border-radius: 4px;background: var(--people-surface-soft);font-family: var(--people-mono);font-size: 0.9em}.genie-bubble.is-bot pre{margin: 0.6rem 0;padding: 0.7rem;overflow-x: auto;border: 1px solid var(--people-border);border-radius: 8px;background: var(--people-surface-soft)}.genie-bubble.is-bot pre code{padding: 0;background: transparent}.genie-sources{margin-top: 0.55rem;padding-top: 0.4rem;border-top: 1px solid color-mix(in oklab,var(--people-border) 45%,transparent)}.genie-workspace{display: grid;grid-template-columns: minmax(0,1fr) 300px;gap: 1rem;align-items: stretch;min-height: 620px;height: calc(100vh - 235px)}.genie-chat{display: flex;flex-direction: column;min-width: 0;min-height: 0;overflow: hidden;border: 1px solid var(--people-border);border-radius: 16px;background: radial-gradient(600px 220px at 50% -10%,color-mix(in oklab,var(--aura-accent-color) 5%,transparent),transparent 65%),var(--people-surface-raised);box-shadow: var(--people-shadow)}.genie-chat .genie-topbar{flex: 0 0 auto;padding: 0.9rem 1.15rem 0.75rem;border-bottom: 1px solid color-mix(in oklab,var(--people-border) 55%,transparent)}.genie-chat .genie-messages{flex: 1;min-height: 0;width: 100%;max-width: none;height: auto;max-height: none;overflow-y: auto;padding: 1rem 1.4rem}.genie-chat .genie-welcome{max-width: 760px;padding: 0.5rem 0}.genie-chat .genie-welcome__title{font-size: 27px}.genie-chat .genie-prompts{max-width: 100%}.genie-chat .genie-composer-wrap{flex: 0 0 auto;width: 100%;max-width: none;margin: 0;padding: 0.6rem 1rem 0.85rem;background: linear-gradient(180deg,transparent,color-mix(in oklab,var(--vaadin-background-container) 40%,transparent) 40%)}.genie-chat .genie-composer-card{width: 100%;max-width: none;margin: 0;background: var(--people-surface-raised);border-color: color-mix(in oklab,var(--aura-accent-color) 16%,var(--people-border));box-shadow: 0 6px 22px light-dark(rgb(16 24 40 / 0.08),rgb(0 0 0 / 0.35))}.genie-chat .genie-input{--vaadin-input-field-background: transparent}.genie-chat .genie-audit{margin-top: 0.35rem}.genie-rail{display: flex;flex-direction: column;gap: 0.8rem;min-width: 0;overflow-y: auto;max-height: calc(100vh - 235px);padding-right: 2px}.genie-rail .section-card{flex: 0 0 auto}.genie-rail .genie-pulse__row{padding: 0.4rem 0}@media (max-width: 1180px){.genie-workspace{grid-template-columns: minmax(0,1fr);height: auto}.genie-chat{height: calc(100vh - 250px);min-height: 560px}.genie-rail{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));max-height: none;overflow: visible}}@media (max-width: 760px){.genie-rail{grid-template-columns: minmax(0,1fr)}.genie-chat .genie-messages{padding: 0.8rem}}.genie-approval-list{display: flex;flex-direction: column}.genie-approval-row{display: flex;align-items: center;justify-content: space-between;gap: 0.75rem;padding: 0.6rem 0.1rem;border-bottom: 1px solid color-mix(in oklab,var(--people-border) 55%,transparent)}.genie-approval-row:last-child{border-bottom: 0}.genie-approval-title{display: block;font-size: 11.5px;font-weight: 650}.genie-approval-meta{display: block;margin-top: 2px;font-size: 9.5px;color: var(--vaadin-text-color-secondary)}.genie-approval-note{margin-top: 0.6rem;padding: 0.5rem 0.6rem;border-left: 2px solid color-mix(in oklab,var(--aura-accent-color) 40%,transparent);background: color-mix(in oklab,var(--aura-accent-color) 4%,transparent);font-size: 9.5px;line-height: 1.45;color: var(--vaadin-text-color-secondary)}.genie-approval-action{display: flex;align-items: center;justify-content: space-between;gap: 0.75rem;width: calc(100% - 2.4rem);margin: 0.4rem 0 0.2rem 2.4rem;padding: 0.65rem 0.75rem;border: 1px solid color-mix(in oklab,var(--aura-accent-color) 25%,var(--people-border));border-radius: 11px;background: color-mix(in oklab,var(--aura-accent-color) 4%,var(--vaadin-background-container))}.genie-approval-action__title{display: block;font-size: 11px;font-weight: 650}.genie-approval-action__meta{display: block;margin-top: 2px;font-size: 9.5px;color: var(--vaadin-text-color-secondary)}.genie-bubble .genie-approval-action{width: 100%;margin: 0.65rem 0 0;padding: 0.6rem 0.7rem}.genie-approval-action.is-approved{border-color: color-mix(in oklab,#10b981 32%,var(--people-border));background: color-mix(in oklab,#10b981 5%,var(--vaadin-background-container))}.genie-approval-actions{display: flex;align-items: center;gap: 0.35rem;flex: 0 0 auto}.genie-approval-action.is-rejected{border-color: color-mix(in oklab,#ef4444 30%,var(--people-border));background: color-mix(in oklab,#ef4444 4%,var(--vaadin-background-container))}.receipt-upload{width: 100%}.receipt-upload::part(drop-label){font-size: 10.5px}.receipt-link{font-size: 9px;font-weight: 650;color: var(--aura-accent-text-color);text-decoration: underline;text-underline-offset: 2px;align-self: center}.onboarding-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(300px,1fr));gap: 1rem}.onboarding-checklist{display: flex;flex-direction: column;gap: 0.35rem;margin-top: 0.65rem}.onboarding-check{display: flex;align-items: center;gap: 0.45rem;font-size: 10.5px}.onboarding-check__mark{display: inline-flex;align-items: center;justify-content: center;width: 16px;height: 16px;border-radius: 50%;font-size: 9px;font-weight: 700}.onboarding-check.is-done .onboarding-check__mark{background: color-mix(in oklab,#10b981 12%,transparent);color: light-dark(#047857,#6ee7b7)}.onboarding-check.is-missing .onboarding-check__mark{background: color-mix(in oklab,#f59e0b 12%,transparent);color: light-dark(#92400e,#fcd34d)}.onboarding-check.is-missing{color: var(--vaadin-text-color-secondary)}.onboarding-link{margin-top: 0.65rem;padding-inline: 0}.chat-onboarding{width: min(100%,760px);margin: 0.55rem 0 0.55rem 2.4rem;padding: 0.85rem;border: 1px solid color-mix(in oklab,var(--aura-accent-color) 24%,var(--people-border));border-radius: 12px;background: var(--vaadin-background-container);box-shadow: 0 4px 16px light-dark(rgb(16 24 40 / 0.06),rgb(0 0 0 / 0.25))}.chat-onboarding__head{display: flex;align-items: center;justify-content: space-between;margin-bottom: 0.65rem}.chat-onboarding__title{font-size: 11px;font-weight: 700;letter-spacing: 0.01em}.chat-onboarding__fields{display: flex;flex-direction: column;gap: 0.55rem}.chat-onboarding__fields vaadin-text-field,.chat-onboarding__fields vaadin-combo-box,.chat-onboarding__fields vaadin-date-picker,.chat-onboarding__fields vaadin-number-field{width: 100%}.chat-onboarding__actions{display: flex;justify-content: flex-end;gap: 0.4rem;margin-top: 0.7rem}.chat-onboarding__summary{display: flex;flex-direction: column;border: 1px solid var(--people-border);border-radius: 9px;overflow: hidden}.chat-onboarding__line{display: flex;justify-content: space-between;gap: 1rem;padding: 0.42rem 0.55rem;border-bottom: 1px solid color-mix(in oklab,var(--people-border) 55%,transparent)}.chat-onboarding__line:last-child{border-bottom: 0}.chat-onboarding__key{font-size: 9.5px;color: var(--vaadin-text-color-secondary)}.chat-onboarding__value{font-size: 10.5px;font-weight: 600;text-align: right}.people-command{display: flex;align-items: center;justify-content: space-between;gap: 1.25rem;padding: 1.15rem 1.3rem;border: 1px solid color-mix(in oklab,var(--aura-accent-color) 16%,var(--people-border));border-radius: 16px;background: radial-gradient(460px 180px at 100% 0,color-mix(in oklab,var(--aura-accent-color) 8%,transparent),transparent 70%),var(--people-surface-raised);box-shadow: var(--people-shadow)}.people-command__copy{min-width: 0}.people-command__eyebrow{font-family: var(--people-mono);font-size: 8px;letter-spacing: 0.12em;color: var(--vaadin-text-color-secondary)}.people-command__title{margin: 0.2rem 0 0.25rem;font-size: 21px;letter-spacing: -0.025em}.people-command__detail{margin: 0;font-size: 11px;color: var(--vaadin-text-color-secondary)}.people-command__signals{display: flex;flex-wrap: wrap;gap: 4px;margin-top: 0.55rem}.people-command__signal{padding: 3px 8px;border: 1px solid color-mix(in oklab,var(--people-border) 80%,transparent);border-radius: 999px;background: var(--vaadin-background-container);font-family: var(--people-mono);font-size: 8px;color: var(--vaadin-text-color-secondary)}.people-command__actions{display: flex;flex-wrap: wrap;gap: 0.4rem;justify-content: flex-end}@media (max-width: 900px){.people-command{align-items: flex-start;flex-direction: column}.people-command__actions{justify-content: flex-start}}.offer-row{display: flex;align-items: center;justify-content: space-between;gap: 0.8rem;padding: 0.6rem 0;border-bottom: 1px solid color-mix(in oklab,var(--people-border) 55%,transparent)}.offer-row:last-child{border-bottom: 0}.offer-row__title{display: block;font-size: 11.5px;font-weight: 650}.offer-row__meta{display: block;margin-top: 2px;font-family: var(--people-mono);font-size: 8.5px;color: var(--vaadin-text-color-secondary)}.offer-row__actions{display: flex;align-items: center;gap: 0.3rem;flex-wrap: wrap}.offer-form{display: flex;flex-direction: column;gap: 0.55rem;padding-top: 0.8rem;margin-top: 0.5rem;border-top: 1px solid var(--people-border)}.onboarding-manage-list{display: flex;flex-direction: column;max-height: 320px;overflow-y: auto}.onboarding-manage-row{display: flex;align-items: center;justify-content: space-between;gap: 0.75rem;padding: 0.55rem 0;border-bottom: 1px solid color-mix(in oklab,var(--people-border) 55%,transparent)}.onboarding-manage-row:last-child{border-bottom: 0}.onboarding-manage-title{display: block;font-size: 11.5px;font-weight: 650}.onboarding-manage-meta{display: block;margin-top: 2px;font-size: 9px;color: var(--vaadin-text-color-secondary)}.onboarding-task-meta{display: block;margin-top: 0.5rem;font-size: 9.5px;color: var(--vaadin-text-color-secondary)}.onboarding-card-actions{display: flex;flex-wrap: wrap;gap: 0.3rem;margin-top: 0.5rem}.organizations-view{max-width: 1440px;margin: 0 auto}.org-state{padding: 3px 9px;border-radius: 999px;font-family: var(--people-mono);font-size: 8px;font-weight: 700;letter-spacing: 0.05em;text-transform: uppercase}.org-state--active{border: 1px solid color-mix(in oklab,#10b981 30%,transparent);background: color-mix(in oklab,#10b981 9%,transparent);color: light-dark(#047857,#6ee7b7)}.org-state--suspended{border: 1px solid color-mix(in oklab,#f59e0b 35%,transparent);background: color-mix(in oklab,#f59e0b 10%,transparent);color: light-dark(#92400e,#fcd34d)}.org-dialog__summary{display: flex;align-items: center;gap: 0.4rem;padding: 0.5rem 0.6rem;border-radius: 9px;background: var(--people-surface-soft);font-size: 10px;color: var(--vaadin-text-color-secondary)}.org-dialog__section{margin: 0.9rem 0 0.4rem;font-size: 12px;letter-spacing: -0.01em}.org-members,.org-plans{display: flex;flex-direction: column}.org-member,.org-plan{display: flex;align-items: center;justify-content: space-between;gap: 0.75rem;padding: 0.5rem 0;border-bottom: 1px solid color-mix(in oklab,var(--people-border) 55%,transparent)}.org-member:last-child,.org-plan:last-child{border-bottom: 0}.org-member__name,.org-plan__name{display: block;font-size: 11.5px;font-weight: 650}.org-member__email,.org-plan__meta{display: block;margin-top: 2px;font-size: 9px;color: var(--vaadin-text-color-secondary)}.trial-banner{display: inline-flex;align-items: center;gap: 6px;min-height: 32px;max-width: min(370px,38vw);padding: 2px 3px 2px 9px;border: 1px solid color-mix(in oklab,#10b981 30%,transparent);border-radius: 999px;background: color-mix(in oklab,#10b981 8%,transparent);box-sizing: border-box;flex: 0 0 auto}.trial-banner__dot{width: 6px;height: 6px;flex: 0 0 auto;border-radius: 50%;background: #10b981;box-shadow: 0 0 0 3px color-mix(in oklab,#10b981 16%,transparent)}.trial-banner__label{display: inline-flex;align-items: baseline;gap: 3px;min-width: 0;overflow: hidden;font-size: 9.5px;font-weight: 700;line-height: 1;color: light-dark(#047857,#6ee7b7);white-space: nowrap;text-overflow: ellipsis}.trial-banner__prefix{flex: 0 0 auto}.trial-banner__separator{flex: 0 0 auto;opacity: 0.5}.trial-banner__time{font-variant-numeric: tabular-nums}.trial-banner__price{flex: 0 0 auto;font-size: 9px;font-weight: 500;line-height: 1;color: var(--vaadin-text-color-secondary);white-space: nowrap}.trial-banner__action{height: 26px;min-height: 26px;flex: 0 0 auto;padding: 0 9px;border-radius: 999px;font-size: 9.5px;font-weight: 650}.trial-banner--expired{border-color: color-mix(in oklab,#f59e0b 40%,transparent);background: color-mix(in oklab,#f59e0b 10%,transparent)}.trial-banner--expired .trial-banner__dot{background: #f59e0b;box-shadow: 0 0 0 3px color-mix(in oklab,#f59e0b 16%,transparent)}.trial-banner--expired .trial-banner__label{color: light-dark(#92400e,#fcd34d)}@media (max-width: 1180px){.trial-banner__price{display: none}}@media (max-width: 760px){.trial-banner{max-width: none;gap: 4px}}@media (max-width: 480px){.trial-banner{min-height: 30px;padding: 2px 2px 2px 7px}.trial-banner__prefix,.trial-banner__separator{display: none}.trial-banner__label{font-size: 9px}.trial-banner__action{height: 24px;min-height: 24px;padding: 0 7px;font-size: 9px}}.public-application-page{position: relative;min-height: 100vh;width: 100%;overflow-x: hidden;background: radial-gradient(900px 480px at 8% -8%,color-mix(in oklab,var(--aura-accent-color) 10%,transparent),transparent 70%),radial-gradient(700px 420px at 96% 4%,color-mix(in oklab,var(--people-info) 7%,transparent),transparent 72%),var(--vaadin-background-color);color: var(--vaadin-text-color);font-family: var(--aura-font-family);font-size: 13px;line-height: 1.5}.public-application-page *,.public-application-page *::before,.public-application-page *::after{box-sizing: border-box}.public-application-backdrop{position: absolute;inset: 0;overflow: hidden;pointer-events: none;z-index: 0}.public-application-backdrop__one,.public-application-backdrop__two{position: absolute;border-radius: 50%;filter: blur(8px)}.public-application-backdrop__one{width: 460px;height: 460px;top: 180px;left: -260px;background: color-mix(in oklab,var(--aura-accent-color) 6%,transparent)}.public-application-backdrop__two{width: 360px;height: 360px;bottom: -180px;right: -140px;background: color-mix(in oklab,var(--people-info) 5%,transparent)}.public-application-header{position: relative;z-index: 2;display: flex;align-items: center;justify-content: space-between;gap: 18px;width: 100%;max-width: 1180px;margin-inline: auto;padding: 22px 28px}.public-application-brand{display: flex;align-items: center;gap: 10px}.public-application-mark{display: inline-flex;align-items: center;justify-content: center;width: 34px;height: 34px;padding: 7px;border: 1px solid var(--people-border);border-radius: 9px;color: var(--aura-accent-text-color);background: var(--people-surface-raised)}.public-application-mark svg{width: 100%;height: 100%}.public-application-brand-name{display: block;font-size: 14px;font-weight: 700;letter-spacing: -0.01em;color: var(--vaadin-text-color)}.public-application-brand-section{display: block;font-family: var(--people-mono);font-size: 9px;font-weight: 600;letter-spacing: 0.12em;text-transform: uppercase;color: var(--vaadin-text-color-secondary)}.public-application-secure{display: inline-flex;align-items: center;gap: 6px;padding: 4px 9px;border: 1px solid var(--people-border);border-radius: 999px;background: var(--people-surface-raised);font-size: 10.5px;color: var(--vaadin-text-color-secondary)}.public-application-secure svg{width: 13px;height: 13px;color: var(--people-positive)}.public-application-shell{position: relative;z-index: 1;width: 100%;max-width: 1180px;margin-inline: auto;padding: 22px 28px 64px}.public-application-hero{display: flex;align-items: center;justify-content: space-between;gap: 30px;padding: 10px 2px 26px}.public-application-hero__copy{display: flex;flex-direction: column;gap: 9px;max-width: 820px}.public-application-eyebrow{font-family: var(--people-mono);font-size: 9.5px;font-weight: 650;letter-spacing: 0.12em;text-transform: uppercase;color: var(--aura-accent-text-color)}.public-application-title{margin: 0;font-size: clamp(2rem,1.5rem + 2vw,3.1rem);font-weight: 720;letter-spacing: -0.04em;line-height: 1.04;color: var(--vaadin-text-color)}.public-application-intro{margin: 0;font-size: 13.5px;line-height: 1.6;color: var(--vaadin-text-color-secondary);max-width: 72ch}.public-application-details{margin-top: 20px}.public-application-prose{max-width: 82ch;font-size: 12.5px;line-height: 1.65;color: var(--vaadin-text-color-secondary)}.public-application-prose h2,.public-application-prose h3,.public-application-prose h4{margin: 0.9em 0 0.3em;font-weight: 680;letter-spacing: -0.015em;line-height: 1.25;color: var(--vaadin-text-color)}.public-application-prose h2{font-size: 16px}.public-application-prose h3{font-size: 14px}.public-application-prose h4{font-size: 12.5px}.public-application-prose p{margin: 0 0 0.55em}.public-application-prose ul{margin: 0 0 0.6em;padding-left: 1.1em}.public-application-prose li{margin-bottom: 0.18em}.public-application-prose strong{font-weight: 650;color: var(--vaadin-text-color)}.public-application-prose code{padding: 1px 4px;border-radius: 4px;background: color-mix(in oklab,var(--vaadin-text-color) 8%,transparent);font-family: var(--people-mono);font-size: 0.92em}.public-application-chips{display: flex;align-items: center;gap: 6px;flex-wrap: wrap;margin-top: 4px}.public-application-chip{display: inline-flex;align-items: center;gap: 5px;padding: 3px 8px;border: 1px solid var(--people-border);border-radius: 999px;background: var(--people-surface-raised);font-size: 10.5px;color: var(--vaadin-text-color-secondary)}.public-application-chip svg{width: 12px;height: 12px;color: var(--aura-accent-text-color)}.public-application-hero__aside{flex: 0 0 auto;display: flex;flex-direction: column;align-items: center;gap: 2px;width: 182px;padding: 10px 12px 12px;border: 1px solid var(--people-border);border-radius: 18px;background: radial-gradient(circle at 50% 34%,color-mix(in oklab,#fbcbd8 26%,var(--people-surface-raised)) 0%,var(--people-surface-raised) 74%);box-shadow: var(--people-shadow)}.public-application-muse{display: flex;align-items: center;justify-content: center;width: 100%;height: 150px;overflow: visible}.public-application-muse .career-muse{transform: scale(0.8);transform-origin: center}.public-application-seats{display: flex;flex-direction: column;align-items: center;gap: 1px;width: 100%;padding-top: 7px;border-top: 1px solid var(--people-border)}.public-application-seat-count{font-family: var(--people-mono);font-size: 20px;font-weight: 700;color: var(--vaadin-text-color)}.public-application-seat-detail{font-size: 10px;color: var(--vaadin-text-color-secondary)}.public-application-layout{display: grid;grid-template-columns: minmax(0,1.25fr) minmax(330px,0.75fr);gap: 20px;align-items: start}.public-application-card{display: flex;flex-direction: column;gap: 13px;padding: 24px;border: 1px solid var(--people-border);border-radius: 18px;background: var(--people-surface-raised);box-shadow: 0 12px 40px light-dark(rgb(16 24 40 / 0.06),rgb(0 0 0 / 0.25))}.public-application-form-card{gap: 14px}.public-application-card-title{margin: 0;font-size: 20px;font-weight: 700;letter-spacing: -0.025em;line-height: 1.15;color: var(--vaadin-text-color)}.public-application-card-subtitle{margin: 0;font-size: 12px;line-height: 1.55;color: var(--vaadin-text-color-secondary)}.public-application-field-grid{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 12px 14px;margin-top: 2px}.public-application-field-grid>:last-child{grid-column: 1 / -1}.public-application-form-card vaadin-text-field,.public-application-form-card vaadin-email-field,.public-application-form-card vaadin-text-area{width: 100%;font-size: 12.5px}.public-application-form-card vaadin-text-area{min-height: 126px}.public-application-field-label{display: block;font-family: var(--people-mono);font-size: 9.5px;font-weight: 650;letter-spacing: 0.09em;text-transform: uppercase;color: var(--vaadin-text-color-secondary)}.public-application-field-hint{display: block;margin-top: -7px;font-size: 10.5px;color: var(--vaadin-text-color-secondary)}.public-application-upload-section{display: flex;flex-direction: column;gap: 6px;margin-top: 2px}.public-application-upload{border: 1px dashed var(--people-border-strong);border-radius: 12px;background: var(--people-surface-soft);padding: 4px}.public-application-upload::part(drop-label){color: var(--vaadin-text-color-secondary);font-size: 12px}.public-application-upload::part(upload-button){font-size: 11.5px}.public-application-upload vaadin-upload-file{font-size: 11.5px}.public-application-error{display: block;padding: 9px 11px;border: 1px solid var(--people-danger-border);border-radius: 9px;font-size: 11.5px;line-height: 1.45;color: var(--people-danger);background: var(--people-danger-soft)}.public-application-submit{width: 100%;min-height: 40px;font-size: 12.5px;font-weight: 650}.public-application-privacy{display: flex;align-items: flex-start;gap: 6px;font-size: 10.5px;line-height: 1.45;color: var(--vaadin-text-color-secondary)}.public-application-privacy svg{width: 13px;height: 13px;margin-top: 1px;flex: 0 0 auto;color: var(--people-positive)}.public-application-preview-card{position: sticky;top: 20px;background: linear-gradient(150deg,color-mix(in oklab,var(--aura-accent-color) 5%,transparent),transparent 45%),var(--people-surface-raised)}.public-application-preview{display: flex;flex-direction: column;gap: 15px}.public-application-preview-identity{display: flex;align-items: center;gap: 11px;padding: 12px;border: 1px solid var(--people-border);border-radius: 11px;background: var(--people-surface-soft)}.public-application-preview-copy{display: flex;flex-direction: column;gap: 1px;min-width: 0}.public-application-preview-name{font-size: 13px;font-weight: 650;color: var(--vaadin-text-color);overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.public-application-preview-meta{font-size: 11px;color: var(--vaadin-text-color-secondary);overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.public-application-preview-section{display: flex;flex-direction: column;gap: 6px}.public-application-preview-label{font-family: var(--people-mono);font-size: 9px;font-weight: 650;letter-spacing: 0.09em;text-transform: uppercase;color: var(--vaadin-text-color-secondary)}.public-application-preview-cover{padding: 10px 11px;border-left: 2px solid color-mix(in oklab,var(--aura-accent-color) 50%,transparent);border-radius: 0 8px 8px 0;background: var(--people-surface-soft);font-size: 11.5px;line-height: 1.5;color: var(--vaadin-text-color);white-space: pre-wrap;overflow-wrap: anywhere;max-height: 110px;overflow-y: auto}.public-application-preview-placeholder{color: var(--vaadin-text-color-secondary);font-style: italic}.public-application-cv{display: flex;flex-direction: column;gap: 7px;padding: 9px;border: 1px solid var(--people-border);border-radius: 10px;background: var(--people-surface-soft)}.public-application-cv-head{display: flex;align-items: center;gap: 8px;min-width: 0}.public-application-cv-file-icon{display: inline-flex;align-items: center;justify-content: center;width: 28px;height: 28px;flex: 0 0 auto;border-radius: 7px;color: var(--aura-accent-text-color);background: color-mix(in oklab,var(--aura-accent-color) 9%,transparent)}.public-application-cv-file-icon svg{width: 14px;height: 14px}.public-application-cv-head>div:last-child{display: flex;flex-direction: column;gap: 0;min-width: 0}.public-application-cv-name{font-size: 11.5px;font-weight: 600;color: var(--vaadin-text-color);overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.public-application-cv-meta{font-size: 10px;color: var(--vaadin-text-color-secondary)}.public-application-cv-preview{overflow: hidden;border-radius: 8px;border: 1px solid var(--people-border);background: var(--vaadin-background-color)}.public-application-cv-frame{display: block;width: 100%;height: 360px;border: 0;background: var(--vaadin-background-color)}.public-application-cv-image{display: block;width: 100%;max-height: 360px;object-fit: contain}.public-application-cv-note{display: flex;align-items: flex-start;gap: 7px;padding: 14px 11px;font-size: 10.5px;line-height: 1.5;color: var(--vaadin-text-color-secondary)}.public-application-cv-note svg{width: 14px;height: 14px;flex: 0 0 auto;margin-top: 1px}.public-application-cv-empty{display: flex;align-items: center;gap: 7px;padding: 15px 11px;border: 1px dashed var(--people-border);border-radius: 9px;font-size: 11px;color: var(--vaadin-text-color-secondary);background: color-mix(in oklab,var(--vaadin-text-color) 2%,transparent)}.public-application-cv-empty svg{width: 15px;height: 15px;flex: 0 0 auto}.public-application-cv-actions{display: flex;align-items: center;gap: 12px;flex-wrap: wrap;padding-top: 1px}.public-application-cv-open,.public-application-cv-download{font-size: 10.5px;font-weight: 600;color: var(--aura-accent-text-color);text-decoration: none}.public-application-cv-open:hover,.public-application-cv-download:hover{text-decoration: underline}.public-application-closed-card{display: flex;flex-direction: column;align-items: center;gap: 8px;max-width: 620px;margin: 26px auto 0;padding: 42px 30px;border: 1px solid var(--people-border);border-radius: 18px;background: var(--people-surface-raised);text-align: center;box-shadow: var(--people-shadow)}.public-application-closed-icon{display: inline-flex;align-items: center;justify-content: center;width: 48px;height: 48px;margin-bottom: 4px;border-radius: 13px;color: var(--people-warning);background: var(--people-warning-soft);border: 1px solid var(--people-warning-border)}.public-application-closed-icon svg{width: 22px;height: 22px}.public-application-success{display: flex;flex-direction: column;align-items: center;gap: 9px;max-width: 700px;margin: 26px auto 0;padding: 40px 34px;border: 1px solid var(--people-border);border-radius: 20px;background: var(--people-surface-raised);box-shadow: 0 18px 48px light-dark(rgb(16 24 40 / 0.08),rgb(0 0 0 / 0.32));text-align: center}.public-application-success-icon{display: inline-flex;align-items: center;justify-content: center;width: 54px;height: 54px;margin-bottom: 5px;border-radius: 50%;color: var(--people-positive);background: var(--people-positive-soft);border: 1px solid var(--people-positive-border)}.public-application-success-icon svg{width: 26px;height: 26px}.public-application-success-title{margin: 0;font-size: clamp(1.5rem,1.2rem + 1vw,2rem);font-weight: 720;letter-spacing: -0.03em;line-height: 1.15;color: var(--vaadin-text-color)}.public-application-success-copy{margin: 0;max-width: 46ch;font-size: 12.5px;line-height: 1.55;color: var(--vaadin-text-color-secondary)}.public-application-reference{display: flex;align-items: center;gap: 9px;margin: 7px 0;padding: 8px 13px;border: 1px solid var(--people-border);border-radius: 9px;background: var(--people-surface-soft)}.public-application-reference-label{font-family: var(--people-mono);font-size: 9px;font-weight: 650;letter-spacing: 0.08em;text-transform: uppercase;color: var(--vaadin-text-color-secondary)}.public-application-reference-value{font-family: var(--people-mono);font-size: 12px;font-weight: 650;color: var(--vaadin-text-color)}.public-application-next{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 10px;width: 100%;margin-top: 10px;text-align: left}.public-application-next-step{display: flex;align-items: flex-start;gap: 8px;padding: 10px;border: 1px solid var(--people-border);border-radius: 9px;background: var(--people-surface-soft)}.public-application-next-number{display: inline-flex;align-items: center;justify-content: center;width: 19px;height: 19px;flex: 0 0 auto;border-radius: 50%;font-family: var(--people-mono);font-size: 9px;font-weight: 650;color: var(--aura-accent-text-color);background: color-mix(in oklab,var(--aura-accent-color) 10%,transparent)}.public-application-next-step>div{display: flex;flex-direction: column;gap: 1px}.public-application-next-title{font-size: 11px;font-weight: 650;color: var(--vaadin-text-color)}.public-application-next-text{font-size: 10px;line-height: 1.4;color: var(--vaadin-text-color-secondary)}.public-application-again{margin-top: 8px}@media (max-width: 980px){.public-application-layout{grid-template-columns: 1fr}.public-application-preview-card{position: static}}@media (max-width: 700px){.public-application-header{padding: 16px 16px 10px}.public-application-secure{display: none}.public-application-shell{padding: 12px 16px 44px}.public-application-hero{align-items: flex-start;flex-direction: column;gap: 14px;padding-bottom: 18px}.public-application-hero__aside{flex-direction: row;align-items: center;justify-content: flex-start;width: 100%;gap: 12px}.career-muse{transform: scale(0.82);transform-origin: left center}.public-application-card{padding: 18px;border-radius: 14px}.public-application-field-grid{grid-template-columns: 1fr}.public-application-field-grid>:last-child{grid-column: auto}.public-application-next{grid-template-columns: 1fr}.public-application-success,.public-application-closed-card{padding: 28px 20px}}.career-muse{--muse-light: #fff0f5;--muse-mid: #fbcbd8;--muse-dark: #e08b9e;--muse-shadow: #b05c70;--muse-speed: 3.4s;--muse-ease: cubic-bezier(0.45,0.05,0.55,0.95);position: relative;display: flex;align-items: flex-end;justify-content: center;width: 160px;height: 186px;perspective: 900px;cursor: pointer;user-select: none}.career-muse__shadow{position: absolute;bottom: 2px;left: 50%;width: 118px;height: 20px;margin-left: -59px;border-radius: 50%;background: color-mix(in oklab,var(--muse-shadow) 34%,transparent);filter: blur(8px);animation: career-muse-shadow var(--muse-speed) var(--muse-ease) infinite alternate}.career-muse__wrapper{position: relative;width: 132px;height: 168px;transform-style: preserve-3d;animation: career-muse-groove var(--muse-speed) var(--muse-ease) infinite alternate}.career-muse__body{position: absolute;inset: 0;z-index: 2;border-radius: 45% 45% 35% 35% / 55% 55% 45% 45%;background: radial-gradient(circle at 12% 10%,rgba(255,255,255,0.9) 0%,transparent 32%),radial-gradient(circle at 40% 30%,var(--muse-light) 0%,var(--muse-mid) 52%,var(--muse-dark) 92%,var(--muse-shadow) 100%);box-shadow: 0 0 0 1px rgba(176,92,112,0.12),inset -10px -10px 20px rgba(176,92,112,0.35),inset 10px 10px 14px rgba(255,255,255,0.85),0 14px 26px rgba(0,0,0,0.18);animation: career-muse-squish var(--muse-speed) var(--muse-ease) infinite alternate}.career-muse__face{position: absolute;top: 20px;left: 50%;display: flex;flex-direction: column;align-items: center;justify-content: center;width: 74px;height: 56px;border-radius: 32px;background: radial-gradient(circle at center,#ffffff 0%,#fdf2f5 100%);box-shadow: inset 0 -4px 8px rgba(224,139,158,0.2),0 3px 7px rgba(0,0,0,0.05);transform: translateX(-50%) translateZ(10px);z-index: 3;animation: career-muse-face-bob var(--muse-speed) ease-in-out infinite alternate;animation-delay: -0.2s}.career-muse__eyes{display: flex;gap: 15px;margin-bottom: 5px}.career-muse__eye{position: relative;width: 9px;height: 12px;border-radius: 50%;background: #1a1114;box-shadow: inset 0 -2px 3px rgba(255,255,255,0.2)}.career-muse__eye::before{content: "";position: absolute;top: 2px;left: 2px;width: 4px;height: 4px;border-radius: 50%;background: #fff;box-shadow: 0 0 3px rgba(255,255,255,0.85)}.career-muse__eye::after{content: "";position: absolute;right: 2px;bottom: 2px;width: 2px;height: 2px;border-radius: 50%;background: rgba(255,255,255,0.5)}.career-muse__blush{position: absolute;top: 30px;left: 0;display: flex;justify-content: space-between;width: 100%;padding: 0 10px;box-sizing: border-box}.career-muse__blush-dot{width: 10px;height: 5px;border-radius: 50%;background: rgba(255,150,170,0.45);filter: blur(1.5px)}.career-muse__mouth{width: 11px;height: 7px;border-bottom: 2px solid #1a1114;border-radius: 0 0 10px 10px}.career-muse__arm{position: absolute;top: 50px;z-index: 1;width: 28px;height: 58px;border-radius: 14px;background: radial-gradient(circle at 30% 30%,var(--muse-light),var(--muse-mid) 70%,var(--muse-dark));box-shadow: inset -3px -3px 6px rgba(176,92,112,0.35),0 4px 10px rgba(0,0,0,0.1);transform-style: preserve-3d}.career-muse__arm--left{left: -16px;transform-origin: top right;animation: career-muse-arm-left var(--muse-speed) var(--muse-ease) infinite alternate}.career-muse__arm--right{right: -16px;transform-origin: top left;animation: career-muse-arm-right var(--muse-speed) var(--muse-ease) infinite alternate}.career-muse__legs{position: absolute;bottom: -11px;left: 50%;z-index: 0;display: flex;gap: 16px;transform: translateX(-50%);transform-style: preserve-3d}.career-muse__leg{width: 30px;height: 20px;border-radius: 14px 14px 7px 7px;background: radial-gradient(circle at top,var(--muse-mid),var(--muse-dark));box-shadow: inset 0 -3px 6px rgba(176,92,112,0.5)}.career-muse__leg--left{animation: career-muse-leg-left var(--muse-speed) ease-in-out infinite alternate}.career-muse__leg--right{animation: career-muse-leg-right var(--muse-speed) ease-in-out infinite alternate}.career-muse::before{content: "";position: absolute;top: 50%;left: 50%;width: 150%;height: 150%;border-radius: 50%;background: radial-gradient(circle,color-mix(in oklab,var(--muse-mid) 32%,transparent) 0%,transparent 62%);transform: translate(-50%,-50%);animation: career-muse-glow var(--muse-speed) ease-in-out infinite alternate;pointer-events: none}.career-muse.is-spinning .career-muse__wrapper{animation: career-muse-spin 1s var(--muse-ease) forwards}@keyframes career-muse-groove{0%{transform: translateY(0) rotateZ(-2.5deg) rotateY(6deg)}100%{transform: translateY(-7px) rotateZ(2.5deg) rotateY(-6deg)}}@keyframes career-muse-shadow{0%{transform: scale(1);opacity: 0.55;filter: blur(8px)}100%{transform: scale(0.9);opacity: 0.35;filter: blur(10px)}}@keyframes career-muse-squish{0%{transform: scale(1.02,0.98);border-radius: 46% 46% 36% 36% / 56% 56% 44% 44%}100%{transform: scale(0.98,1.02);border-radius: 44% 44% 34% 34% / 54% 54% 46% 46%}}@keyframes career-muse-face-bob{0%{transform: translateX(-50%) translateZ(10px) rotateZ(-2deg)}100%{transform: translateX(-50%) translateZ(10px) rotateZ(2deg)}}@keyframes career-muse-arm-left{0%{transform: rotateZ(14deg) rotateX(4deg)}100%{transform: rotateZ(-12deg) rotateX(-4deg) translateY(-4px)}}@keyframes career-muse-arm-right{0%{transform: rotateZ(-14deg) rotateX(4deg) translateY(-4px)}100%{transform: rotateZ(12deg) rotateX(-4deg)}}@keyframes career-muse-leg-left{0%{transform: translateX(0) translateY(0)}100%{transform: translateX(-2px) translateY(-2px) rotateZ(-2deg)}}@keyframes career-muse-leg-right{0%{transform: translateX(0) translateY(0)}100%{transform: translateX(2px) translateY(-2px) rotateZ(2deg)}}@keyframes career-muse-glow{0%{transform: translate(-50%,-50%) scale(1);opacity: 0.45}100%{transform: translate(-50%,-50%) scale(1.1);opacity: 0.8}}@keyframes career-muse-spin{0%{transform: rotateY(0deg) scale(1)}50%{transform: rotateY(360deg) scale(1.08)}100%{transform: rotateY(360deg) scale(1)}}@media (prefers-reduced-motion: reduce){.career-muse *,.career-muse::before{animation: none !important}}.public-offer{min-height: 100vh;display: flex;align-items: center;justify-content: center;padding: 2rem;background: #f4f7f5}.public-offer__card{width: min(720px,100%);padding: 2.2rem;border: 1px solid #dfe7e1;border-radius: 18px;background: #fff;box-shadow: 0 18px 50px rgb(15 60 40 / 0.10)}.public-offer__brand{display: block;font-size: 13px;font-weight: 700;color: #146c43}.public-offer__eyebrow{display: block;margin-top: 1.2rem;font-family: ui-monospace,monospace;font-size: 9px;letter-spacing: 0.12em;color: #6b7d72}.public-offer__card h1{margin: 0.35rem 0 0.6rem;font-size: 30px;letter-spacing: -0.03em}.public-offer__card p{font-size: 14px;line-height: 1.65;color: #4c5d53}.public-offer__facts{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 0.6rem;margin: 1.2rem 0}.public-offer__fact{padding: 0.7rem;border: 1px solid #e3ebe6;border-radius: 10px}.public-offer__fact-label{display: block;font-size: 9px;color: #6b7d72}.public-offer__fact-value{display: block;margin-top: 3px;font-size: 13px;font-weight: 700}.public-offer__notes{padding: 0.8rem;border-left: 3px solid #1d8a5b;background: #f7fbf8}.public-offer__actions{display: flex;gap: 0.5rem;margin-top: 1rem}.public-offer__done{padding: 0.8rem;border-radius: 10px;background: #eef8f2;color: #146c43;font-weight: 600}@media (max-width: 620px){.public-offer__facts{grid-template-columns: minmax(0,1fr)}}.trial-page{min-height: 100vh;display: flex;align-items: center;justify-content: center;padding: 2rem;background: radial-gradient(circle at 15% 10%,rgb(29 138 91 / 0.14),transparent 42%),#f4f7f5}.trial-card{width: min(560px,100%);padding: 2rem;border: 1px solid #dfe7e1;border-radius: 18px;background: #fff;box-shadow: 0 22px 60px rgb(15 60 40 / 0.12)}.trial-brand{display: flex;align-items: center;gap: 0.4rem;font-size: 14px;font-weight: 750;color: #146c43}.trial-brand svg{width: 18px;height: 18px}.trial-eyebrow{display: block;margin-top: 1.4rem;font-family: ui-monospace,monospace;font-size: 9px;letter-spacing: 0.12em;color: #6b7d72}.trial-card h1{margin: 0.3rem 0 0.45rem;font-size: 30px;letter-spacing: -0.035em;color: #10261c}.trial-card p{margin: 0;font-size: 13.5px;line-height: 1.6;color: #4c5d53}.trial-fields{display: grid;grid-template-columns: 1fr;gap: 0.55rem;margin-top: 1.2rem}.trial-submit{width: 100%;margin-top: 0.9rem}.trial-error{margin-top: 0.7rem;padding: 0.55rem 0.7rem;border-radius: 8px;background: #fdf2f2;color: #9b1c1c;font-size: 11.5px}.trial-footer{margin-top: 1rem;font-size: 11.5px;color: #6b7d72}.trial-footer a{color: #146c43;font-weight: 650}@media (max-width: 620px){.trial-card{padding: 1.4rem}}.public-legal{margin-top: 1.2rem;max-width: 68ch}.public-legal p{font-size: 14px;line-height: 1.7;color: #4c5d53}.public-legal__back{display: inline-block;margin-top: 1.2rem;color: #146c43;font-weight: 650;font-size: 12px}.start-trial-page{--start-trial-ink: #0b1d27;--start-trial-mint: #34d399;--start-trial-mint-dark: #047857;position: relative;min-height: 100dvh;display: flex;flex-direction: column;padding: 18px clamp(16px,4vw,52px) 0;overflow-x: hidden;background: radial-gradient(900px 520px at 8% -12%,color-mix(in oklab,var(--aura-accent-color) 8%,transparent),transparent 62%),radial-gradient(720px 420px at 94% 108%,color-mix(in oklab,var(--start-trial-mint) 7%,transparent),transparent 58%),var(--vaadin-background-color);color: var(--vaadin-text-color);font-family: var(--aura-font-family);font-size: 13px;line-height: 1.5}.start-trial-page::before{content: "";position: absolute;inset: 0;z-index: 0;pointer-events: none;background-image: linear-gradient(to right,color-mix(in oklab,var(--vaadin-text-color) 4%,transparent) 1px,transparent 1px),linear-gradient(to bottom,color-mix(in oklab,var(--vaadin-text-color) 4%,transparent) 1px,transparent 1px);background-size: 56px 56px;mask-image: radial-gradient(ellipse 90% 65% at 50% 0%,black 0%,transparent 75%);-webkit-mask-image: radial-gradient(ellipse 90% 65% at 50% 0%,black 0%,transparent 75%)}.start-trial-page *,.start-trial-page *::before,.start-trial-page *::after{box-sizing: border-box}.start-trial-page h1,.start-trial-page h2,.start-trial-page h3,.start-trial-page p{margin: 0}.start-trial-header,.start-trial-shell,.start-trial-footer{position: relative;z-index: 1}.start-trial-header{display: flex;align-items: center;justify-content: space-between;gap: 18px;width: 100%;max-width: 1180px;margin-inline: auto;padding: 10px 2px}.start-trial-brand{display: inline-flex;align-items: center;gap: 10px;color: var(--vaadin-text-color);text-decoration: none}.start-trial-brand:hover .start-trial-brand__name{color: var(--aura-accent-text-color)}.start-trial-brand__mark{display: inline-flex;align-items: center;justify-content: center;width: 36px;height: 36px;flex: 0 0 36px;border: 1px solid var(--people-border);border-radius: 10px;color: var(--aura-accent-text-color);background: var(--people-surface-raised);box-shadow: 0 1px 2px light-dark(rgb(16 24 40 / 0.04),transparent)}.start-trial-brand__mark svg{width: 17px;height: 17px}.start-trial-brand__name{display: block;font-size: 14px;font-weight: 700;letter-spacing: -0.02em;line-height: 1.2}.start-trial-brand__descriptor{display: block;margin-top: 1px;font-family: var(--people-mono);font-size: 8.5px;font-weight: 600;letter-spacing: 0.12em;line-height: 1.2;text-transform: uppercase;color: var(--vaadin-text-color-secondary)}.start-trial-header__actions{display: inline-flex;align-items: center;gap: 9px}.start-trial-header__question{font-size: 11.5px;color: var(--vaadin-text-color-secondary)}.start-trial-header__signin{display: inline-flex;align-items: center;height: 32px;padding: 0 12px;border: 1px solid var(--people-border);border-radius: 8px;background: var(--people-surface-raised);color: var(--vaadin-text-color);font-size: 11.5px;font-weight: 650;text-decoration: none;transition: border-color 140ms ease,background-color 140ms ease}.start-trial-header__signin:hover{border-color: var(--people-border-strong);background: var(--people-surface-soft)}.start-trial-shell{display: grid;grid-template-columns: minmax(0,0.95fr) minmax(0,1.05fr);width: 100%;max-width: 1180px;min-height: 690px;margin-block: auto;margin-inline: auto;border: 1px solid var(--people-border);border-radius: 24px;overflow: hidden;background: var(--people-surface-raised);box-shadow: 0 28px 90px light-dark(rgb(16 24 40 / 0.10),rgb(0 0 0 / 0.35)),0 2px 6px light-dark(rgb(16 24 40 / 0.04),transparent)}.start-trial-story{position: relative;display: flex;flex-direction: column;min-width: 0;padding: clamp(28px,3.2vw,46px);overflow: hidden;background: radial-gradient(620px 420px at 110% -8%,rgb(52 211 153 / 0.20),transparent 58%),radial-gradient(500px 360px at -20% 100%,rgb(0 132 209 / 0.20),transparent 60%),var(--start-trial-ink);color: #f7fbf9}.start-trial-story::before{content: "";position: absolute;inset: 0;pointer-events: none;background-image: linear-gradient(to right,rgb(255 255 255 / 0.045) 1px,transparent 1px),linear-gradient(to bottom,rgb(255 255 255 / 0.045) 1px,transparent 1px);background-size: 42px 42px;mask-image: linear-gradient(145deg,black 0%,transparent 72%);-webkit-mask-image: linear-gradient(145deg,black 0%,transparent 72%)}.start-trial-story>*{position: relative;z-index: 1}.start-trial-story__badge{display: inline-flex;align-items: center;align-self: flex-start;gap: 6px;min-height: 25px;padding: 4px 9px;border: 1px solid rgb(255 255 255 / 0.14);border-radius: 999px;background: rgb(255 255 255 / 0.06);font-family: var(--people-mono);font-size: 8.5px;font-weight: 650;letter-spacing: 0.11em;text-transform: uppercase;color: rgb(236 253 245 / 0.78);backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px)}.start-trial-story__badge-dot{width: 6px;height: 6px;flex: 0 0 auto;border-radius: 50%;background: var(--start-trial-mint);box-shadow: 0 0 0 3px rgb(52 211 153 / 0.16)}.start-trial-story__title{max-width: 11ch;margin-top: clamp(18px,2.4vw,28px);font-size: clamp(2.15rem,1.6rem + 1.6vw,3.05rem);font-weight: 720;letter-spacing: -0.045em;line-height: 1.03;color: #ffffff}.start-trial-story__lede{max-width: 42ch;margin-top: 14px;font-size: 13px;line-height: 1.62;color: rgb(236 246 241 / 0.66)}.start-trial-story__features{display: grid;gap: 12px;margin-top: clamp(22px,3vw,32px)}.start-trial-story__feature{display: flex;align-items: flex-start;gap: 10px}.start-trial-story__feature-icon{display: inline-flex;align-items: center;justify-content: center;width: 30px;height: 30px;flex: 0 0 30px;border: 1px solid rgb(255 255 255 / 0.10);border-radius: 8px;background: rgb(255 255 255 / 0.055);color: var(--start-trial-mint)}.start-trial-story__feature-icon svg{width: 14px;height: 14px}.start-trial-story__feature>div:last-child{display: flex;flex-direction: column;gap: 2px;min-width: 0}.start-trial-story__feature-title{font-size: 11.5px;font-weight: 650;line-height: 1.25;color: rgb(248 252 250 / 0.94)}.start-trial-story__feature-copy{font-size: 10.5px;line-height: 1.45;color: rgb(236 246 241 / 0.52)}.start-trial-story__plan{margin-top: auto;padding-top: clamp(22px,4vh,40px)}.start-trial-story__plan-head{display: flex;align-items: center;justify-content: space-between;gap: 10px}.start-trial-story__plan-name{font-family: var(--people-mono);font-size: 8.5px;font-weight: 650;letter-spacing: 0.12em;text-transform: uppercase;color: rgb(236 246 241 / 0.55)}.start-trial-story__plan-badge{padding: 3px 7px;border: 1px solid rgb(52 211 153 / 0.22);border-radius: 999px;background: rgb(52 211 153 / 0.10);font-size: 8.5px;font-weight: 650;letter-spacing: 0.04em;color: #a7f3d0;white-space: nowrap}.start-trial-story__price-row{display: flex;align-items: baseline;gap: 5px;margin-top: 5px}.start-trial-story__price{font-size: 28px;font-weight: 720;letter-spacing: -0.04em;line-height: 1;color: #ffffff}.start-trial-story__cadence{font-size: 10.5px;color: rgb(236 246 241 / 0.55)}.start-trial-story__after{margin-left: 2px;font-size: 10.5px;color: rgb(236 246 241 / 0.40)}.start-trial-story__plan-features{display: flex;flex-wrap: wrap;gap: 6px 14px;margin-top: 10px}.start-trial-story__plan-feature{display: inline-flex;align-items: center;gap: 4px;font-size: 9.5px;line-height: 1.3;color: rgb(236 246 241 / 0.60)}.start-trial-story__plan-feature svg{width: 11px;height: 11px;flex: 0 0 auto;color: var(--start-trial-mint)}.start-trial-story__note{display: flex;align-items: flex-start;gap: 6px;margin-top: 15px;padding-top: 12px;border-top: 1px solid rgb(255 255 255 / 0.09);font-size: 9.5px;line-height: 1.45;color: rgb(236 246 241 / 0.42)}.start-trial-story__note svg{width: 12px;height: 12px;flex: 0 0 auto;margin-top: 1px;color: rgb(167 243 208 / 0.72)}.start-trial-panel{display: flex;flex-direction: column;justify-content: center;min-width: 0;padding: clamp(28px,3.6vw,52px);background: var(--people-surface-raised)}.start-trial-panel__eyebrow{font-family: var(--people-mono);font-size: 8.5px;font-weight: 650;letter-spacing: 0.12em;text-transform: uppercase;color: var(--aura-accent-text-color)}.start-trial-panel__title{margin-top: 7px;font-size: clamp(1.5rem,1.2rem + 0.8vw,1.95rem);font-weight: 720;letter-spacing: -0.04em;line-height: 1.1;color: var(--vaadin-text-color)}.start-trial-panel__intro{max-width: 46ch;margin-top: 6px;font-size: 12px;line-height: 1.55;color: var(--vaadin-text-color-secondary)}.start-trial-form{display: flex;flex-direction: column;gap: 14px;margin-top: 21px}.start-trial-section{display: flex;flex-direction: column;gap: 1px;padding-top: 12px;border-top: 1px solid var(--people-border)}.start-trial-section:first-child{padding-top: 0;border-top: 0}.start-trial-section__title{font-size: 11px;font-weight: 700;letter-spacing: -0.005em;color: var(--vaadin-text-color)}.start-trial-section__copy{font-size: 10px;line-height: 1.4;color: var(--vaadin-text-color-secondary)}.start-trial-field-grid{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 8px 12px;margin-top: -6px}.start-trial-field-grid>*{width: 100%;min-width: 0}.start-trial-field-grid vaadin-text-field,.start-trial-field-grid vaadin-email-field,.start-trial-field-grid vaadin-password-field{font-size: 12px}.start-trial-form vaadin-text-field::part(helper-text),.start-trial-form vaadin-email-field::part(helper-text),.start-trial-form vaadin-password-field::part(helper-text){font-size: 9.5px;line-height: 1.4}.start-trial-terms{margin-top: 1px;font-size: 10.5px;line-height: 1.4;color: var(--vaadin-text-color-secondary)}.start-trial-terms a{color: var(--aura-accent-text-color);font-weight: 600;text-decoration: none}.start-trial-terms a:hover{text-decoration: underline}.start-trial-error{padding: 8px 10px;border: 1px solid var(--people-danger-border);border-radius: 8px;background: var(--people-danger-soft);font-size: 10.5px;line-height: 1.45;color: var(--people-danger)}.start-trial-submit{width: 100%;min-height: 40px;margin-top: 1px;font-size: 12px;font-weight: 650;border-radius: 8px}.start-trial-submit svg{width: 14px;height: 14px}.start-trial-payment-note,.start-trial-secure-note{display: flex;align-items: flex-start;gap: 5px;font-size: 9.5px;line-height: 1.35;color: var(--vaadin-text-color-secondary)}.start-trial-payment-note svg,.start-trial-secure-note svg{width: 12px;height: 12px;flex: 0 0 auto;margin-top: 1px;color: var(--aura-accent-text-color)}.start-trial-secure-note{margin-top: -8px;color: color-mix(in oklab,var(--vaadin-text-color-secondary) 82%,transparent)}.start-trial-secure-note svg{color: var(--people-positive)}.start-trial-footer{display: flex;align-items: center;justify-content: space-between;gap: 14px;width: 100%;max-width: 1180px;margin-inline: auto;padding: 2px 2px 22px;font-size: 10px;color: var(--vaadin-text-color-secondary)}.start-trial-footer__links{display: inline-flex;align-items: center;gap: 14px}.start-trial-footer__links a{color: var(--vaadin-text-color-secondary);font-weight: 550;text-decoration: none}.start-trial-footer__links a:hover{color: var(--vaadin-text-color);text-decoration: underline}@media (max-width: 1040px){.start-trial-shell{grid-template-columns: 1fr;min-height: 0}.start-trial-story{padding: 30px clamp(24px,4vw,40px)}.start-trial-story__title{max-width: 22ch;font-size: clamp(2rem,1.6rem + 1.4vw,2.6rem)}.start-trial-story__lede{max-width: 62ch}.start-trial-story__features{grid-template-columns: repeat(3,minmax(0,1fr));gap: 16px}.start-trial-story__plan{padding-top: 22px}.start-trial-panel{padding: 32px clamp(24px,5vw,52px)}}@media (max-width: 760px){.start-trial-page{padding: 12px 10px 0}.start-trial-header{padding: 4px 6px 8px}.start-trial-header__question{display: none}.start-trial-shell{border-radius: 18px}.start-trial-story{padding: 24px 22px}.start-trial-story__title{max-width: 17ch;font-size: clamp(1.9rem,1.4rem + 2.4vw,2.35rem)}.start-trial-story__lede{font-size: 12px}.start-trial-story__features{display: none}.start-trial-story__plan{margin-top: 20px;padding-top: 0}.start-trial-story__plan-features{display: none}.start-trial-story__note{display: none}.start-trial-panel{padding: 24px 22px 26px}.start-trial-field-grid{grid-template-columns: 1fr}.start-trial-footer{padding: 0 8px 18px}}@media (max-width: 460px){.start-trial-header{padding-inline: 16px}.start-trial-shell{border-radius: 16px}.start-trial-brand__descriptor{display: none}.start-trial-header__signin{height: 30px;padding: 0 10px;font-size: 11px}.start-trial-story{padding: 22px 18px}.start-trial-story__title{font-size: 1.85rem}.start-trial-panel{padding: 22px 18px 24px}.start-trial-footer{flex-direction: column;align-items: flex-start;gap: 6px;padding-inline: 16px}}.identity-access-view{font-family: var(--aura-font-family);color: var(--vaadin-text-color)}.identity-access-view *,.identity-access-view *::before,.identity-access-view *::after{box-sizing: border-box}.identity-access-view.billing-view .billing-content{max-width: 1440px;padding: 26px 30px 52px;gap: 18px}@media (max-width: 900px){.identity-access-view.billing-view .billing-content{padding: 22px 22px 44px}}@media (max-width: 600px){.identity-access-view.billing-view .billing-content{padding: 16px 12px 36px;gap: 12px}}.identity-overview{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 0.75rem}.identity-stat{display: flex;align-items: flex-start;gap: 0.65rem;min-width: 0;padding: 0.85rem 0.9rem;border: 1px solid var(--vaadin-border-color-secondary);border-radius: 12px;background: linear-gradient( light-dark(rgb(255 255 255 / 0.72),rgb(255 255 255 / 0.045)),light-dark(rgb(255 255 255 / 0.72),rgb(255 255 255 / 0.045))),var(--vaadin-background-color)}.identity-stat__icon{display: inline-flex;align-items: center;justify-content: center;width: 30px;height: 30px;flex: 0 0 30px;border-radius: 8px;color: var(--aura-accent-text-color);background: color-mix(in oklab,var(--aura-accent-color) 9%,transparent)}.identity-stat__icon svg{width: 14px;height: 14px}.identity-stat>div:last-child{display: flex;flex-direction: column;gap: 1px;min-width: 0}.identity-stat__label{font-family: var(--landing-mono);font-size: 10px;font-weight: 600;letter-spacing: 0.1em;text-transform: uppercase;color: var(--vaadin-text-color-secondary)}.identity-stat__value{margin-top: 1px;overflow: hidden;text-overflow: ellipsis;font-size: 0.9rem;font-weight: 650;letter-spacing: -0.01em;line-height: 1.25;color: var(--vaadin-text-color);white-space: nowrap}.identity-stat__meta{overflow: hidden;text-overflow: ellipsis;font-size: 10px;line-height: 1.35;color: var(--vaadin-text-color-secondary);white-space: nowrap}.identity-stat--positive .identity-stat__icon{color: var(--people-positive);background: var(--people-positive-soft)}.identity-stat--info .identity-stat__icon{color: var(--people-info);background: var(--people-info-soft)}.identity-stat--warning .identity-stat__icon{color: var(--people-warning);background: var(--people-warning-soft)}.identity-layout{display: grid;grid-template-columns: minmax(0,1.8fr) minmax(19rem,0.8fr);gap: 1rem;align-items: start}.identity-main,.identity-aside{display: flex;flex-direction: column;gap: 1rem;min-width: 0}.identity-panel{padding: 1rem 1.05rem;display: flex;flex-direction: column;gap: 0.8rem}.identity-aside-panel{gap: 0.55rem}.identity-panel__head{display: flex;align-items: flex-start;justify-content: space-between;gap: 0.8rem}.identity-panel__head>div{display: flex;flex-direction: column;gap: 2px;min-width: 0}.identity-panel__title{margin: 0;font-size: 0.92rem;font-weight: 650;letter-spacing: -0.015em;line-height: 1.3;color: var(--vaadin-text-color)}.identity-panel__subtitle{margin: 0;max-width: 48ch;font-size: 11px;line-height: 1.45;color: var(--vaadin-text-color-secondary)}.identity-status{display: inline-flex;align-items: center;gap: 5px;flex: 0 0 auto;padding: 3px 8px;border: 1px solid var(--people-positive-border);border-radius: 999px;background: var(--people-positive-soft);font-size: 9px;font-weight: 650;color: var(--people-positive);white-space: nowrap}.identity-status>span:first-child{width: 5px;height: 5px;border-radius: 50%;background: currentColor}.identity-status--info{border-color: color-mix(in oklab,var(--people-info) 24%,transparent);background: var(--people-info-soft);color: var(--people-info)}.identity-status--warning{border-color: var(--people-warning-border);background: var(--people-warning-soft);color: var(--people-warning)}.identity-provider-grid{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 0.5rem}.identity-provider{position: relative;display: flex;align-items: flex-start;gap: 0.5rem;min-width: 0;padding: 0.65rem;border: 1px solid var(--vaadin-border-color-secondary);border-radius: 10px;background: var(--people-surface-soft);cursor: pointer;transition: border-color 140ms ease,background-color 140ms ease,box-shadow 140ms ease;user-select: none}.identity-provider:hover{border-color: var(--people-border-strong);background: var(--people-surface-raised)}.identity-provider:focus-visible{outline: 2px solid var(--aura-accent-color);outline-offset: 2px}.identity-provider.is-selected{border-color: color-mix(in oklab,var(--aura-accent-color) 55%,var(--vaadin-border-color-secondary));background: color-mix(in oklab,var(--aura-accent-color) 5%,var(--people-surface-raised));box-shadow: 0 0 0 1px color-mix(in oklab,var(--aura-accent-color) 16%,transparent)}.identity-provider__monogram{display: inline-flex;align-items: center;justify-content: center;width: 26px;height: 26px;flex: 0 0 26px;border-radius: 7px;font-family: var(--landing-mono);font-size: 11px;font-weight: 700;color: #ffffff;background: #64748b}.identity-provider--okta .identity-provider__monogram{background: #007dc1}.identity-provider--entra .identity-provider__monogram{background: #5b5fc7}.identity-provider--keycloak .identity-provider__monogram{background: #6d28d9}.identity-provider--google .identity-provider__monogram{background: #4285f4}.identity-provider--manual .identity-provider__monogram{background: #475569}.identity-provider>div:nth-child(2){display: flex;flex-direction: column;gap: 1px;min-width: 0}.identity-provider__name{overflow: hidden;text-overflow: ellipsis;font-size: 11px;font-weight: 650;line-height: 1.25;color: var(--vaadin-text-color);white-space: nowrap}.identity-provider__descriptor{overflow: hidden;text-overflow: ellipsis;font-size: 9.5px;line-height: 1.3;color: var(--vaadin-text-color-secondary);white-space: nowrap}.identity-provider__check{position: absolute;top: 5px;right: 5px;display: none;align-items: center;justify-content: center;width: 13px;height: 13px;border-radius: 50%;color: var(--vaadin-primary-contrast-color);background: var(--aura-accent-color)}.identity-provider__check svg{width: 8px;height: 8px}.identity-provider.is-selected .identity-provider__check{display: inline-flex}.identity-config-host{min-width: 0}.identity-config{display: flex;flex-direction: column;gap: 0.75rem;margin-top: 0.1rem;padding: 0.85rem;border: 1px solid var(--vaadin-border-color-secondary);border-radius: 10px;background: linear-gradient( light-dark(rgb(255 255 255 / 0.52),rgb(255 255 255 / 0.03)),light-dark(rgb(255 255 255 / 0.52),rgb(255 255 255 / 0.03))),var(--people-surface-soft)}.identity-config__head{display: flex;align-items: flex-start;justify-content: space-between;gap: 0.75rem}.identity-config__head>div{display: flex;flex-direction: column;gap: 1px}.identity-config__title{font-size: 11px;font-weight: 650;color: var(--vaadin-text-color)}.identity-config__hint{font-size: 10px;line-height: 1.4;color: var(--vaadin-text-color-secondary)}.identity-config__fields{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 0.55rem 0.75rem}.identity-config__fields>*{width: 100%}.identity-config__fields vaadin-text-field,.identity-config__fields vaadin-password-field,.identity-config__controls vaadin-select{font-size: 12px}.identity-config__fields vaadin-text-field::part(helper-text),.identity-config__fields vaadin-password-field::part(helper-text){font-size: 9.5px}.identity-config__controls{display: grid;grid-template-columns: minmax(0,1fr) minmax(12rem,0.7fr);align-items: center;gap: 0.75rem}.identity-config__discovery{margin-top: -0.15rem;font-family: var(--landing-mono);font-size: 8.5px;line-height: 1.4;color: var(--vaadin-text-color-secondary);overflow-wrap: anywhere}.identity-config__redirect{display: flex;align-items: center;justify-content: space-between;gap: 0.75rem;padding: 0.45rem 0.55rem;border: 1px solid var(--vaadin-border-color-secondary);border-radius: 7px;background: var(--people-surface-raised)}.identity-config__redirect>div{display: flex;flex-direction: column;gap: 1px;min-width: 0}.identity-config__redirect-label{font-family: var(--landing-mono);font-size: 8px;font-weight: 600;letter-spacing: 0.08em;text-transform: uppercase;color: var(--vaadin-text-color-secondary)}.identity-config__redirect-value{overflow: hidden;text-overflow: ellipsis;font-family: var(--landing-mono);font-size: 8.5px;line-height: 1.4;color: var(--vaadin-text-color);white-space: nowrap}.identity-config__note,.identity-ess-note{display: flex;align-items: flex-start;gap: 5px;padding: 0.5rem 0.6rem;border-radius: 7px;background: color-mix(in oklab,var(--people-positive) 6%,transparent);font-size: 10.5px;line-height: 1.4;color: var(--vaadin-text-color-secondary)}.identity-config__note svg,.identity-ess-note svg{width: 11px;height: 11px;flex: 0 0 auto;margin-top: 1px;color: var(--people-positive)}.identity-manual{display: flex;align-items: center;gap: 0.65rem;padding: 0.85rem;border: 1px solid var(--vaadin-border-color-secondary);border-radius: 10px;background: var(--people-surface-soft)}.identity-manual__icon{display: inline-flex;align-items: center;justify-content: center;width: 32px;height: 32px;flex: 0 0 32px;border-radius: 8px;color: var(--aura-accent-text-color);background: color-mix(in oklab,var(--aura-accent-color) 9%,transparent)}.identity-manual__icon svg{width: 15px;height: 15px}.identity-manual>div:nth-child(2){display: flex;flex-direction: column;gap: 1px;flex: 1;min-width: 0}.identity-manual__title{font-size: 11px;font-weight: 650;color: var(--vaadin-text-color)}.identity-manual__text{margin: 0;font-size: 9px;line-height: 1.45;color: var(--vaadin-text-color-secondary)}.identity-endpoint{display: flex;align-items: center;justify-content: space-between;gap: 0.75rem;padding: 0.55rem 0.65rem;border: 1px solid var(--vaadin-border-color-secondary);border-radius: 8px;background: var(--people-surface-soft)}.identity-endpoint>div:first-child{display: flex;flex-direction: column;gap: 1px;min-width: 0}.identity-endpoint__label{font-family: var(--landing-mono);font-size: 8.5px;font-weight: 600;letter-spacing: 0.09em;text-transform: uppercase;color: var(--vaadin-text-color-secondary)}.identity-endpoint__value{overflow: hidden;text-overflow: ellipsis;font-family: var(--landing-mono);font-size: 10.5px;line-height: 1.4;color: var(--vaadin-text-color);white-space: nowrap}.identity-endpoint__actions{display: inline-flex;align-items: center;gap: 1px;flex: 0 0 auto}.identity-icon-button{width: 26px;height: 26px;min-width: 26px;padding: 0}.identity-icon-button svg{width: 12px;height: 12px}.identity-rules{display: flex;flex-direction: column;gap: 0;margin-top: 0.1rem;border-top: 1px solid var(--vaadin-border-color-secondary)}.identity-rule{display: flex;align-items: center;gap: 0.6rem;padding: 0.6rem 0;border-bottom: 1px solid var(--vaadin-border-color-secondary)}.identity-rule:last-child{border-bottom: 0;padding-bottom: 0.15rem}.identity-rule__icon{display: inline-flex;align-items: center;justify-content: center;width: 24px;height: 24px;flex: 0 0 24px;border-radius: 6px;color: var(--people-info);background: var(--people-info-soft)}.identity-rule__icon svg{width: 12px;height: 12px}.identity-rule>div:nth-child(2){display: flex;flex-direction: column;gap: 1px;flex: 1;min-width: 0}.identity-rule__title{font-size: 11px;font-weight: 650;color: var(--vaadin-text-color)}.identity-rule__description{font-size: 10.5px;line-height: 1.4;color: var(--vaadin-text-color-secondary)}.identity-switch{flex: 0 0 auto}.identity-ess-switches{display: flex;flex-direction: column;gap: 0.35rem}.identity-ess-switches vaadin-switch{font-size: 10px}.identity-policy{display: flex;align-items: center;justify-content: space-between;gap: 0.75rem;padding: 0.55rem 0.65rem;border: 1px solid var(--vaadin-border-color-secondary);border-radius: 8px;background: var(--people-surface-soft)}.identity-policy>div{display: flex;flex-direction: column;gap: 1px}.identity-policy__label{font-size: 8.5px;color: var(--vaadin-text-color-secondary)}.identity-policy__value{font-size: 10px;font-weight: 600;color: var(--vaadin-text-color)}.identity-health{display: flex;flex-direction: column;gap: 0;margin-top: 0.15rem}.identity-health__row{display: flex;align-items: center;justify-content: space-between;gap: 0.5rem;padding: 0.42rem 0;border-bottom: 1px solid var(--vaadin-border-color-secondary)}.identity-health__row:last-child{border-bottom: 0}.identity-health__label{font-size: 9px;color: var(--vaadin-text-color-secondary)}.identity-health__value{display: inline-flex;align-items: center;gap: 4px;font-size: 10px;font-weight: 600;color: var(--vaadin-text-color)}.identity-health__value>span:first-child{width: 4px;height: 4px;border-radius: 50%;background: var(--vaadin-text-color-secondary)}.identity-health__value--positive{color: var(--people-positive)}.identity-health__value--positive>span:first-child{background: var(--people-positive)}.identity-health__value--info{color: var(--people-info)}.identity-health__value--info>span:first-child{background: var(--people-info)}.identity-checklist{display: flex;flex-direction: column;gap: 0.35rem;margin-top: 0.1rem}.identity-checklist__item{display: flex;align-items: center;gap: 6px;font-size: 10px;line-height: 1.4;color: var(--vaadin-text-color-secondary)}.identity-checklist__item svg{width: 12px;height: 12px;flex: 0 0 auto;color: var(--people-positive)}.identity-activity{display: flex;flex-direction: column;gap: 0;margin-top: 0.1rem}.identity-event{display: flex;align-items: flex-start;gap: 7px;padding: 0.43rem 0;border-bottom: 1px solid var(--vaadin-border-color-secondary)}.identity-event:last-child{border-bottom: 0}.identity-event__avatar{display: inline-flex;align-items: center;justify-content: center;width: 22px;height: 22px;flex: 0 0 22px;border-radius: 50%;font-size: 7.5px;font-weight: 700;color: var(--people-info);background: var(--people-info-soft)}.identity-event__avatar--success{color: var(--people-positive);background: var(--people-positive-soft)}.identity-event__avatar--warning{color: var(--people-warning);background: var(--people-warning-soft)}.identity-event>div:nth-child(2){display: flex;flex-direction: column;gap: 0;flex: 1;min-width: 0}.identity-event__name{overflow: hidden;text-overflow: ellipsis;font-size: 10px;font-weight: 600;color: var(--vaadin-text-color);white-space: nowrap}.identity-event__action{overflow: hidden;text-overflow: ellipsis;font-size: 9px;line-height: 1.35;color: var(--vaadin-text-color-secondary);white-space: nowrap}.identity-event__time{flex: 0 0 auto;font-size: 8.5px;color: var(--vaadin-text-color-secondary);white-space: nowrap}.identity-dialog-fields{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 0.65rem;padding-top: 0.5rem}.identity-dialog-fields>*{width: 100%}.identity-dialog-note{display: flex;align-items: flex-start;gap: 5px;padding: 0.5rem 0.6rem;border-radius: 7px;background: var(--people-warning-soft);font-size: 10.5px;line-height: 1.4;color: var(--vaadin-text-color-secondary)}.identity-dialog-note svg{width: 11px;height: 11px;flex: 0 0 auto;margin-top: 1px;color: var(--people-warning)}.identity-footnote{display: flex;align-items: center;gap: 7px;padding: 0.2rem 0.1rem 0;font-size: 8.5px;color: var(--vaadin-text-color-secondary)}.identity-footnote>span:first-child{padding: 2px 5px;border: 1px solid var(--vaadin-border-color-secondary);border-radius: 4px;font-family: var(--landing-mono);font-size: 7px;font-weight: 600;letter-spacing: 0.08em;color: var(--vaadin-text-color-secondary)}@media (max-width: 1180px){.identity-overview{grid-template-columns: repeat(2,minmax(0,1fr))}.identity-layout{grid-template-columns: 1fr}.identity-aside{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 0.75rem}}@media (max-width: 900px){.identity-provider-grid{grid-template-columns: repeat(2,minmax(0,1fr))}.identity-aside{grid-template-columns: 1fr}.identity-config__fields,.identity-config__controls{grid-template-columns: 1fr}}@media (max-width: 600px){.identity-overview{grid-template-columns: 1fr}.identity-panel__head{flex-wrap: wrap}.identity-provider-grid{grid-template-columns: 1fr}.identity-config__redirect-value{max-width: 56vw}.identity-manual{align-items: flex-start;flex-wrap: wrap}.identity-dialog-fields{grid-template-columns: 1fr}.identity-endpoint__value{max-width: 48vw}}.identity-users-panel{margin-top: 0.1rem}.identity-user-search{max-width: 25rem;font-size: 11px}.identity-users{display: flex;flex-direction: column;border-top: 1px solid var(--vaadin-border-color-secondary)}.identity-user{display: grid;grid-template-columns: 28px minmax(10rem,1fr) auto auto auto;align-items: center;gap: 0.7rem;padding: 0.55rem 0.05rem;border-bottom: 1px solid var(--vaadin-border-color-secondary)}.identity-user:last-child{border-bottom: 0}.identity-user__avatar{display: inline-flex;align-items: center;justify-content: center;width: 28px;height: 28px;border-radius: 50%;font-size: 8px;font-weight: 700;color: var(--aura-accent-text-color);background: color-mix(in oklab,var(--aura-accent-color) 9%,transparent)}.identity-user>div:nth-child(2){display: flex;flex-direction: column;gap: 1px;min-width: 0}.identity-user__name{overflow: hidden;text-overflow: ellipsis;font-size: 10.5px;font-weight: 650;color: var(--vaadin-text-color);white-space: nowrap}.identity-user__email{overflow: hidden;text-overflow: ellipsis;font-size: 9px;color: var(--vaadin-text-color-secondary);white-space: nowrap}.identity-user__role{padding: 2px 6px;border: 1px solid var(--vaadin-border-color-secondary);border-radius: 5px;font-family: var(--landing-mono);font-size: 7.5px;font-weight: 600;letter-spacing: 0.05em;color: var(--vaadin-text-color-secondary);white-space: nowrap}.identity-user__status{padding: 3px 7px;border: 1px solid var(--vaadin-border-color-secondary);border-radius: 999px;font-size: 8px;font-weight: 650;color: var(--vaadin-text-color-secondary);background: var(--people-surface-soft);white-space: nowrap}.identity-user__status--active{border-color: var(--people-positive-border);color: var(--people-positive);background: var(--people-positive-soft)}.identity-user__status--deactivated{border-color: var(--people-warning-border);color: var(--people-warning);background: var(--people-warning-soft)}.identity-user__status--disabled{color: var(--vaadin-text-color-secondary);background: var(--people-surface-soft)}.identity-user__actions{display: inline-flex;align-items: center;justify-content: flex-end;gap: 0.15rem;white-space: nowrap}.identity-user__protected{padding: 2px 6px;border-radius: 4px;background: var(--people-surface-soft);font-size: 8px;color: var(--vaadin-text-color-secondary)}.identity-users-empty{padding: 0.7rem 0;font-size: 10px;color: var(--vaadin-text-color-secondary)}@media (max-width: 760px){.identity-user{grid-template-columns: 28px minmax(0,1fr) auto;gap: 0.5rem}.identity-user__role{display: none}.identity-user__actions{grid-column: 2 / -1;justify-content: flex-start;flex-wrap: wrap;margin-top: -0.1rem}}body{font-family: var(--aura-font-family)}.app-logo-mark{display: inline-flex;align-items: center;justify-content: center;width: 32px;height: 32px;flex: 0 0 32px;padding: 7px;box-sizing: border-box;margin: 5px;border: 1px solid var(--vaadin-border-color-secondary);border-radius: 9px;background: color-mix(in srgb,var(--aura-accent-color) 10%,transparent);color: var(--aura-accent-text-color)}.app-logo-mark vaadin-icon{width: 100%;height: 100%;color: currentColor}.app-title{font-size: 14px;line-height: 1.2;margin: 0}.company-switcher{margin-inline-start: auto;flex: 0 0 auto}.company-switcher--drawer{width: 100%;margin: 0 0 6px;padding: 4px 10px 6px;box-sizing: border-box}.company-switcher--drawer vaadin-menu-bar-button{width: 100%;justify-content: flex-start}hr{margin: 0;min-height: 1px;max-height: 1px;border: 0;background: var(--vaadin-border-color-secondary);place-self: stretch}html{color-scheme: light dark;--aura-accent-color-dark: #00A6F4;--aura-accent-color-light: #0084D1;--aura-app-layout-inset: 0px;--aura-background-color-dark: #171717;--aura-background-color-light: #F4F4F0;--aura-base-size: 20;--aura-content-color-scheme: inherit;--aura-font-family: 'Atkinson Hyperlegible Next',var(--aura-font-family-system);--landing-mono: 'JetBrains Mono',ui-monospace,'SF Mono',Menlo,Consolas,'Liberation Mono',monospace;--aura-notification-color-scheme: inherit;--aura-surface-level: -0.5}vaadin-side-nav-item:not([current])>vaadin-icon{color: var(--aura-accent-text-color)}vaadin-side-nav-item[current]::part(content){--vaadin-side-nav-item-background: var(--vaadin-background-container);--vaadin-side-nav-item-border-color: transparent}vaadin-side-nav::part(label){text-transform: uppercase;font-size: var(--aura-font-size-xs);color: var(--vaadin-text-color);letter-spacing: 0.03em}vaadin-app-layout::part(drawer){width: 210px;min-width: 210px;overflow: hidden}.app-nav-scroller{flex: 1 1 auto;min-height: 0}:is(vaadin-button,vaadin-menu-bar-button,vaadin-upload-button):not([theme~="primary"],[theme~="tertiary"]){--aura-accent-color-light: var(--aura-neutral);--aura-accent-color-dark: var(--aura-neutral);--vaadin-button-background: var(--vaadin-background-container);--vaadin-button-border-color: transparent;--vaadin-button-shadow: none}