html{--aura-accent-color-dark: #818CF8;--aura-accent-color-light: #4f39f6;--aura-background-color-dark: #131822;--aura-background-color-light: #f1f5f9;--aura-base-radius: 4;--aura-surface-level: -0.5}html{--codex-brand-1: #4f39f6;--codex-brand-2: #06b6d4;--codex-brand-gradient: linear-gradient(135deg,var(--codex-brand-1),var(--codex-brand-2))}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){color: var(--vaadin-text-color);font-size: var(--aura-font-size-xs);letter-spacing: 0.03em;text-transform: uppercase}:is(vaadin-button,vaadin-menu-bar-button,vaadin-upload-button):not([theme~="primary"],[theme~="tertiary"]){--aura-accent-color-dark: var(--aura-neutral);--aura-accent-color-light: var(--aura-neutral);--vaadin-button-background: var(--vaadin-background-container);--vaadin-button-border-color: transparent;--vaadin-button-shadow: none}vaadin-card,vaadin-dashboard-widget{--aura-surface-level: 3}vaadin-grid{--vaadin-grid-border-radius: var(--vaadin-radius-l);--vaadin-grid-header-font-weight: 600}.brand{display: flex;align-items: center;gap: var(--vaadin-gap-s);font-size: var(--aura-font-size-xl);font-weight: var(--aura-font-weight-semibold);letter-spacing: -0.02em;padding: var(--vaadin-padding-m);text-decoration: none;color: inherit}.brand img,.brand-mark{width: 32px;height: 32px;flex: none}.brand-name{background: var(--codex-brand-gradient);-webkit-background-clip: text;background-clip: text;color: transparent}.brand-tag{display: block;font-size: var(--aura-font-size-xs);font-weight: var(--aura-font-weight-medium);color: var(--vaadin-text-color-secondary);letter-spacing: 0.04em;text-transform: uppercase;-webkit-text-fill-color: currentColor}vaadin-app-layout h2{letter-spacing: -0.02em;margin-top: var(--vaadin-gap-s)}.card-row vaadin-card{box-shadow: inset 0 3px 0 0 var(--aura-accent-color)}.theme-toggle vaadin-icon{color: var(--aura-accent-text-color)}.drawer-content{display: flex;flex-direction: column;gap: var(--vaadin-gap-s)}.company-picker{min-width: 16rem}.navbar-spacer{flex: 1}.muted{color: var(--vaadin-text-color-secondary);font-size: var(--aura-font-size-s)}.card-row{flex-wrap: wrap;gap: var(--vaadin-gap-m)}.card-row vaadin-card{min-width: 14rem}.card-value{font-size: var(--aura-font-size-xl);font-weight: var(--aura-font-weight-semibold)}.balance-indicator{align-self: center;font-weight: var(--aura-font-weight-medium);color: var(--aura-red-text)}.balance-indicator[data-balanced='true']{color: var(--aura-green-text)}.financial-statement::part(statement-header){font-weight: var(--aura-font-weight-semibold);font-size: var(--aura-font-size-l)}.financial-statement::part(statement-section){font-weight: var(--aura-font-weight-medium)}.financial-statement::part(statement-account){color: var(--vaadin-text-color-secondary);padding-inline-start: var(--vaadin-padding-l)}.financial-statement::part(statement-subtotal),.financial-statement::part(statement-result){font-weight: var(--aura-font-weight-semibold);border-top: 1px solid var(--vaadin-border-color)}.locale-selector{width: 10rem}.status-badge{display: inline-block;padding: 0.1em 0.6em;border-radius: var(--vaadin-radius-m);font-size: var(--aura-font-size-s);font-weight: var(--aura-font-weight-medium);background: var(--vaadin-background-container)}.status-badge[data-status='PAID']{color: var(--aura-green-text)}.status-badge[data-status='OVERDUE']{color: var(--aura-red-text)}.status-badge[data-status='DRAFT']{color: var(--vaadin-text-color-secondary)}.status-badge[data-status='PARTIALLY_PAID']{color: var(--aura-orange-text)}.status-badge[data-status='ISSUED']{color: var(--aura-blue-text)}.invoice-meta{display: flex;flex-wrap: wrap;gap: var(--vaadin-gap-l)}.meta-item>div{font-weight: var(--aura-font-weight-medium)}.invoice-totals{align-self: flex-end;font-weight: var(--aura-font-weight-semibold)}.line-total{min-width: 7em;text-align: end;font-variant-numeric: tabular-nums}.preview-pane{display: flex;flex-direction: column;width: 100%;min-height: 24rem}.document-preview{flex: 1;width: 100%;min-height: 60vh;border: 1px solid var(--vaadin-border-color);border-radius: var(--vaadin-radius-m);background: var(--vaadin-background-container)}.document-preview-image{max-width: 100%;max-height: 75vh;object-fit: contain;align-self: flex-start;border-radius: var(--vaadin-radius-m)}.document-preview-fallback{display: flex;flex-direction: column;gap: var(--vaadin-gap-s)}.document-upload{min-width: 16rem}.attachment-count{display: inline-flex;align-items: center;gap: 0.2em;color: var(--vaadin-text-color-secondary)}.attachment-count vaadin-icon{width: 1em;height: 1em}.rejection-note{padding: var(--vaadin-padding-s) var(--vaadin-padding-m);border-radius: var(--vaadin-radius-m);background: var(--vaadin-background-container);color: var(--aura-orange-text)}.status-badge[data-status='POSTED']{color: var(--aura-blue-text)}.status-badge[data-status='SUBMITTED']{color: var(--aura-orange-text)}.status-badge[data-status='CREDITED']{color: var(--vaadin-text-color-secondary)}.amount-in{color: var(--aura-green-text);font-variant-numeric: tabular-nums}.amount-out{font-variant-numeric: tabular-nums}.suggestion{display: flex;flex-direction: column;gap: var(--vaadin-gap-xs);padding: var(--vaadin-padding-m);border: 1px solid var(--vaadin-border-color);border-radius: var(--vaadin-radius-m);width: 100%;box-sizing: border-box}.suggestion vaadin-button{align-self: flex-start}.suggestion-title{font-weight: var(--aura-font-weight-medium)}.subscription-banner{padding: 0.2em 0.8em;border-radius: var(--vaadin-radius-m);background: var(--vaadin-background-container);color: var(--aura-orange-text);font-size: var(--aura-font-size-s);text-decoration: none;margin-inline-end: var(--vaadin-gap-m)}.subscription-banner[data-status='SUSPENDED']{color: var(--aura-red-text)}.subscription-banner[data-status='TRIAL']{color: var(--aura-blue-text)}.plan-current{outline: 2px solid var(--aura-accent-color)}.error-text{color: var(--aura-red-text)}.status-badge[data-status='SIMULATED']{color: var(--aura-purple-text,var(--aura-orange-text));outline: 1px dashed currentColor;outline-offset: -1px}.status-badge[data-status='ALTINN_ACTIVE'],.status-badge[data-status='FILING_ACCEPTED'],.status-badge[data-status='FILING_VALIDATED']{color: var(--aura-green-text)}.status-badge[data-status='ALTINN_REQUESTED'],.status-badge[data-status='FILING_SUBMITTED']{color: var(--aura-orange-text)}.status-badge[data-status='ALTINN_REJECTED'],.status-badge[data-status='ALTINN_REVOKED'],.status-badge[data-status='FILING_INVALID'],.status-badge[data-status='FILING_REJECTED'],.status-badge[data-status='FILING_FAILED']{color: var(--aura-red-text)}.status-badge[data-status='ALTINN_NONE'],.status-badge[data-status='FILING_DRAFT']{color: var(--vaadin-text-color-secondary)}.task-card{cursor: pointer;transition: box-shadow 0.15s}.task-card:hover,.task-card:focus-visible{box-shadow: 0 0 0 2px var(--aura-accent-color);outline: none}.task-icon{color: var(--aura-accent-color)}.task-card .card-value,.task-card .muted{display: block}.task-link{color: inherit;text-decoration: none;display: block;border-radius: var(--vaadin-radius-l)}.task-link:focus-visible{outline: 2px solid var(--aura-accent-color);outline-offset: 2px}.public-card{width: min(26rem,100%);display: flex;flex-direction: column;gap: var(--vaadin-gap-s)}.public-card h2{margin: 0 0 var(--vaadin-gap-s)}.public-footer{display: flex;gap: var(--vaadin-gap-m);justify-content: center;margin-top: var(--vaadin-gap-m)}.login-status{max-width: 22rem;text-align: center;padding: var(--vaadin-gap-s) var(--vaadin-gap-m);border-radius: var(--vaadin-radius-m);background: var(--vaadin-background-container)}.login-status[data-kind='warn']{color: var(--aura-orange-text)}.login-status[data-kind='ok']{color: var(--aura-green-text)}.account-section{padding: var(--vaadin-gap-m) 0;border-bottom: 1px solid var(--vaadin-border-color-secondary,rgba(128,128,128,.2))}.account-section h3{margin-top: 0}.account-warning{padding: var(--vaadin-gap-m);border-radius: var(--vaadin-radius-m);background: var(--vaadin-background-container);color: var(--aura-orange-text);font-weight: var(--aura-font-weight-medium)}.totp-secret{font-family: ui-monospace,monospace;letter-spacing: 0.05em}.recovery-codes{font-family: ui-monospace,monospace;font-size: 1.1em;line-height: 1.6;columns: 2}.outbox-line{font-size: var(--aura-font-size-s);padding: 0.1em 0}.outbox-line span:first-child{color: var(--vaadin-text-color-secondary)}.status-badge[data-status='OUTBOX_SENT']{color: var(--aura-green-text)}.status-badge[data-status='OUTBOX_QUEUED'],.status-badge[data-status='OUTBOX_SENDING']{color: var(--aura-blue-text)}.status-badge[data-status='OUTBOX_FAILED']{color: var(--aura-orange-text)}.status-badge[data-status='OUTBOX_DEAD']{color: var(--aura-red-text)}.status-badge[data-status='OUTBOX_CANCELLED']{color: var(--vaadin-text-color-secondary)}.status-badge[data-status='VOIDED']{color: var(--vaadin-text-color-secondary);text-decoration: line-through}.quick-line{border: 1px solid var(--vaadin-border-color);border-radius: var(--vaadin-radius-l);background: var(--vaadin-background-container);width: 100%}.event-groups{flex-wrap: wrap;gap: var(--vaadin-gap-l);width: 100%}.event-group{display: flex;flex-direction: column;gap: var(--vaadin-gap-xs);min-width: 13rem;flex: 1 1 13rem}.event-group-title{font-size: var(--aura-font-size-s);font-weight: var(--aura-font-weight-semibold);color: var(--vaadin-text-color-secondary);text-transform: uppercase;letter-spacing: 0.04em}.event-tile{display: flex;align-items: center;gap: var(--vaadin-gap-s);padding: var(--vaadin-gap-s) var(--vaadin-gap-m);border-radius: var(--vaadin-radius-l);background: var(--aura-surface-color,var(--vaadin-background-container));border: 1px solid var(--vaadin-border-color-secondary,transparent);color: inherit;text-decoration: none;transition: box-shadow 0.15s}.event-tile:hover,.event-tile:focus-visible{box-shadow: 0 0 0 2px var(--aura-accent-color);outline: none}.status-badge[data-status='DL_DONE'],.status-badge[data-status='REC_DONE']{color: var(--aura-green-text)}.status-badge[data-status='DL_OVERDUE'],.status-badge[data-status='REC_REJECTED'],.status-badge[data-status='REC_CHANGED']{color: var(--aura-red-text)}.status-badge[data-status='DL_DUE_SOON'],.status-badge[data-status='REC_PREPARED']{color: var(--aura-orange-text)}.status-badge[data-status='DL_OPEN'],.status-badge[data-status='REC_NOT_STARTED']{color: var(--vaadin-text-color-secondary)}.public-card.public-card-wide{width: min(34rem,100%)}.landing,.auth-page{background: radial-gradient(60rem 30rem at 85% -10%,color-mix(in oklab,var(--codex-brand-2) 22%,transparent),transparent 70%),radial-gradient(50rem 30rem at -10% 10%,color-mix(in oklab,var(--codex-brand-1) 22%,transparent),transparent 70%),var(--aura-background-color)}vaadin-side-nav-item>vaadin-icon[slot="prefix"]{box-sizing: content-box;padding: 4px;border-radius: var(--vaadin-radius-m);background: color-mix(in oklab,currentColor 14%,transparent);transition: transform 150ms ease,background-color 150ms ease}vaadin-side-nav-item:hover>vaadin-icon[slot="prefix"]{transform: scale(1.08);background: color-mix(in oklab,currentColor 22%,transparent)}vaadin-side-nav-item[current]>vaadin-icon[slot="prefix"]{background: color-mix(in oklab,currentColor 26%,transparent)}vaadin-side-nav-item.nav-sales vaadin-icon{color: var(--aura-green-text)}vaadin-side-nav-item.nav-purchasing vaadin-icon{color: var(--aura-orange-text)}vaadin-side-nav-item.nav-bank vaadin-icon{color: var(--aura-blue-text)}vaadin-side-nav-item.nav-loans vaadin-icon{color: var(--aura-yellow-text)}vaadin-side-nav-item.nav-reports vaadin-icon{color: var(--aura-purple-text)}vaadin-side-nav-item.nav-control vaadin-icon{color: var(--aura-green-text)}vaadin-side-nav-item.nav-firm vaadin-icon{color: var(--aura-blue-text)}vaadin-side-nav-item.nav-settings vaadin-icon{color: var(--vaadin-text-color-secondary)}vaadin-side-nav-item.nav-platform vaadin-icon{color: var(--aura-red-text)}@media (prefers-reduced-motion: reduce){vaadin-side-nav-item>vaadin-icon[slot="prefix"]{transition: none}vaadin-side-nav-item:hover>vaadin-icon[slot="prefix"]{transform: none}}.landing{min-height: 100vh;--landing-max: 72rem;--landing-gutter: clamp(16px,5vw,64px)}.landing>*{width: 100%;box-sizing: border-box}.landing-nav{position: sticky;top: 0;z-index: 10;display: flex;justify-content: space-between;align-items: center;padding: 0.75rem var(--landing-gutter);background: color-mix(in oklab,var(--aura-background-color) 72%,transparent);backdrop-filter: saturate(1.4) blur(14px);-webkit-backdrop-filter: saturate(1.4) blur(14px);border-bottom: 1px solid color-mix(in oklab,var(--vaadin-text-color) 8%,transparent)}.landing-brand.brand{padding: 0}.landing-nav-right{display: flex;align-items: center;gap: var(--vaadin-gap-m)}.landing-link{color: inherit;text-decoration: none;font-weight: var(--aura-font-weight-semibold)}.landing-link:hover{color: var(--aura-accent-text-color)}.landing-cta{display: inline-flex;align-items: center;gap: 0.5rem;padding: 0.8rem 1.3rem;border-radius: 999px;text-decoration: none;font-weight: var(--aura-font-weight-semibold);color: var(--vaadin-text-color);background: color-mix(in oklab,var(--vaadin-text-color) 7%,transparent);border: 1px solid color-mix(in oklab,var(--vaadin-text-color) 12%,transparent);transition: transform 150ms ease,box-shadow 150ms ease,background-color 150ms ease}.landing-cta:hover{transform: translateY(-1px)}.landing-cta vaadin-icon{width: 1em;height: 1em;transition: transform 150ms ease}.landing-cta:hover vaadin-icon{transform: translateX(3px)}.landing-cta.primary{color: #fff;background: var(--codex-brand-gradient);border-color: transparent;box-shadow: 0 10px 30px -10px color-mix(in oklab,var(--codex-brand-1) 70%,transparent)}.landing-cta.primary:hover{box-shadow: 0 14px 36px -10px color-mix(in oklab,var(--codex-brand-1) 80%,transparent)}.landing-cta.small{padding: 0.5rem 1rem;font-size: var(--aura-font-size-s)}.landing-cta.light{background: #fff;color: #1e1b4b;border-color: transparent}.landing-cta.ghost{background: transparent;color: #fff;border-color: rgba(255,255,255,0.5)}.landing-ctas{display: flex;flex-wrap: wrap;gap: var(--vaadin-gap-m)}.landing-hero{display: grid;grid-template-columns: minmax(0,1.05fr) minmax(0,1fr);gap: clamp(24px,4vw,56px);align-items: center;max-width: var(--landing-max);margin: 0 auto;padding: clamp(32px,7vw,88px) var(--landing-gutter) clamp(24px,4vw,48px)}.landing-eyebrow{display: inline-flex;align-items: center;gap: 0.4rem;padding: 0.3rem 0.8rem;border-radius: 999px;font-size: var(--aura-font-size-s);font-weight: var(--aura-font-weight-semibold);color: var(--aura-accent-text-color);background: color-mix(in oklab,var(--aura-accent-color) 12%,transparent);border: 1px solid color-mix(in oklab,var(--aura-accent-color) 25%,transparent)}.landing-eyebrow vaadin-icon{width: 0.9em;height: 0.9em}.landing-hero h1{font-size: clamp(2.2rem,5.2vw,3.8rem);line-height: 1.04;letter-spacing: -0.035em;margin: var(--vaadin-gap-m) 0;background: linear-gradient(120deg,var(--vaadin-text-color) 35%,var(--codex-brand-1) 75%,var(--codex-brand-2));-webkit-background-clip: text;background-clip: text;color: transparent}.landing-lead{font-size: var(--aura-font-size-l);line-height: 1.55;color: var(--vaadin-text-color-secondary);max-width: 36rem;margin: 0 0 var(--vaadin-gap-l)}.landing-checks{display: flex;flex-wrap: wrap;gap: var(--vaadin-gap-s) var(--vaadin-gap-l);margin-top: var(--vaadin-gap-l)}.landing-check{display: inline-flex;align-items: center;gap: 0.4rem;font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}.landing-check vaadin-icon{width: 1em;height: 1em;color: var(--aura-green-text)}.landing-note{display: block;margin-top: var(--vaadin-gap-m);color: var(--vaadin-text-color-secondary);font-size: var(--aura-font-size-xs);max-width: 34rem}.landing-mockup{position: relative;perspective: 1400px}.mock-window{border-radius: 18px;padding: 14px;background: color-mix(in oklab,var(--aura-background-color) 82%,var(--vaadin-text-color) 4%);border: 1px solid color-mix(in oklab,var(--vaadin-text-color) 10%,transparent);box-shadow: 0 30px 80px -30px color-mix(in oklab,var(--codex-brand-1) 55%,transparent),0 10px 30px -15px rgba(0,0,0,0.35);transform: rotateY(-8deg) rotateX(4deg);animation: mock-float 7s ease-in-out infinite}.mock-bar{display: flex;gap: 6px;margin-bottom: 12px}.mock-bar span{width: 10px;height: 10px;border-radius: 50%;background: color-mix(in oklab,var(--vaadin-text-color) 18%,transparent)}.mock-bar span:nth-child(1){background: #f87171}.mock-bar span:nth-child(2){background: #fbbf24}.mock-bar span:nth-child(3){background: #34d399}.mock-kpis{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 10px}.mock-kpi{display: flex;flex-direction: column;gap: 2px;padding: 10px 12px;border-radius: 12px;background: color-mix(in oklab,var(--vaadin-text-color) 5%,transparent);box-shadow: inset 0 2px 0 0 var(--aura-accent-color)}.mock-kpi-label{font-size: 11px;color: var(--vaadin-text-color-secondary)}.mock-kpi-value{font-size: clamp(15px,1.6vw,20px);font-weight: var(--aura-font-weight-semibold);letter-spacing: -0.02em}.mock-up{font-size: 11px;color: var(--aura-green-text);font-weight: var(--aura-font-weight-semibold)}.mock-kpi-sub{font-size: 11px;color: var(--vaadin-text-color-secondary)}.mock-chart{display: flex;align-items: flex-end;gap: 8px;height: 110px;margin: 12px 0;padding: 10px 12px 0;border-radius: 12px;background: color-mix(in oklab,var(--vaadin-text-color) 4%,transparent)}.mock-chart span{flex: 1;height: var(--h);border-radius: 6px 6px 2px 2px;background: var(--codex-brand-gradient);opacity: 0.85;transform-origin: bottom;animation: mock-grow 900ms cubic-bezier(.2,.8,.2,1) both;animation-delay: var(--d)}.mock-rows{display: flex;flex-direction: column;gap: 6px}.mock-row{display: grid;grid-template-columns: 1fr auto auto;gap: 10px;align-items: center;padding: 8px 10px;border-radius: 10px;font-size: 12px;background: color-mix(in oklab,var(--vaadin-text-color) 4%,transparent)}.mock-party{font-weight: var(--aura-font-weight-medium);white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.mock-amount{font-variant-numeric: tabular-nums;color: var(--vaadin-text-color-secondary)}.mock-ok,.mock-hint{display: inline-flex;align-items: center;gap: 4px;padding: 2px 8px;border-radius: 999px;font-size: 11px;font-weight: var(--aura-font-weight-semibold)}.mock-ok{color: var(--aura-green-text);background: color-mix(in oklab,var(--aura-green) 15%,transparent)}.mock-hint{color: var(--aura-orange-text);background: color-mix(in oklab,var(--aura-orange) 15%,transparent)}.mock-ok vaadin-icon,.mock-hint vaadin-icon{width: 11px;height: 11px}.mock-float{position: absolute;left: -14px;bottom: -18px;display: inline-flex;align-items: center;gap: 8px;padding: 10px 14px;border-radius: 14px;font-size: var(--aura-font-size-s);font-weight: var(--aura-font-weight-semibold);color: #fff;background: var(--codex-brand-gradient);box-shadow: 0 16px 40px -14px color-mix(in oklab,var(--codex-brand-1) 75%,transparent);animation: mock-float 7s ease-in-out infinite reverse}.mock-float vaadin-icon{width: 1em;height: 1em}@keyframes mock-float{0%,100%{translate: 0 0}50%{translate: 0 -8px}}@keyframes mock-grow{from{transform: scaleY(0.1);opacity: 0}to{transform: scaleY(1);opacity: 0.85}}.landing-integrations{max-width: var(--landing-max);margin: 0 auto;padding: var(--vaadin-gap-xl) var(--landing-gutter) var(--vaadin-gap-m);text-align: center}.landing-integrations-title{display: block;font-size: var(--aura-font-size-xs);letter-spacing: 0.08em;text-transform: uppercase;color: var(--vaadin-text-color-secondary);margin-bottom: var(--vaadin-gap-m)}.landing-chips{display: flex;flex-wrap: wrap;justify-content: center;gap: 10px}.landing-chip{padding: 0.45rem 0.9rem;border-radius: 999px;font-size: var(--aura-font-size-s);font-weight: var(--aura-font-weight-semibold);color: var(--vaadin-text-color-secondary);background: color-mix(in oklab,var(--vaadin-text-color) 5%,transparent);border: 1px solid color-mix(in oklab,var(--vaadin-text-color) 10%,transparent)}.landing-section{max-width: var(--landing-max);margin: 0 auto;padding: clamp(32px,6vw,72px) var(--landing-gutter) 0}.landing-section>h2{font-size: clamp(1.6rem,3vw,2.3rem);letter-spacing: -0.03em;margin: 0 0 var(--vaadin-gap-l);text-align: center}.landing-features{display: grid;grid-template-columns: repeat(auto-fit,minmax(16rem,1fr));gap: var(--vaadin-gap-l)}.landing-feature{--tone: var(--aura-accent-color);--tone-text: var(--aura-accent-text-color);position: relative;padding: var(--vaadin-gap-l);border-radius: 18px;background: color-mix(in oklab,var(--aura-background-color) 70%,var(--vaadin-text-color) 4%);border: 1px solid color-mix(in oklab,var(--vaadin-text-color) 9%,transparent);transition: transform 180ms ease,box-shadow 180ms ease,border-color 180ms ease}.landing-feature[data-tone="green"]{--tone: var(--aura-green);--tone-text: var(--aura-green-text)}.landing-feature[data-tone="orange"]{--tone: var(--aura-orange);--tone-text: var(--aura-orange-text)}.landing-feature[data-tone="blue"]{--tone: var(--aura-blue);--tone-text: var(--aura-blue-text)}.landing-feature[data-tone="purple"]{--tone: var(--aura-purple);--tone-text: var(--aura-purple-text)}.landing-feature[data-tone="yellow"]{--tone: var(--aura-yellow);--tone-text: var(--aura-yellow-text)}.landing-feature[data-tone="red"]{--tone: var(--aura-red);--tone-text: var(--aura-red-text)}.landing-feature:hover{transform: translateY(-4px);border-color: color-mix(in oklab,var(--tone) 45%,transparent);box-shadow: 0 20px 44px -24px color-mix(in oklab,var(--tone) 70%,transparent)}.landing-feature-icon{display: inline-grid;place-items: center;width: 44px;height: 44px;border-radius: 12px;color: var(--tone-text);background: color-mix(in oklab,var(--tone) 16%,transparent)}.landing-feature-icon vaadin-icon{width: 22px;height: 22px}.landing-feature h3{margin: var(--vaadin-gap-m) 0 var(--vaadin-gap-xs);font-size: var(--aura-font-size-l);letter-spacing: -0.01em}.landing-feature p{margin: 0;color: var(--vaadin-text-color-secondary);line-height: 1.55}.landing-steps-list{position: relative;display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: var(--vaadin-gap-l)}.landing-steps-list::before{content: "";position: absolute;top: 20px;left: 10%;right: 10%;height: 2px;background: linear-gradient(90deg,var(--codex-brand-1),var(--codex-brand-2));opacity: 0.35}.landing-step{position: relative;display: flex;flex-direction: column;align-items: center;text-align: center;gap: var(--vaadin-gap-s)}.landing-step h3{margin: var(--vaadin-gap-s) 0 var(--vaadin-gap-xs);font-size: var(--aura-font-size-l)}.landing-step p{margin: 0;color: var(--vaadin-text-color-secondary);max-width: 18rem}.landing-step-no{display: grid;place-items: center;width: 42px;height: 42px;border-radius: 50%;font-weight: var(--aura-font-weight-semibold);color: #fff;background: var(--codex-brand-gradient);box-shadow: 0 0 0 6px var(--aura-background-color),0 10px 24px -10px color-mix(in oklab,var(--codex-brand-1) 80%,transparent)}.landing-band{max-width: calc(var(--landing-max) - 2 * var(--landing-gutter));margin: clamp(40px,7vw,88px) auto 0;padding: clamp(28px,5vw,56px);border-radius: 28px;text-align: center;color: #fff;background: radial-gradient(40rem 20rem at 90% 0%,rgba(255,255,255,0.18),transparent 60%),var(--codex-brand-gradient);box-shadow: 0 30px 80px -40px color-mix(in oklab,var(--codex-brand-1) 90%,transparent)}.landing>.landing-band{width: calc(100% - 2 * var(--landing-gutter))}.landing-band h2{margin: 0 0 var(--vaadin-gap-s);font-size: clamp(1.6rem,3.2vw,2.4rem);letter-spacing: -0.03em;color: #fff}.landing-band p{margin: 0 auto var(--vaadin-gap-l);max-width: 36rem;opacity: 0.9}.landing-band .landing-ctas{justify-content: center}.landing-footer{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: var(--vaadin-gap-m);max-width: var(--landing-max);margin: 0 auto;padding: var(--vaadin-gap-xl) var(--landing-gutter);color: var(--vaadin-text-color-secondary);font-size: var(--aura-font-size-s)}.landing-footer .brand{padding: 0;font-size: var(--aura-font-size-l)}.landing-footer-links{display: flex;flex-wrap: wrap;gap: var(--vaadin-gap-l)}.landing-footer-link{color: inherit;text-decoration: none}.landing-footer-link:hover{color: var(--aura-accent-text-color)}@media (max-width: 900px){.landing-hero{grid-template-columns: 1fr}.mock-window{transform: none}.landing-steps-list{grid-template-columns: 1fr}.landing-steps-list::before{display: none}.landing-nav .landing-cta.small{display: none}}@media (prefers-reduced-motion: reduce){.mock-window,.mock-float,.mock-chart span{animation: none}.landing-cta,.landing-feature{transition: none}.landing-feature:hover,.landing-cta:hover{transform: none}}.auth-page{min-height: 100vh}.auth-shell{display: grid;grid-template-columns: minmax(0,0.95fr) minmax(0,1.05fr);height: 100vh;width: 100%;overflow: hidden}.auth-aside{position: relative;height: 100%;box-sizing: border-box;overflow: hidden;display: flex;flex-direction: column;justify-content: space-between;gap: var(--vaadin-gap-xl);padding: clamp(28px,4vw,56px);color: #fff;background: radial-gradient(36rem 24rem at 100% 0%,rgba(255,255,255,0.18),transparent 60%),radial-gradient(30rem 22rem at 0% 100%,rgba(6,182,212,0.45),transparent 60%),linear-gradient(150deg,#312e81,var(--codex-brand-1) 45%,#0e7490)}.auth-aside::after{content: "";position: absolute;inset: 0;background-image: radial-gradient(rgba(255,255,255,0.12) 1px,transparent 1px);background-size: 22px 22px;mask-image: linear-gradient(180deg,transparent,#000 30%,#000 70%,transparent);pointer-events: none}.auth-aside>*{position: relative;z-index: 1}.auth-aside-brand{padding: 0}.auth-aside-brand .brand-name{background: none;color: #fff;-webkit-text-fill-color: #fff}.auth-aside-brand .brand-tag{color: rgba(255,255,255,0.75)}.auth-aside h2{font-size: clamp(1.8rem,3.2vw,2.7rem);line-height: 1.08;letter-spacing: -0.03em;margin: 0 0 var(--vaadin-gap-m);color: #fff;max-width: 28rem}.auth-aside p{margin: 0 0 var(--vaadin-gap-l);max-width: 28rem;line-height: 1.55;color: rgba(255,255,255,0.85)}.auth-points{display: flex;flex-direction: column;gap: var(--vaadin-gap-m)}.auth-point{display: inline-flex;align-items: center;gap: var(--vaadin-gap-m);font-weight: var(--aura-font-weight-medium)}.auth-point-icon{display: inline-grid;place-items: center;width: 36px;height: 36px;flex: none;border-radius: 10px;background: rgba(255,255,255,0.16);border: 1px solid rgba(255,255,255,0.22)}.auth-point-icon vaadin-icon{width: 18px;height: 18px}.auth-mini{align-self: flex-start;display: flex;flex-direction: column;gap: 4px;width: min(20rem,100%);padding: 16px 18px;border-radius: 18px;background: rgba(255,255,255,0.12);border: 1px solid rgba(255,255,255,0.22);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);box-shadow: 0 20px 50px -20px rgba(0,0,0,0.45);animation: mock-float 7s ease-in-out infinite}.auth-mini-label{font-size: var(--aura-font-size-s);color: rgba(255,255,255,0.8)}.auth-mini-value{font-size: 2rem;font-weight: var(--aura-font-weight-semibold);letter-spacing: -0.03em}.auth-mini-meter{height: 8px;border-radius: 999px;background: rgba(255,255,255,0.2);overflow: hidden}.auth-mini-meter span{display: block;height: 100%;width: 94%;border-radius: inherit;background: linear-gradient(90deg,#a5b4fc,#67e8f9);transform-origin: left;animation: auth-meter 1.2s cubic-bezier(.2,.8,.2,1) both}.auth-mini-sub{font-size: var(--aura-font-size-xs);color: rgba(255,255,255,0.75);margin-top: 4px}@keyframes auth-meter{from{transform: scaleX(0.05)}to{transform: scaleX(1)}}.auth-right{display: flex;flex-direction: column;height: 100%;overflow-y: auto;padding: var(--vaadin-gap-m) clamp(16px,4vw,48px) var(--vaadin-gap-xl);box-sizing: border-box}.auth-top{display: flex;justify-content: space-between;align-items: center;gap: var(--vaadin-gap-m)}.auth-home{display: inline-flex;align-items: center;gap: 0.4rem;color: var(--vaadin-text-color-secondary);text-decoration: none;font-weight: var(--aura-font-weight-medium)}.auth-home vaadin-icon{width: 1em;height: 1em;transition: transform 150ms ease}.auth-home:hover{color: var(--aura-accent-text-color)}.auth-home:hover vaadin-icon{transform: translateX(-3px)}.auth-main{flex: 1;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: var(--vaadin-gap-m);padding: var(--vaadin-gap-xl) 0}.auth-card-brand{padding: 0;font-size: var(--aura-font-size-xl)}.auth-card-brand .brand-mark{width: 40px;height: 40px}.auth-card{width: min(26rem,100%);box-sizing: border-box;padding: clamp(20px,3vw,32px);border-radius: 22px;background: color-mix(in oklab,var(--aura-background-color) 78%,var(--vaadin-text-color) 4%);border: 1px solid color-mix(in oklab,var(--vaadin-text-color) 10%,transparent);box-shadow: 0 30px 70px -35px color-mix(in oklab,var(--codex-brand-1) 60%,transparent),0 8px 24px -16px rgba(0,0,0,0.3);animation: auth-enter 420ms cubic-bezier(.2,.8,.2,1) both}.auth-card.public-card-wide{width: min(36rem,100%)}.auth-card h2{letter-spacing: -0.02em}@keyframes auth-enter{from{opacity: 0;transform: translateY(10px)}to{opacity: 1;transform: none}}.auth-login-card{display: flex;flex-direction: column;align-items: stretch}.auth-login-card vaadin-login-form{--vaadin-login-form-background: transparent;--vaadin-login-form-padding: 0;--vaadin-login-form-width: 100%}.auth-login-card vaadin-login-form::part(form-title){letter-spacing: -0.02em}.auth-login-card vaadin-login-form [slot="submit"],.auth-card vaadin-button[theme~="primary"]{background: var(--codex-brand-gradient);color: #fff;box-shadow: 0 10px 26px -12px color-mix(in oklab,var(--codex-brand-1) 80%,transparent)}.auth-card .public-footer{flex-wrap: wrap}.auth-card .login-status{max-width: none}.auth-card>.muted{text-align: center;margin-bottom: 0}@media (max-width: 900px){.auth-shell{grid-template-columns: 1fr;height: auto;min-height: 100vh;overflow: visible}.auth-right{height: auto;overflow: visible;min-height: 100vh}.auth-aside{display: none}}@media (prefers-reduced-motion: reduce){.auth-mini,.auth-mini-meter span,.auth-card{animation: none}.auth-home vaadin-icon{transition: none}}.app-page{--app-panel-bg: color-mix(in oklab,var(--aura-background-color) 70%,var(--vaadin-text-color) 3.5%);--app-panel-border: color-mix(in oklab,var(--vaadin-text-color) 9%,transparent);--app-panel-shadow: 0 14px 40px -28px color-mix(in oklab,var(--codex-brand-1) 45%,transparent);gap: var(--vaadin-gap-m)}.app-page h2{font-size: clamp(1.35rem,1.1rem + 0.8vw,1.75rem);line-height: 1.15;letter-spacing: -0.025em;margin: 0}.app-page>h2:first-child,.app-page>vaadin-horizontal-layout:first-child h2{position: relative;padding-bottom: 0.35rem}.app-page>h2:first-child::after,.app-page>vaadin-horizontal-layout:first-child h2::after{content: "";position: absolute;left: 0;bottom: 0;width: 2.2rem;height: 3px;border-radius: 3px;background: var(--codex-brand-gradient)}.app-page h3{font-size: var(--aura-font-size-m);font-weight: var(--aura-font-weight-semibold);letter-spacing: -0.01em;margin: var(--vaadin-gap-m) 0 var(--vaadin-gap-xs)}.app-page .muted,.app-page p{line-height: 1.55}.app-page>p,.app-page>.muted{max-width: 72ch;margin-top: 0}.app-page vaadin-grid,vaadin-dialog vaadin-grid{--vaadin-grid-background: var(--app-panel-bg);--vaadin-grid-border-color: var(--app-panel-border);--vaadin-grid-border-radius: 14px;--vaadin-grid-border-width: 1px;--vaadin-grid-header-font-size: var(--aura-font-size-s);--vaadin-grid-header-font-weight: 600;--vaadin-grid-header-text-color: var(--vaadin-text-color-secondary);--vaadin-grid-row-border-width: 1px;font-variant-numeric: tabular-nums}.app-page vaadin-grid{box-shadow: var(--app-panel-shadow)}.app-page vaadin-grid::part(row):hover{--vaadin-grid-row-background-color: color-mix(in oklab,var(--aura-accent-color) 6%,transparent)}.app-page vaadin-grid::part(header-cell){text-transform: none;letter-spacing: 0.01em}.app-page .account-section{padding: var(--vaadin-gap-l);border: 1px solid var(--app-panel-border);border-radius: 16px;background: var(--app-panel-bg);box-shadow: var(--app-panel-shadow);margin-bottom: var(--vaadin-gap-m)}.app-page .account-section>h3:first-child{margin-top: 0}vaadin-form-layout{--vaadin-form-layout-column-spacing: var(--vaadin-gap-l);--vaadin-form-layout-row-spacing: var(--vaadin-gap-s)}:is(vaadin-text-field,vaadin-text-area,vaadin-email-field,vaadin-password-field,vaadin-integer-field,vaadin-number-field,vaadin-big-decimal-field,vaadin-combo-box,vaadin-select,vaadin-date-picker,vaadin-multi-select-combo-box,vaadin-time-picker)::part(label){font-weight: var(--aura-font-weight-medium)}:is(vaadin-text-field,vaadin-big-decimal-field,vaadin-integer-field,vaadin-number-field){font-variant-numeric: tabular-nums}html{--vaadin-dialog-border-radius: 20px;--vaadin-dialog-title-font-size: var(--aura-font-size-l);--vaadin-dialog-title-font-weight: 600}vaadin-dialog::part(overlay){border: 1px solid color-mix(in oklab,var(--vaadin-text-color) 10%,transparent);box-shadow: 0 40px 90px -40px color-mix(in oklab,var(--codex-brand-1) 55%,transparent),0 12px 30px -18px rgba(0,0,0,0.35)}vaadin-dialog[has-footer]::part(footer){border-top: 1px solid color-mix(in oklab,var(--vaadin-text-color) 8%,transparent);gap: var(--vaadin-gap-s)}.app-page vaadin-tabs,.app-page vaadin-tabsheet::part(tabs){--vaadin-tabs-border-width: 0}.app-page vaadin-tab{border-radius: 999px;padding-inline: 0.9rem}.app-page vaadin-tab[selected]{background: color-mix(in oklab,var(--aura-accent-color) 14%,transparent);color: var(--aura-accent-text-color)}.status-badge{display: inline-flex;align-items: center;gap: 0.4em;padding: 0.15em 0.65em 0.15em 0.55em;border-radius: 999px;font-size: var(--aura-font-size-xs);font-weight: var(--aura-font-weight-semibold);line-height: 1.5;white-space: nowrap;background: color-mix(in oklab,currentColor 13%,transparent)}.status-badge::before{content: "";width: 0.45em;height: 0.45em;border-radius: 50%;background: currentColor;flex: none}.card-row vaadin-card{transition: transform 150ms ease,box-shadow 150ms ease}.card-row vaadin-card:hover{transform: translateY(-2px)}.app-page vaadin-upload{border-radius: 14px}.app-page vaadin-grid [slot="empty-state"],.app-page vaadin-grid::part(empty-state){color: var(--vaadin-text-color-secondary)}@media (prefers-reduced-motion: reduce){.card-row vaadin-card{transition: none}.card-row vaadin-card:hover{transform: none}}.app-page .form-section{width: 100%;max-width: 60rem;box-sizing: border-box;padding: var(--vaadin-gap-l);border: 1px solid var(--app-panel-border);border-radius: 16px;background: var(--app-panel-bg);box-shadow: var(--app-panel-shadow)}.app-page .form-section>h3{margin-top: 0}.app-page .form-section>.muted{margin-top: 0}.form-group-title{margin: var(--vaadin-gap-m) 0 0;padding-top: var(--vaadin-gap-s);border-top: 1px solid color-mix(in oklab,var(--vaadin-text-color) 8%,transparent);font-size: var(--aura-font-size-xs);font-weight: var(--aura-font-weight-semibold);letter-spacing: 0.06em;text-transform: uppercase;color: var(--vaadin-text-color-secondary)}.app-page .form-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(min(100%,24rem),1fr));gap: var(--vaadin-gap-m);width: 100%;max-width: 76rem;align-items: start}.app-page .form-grid>.form-section{max-width: none;height: 100%}.app-page .form-section.wide-section{max-width: 76rem}.line-table{container-type: inline-size;width: 100%;margin-top: var(--vaadin-gap-s);display: flex;flex-direction: column}.line-rows{display: flex;flex-direction: column}.line-row{display: grid;grid-template-columns: var(--line-cols);column-gap: var(--vaadin-gap-s);align-items: baseline;padding-block: 2px}.line-row>:not(vaadin-button){width: 100%;min-width: 0}.line-row vaadin-big-decimal-field>input,.line-row vaadin-number-field>input{text-align: end}.line-head{padding-bottom: var(--vaadin-gap-xs);margin-bottom: var(--vaadin-gap-xs);border-bottom: 1px solid color-mix(in oklab,var(--vaadin-text-color) 10%,transparent);font-size: var(--aura-font-size-xs);font-weight: var(--aura-font-weight-semibold);color: var(--vaadin-text-color-secondary);letter-spacing: 0.02em}.line-head>.num{text-align: end}.line-row .line-total{min-width: 0}.invoice-lines{--line-cols: minmax(7rem,2fr) minmax(9rem,4fr) 4.5rem 6.5rem 6.5rem 4.5rem 7rem 6.5rem 2.25rem}.purchase-lines{--line-cols: minmax(9rem,3fr) minmax(9rem,3fr) minmax(7rem,1.2fr) 7.5rem 6.5rem 2.25rem}@container (min-width: 46rem){.line-row>*{--vaadin-input-field-placeholder-color: transparent}}@container (max-width: 46rem){.line-head{display: none}.line-row{grid-template-columns: repeat(auto-fill,minmax(7rem,1fr));row-gap: var(--vaadin-gap-xs);padding-block: var(--vaadin-gap-s);border-bottom: 1px solid color-mix(in oklab,var(--vaadin-text-color) 8%,transparent)}.invoice-lines .line-row>:nth-child(2),.purchase-lines .line-row>:nth-child(-n+2){grid-column: 1 / -1}}@container (max-width: 58rem){.invoice-lines .line-head{display: none}.invoice-lines .line-row{grid-template-columns: repeat(auto-fill,minmax(7rem,1fr));row-gap: var(--vaadin-gap-xs);padding-block: var(--vaadin-gap-s);border-bottom: 1px solid color-mix(in oklab,var(--vaadin-text-color) 8%,transparent)}.invoice-lines .line-row>:nth-child(2){grid-column: 1 / -1}.invoice-lines .line-row>*{--vaadin-input-field-placeholder-color: initial}}.lines-footer{display: flex;flex-wrap: wrap;gap: var(--vaadin-gap-l);align-items: flex-start;justify-content: space-between;width: 100%;margin-top: var(--vaadin-gap-s)}.lines-footer>:first-child{flex: 1 1 20rem}.totals-box{flex: 0 1 20rem;margin-inline-start: auto;display: flex;flex-direction: column;gap: 0.35rem;padding: var(--vaadin-gap-m);border-radius: 14px;background: color-mix(in oklab,var(--aura-accent-color) 6%,transparent);font-variant-numeric: tabular-nums}.totals-box>div{display: flex;justify-content: space-between;gap: var(--vaadin-gap-m)}.totals-row{color: var(--vaadin-text-color-secondary)}.totals-row>span:last-child{color: var(--vaadin-text-color)}.totals-grand{margin-top: 0.25rem;padding-top: 0.5rem;border-top: 1px solid color-mix(in oklab,var(--vaadin-text-color) 12%,transparent);font-size: var(--aura-font-size-l);font-weight: var(--aura-font-weight-semibold)}.app-page .form-actions{position: sticky;bottom: 0;z-index: 2;width: 100%;box-sizing: border-box;padding: var(--vaadin-gap-s) 0;background: color-mix(in oklab,var(--aura-background-color) 88%,transparent);backdrop-filter: blur(8px);border-top: 1px solid color-mix(in oklab,var(--vaadin-text-color) 8%,transparent)}.form-stack{display: flex;flex-direction: column;gap: var(--vaadin-gap-m)}.app-page .page-header{display: flex;flex-wrap: wrap;align-items: flex-end;justify-content: space-between;gap: var(--vaadin-gap-s) var(--vaadin-gap-m);width: 100%}.page-titles{display: flex;flex-direction: column;gap: 0.4rem;min-width: 0}.app-page .page-header h2{position: relative;padding-bottom: 0.35rem}.app-page .page-header h2::after{content: "";position: absolute;left: 0;bottom: 0;width: 2.2rem;height: 3px;border-radius: 3px;background: var(--codex-brand-gradient)}.page-subtitle{color: var(--vaadin-text-color-secondary);font-size: var(--aura-font-size-s);line-height: 1.45}.page-actions{display: flex;flex-wrap: wrap;align-items: center;gap: var(--vaadin-gap-s)}.page-actions:empty{display: none}.page-actions .export-bar{padding: 2px;border: 1px solid var(--app-panel-border);border-radius: 999px;background: var(--app-panel-bg)}.page-actions .export-bar vaadin-button{border-radius: 999px}.app-page .list-toolbar,.app-page .report-filters{width: 100%;box-sizing: border-box;padding: var(--vaadin-gap-s) var(--vaadin-gap-m);border: 1px solid var(--app-panel-border);border-radius: 14px;background: var(--app-panel-bg)}.app-page .list-toolbar{display: flex;flex-wrap: wrap;align-items: center;gap: var(--vaadin-gap-s);padding: var(--vaadin-gap-s)}.list-toolbar>*{flex: 0 1 12rem;min-width: 9rem}.list-toolbar>.toolbar-search{flex: 1 1 18rem}.app-page .report-filters{gap: var(--vaadin-gap-s) var(--vaadin-gap-m)}.stat-tiles{display: grid;grid-template-columns: repeat(auto-fit,minmax(min(100%,10rem),1fr));gap: var(--vaadin-gap-m);width: 100%}.stat-tile{position: relative;display: flex;flex-direction: column;gap: 0.15rem;min-width: 0;padding: var(--vaadin-gap-m) var(--vaadin-gap-l);border: 1px solid var(--app-panel-border);border-radius: 14px;background: var(--app-panel-bg);box-shadow: var(--app-panel-shadow);overflow: hidden}.stat-tile::before{content: "";position: absolute;inset: 0 auto 0 0;width: 3px;background: var(--stat-tone,color-mix(in oklab,var(--aura-accent-color) 55%,transparent))}.stat-label{font-size: var(--aura-font-size-s);font-weight: var(--aura-font-weight-medium);color: var(--vaadin-text-color-secondary)}.stat-value{font-size: clamp(1.1rem,0.95rem + 0.6vw,1.45rem);font-weight: var(--aura-font-weight-semibold);letter-spacing: -0.02em;font-variant-numeric: tabular-nums;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.stat-sub{min-height: 1.3em;font-size: var(--aura-font-size-xs);color: var(--vaadin-text-color-secondary)}.stat-tile[data-tone="warn"]{--stat-tone: var(--aura-red)}.stat-tile[data-tone="warn"] .stat-value{color: var(--aura-red-text)}.stat-tile[data-tone="attention"]{--stat-tone: var(--aura-orange)}.stat-tile[data-tone="attention"] .stat-value{color: var(--aura-orange-text)}.stat-tile[data-tone="good"]{--stat-tone: var(--aura-green)}.app-page vaadin-grid::part(cell-strong){font-weight: var(--aura-font-weight-medium)}.app-page vaadin-grid::part(cell-warn){color: var(--aura-red-text);font-weight: var(--aura-font-weight-medium)}.cell-stack{display: flex;flex-direction: column;line-height: 1.25;padding-block: 0.15rem}.cell-sub{font-size: var(--aura-font-size-xs);color: var(--vaadin-text-color-secondary)}.app-page vaadin-grid::part(footer-cell){font-weight: var(--aura-font-weight-semibold)}.app-page .financial-statement::part(statement-section),.app-page .financial-statement::part(statement-header){--vaadin-grid-row-background-color: color-mix(in oklab,var(--aura-accent-color) 4%,transparent);font-weight: var(--aura-font-weight-semibold)}.app-page .financial-statement::part(statement-header){font-size: var(--aura-font-size-m)}.app-page .financial-statement::part(statement-subtotal){--vaadin-grid-row-background-color: color-mix(in oklab,var(--aura-accent-color) 13%,transparent);font-weight: var(--aura-font-weight-semibold);border-top: 1px solid color-mix(in oklab,var(--aura-accent-color) 35%,transparent)}.app-page .financial-statement::part(statement-result){--vaadin-grid-row-background-color: color-mix(in oklab,var(--aura-accent-color) 18%,transparent);border-top: 1px solid color-mix(in oklab,var(--aura-accent-color) 45%,transparent);font-weight: var(--aura-font-weight-semibold)}@media (max-width: 40rem){.stat-tiles{grid-template-columns: repeat(2,minmax(0,1fr));gap: var(--vaadin-gap-s)}.stat-tile{padding: var(--vaadin-gap-s) var(--vaadin-gap-m)}.stat-tile:last-child:nth-child(odd){grid-column: 1 / -1}.list-toolbar>*{flex: 1 1 100%}}.dash-grid{display: grid;grid-template-columns: minmax(0,1fr);gap: var(--vaadin-gap-l);width: 100%;align-items: start}@media (min-width: 72rem){.dash-grid{grid-template-columns: minmax(22rem,1fr) minmax(0,1.9fr)}.dash-tasks{position: sticky;top: var(--vaadin-gap-m)}}.dash-panel{padding: var(--vaadin-gap-m);border: 1px solid var(--app-panel-border);border-radius: 16px;background: var(--app-panel-bg);box-shadow: var(--app-panel-shadow);min-width: 0}.app-page .dash-panel>h3,.app-page .dash-group>h3{display: flex;align-items: center;gap: var(--vaadin-gap-s);margin: 0 0 var(--vaadin-gap-s)}.task-count{min-width: 1.5em;padding: 0 0.45em;border-radius: 999px;text-align: center;font-size: var(--aura-font-size-xs);line-height: 1.6;color: var(--aura-accent-text-color);background: color-mix(in oklab,var(--aura-accent-color) 15%,transparent)}.task-list{display: flex;flex-direction: column;gap: 2px}.task-row{--tone: var(--vaadin-text-color-secondary);display: grid;grid-template-columns: auto minmax(0,1fr) auto auto;align-items: center;gap: var(--vaadin-gap-m);padding: 0.6rem 0.6rem;border-radius: 12px;color: inherit;text-decoration: none;transition: background-color 120ms ease}.task-row:hover{background: color-mix(in oklab,var(--aura-accent-color) 7%,transparent)}.task-row:focus-visible{outline: 2px solid var(--aura-accent-color);outline-offset: -2px}.task-row[data-tone="red"]{--tone: var(--aura-red-text)}.task-row[data-tone="orange"]{--tone: var(--aura-orange-text)}.task-row[data-tone="blue"]{--tone: var(--aura-blue-text)}.task-icon-badge{display: grid;place-items: center;width: 2.25rem;height: 2.25rem;border-radius: 50%;color: var(--tone);background: color-mix(in oklab,var(--tone) 14%,transparent)}.task-icon-badge vaadin-icon{width: 1.05rem;height: 1.05rem}.task-text{display: flex;flex-direction: column;min-width: 0}.task-title{font-weight: var(--aura-font-weight-medium);white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.task-detail{font-size: var(--aura-font-size-xs);color: var(--vaadin-text-color-secondary);white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.task-value{font-weight: var(--aura-font-weight-semibold);font-variant-numeric: tabular-nums;color: var(--tone);white-space: nowrap}.task-row:not([data-tone]) .task-value{color: var(--vaadin-text-color)}.task-chevron{width: 1rem;height: 1rem;color: var(--vaadin-text-color-secondary);opacity: 0.6}.task-empty{display: flex;align-items: center;gap: var(--vaadin-gap-s);padding: var(--vaadin-gap-m) 0.6rem;color: var(--aura-green-text);font-weight: var(--aura-font-weight-medium)}.dash-figures{display: flex;flex-direction: column;gap: var(--vaadin-gap-l);min-width: 0}.stat-link{color: inherit;text-decoration: none;display: block;border-radius: 14px;min-width: 0}.stat-link .stat-tile{height: 100%;box-sizing: border-box;transition: transform 150ms ease,border-color 150ms ease}.stat-link:hover .stat-tile{transform: translateY(-2px);border-color: color-mix(in oklab,var(--aura-accent-color) 40%,transparent)}.stat-link:focus-visible{outline: 2px solid var(--aura-accent-color);outline-offset: 2px}.stat-tiles>.stat-link{display: block}@media (max-width: 40rem){.stat-tiles>.stat-link:last-child:nth-child(odd){grid-column: 1 / -1}.task-row{gap: var(--vaadin-gap-s);padding-inline: 0.4rem}.task-chevron{display: none}}@media (prefers-reduced-motion: reduce){.stat-link .stat-tile,.task-row{transition: none}.stat-link:hover .stat-tile{transform: none}}.settings-tiles{display: grid;grid-template-columns: repeat(auto-fill,minmax(min(100%,18rem),1fr));gap: var(--vaadin-gap-m)}.settings-tile{display: flex;align-items: flex-start;gap: var(--vaadin-gap-m);padding: var(--vaadin-gap-m);border: 1px solid var(--app-panel-border);border-radius: 14px;background: var(--app-panel-bg);color: inherit;text-decoration: none;transition: transform 150ms ease,border-color 150ms ease}.settings-tile:hover{transform: translateY(-2px);border-color: color-mix(in oklab,var(--aura-accent-color) 40%,transparent)}.settings-tile:focus-visible{outline: 2px solid var(--aura-accent-color);outline-offset: 2px}.settings-icon{flex: none;display: grid;place-items: center;width: 2.4rem;height: 2.4rem;border-radius: 12px;color: var(--aura-accent-text-color);background: color-mix(in oklab,var(--aura-accent-color) 13%,transparent)}.settings-icon vaadin-icon{width: 1.1rem;height: 1.1rem}.settings-text{display: flex;flex-direction: column;gap: 0.15rem;min-width: 0}.settings-title{font-weight: var(--aura-font-weight-semibold)}.settings-desc{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary);line-height: 1.4}@media (prefers-reduced-motion: reduce){.settings-tile{transition: none}.settings-tile:hover{transform: none}}.app-page>.dash-group{width: 100%;box-sizing: border-box}.app-page .form-grid.form-grid-roomy{grid-template-columns: repeat(auto-fit,minmax(min(100%,30rem),1fr))}.saft-steps{margin: 0 0 var(--vaadin-gap-s);padding-inline-start: 1.25rem;line-height: 1.6}.saft-steps li::marker{color: var(--aura-accent-text-color);font-weight: var(--aura-font-weight-semibold)}.saft-files{display: flex;flex-wrap: wrap;gap: var(--vaadin-gap-s);margin: var(--vaadin-gap-s) 0}.saft-files:empty{display: none}.saft-file{display: inline-flex;align-items: center;gap: 0.4rem;padding: 0.3rem 0.7rem;border-radius: 999px;font-size: var(--aura-font-size-s);background: color-mix(in oklab,var(--aura-accent-color) 10%,transparent)}.saft-file vaadin-icon{width: 1rem;height: 1rem;color: var(--aura-accent-text-color)}.saft-actions,.saft-links{display: flex;flex-wrap: wrap;align-items: center;gap: var(--vaadin-gap-m)}.saft-issues{display: flex;flex-direction: column;gap: var(--vaadin-gap-xs)}.saft-issue{--tone: var(--aura-blue-text);display: flex;align-items: flex-start;gap: var(--vaadin-gap-s);padding: 0.45rem 0.6rem;border-radius: 10px;background: color-mix(in oklab,var(--tone) 9%,transparent);line-height: 1.45}.saft-issue[data-severity="BLOCKING"]{--tone: var(--aura-red-text)}.saft-issue[data-severity="WARNING"]{--tone: var(--aura-orange-text)}.saft-issue>span:first-child{color: var(--tone);flex: none;padding-top: 0.1rem}.saft-issue vaadin-icon{width: 1rem;height: 1rem}