:root{--font-sans:"Finlandica Headline",system-ui,sans-serif;font-size:clamp(.75rem,calc(.5rem + .4vw),.875rem);--auth-bg:linear-gradient(135deg,#888,#000);--auth-fg:#fff;--color-primary:#000;--color-form:var(--color-primary);--form-border:var(--color-primary);--input-border-color:var(--form-border);--select-border-color:var(--form-border);--textarea-border-color:var(--form-border);--checkbox-border-color:var(--form-border);--radio-border-color:var(--form-border);--card-border:var(--border-width) solid var(--color-primary);--card-shadow:var(--keycap-edge) var(--color-primary),12px 12px 0 0 var(--color-shadow)}@layer components{.app-card{background:var(--color-surface);border:var(--card-border);border-radius:var(--radius-lg);box-shadow:var(--card-shadow);color:var(--color-text);inline-size:min(92vw,calc(var(--container-max) / 2));padding:var(--space-2xl)}.app-card__title{margin-block:0 var(--space-lg);text-align:center}.app-card__nav{display:flex;justify-content:center;margin-block:0 var(--space-xl)}.app-card form{display:flex;flex-direction:column;gap:var(--space-md)}.form-actions{display:flex;justify-content:center;margin-block-start:var(--space-sm)}.record-list{display:flex;flex-direction:column;gap:var(--space-2xs);list-style:none;margin:0 0 var(--space-lg);padding:0}.record-list__item{border:var(--border-width) solid transparent;border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);transition:background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard)}.record-list__item:nth-child(2n){background-color:var(--color-surface-sunken);border-color:var(--color-border)}.image-upload{align-items:stretch;display:flex;gap:var(--space-md)}.image-upload__preview{align-items:center;background-color:var(--input-bg,var(--color-surface));block-size:var(--space-3xl);border:var(--border-width) solid var(--input-border-color,var(--color-border-strong));border-radius:var(--input-radius,var(--radius-sm));color:var(--color-text-subtle);display:flex;flex-shrink:0;inline-size:var(--space-3xl);justify-content:center;overflow:hidden}.image-upload__preview img{block-size:100%;inline-size:100%;object-fit:cover}.image-upload__preview svg{block-size:var(--space-lg);inline-size:var(--space-lg)}.image-upload__dropzone{align-items:center;background-color:var(--input-bg,var(--color-surface));border:var(--border-width) dashed var(--input-border-color,var(--color-border-strong));border-radius:var(--input-radius,var(--radius-sm));color:var(--color-text-muted);cursor:pointer;display:flex;flex:1;font-size:var(--text-sm);justify-content:center;min-block-size:var(--space-3xl);padding:var(--space-md);text-align:center}.modal{border:var(--card-border);box-shadow:var(--card-shadow)}.modal__body>.spinner{display:block;margin:var(--space-lg) auto}.modal__body p.text-muted{margin-block:0 var(--space-md)}.modal-actions{margin-block-start:var(--space-md);text-align:center}.modal--confirm .modal__body{padding:var(--space-2xl) var(--space-xl);text-align:center}.modal__message{font-size:var(--text-lg);font-weight:var(--font-weight-bold);line-height:var(--line-snug);margin:0 0 var(--space-xl);text-wrap:balance}.modal__confirm-actions{display:flex;gap:var(--space-sm);justify-content:center}html[data-modal-open]{overflow:hidden}.stepper{--_dot-size:1.75rem;display:flex;list-style:none;margin:0 0 var(--space-xl);padding:0}.stepper__step{align-items:center;color:var(--color-text-muted);display:flex;flex:1;flex-direction:column;font-size:var(--text-xs);gap:var(--space-2xs);position:relative;text-align:center}.stepper__step:not(:last-child):before{background:var(--color-border-strong);block-size:var(--border-width);content:"";inline-size:100%;inset-block-start:calc(var(--_dot-size) / 2);inset-inline-start:50%;position:absolute;transform:translateY(-50%)}.stepper__dot{align-items:center;background:var(--color-surface);block-size:var(--_dot-size);border:var(--border-width) solid var(--color-border-strong);border-radius:var(--radius-round);color:var(--color-text-muted);display:flex;font-size:var(--text-sm);font-weight:var(--font-weight-bold);inline-size:var(--_dot-size);justify-content:center;position:relative;z-index:1}.stepper__step.is-active,.stepper__step.is-done{color:var(--color-text)}.stepper__step.is-active .stepper__dot,.stepper__step.is-done .stepper__dot{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-form)}.toast-container{align-items:center;display:flex;flex-direction:column;gap:var(--space-xs);left:50%;position:fixed;top:var(--space-lg);transform:translateX(-50%);z-index:var(--z-toast)}.toast{background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);color:var(--color-text);font-size:var(--text-sm);line-height:var(--line-snug);max-width:min(90vw,24rem);min-width:16rem;padding:var(--space-sm) var(--space-md)}.toast.text-bg-success{background:var(--color-success);color:var(--color-on-success)}.toast.text-bg-info{background:var(--color-info);color:var(--color-text-inverse)}.toast.text-bg-danger{background:var(--color-danger);color:var(--color-on-danger)}.toast.text-bg-warning{background:var(--color-warning);color:var(--color-on-warning)}}@layer screens{.auth-screen{--color-bg:var(--auth-bg);--color-aside:var(--auth-fg)}.auth-logo{display:inline-block;position:relative}.auth-logo__badge{block-size:1.5rem;border-radius:var(--radius-sm);inline-size:1.5rem;inset-block-end:-4px;inset-inline-start:33px;object-fit:cover;position:absolute}.app-screen{align-items:center;background:var(--auth-bg);color:var(--auth-fg);display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh;min-height:100svh;min-height:100dvh;padding:12vh var(--space-lg) var(--space-3xl);position:relative}.app-logo{display:inline-flex;left:var(--space-lg);position:fixed;top:var(--space-lg);z-index:var(--z-sticky)}.app-logo img{block-size:var(--space-2xl);display:block;inline-size:auto}.app-langs{position:fixed;right:var(--space-lg);top:var(--space-lg);z-index:var(--z-sticky)}.app-footer{display:flex;gap:var(--space-md);left:var(--space-lg)}.app-brand,.app-footer{align-items:center;bottom:var(--space-lg);position:fixed;z-index:var(--z-sticky)}.app-brand{color:var(--auth-fg);display:inline-flex;justify-content:center;right:var(--space-lg)}.app-brand__logo{block-size:var(--space-xl);display:block;inline-size:auto;position:relative;z-index:1}.app-brand__light{block-size:auto;inline-size:200%;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%) scale(.6);transition:opacity var(--duration-slow) var(--ease-standard),transform var(--duration-slow) var(--ease-standard);z-index:0}}@layer screens{.app-brand:focus-visible .app-brand__light,.app-brand:hover .app-brand__light{opacity:1;transform:translate(-50%,-50%) scale(1)}@media (prefers-reduced-motion:reduce){.app-brand__light{transform:translate(-50%,-50%);transition-property:opacity}}.app-nav{margin-bottom:var(--space-xl)}.app-content{display:flex;inline-size:100%;justify-content:center}.app-profile{align-items:center;color:var(--auth-fg);display:flex;gap:var(--space-sm)}.app-profile__info{display:flex;flex-direction:column;line-height:var(--line-tight)}.app-profile__name{font-size:var(--text-sm);font-weight:var(--font-weight-bold)}.app-profile__logout{color:inherit;font-size:var(--text-xs)}.app-org .select{font-size:var(--text-sm);inline-size:auto}.app-org__current{color:var(--auth-fg);font-size:var(--text-sm);font-weight:var(--font-weight-medium)}.app-screen--apps .app-content{inline-size:100%}.app-screen--apps .app-card{background:transparent;border:none;box-shadow:none;color:var(--auth-fg);inline-size:min(96vw,var(--container-max));padding:0}.app-apps__intro{color:var(--auth-fg);font-size:var(--text-sm);margin-block:0 var(--space-xl);opacity:.75;text-align:center}.app-apps{display:grid;gap:var(--space-2xl);grid-template-columns:repeat(auto-fit,minmax(18rem,24rem));justify-content:center}.app-app{background:var(--color-surface);border:var(--card-border);border-radius:4px 4px 4px 44px;box-shadow:var(--card-shadow);color:var(--color-text);display:flex;flex-direction:column;gap:var(--space-md);min-block-size:14rem;padding:var(--space-lg) var(--space-lg) var(--space-xl)}.app-app__logo{align-items:center;block-size:3.25rem;display:flex}.app-app__logo img{block-size:100%;inline-size:auto;max-inline-size:70%;object-fit:contain;object-position:left center}.app-app__name{font-size:var(--text-lg);font-weight:var(--font-weight-bold)}.app-app__meta{display:flex;flex-direction:column;font-size:var(--text-sm);gap:var(--space-2xs);letter-spacing:.03em}.app-app__meta p{margin:0}.app-app__label{color:var(--color-text-muted)}.app-app__actions{display:flex;gap:var(--space-sm);margin-block-start:auto;padding-block-start:var(--space-xs)}.consent-intro{font-size:var(--text-sm);margin-block:0 var(--space-lg);text-align:center}.consent-list__item{align-items:center;display:grid;gap:var(--space-sm);grid-template-columns:1fr auto 1fr}.consent-list__app{align-items:center;display:flex;gap:var(--space-xs)}.consent-list__logo{block-size:1.5rem;border-radius:var(--radius-sm);flex-shrink:0;inline-size:1.5rem;object-fit:contain}.consent-list__project{font-weight:var(--font-weight-bold)}.consent-list__date{font-size:var(--text-sm);text-align:center}.consent-list__revoke{color:var(--color-text-subtle);display:inline-flex;justify-self:end;transition:color var(--duration-fast) var(--ease-standard)}.consent-list__revoke:hover{color:var(--color-danger)}.consent-list__revoke svg{block-size:var(--text-lg);inline-size:var(--text-lg)}.member{display:flex;flex-direction:column;gap:var(--space-sm)}.member__head{align-items:flex-start;display:flex;gap:var(--space-md);justify-content:space-between}.member__identity{display:flex;flex-direction:column;line-height:var(--line-tight)}.member__name{align-items:center;display:inline-flex;gap:var(--space-2xs)}.member__name,.member__self{font-weight:var(--font-weight-bold)}.member__self{background:var(--color-primary);border-radius:var(--radius-sm);color:var(--color-on-form);font-size:var(--text-xs);line-height:1.5;padding:0 var(--space-2xs)}.member__mail{color:var(--color-text-muted);font-size:var(--text-sm)}.member__actions{align-items:center;display:flex;flex-shrink:0;gap:var(--space-xs)}.member__remove{align-items:center;color:var(--color-text-subtle);display:inline-flex;transition:color var(--duration-fast) var(--ease-standard)}.member__remove:hover{color:var(--color-danger)}.member__projects{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-xs)}.member__chip{align-items:center;color:var(--color-text);display:inline-flex;font-size:var(--text-sm);font-weight:var(--font-weight-bold);gap:var(--space-2xs);text-decoration:none;transition:color var(--duration-fast) var(--ease-standard)}.member__chip:hover{color:var(--color-primary);text-decoration:underline}.member__chip-logo{block-size:1.25rem;border-radius:var(--radius-xs);inline-size:1.25rem;object-fit:contain}.member__chip-add{align-items:center;background-color:var(--color-surface);border:var(--border-width) dashed var(--color-border-strong);border-radius:var(--radius-sm);color:var(--color-text-muted);display:inline-flex;font-size:var(--text-xs);font-weight:var(--font-weight-medium);gap:var(--space-2xs);line-height:1;padding:var(--space-3xs) var(--space-xs);text-decoration:none;transition:color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard)}.member__chip-add:hover{border-color:var(--color-primary);color:var(--color-primary)}.member__no-access{color:var(--color-text-muted);font-size:var(--text-sm);font-style:italic}.member-list__limit{font-size:var(--text-sm);margin-block:var(--space-sm) 0;text-align:center}.project-pick{display:flex;flex-direction:column;gap:var(--space-2xs);list-style:none;margin:0;padding:0}.project-pick__item{align-items:center;background-color:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);display:flex;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);text-decoration:none;transition:border-color var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard)}.project-pick__item:hover{background-color:var(--color-primary-soft);border-color:var(--color-primary)}.project-pick__logo{block-size:1.5rem;border-radius:var(--radius-xs);inline-size:1.5rem;object-fit:contain}.project-pick__name{flex:1;font-weight:var(--font-weight-medium)}.project-pick__arrow{color:var(--color-text-muted);font-size:var(--text-lg);line-height:1}.project-head{align-items:center;display:flex;flex-direction:column;gap:var(--space-sm);margin-block-end:var(--space-lg)}.project-head__logo{max-block-size:3rem;max-inline-size:60%;object-fit:contain}.project-head__name{font-size:var(--text-lg);font-weight:var(--font-weight-bold)}.member-head{align-items:center;display:flex;flex-direction:column;gap:var(--space-2xs);margin-block-end:var(--space-lg)}.member-head__name{font-size:var(--text-lg);font-weight:var(--font-weight-bold)}.member-head__mail{color:var(--color-text-muted);font-size:var(--text-sm)}.consent{display:flex;flex-direction:column;gap:var(--space-md)}.consent__user{font-weight:var(--font-weight-bold);margin:0}.consent__scopes{color:var(--color-text-muted);display:flex;flex-direction:column;gap:var(--space-2xs);margin:0;padding-left:var(--space-lg)}.consent__actions{display:flex;flex-direction:column;gap:var(--space-xs)}}