.password-field{display:grid}.password-field label{color:var(--color-text-secondary);font-size:var(--type-control-size);line-height:1.5;font-weight:500}.password-control{position:relative}.password-control input{padding-right:48px}.password-toggle{position:absolute;top:50%;right:10px;display:grid;place-items:center;width:32px;height:32px;padding:5px;transform:translateY(-50%);border:0;border-radius:8px;background:transparent;color:var(--color-text-muted);cursor:pointer}.password-toggle:hover,.password-toggle:focus-visible{background:var(--color-bg-primary-subtle);color:var(--color-primary)}.password-toggle svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.password-toggle:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.themed-select{position:relative;width:100%;font-family:var(--font-family-base)}.themed-select__trigger{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:var(--control-height);padding:0 var(--control-padding-x);border:1px solid var(--color-border);border-radius:var(--control-radius);outline:2px solid transparent;outline-offset:1px;background:var(--color-bg-control);color:var(--color-text-secondary);font-family:inherit;font-size:var(--type-control-size);font-weight:300;text-align:left;transition:background-color var(--duration-short) var(--ease-out),border-color var(--duration-short) var(--ease-out)}.themed-select__trigger:focus-visible{outline-color:var(--color-focus-ring);border-color:var(--color-primary)}.themed-select__trigger.invalid{border-color:var(--color-error-border-input);background:var(--color-error-bg-input)}.themed-select__trigger.invalid:focus-visible{outline-color:var(--color-error-shadow);border-color:var(--color-error-border-strong)}.themed-select__trigger:disabled{opacity:.55;background:var(--color-bg-disabled);cursor:not-allowed}.themed-select__trigger>span:first-child{flex:1;min-width:0;text-align:left}.themed-select__chevron{display:block;width:7px;height:7px;flex:0 0 7px;margin-inline-end:var(--space-1);border-inline-end:1.5px solid var(--color-text-subtle);border-block-end:1.5px solid var(--color-text-subtle);transform:rotate(45deg) translate(-2px,-2px);transition:transform var(--duration-short) var(--ease-out)}.themed-select__chevron.rotated{transform:rotate(225deg) translate(-2px,-2px)}.themed-select__menu{position:absolute;inset-block-start:calc(100% + var(--space-2));inset-inline:0;z-index:40;display:grid;gap:var(--space-1);max-height:min(280px,45dvh);overflow-y:auto;padding:var(--space-2);border:1px solid var(--color-border-light);border-radius:var(--radius-md);background:var(--color-bg-control);box-shadow:var(--shadow-overlay);overscroll-behavior:contain}.themed-select__option{display:flex;align-items:center;justify-content:flex-start;width:100%;min-height:44px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:transparent;color:var(--color-text-secondary);font-family:inherit;font-size:var(--type-control-size);font-weight:300;text-align:left;white-space:normal;overflow-wrap:anywhere}.themed-select__option:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:-2px}.themed-select__option.selected,.themed-select__option.highlighted{background:var(--color-bg-primary-subtle);color:var(--color-primary)}.themed-select__option.highlighted{box-shadow:inset 3px 0 0 var(--color-primary)}.themed-select__option:active{background:var(--color-bg-brand-soft)}@media(hover:hover)and (pointer:fine){.themed-select__trigger:hover:not(:disabled){border-color:var(--color-border-hover);background:var(--color-bg-subtle)}.themed-select__option:hover{background:var(--color-bg-primary-subtle);color:var(--color-primary)}}@media(pointer:coarse){.themed-select__trigger{min-height:var(--control-height)}.themed-select__option{min-height:44px}}@media(prefers-reduced-motion:reduce){.themed-select__trigger,.themed-select__chevron{transition-duration:.01ms}}.themed-date{position:relative;width:100%;font-family:var(--font-family-base)}.themed-date__trigger{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:var(--control-height);padding:0 var(--control-padding-x);border:1px solid var(--color-border);border-radius:var(--control-radius);outline:2px solid transparent;outline-offset:1px;background:var(--color-bg-control);color:var(--color-text-secondary);font-family:inherit;font-size:var(--type-control-size);font-weight:300;text-align:left;transition:background-color var(--duration-short) var(--ease-out),border-color var(--duration-short) var(--ease-out)}.themed-date__trigger:focus-visible{outline-color:var(--color-focus-ring);border-color:var(--color-primary)}.themed-date__trigger.invalid{border-color:var(--color-error-border-input);background:var(--color-error-bg-input)}.themed-date__trigger.invalid:focus-visible{outline-color:var(--color-error-shadow);border-color:var(--color-error-border-strong)}.themed-date__trigger:disabled{opacity:.55;background:var(--color-bg-disabled);cursor:not-allowed}.themed-date__icon{display:flex;align-items:center;color:var(--color-text-muted);flex:0 0 auto}.themed-date__popup{position:absolute;inset-block-start:calc(100% + var(--space-2));inset-inline-start:0;z-index:40;width:min(100%,320px);padding:var(--space-4);border:1px solid var(--color-border-light);border-radius:var(--radius-md);background:var(--color-bg-control);box-shadow:var(--shadow-overlay)}.themed-date__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-block-end:var(--space-3);color:var(--color-text-secondary);text-transform:capitalize}.themed-date__header strong{font-size:var(--type-control-size);font-weight:500}.themed-date__nav{display:grid;place-items:center;width:44px;height:44px;min-height:44px;padding:0;border:0;border-radius:var(--radius-sm);background:var(--color-bg-primary-muted);color:var(--color-primary);cursor:pointer}.themed-date__nav:focus-visible,.themed-date__day:focus-visible,.themed-date__today:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:1px}.themed-date__weekdays,.themed-date__grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--space-1);text-align:center}.themed-date__weekdays{margin-block-end:var(--space-1);color:var(--color-text-subtle);font-size:var(--type-micro-size);font-weight:500}.themed-date__day{min-height:40px;padding:0;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-secondary);font-size:var(--type-caption-size);font-weight:300;cursor:pointer}.themed-date__day.muted{color:var(--color-border-calendar-muted)}.themed-date__day.selected{background:var(--color-primary);color:var(--color-accent-ink);font-weight:500}.themed-date__day:disabled{opacity:.35;cursor:not-allowed;text-decoration:line-through}.themed-date__today{width:100%;min-height:44px;margin-block-start:var(--space-3);padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-control);color:var(--color-primary);font-size:var(--type-caption-size);font-weight:400;cursor:pointer}.themed-date__today:disabled{opacity:.55;cursor:not-allowed}@media(hover:hover)and (pointer:fine){.themed-date__trigger:hover:not(:disabled){border-color:var(--color-border-hover);background:var(--color-bg-subtle)}.themed-date__nav:hover,.themed-date__day:hover:not(:disabled),.themed-date__today:hover:not(:disabled){background:var(--color-bg-primary-subtle);color:var(--color-primary)}}@media(pointer:coarse){.themed-date__trigger{min-height:var(--control-height)}.themed-date__nav,.themed-date__today{min-height:44px}.themed-date__day{min-height:40px}.themed-date__nav{width:44px;height:44px}}@media(max-width:37.4375rem){.themed-date__popup{position:fixed;inset:50% auto auto 50%;width:min(320px,calc(100% - var(--space-6)));max-height:calc(100dvh - var(--space-6));overflow-y:auto;transform:translate(-50%,-50%);overscroll-behavior:contain}}.rannu-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--control-height);padding:0 var(--control-padding-x);border:1px solid transparent;border-radius:var(--control-radius);font:inherit;font-size:var(--control-font-size);font-weight:500;cursor:pointer;white-space:nowrap;transition:background-color var(--duration-short) var(--ease-out),border-color var(--duration-short) var(--ease-out),color var(--duration-short) var(--ease-out)}.rannu-button:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.rannu-button:not(:disabled):active{transform:translateY(1px)!important;box-shadow:none!important}.rannu-button:disabled{opacity:.55;cursor:not-allowed}.rannu-button--primary{background:var(--color-primary);color:var(--color-accent-ink)}.rannu-button--secondary{border-color:var(--color-border);background:var(--color-bg-control);color:var(--color-primary)}.rannu-button--ghost{border-color:transparent;background:transparent;color:var(--color-primary)}.rannu-button--danger,.rannu-button--status-error{border-color:var(--color-error-danger-border);background:var(--color-error-danger-bg);color:var(--color-error-danger)}.rannu-button--status-success{border-color:var(--color-success-border);background:var(--color-success-bg);color:var(--color-success)}.rannu-button--small{height:var(--control-height-sm);min-height:var(--control-height-sm);padding-inline:var(--space-3);font-size:var(--control-font-sm);border-radius:var(--control-radius-sm)}.rannu-button--full{width:100%}.rannu-button__spinner{width:16px;height:16px;border:2px solid currentColor;border-inline-end-color:transparent;border-radius:50%;animation:rannu-spin .7s linear infinite}@media(hover:hover)and (pointer:fine){.rannu-button--primary:hover:not(:disabled){background:var(--color-primary-hover)}.rannu-button--secondary:hover:not(:disabled),.rannu-button--ghost:hover:not(:disabled){border-color:var(--color-border-active);background:var(--color-bg-primary-subtle)}}@media(pointer:coarse){.rannu-button:not(.rannu-button--small){min-height:var(--control-height)}}@keyframes rannu-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.rannu-button{transition-duration:.01ms}.rannu-button__spinner{animation-duration:1.4s}}.rannu-icon{display:block;flex:0 0 auto}.rannu-action-menu{position:relative}.rannu-action-menu__panel{position:absolute;z-index:40;inset-block-start:calc(100% + var(--space-2));inset-inline-end:0;display:grid;min-width:190px;padding:var(--space-2);border:1px solid var(--color-border-light);border-radius:var(--radius-md);background:var(--color-bg-control);box-shadow:var(--shadow-overlay)}.rannu-action-menu__panel button{justify-content:flex-start;width:100%;min-height:44px;padding-inline:var(--space-3);border:0;background:transparent;color:var(--color-text-secondary);text-align:start}.rannu-action-menu__panel button:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:-2px}.rannu-action-menu__panel button:active:not(:disabled){background:var(--color-bg-primary-subtle)}@media(hover:hover)and (pointer:fine){.rannu-action-menu__panel button:hover:not(:disabled){background:var(--color-bg-primary-subtle);color:var(--color-primary)}}@media(max-width:37.4375rem){.rannu-action-menu,.rannu-action-menu>:deep(button){width:100%}.rannu-action-menu__panel{inset-inline:0}}.rannu-icon-button{display:inline-grid;place-items:center;flex:0 0 44px;width:44px;height:44px;min-height:44px;padding:0;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-muted);cursor:pointer;transition:background-color var(--duration-short) var(--ease-out),border-color var(--duration-short) var(--ease-out),color var(--duration-short) var(--ease-out),transform var(--duration-short) var(--ease-out)}.rannu-icon-button:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.rannu-icon-button:active:not(:disabled){transform:translateY(1px)}.rannu-icon-button--secondary{border-color:var(--color-border);background:var(--color-bg-control)}.rannu-icon-button--danger{border-color:var(--color-error-danger-border);background:var(--color-error-danger-bg);color:var(--color-error-danger)}.rannu-icon-button:disabled{opacity:.55;cursor:not-allowed}.rannu-icon-button :global(svg){width:19px;height:19px}.rannu-icon-button__spinner{width:16px;height:16px;border:2px solid currentColor;border-inline-end-color:transparent;border-radius:50%;animation:rannu-icon-spin .7s linear infinite}@media(hover:hover)and (pointer:fine){.rannu-icon-button:hover:not(:disabled){background:var(--color-bg-primary-subtle);color:var(--color-primary)}}@media(pointer:coarse){.rannu-icon-button{flex-basis:48px;width:48px;height:48px;min-height:48px}}@keyframes rannu-icon-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.rannu-icon-button{transition-duration:.01ms}.rannu-icon-button__spinner{animation-duration:1.4s}}.rannu-alert{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid;border-radius:var(--control-radius);font-size:var(--type-label-size);line-height:var(--type-body-line)}.rannu-alert--compact{gap:var(--space-2);padding:var(--space-2) var(--space-3)}.rannu-alert__icon{display:grid;place-items:center;flex:0 0 20px;width:20px;height:20px;border-radius:50%;color:var(--color-on-primary);font-size:var(--type-caption-size);font-weight:600}.rannu-alert__content{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:var(--space-2);min-width:0;overflow-wrap:anywhere}.rannu-alert__content strong{display:inline;margin:0;font-weight:600}.rannu-alert--error{border-color:var(--color-error-border);background:var(--color-error-bg);color:var(--color-error-text)}.rannu-alert--error .rannu-alert__icon{background:var(--color-error)}.rannu-alert--success{border-color:var(--color-success-border);background:var(--color-success-bg);color:var(--color-success)}.rannu-alert--success .rannu-alert__icon{background:var(--color-success-strong)}.rannu-alert--warning{border-color:var(--color-warning-border);background:var(--color-warning-bg);color:var(--color-warning-text)}.rannu-alert--warning .rannu-alert__icon{background:var(--color-warning-text)}.rannu-alert--info{border-color:var(--color-border-active);background:var(--color-bg-primary-tint);color:var(--color-primary-deep)}.rannu-alert--info .rannu-alert__icon{background:var(--color-primary)}@media(max-width:480px){.rannu-alert{gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--type-caption-size)}}.rannu-field{display:grid;min-width:0;gap:var(--space-2)}.rannu-field__label{color:var(--color-text-secondary);font-size:var(--type-label-size);line-height:var(--type-label-line);font-weight:500}.rannu-field__label span{color:var(--color-error)}.rannu-field__error,.rannu-field__hint{margin:0;font-size:var(--type-caption-size);line-height:var(--type-caption-line)}.rannu-field__error{color:var(--color-error)}.rannu-field__hint{color:var(--color-text-subtle)}.rannu-field--invalid :global(input),.rannu-field--invalid :global(textarea){border-color:var(--color-error-border-input);background:var(--color-error-bg-input)}.rannu-badge{display:inline-flex;align-items:center;gap:var(--space-1);width:fit-content;padding:var(--space-1) var(--space-2);border-radius:999px;font-size:var(--type-caption-size);line-height:var(--type-caption-line);font-weight:500;white-space:nowrap}.rannu-badge i{width:7px;height:7px;border-radius:50%;background:currentColor}.rannu-badge--neutral{background:var(--color-bg-neutral);color:var(--color-text-muted)}.rannu-badge--primary{background:var(--color-bg-primary-subtle);color:var(--color-primary)}.rannu-badge--success{background:var(--color-success-bg-soft);color:var(--color-success)}.rannu-badge--warning{background:var(--color-warning-surface);color:var(--color-warning-text)}.rannu-badge--error{background:var(--color-error-bg-soft);color:var(--color-error)}.rannu-dialog{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:var(--space-5);background:var(--color-overlay)}.rannu-dialog__panel{width:min(100%,680px);max-height:calc(100dvh - 40px);overflow-y:auto;border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-bg-surface);box-shadow:var(--shadow-overlay);overscroll-behavior:contain;scrollbar-gutter:stable}.rannu-dialog__panel--small{max-width:480px}.rannu-dialog__panel--medium{max-width:680px}.rannu-dialog__panel--large{max-width:1040px}.rannu-dialog__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding:var(--space-6) var(--space-6) var(--space-4)}.rannu-dialog__header p{margin:0 0 var(--space-2);color:var(--color-primary);font-size:var(--type-caption-size);font-weight:500;letter-spacing:.08em;text-transform:uppercase}.rannu-dialog__header h2{margin:0;color:var(--color-text-heading);font-size:var(--type-section-size)}.rannu-dialog__body{padding:0 var(--space-6) var(--space-6)}.rannu-dialog__footer{display:flex;justify-content:flex-end;gap:var(--space-2);padding:var(--space-4) var(--space-6) var(--space-6);border-top:1px solid var(--color-border-subtle)}@media(max-width:760px){.rannu-dialog{display:block;padding:0}.rannu-dialog__panel{width:100%;max-width:none;height:100dvh;max-height:100dvh;border:0;border-radius:0}.rannu-dialog__header{position:sticky;top:0;z-index:5;padding:var(--space-4);border-bottom:1px solid var(--color-border-subtle);background:var(--color-bg-surface)}.rannu-dialog__body{padding:var(--space-4)}.rannu-dialog__footer{position:sticky;bottom:0;display:grid;padding:var(--space-3) var(--space-4);background:var(--color-bg-surface)}.rannu-dialog__footer :deep(button){width:100%}}.rannu-empty{display:grid;justify-items:center;gap:var(--space-2);padding:var(--space-8) var(--space-4);color:var(--color-text-muted);text-align:center}.rannu-empty strong{color:var(--color-text-secondary);font-size:var(--type-body-size);font-weight:500}.rannu-empty p{max-width:44ch;margin:0;font-size:var(--type-label-size);line-height:var(--type-body-line)}.rannu-loading{display:flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:96px;color:var(--color-text-muted);font-size:var(--type-label-size)}.rannu-loading span{width:18px;height:18px;border:2px solid var(--color-border);border-right-color:var(--color-primary);border-radius:50%;animation:rannu-loading-spin .75s linear infinite}@keyframes rannu-loading-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.rannu-loading span{animation-duration:1.5s}}.rannu-section-header{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-4);min-width:0;margin-block-end:var(--space-4)}.rannu-section-header>div:first-child{min-width:0}.rannu-section-header__eyebrow{margin:0 0 var(--space-2);color:var(--color-primary);font-size:var(--type-caption-size);font-weight:500;letter-spacing:.06em;text-transform:uppercase}.rannu-section-header h2{margin:0;color:var(--color-text-heading);font-size:var(--type-section-size)}.rannu-section-header__description{max-width:70ch;margin:var(--space-2) 0 0;color:var(--color-text-muted);font-size:var(--type-label-size);line-height:var(--type-body-line)}.rannu-section-header__actions{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-2)}.rannu-section-header__actions :global(button){width:100%;white-space:nowrap}@media(min-width:37.5rem){.rannu-section-header{grid-template-columns:minmax(0,1fr) auto;align-items:end}.rannu-section-header__actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap}.rannu-section-header__actions :global(button){width:auto}}.rannu-toolbar{display:grid;gap:var(--space-4);padding:var(--space-4);border-block:1px solid var(--color-border-subtle);background:var(--color-bg-primary-muted)}.rannu-toolbar__filters{display:grid;grid-template-columns:minmax(0,1fr);align-items:end;gap:var(--space-3)}.rannu-toolbar__filters>*{min-width:0}.rannu-toolbar__actions{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-2);padding-block-start:var(--space-3);border-block-start:1px solid var(--color-border-subtle)}.rannu-toolbar__actions button{width:100%;white-space:nowrap}@media(min-width:37.5rem){.rannu-toolbar{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md)}.rannu-toolbar__filters{grid-template-columns:repeat(2,minmax(0,1fr))}.rannu-toolbar__filters>:first-child{grid-column:1 / -1}.rannu-toolbar__actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap}.rannu-toolbar__actions button{width:auto}}@media(min-width:64rem){.rannu-toolbar__filters{grid-template-columns:minmax(240px,1.35fr) repeat(2,minmax(170px,.8fr))}.rannu-toolbar__filters>:first-child{grid-column:auto}}.rannu-stepper{display:grid;grid-template-columns:repeat(var(--rannu-step-count),minmax(0,1fr));gap:var(--space-2);margin:var(--space-4) 0;padding:var(--space-3);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-bg-primary-muted);list-style:none}.rannu-stepper li{min-width:0}.rannu-stepper button{display:grid;grid-template-columns:26px minmax(0,1fr);align-items:center;gap:var(--space-2);width:100%;min-height:34px;padding:0;border:0;background:transparent;color:var(--color-text-muted);text-align:left;cursor:default}.rannu-stepper button:not(:disabled){cursor:pointer}.rannu-stepper button>span{display:grid;place-items:center;width:26px;height:26px;border:1px solid var(--color-border);border-radius:50%;background:var(--color-bg-surface);font-size:var(--type-caption-size);font-weight:500}.rannu-stepper strong{min-width:0;font-size:var(--type-caption-size);font-weight:500;overflow-wrap:anywhere}.rannu-stepper li.current button{color:var(--color-primary)}.rannu-stepper li.current button>span{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-on-primary);box-shadow:0 0 0 3px var(--color-focus-shadow)}.rannu-stepper li.complete button>span{border-color:var(--color-success-border);background:var(--color-success-bg);color:var(--color-success)}.rannu-stepper li.disabled{opacity:.6}@media(max-width:600px){.rannu-stepper{padding:var(--space-2)}.rannu-stepper button{grid-template-columns:1fr;justify-items:center;text-align:center}.rannu-stepper strong{font-size:var(--type-micro-size)}}.rannu-notice-enter-active,.rannu-notice-leave-active{transition:opacity .16s ease,transform .16s ease;animation:rannu-notice-in .16s ease-out}.rannu-notice-enter-from,.rannu-notice-leave-to{opacity:0;transform:translateY(-4px)}@keyframes rannu-notice-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.rannu-login-card{width:min(100%,520px);margin:auto;padding:var(--space-8);overflow:hidden;border:1px solid var(--color-border-neutral);border-radius:var(--radius-xl);background:var(--color-bg-surface);box-shadow:var(--login-card-shadow)}.rannu-login-card:before{display:block;width:72px;height:4px;margin:calc(var(--space-4) * -1) auto var(--space-5);border-radius:999px;background:linear-gradient(90deg,var(--color-brand-logo),var(--color-brand-coral));content:""}.rannu-login-card .brand-lockup{flex-direction:column;align-items:center;gap:var(--space-3);text-align:center}.rannu-login-card .brand-lockup img{width:72px;height:72px;flex-basis:72px}.rannu-login-card .brand-lockup strong{font-size:var(--type-title-size);line-height:var(--type-title-line)}.rannu-login-card .brand-lockup small{margin-top:var(--space-1);font-size:var(--type-body-size);line-height:var(--type-body-line)}.rannu-login-card h1{margin:0 0 var(--space-3);color:var(--color-text-heading)}.rannu-login-card__description{margin:0;color:var(--color-text-muted);font-size:var(--type-body-size);line-height:var(--type-body-line)}.rannu-login-card__notice{margin-top:var(--space-6)}@media(max-width:480px){.rannu-login-card{padding:var(--space-5);border-radius:var(--radius-lg)}}.rannu-surface{min-width:0;padding:var(--space-5)}.rannu-surface--plain{padding-inline:0;border-block-start:1px solid var(--color-border-subtle)}.rannu-surface--default,.rannu-surface--subtle,.rannu-surface--elevated{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-bg-surface)}.rannu-surface--subtle{background:var(--color-bg-subtle)}.rannu-surface--elevated{box-shadow:var(--shadow-card)}@media(max-width:37.4375rem){.rannu-surface{padding:var(--space-4)}.rannu-surface--plain{padding-inline:0}.rannu-surface--default,.rannu-surface--subtle,.rannu-surface--elevated{border-radius:var(--radius-md)}}.rannu-pin-field{display:grid;gap:var(--space-2)}.rannu-pin-field__label{color:var(--color-text-secondary);font-size:var(--type-control-size);font-weight:500}.rannu-pin-field__container{display:flex;justify-content:space-between;gap:var(--space-2)}.rannu-pin-field__input{width:48px;height:48px;text-align:center;font-size:var(--type-title-size);font-weight:600;border:1px solid var(--color-border);border-radius:var(--control-radius-sm);background:var(--color-bg-control);outline:none;transition:border-color var(--duration-short) var(--ease-out),box-shadow var(--duration-short) var(--ease-out)}.rannu-pin-field__input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-focus-shadow)}.rannu-pin-field__error{color:var(--color-error);font-size:var(--type-caption-size)}@media(max-width:380px){.rannu-pin-field__container{gap:var(--space-1)}.rannu-pin-field__input{width:36px;height:36px;font-size:var(--type-subtitle-size)}}.rannu-toast-container{position:fixed;top:68px;left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;gap:8px;pointer-events:none;width:min(calc(100vw - (var(--space-4) * 2)),var(--notice-max-width));max-width:none;padding:0;align-items:center;box-sizing:border-box}.rannu-toast{pointer-events:auto;display:flex;align-items:center;gap:10px;padding:12px 18px;border-radius:12px;font-size:.875rem;font-weight:500;width:max-content;max-width:100%;cursor:pointer;box-sizing:border-box;box-shadow:0 8px 24px #00000026,0 2px 8px #00000014;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid transparent}.rannu-toast--success{background:#dcfce7eb;border-color:#86efac99;color:#166534}.rannu-toast--warning{background:#fef9c3eb;border-color:#fde04799;color:#854d0e}.rannu-toast--error{background:#fee2e2eb;border-color:#fca5a599;color:#991b1b}.rannu-toast-message{min-width:0;overflow-wrap:anywhere}.rannu-toast-icon{font-size:1rem;flex-shrink:0;font-weight:700}.toast-slide-enter-active{animation:toast-slide-in .3s cubic-bezier(.16,1,.3,1)}@keyframes toast-slide-in{0%{opacity:0;transform:translateY(-16px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}.participant-search{width:100%;min-height:var(--control-height);padding:0 var(--control-padding-x);border:1px solid var(--color-border);border-radius:var(--control-radius);outline:2px solid transparent;outline-offset:1px;background:var(--color-bg-control);color:var(--color-text-secondary);font:inherit;font-weight:300}.participant-search:focus-visible{outline-color:var(--color-focus-ring);border-color:var(--color-primary)}.enrollment-form{display:grid;gap:var(--space-4);margin:0}.generated-code,.enrollment-status{display:grid;gap:var(--space-1);padding:var(--space-3);border:1px solid var(--color-border-subtle);border-radius:var(--control-radius);background:var(--color-bg-subtle)}.generated-code span,.enrollment-status span,.enrollment-status small{color:var(--color-text-muted);font-size:var(--type-caption-size)}.generated-code strong,.enrollment-status strong{color:var(--color-text-secondary);font-size:var(--type-label-size);font-weight:500}input{width:100%;min-height:var(--control-height);padding:0 var(--control-padding-x);border:1px solid var(--color-border);border-radius:var(--control-radius);background:var(--color-bg-muted);color:var(--color-text-muted);font:inherit;font-weight:300}.enrollment-actions{display:flex;justify-content:flex-end;gap:var(--space-2);padding-top:var(--space-2)}@media(max-width:480px){.enrollment-actions{display:grid;grid-template-columns:1fr}.enrollment-actions button{width:100%}}.progress-meta{margin:0 0 var(--space-4);color:var(--color-text-muted)}.participant-status-panel{display:grid;grid-template-columns:minmax(200px,1fr) minmax(260px,1fr) auto;align-items:center;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border-panel);border-radius:var(--radius-md);background:var(--color-bg-subtle)}.status-overview{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2)}.status-overview>span{color:var(--color-text-secondary);font-size:var(--type-label-size);font-weight:500}.status-overview small{flex-basis:100%;color:var(--color-text-muted);font-size:var(--type-caption-size)}.status-change{display:grid;grid-template-columns:minmax(150px,1fr) auto;gap:var(--space-2)}.security-actions{display:flex;justify-content:flex-end;gap:var(--space-2)}.assignment-editor{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:var(--space-3);margin-top:var(--space-4);padding:var(--space-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-bg-subtle)}.assignment-editor>strong{grid-column:1 / -1;color:var(--color-text-secondary);font-size:var(--type-label-size);font-weight:500}.assignment-editor>button{grid-column:4;justify-self:end}.assignment-editor input,.readonly-value{display:flex;align-items:center;width:100%;min-height:var(--control-height);padding:0 var(--control-padding-x);border:1px solid var(--color-border);border-radius:var(--control-radius);background:var(--color-bg-surface);color:var(--color-text-secondary);font:inherit;font-weight:300}.readonly-value{background:var(--color-bg-muted);color:var(--color-text-muted)}.progress-summary{display:flex;align-items:baseline;gap:var(--space-2);margin:var(--space-4) 0;padding:var(--space-4);border:1px solid var(--color-border-light);border-radius:var(--radius-md);background:var(--color-bg-subtle);color:var(--color-text-muted)}.progress-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.progress-list article{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--color-border-row);border-radius:var(--radius-sm)}.progress-list article>span{color:var(--color-primary);font-size:var(--type-caption-size)}.progress-list article>strong{color:var(--color-text-secondary);font-size:var(--type-label-size);font-weight:400}.status-history{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--color-border-panel)}.status-history>p{color:var(--color-primary);font-size:var(--type-caption-size);font-weight:500;letter-spacing:.08em;text-transform:uppercase}.status-history>div{display:flex;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) 0;color:var(--color-text-secondary);font-size:var(--type-caption-size)}.status-history>div+div{border-top:1px solid var(--color-border-row)}.status-history small{color:var(--color-text-muted);text-align:right}.rannu-alert{margin-top:var(--space-3)}@media(max-width:900px){.participant-status-panel{grid-template-columns:1fr 1fr}.security-actions{grid-column:1 / -1}.assignment-editor{grid-template-columns:repeat(2,minmax(0,1fr))}.assignment-editor>button{grid-column:2}}@media(max-width:600px){.participant-status-panel,.status-change,.assignment-editor,.progress-list{grid-template-columns:1fr}.security-actions{grid-column:auto;display:grid}.assignment-editor>button{grid-column:1;width:100%}.progress-list article{grid-template-columns:36px minmax(0,1fr)}.progress-list article .rannu-badge{grid-column:2}.status-history>div{flex-direction:column}.status-history small{text-align:left}}:root{--font-family-base: Poppins, sans-serif;--control-height-sm: 34px;--control-height-md: 40px;--control-height-lg: 46px;--control-radius-sm: 8px;--control-radius-md: 10px;--control-radius-lg: 12px;--control-font-sm: var(--type-micro-size);--control-font-md: var(--type-caption-size);--control-font-lg: var(--type-control-size);--control-padding-sm: 0 10px;--control-padding-md: 0 14px;--control-padding-lg: 0 18px;--control-height: var(--control-height-lg);--control-radius: var(--control-radius-lg);--control-font-size: var(--control-font-lg);--control-padding-x: 14px;--text-primary: var(--color-text);--text-secondary: var(--color-text-secondary);--text-muted: var(--color-text-muted);--surface-default: var(--color-bg-surface);--surface-subtle: var(--color-bg-subtle);--border-control: var(--color-border);--action-primary: var(--color-primary);--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--radius-xl: 24px;--type-micro-size: .75rem;--type-caption-size: .8125rem;--type-label-size: .875rem;--type-control-size: .875rem;--type-body-size: .9375rem;--type-section-size: 1.0625rem;--type-subtitle-size: 1.125rem;--type-title-size: 1.25rem;--type-page-title-size: 1.5rem;--type-stat-size: 1.5rem;--type-display-size: 1.75rem;--type-icon-size: 1.25rem;--type-display-line: 1.25;--type-display-weight: 600;--type-title-line: 1.333;--type-title-weight: 600;--type-section-line: 1.444;--type-section-weight: 500;--type-body-line: 1.5;--type-body-weight: 400;--type-label-line: 1.5;--type-label-weight: 500;--type-caption-line: 1.333;--type-caption-weight: 500;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--notice-max-width: 72rem;--color-brand-logo: #2f80ed;--color-brand-coral: #ff7a59;--color-primary: #2764b0;--color-primary-hover: #1f548f;--color-primary-active: #194675;--color-primary-light: #2f80ed;--color-primary-lighter: #5a9cf2;--color-primary-emphasis: #2f80ed;--color-primary-subtle: #234a73;--color-primary-deep: #17324d;--color-text: #20364f;--color-text-manage: #1e293b;--color-text-secondary: #3d536b;--color-text-muted: #60758b;--color-text-subtle: #60758b;--color-text-placeholder: #64748b;--color-text-eyebrow: #334155;--color-text-heading: #17324d;--color-text-faint: #60758b;--color-text-disabled: #94a3b8;--color-text-neutral: #475569;--color-bg: #f3f7fb;--color-bg-surface: #fbfdff;--color-bg-control: #ffffff;--color-bg-overlay-soft: rgba(251, 253, 255, .94);--color-bg-overlay-strong: rgba(251, 253, 255, .98);--login-page-background: linear-gradient(180deg, #f7fafe 0%, #eef4fa 100%);--login-card-shadow: 0 20px 56px rgba(23, 50, 77, .1);--color-bg-subtle: #f8fbff;--color-bg-muted: #f8fafc;--color-bg-primary-subtle: #eaf3ff;--color-bg-primary-muted: #f3f7fc;--color-bg-primary-tint: #f6f9ff;--color-bg-panel: #fbfdff;--color-bg-neutral: #f1f5f9;--color-bg-disabled: #f1f5f9;--color-bg-brand-soft: #d9eaff;--color-bg-teal-soft: var(--color-bg-brand-soft);--color-border: #c9d9ea;--color-border-light: #d9e5f2;--color-border-subtle: #e4ecf5;--color-border-neutral: #e2e8f0;--color-border-soft: #dce6f1;--color-border-row: #edf2f8;--color-border-hover: #82aee0;--color-border-active: #a9c8ea;--color-border-teal: #c4d8ed;--color-border-slate: #cbd5e1;--color-border-divider: #dce6f1;--color-border-input: #d5e1ee;--color-border-panel: #e1e9f3;--color-border-panel-soft: #e6edf5;--color-border-panel-row: #edf2f7;--color-border-calendar-muted: #b7c5d4;--color-focus-ring: #2f80ed;--color-focus-shadow: rgba(47, 128, 237, .2);--color-success: #146c52;--color-success-strong: #15803d;--color-success-badge: #166534;--color-success-bg: #f1fbf7;--color-success-bg-soft: #f0fdf4;--color-success-border: #a8d8c9;--color-success-border-soft: #86efac;--color-success-border-light: #bbf7d0;--color-success-surface: #dcfce7;--color-error: #b42318;--color-error-text: #8f2118;--color-error-strong: #991b1b;--color-error-bg: #fff6f5;--color-error-bg-soft: #fff1f2;--color-error-bg-input: #fff8f7;--color-error-border: #f0b8b2;--color-error-border-soft: #fecdd3;--color-error-border-input: #d9655a;--color-error-border-strong: #c2413b;--color-error-shadow: #f6c7c2;--color-error-surface: #ffe4e6;--color-error-accent: #be123c;--color-error-outline: #f87171;--color-error-danger: #9a2c22;--color-error-danger-bg: #fff7f6;--color-error-danger-border: #e8b6b0;--color-error-old-bg: #fff1f0;--color-error-old-border: #fca5a5;--color-warning-bg: #fff8e6;--color-warning-text: #7a5700;--color-warning-surface: #fffbeb;--color-warning-border: #fde047;--color-warning-credential-bg: #fff7e8;--color-warning-credential-text: #7a4c00;--color-overlay: #0f172a66;--color-shadow: #0f172a0d;--color-shadow-strong: #0f172a33;--color-shadow-menu: #0f172a1c;--color-shadow-brand: #2764b00a;--color-shadow-brand-soft: #2764b012;--color-shadow-brand-card: #2764b01f;--shadow-card: 0 12px 34px rgba(23, 50, 77, .08);--shadow-card-hover: 0 16px 42px rgba(23, 50, 77, .12);--shadow-overlay: 0 20px 60px rgba(23, 50, 77, .16);--shadow-subtle: 0 8px 24px rgba(23, 50, 77, .055);--gradient-page: var(--color-bg);--gradient-hero: linear-gradient(135deg, #eaf3ff 0%, #f6f9ff 58%, #fbfdff 100%);--gradient-primary: linear-gradient(135deg, #2764b0 0%, #2f80ed 100%);--color-on-primary: #ffffff;--color-on-primary-soft: rgba(255, 255, 255, .12);--color-on-primary-muted: rgba(255, 255, 255, .2);--color-on-primary-border: rgba(255, 255, 255, .3);--color-brand-logo-muted: rgba(47, 128, 237, .55);--color-accent-ink: var(--color-on-primary);--color-sync-online: #22a06b;--color-sync-online-ring: #22a06b1c;--color-sync-pending: #d9941e;--color-sync-pending-ring: #d9941e1c;--color-progress-muted: #9babc0;--color-progress-dot: #8fa2b7;--color-progress-ring: #d9eaff;--color-border-sync: #c7d8e9;--color-module-completed-bg: #f5fbf8;--color-teal-deep: #234a73;--color-teal-border-bright: #b9d3ef;--color-teal-border-soft: #c9dcee;--color-timeline-surface: #eaf3ff;--color-pin-error-border: #fecaca;--color-pin-error-text: #dc2626;--color-pin-error-bg: #fee2e2;--color-toolbar-bg: #f3f7fc;--color-registry-bg: #f8fbff;--duration-instant: 0ms;--duration-short: .16s;--duration-medium: .22s;--ease-out: cubic-bezier(.16, 1, .3, 1)}@media(max-width:600px){:root{--control-height: 38px;--control-height-sm: 28px;--control-radius: var(--control-radius-md);--control-font-size: var(--control-font-md);--control-padding-x: 12px}}:root{font-family:var(--font-family-base);color:var(--color-text);background:var(--color-bg)}*{box-sizing:border-box}html,body{min-height:100%;max-width:100%;overflow-x:clip}body{margin:0;min-width:320px;font-family:var(--font-family-base);font-size:var(--type-body-size);line-height:var(--type-body-line);font-weight:var(--type-body-weight)}h1{margin:0 0 12px;font-size:var(--type-page-title-size);line-height:var(--type-title-line);font-weight:var(--type-title-weight)}h2{font-size:var(--type-section-size);line-height:var(--type-section-line);font-weight:var(--type-section-weight)}h2,h3{font-weight:500}h1,h2,h3,h4,h5,h6{min-width:0;overflow-wrap:anywhere;font-style:normal}strong{font-weight:600}.text-display{font-size:var(--type-display-size);line-height:var(--type-display-line);font-weight:var(--type-display-weight)}.text-page-title{font-size:var(--type-page-title-size);line-height:var(--type-title-line);font-weight:var(--type-title-weight)}.text-title{font-size:var(--type-title-size);line-height:var(--type-title-line);font-weight:var(--type-title-weight)}.text-section{font-size:var(--type-section-size);line-height:var(--type-section-line);font-weight:var(--type-section-weight)}.text-body{font-size:var(--type-body-size);line-height:var(--type-body-line);font-weight:var(--type-body-weight)}.text-label{font-size:var(--type-label-size);line-height:var(--type-label-line);font-weight:var(--type-label-weight)}.text-caption{font-size:var(--type-caption-size);line-height:var(--type-caption-line);font-weight:var(--type-caption-weight)}.text-micro{font-size:var(--type-micro-size);line-height:var(--type-caption-line);font-weight:var(--type-caption-weight)}.text-stat{font-size:var(--type-stat-size);line-height:var(--type-title-line);font-weight:var(--type-title-weight)}.text-eyebrow{letter-spacing:.08em;text-transform:uppercase}.text-meta{color:var(--color-text-muted)}.stack-xs{display:grid;gap:var(--space-1)}.stack-sm{display:grid;gap:var(--space-2)}.stack-md{display:grid;gap:var(--space-3)}.stack-lg{display:grid;gap:var(--space-4)}.stack-xl{display:grid;gap:var(--space-6)}.cluster-xs{display:flex;align-items:center;gap:var(--space-1)}.cluster-sm{display:flex;align-items:center;gap:var(--space-2)}.cluster-md{display:flex;align-items:center;gap:var(--space-3)}.cluster-lg{display:flex;align-items:center;gap:var(--space-4)}.surface-pad-sm{padding:var(--space-3)}.surface-pad-md{padding:var(--space-4)}.surface-pad-lg{padding:var(--space-6)}.surface-pad-xl{padding:var(--space-8)}.shell{min-height:100dvh;display:grid;place-items:center;padding:var(--space-6);background:var(--login-page-background)}.card{width:min(100%,520px);padding:32px;border-radius:24px;background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);box-shadow:var(--login-card-shadow)}.eyebrow{margin:0 0 12px;color:var(--color-primary);font-weight:500;letter-spacing:.08em;text-transform:uppercase}.muted{color:var(--color-text-muted);line-height:1.6}.status{display:flex;align-items:center;gap:8px;margin-top:24px;color:var(--color-text-muted);font-size:var(--type-control-size)}.dot{width:9px;height:9px;border-radius:50%;background:var(--color-primary)}form{display:grid;gap:16px;margin-top:24px}label{display:grid;gap:7px;color:var(--color-text-secondary);font-size:var(--type-control-size);font-weight:500}input,select,textarea{width:100%;font-family:var(--font-family-base);font-size:var(--type-control-size);line-height:var(--type-body-line);font-weight:300}input,select,textarea{border:1px solid var(--color-border);outline:2px solid transparent;outline-offset:1px;background:var(--color-bg-control);color:inherit}input{min-height:var(--control-height);border-radius:var(--control-radius);padding:0 var(--control-padding-x)}textarea{min-height:6rem;border-radius:var(--control-radius);padding:var(--space-3) var(--control-padding-x);resize:vertical}input::placeholder,textarea::placeholder{font-weight:300;opacity:.7}button{display:inline-flex;align-items:center;justify-content:center;height:var(--control-height);min-height:var(--control-height);border:0;border-radius:var(--control-radius);padding:0 var(--control-padding-x);background:var(--color-primary);color:var(--color-accent-ink);font:inherit;font-size:var(--control-font-size);font-weight:500;cursor:pointer;box-sizing:border-box;white-space:nowrap;transition:background-color var(--duration-short) var(--ease-out),border-color var(--duration-short) var(--ease-out),color var(--duration-short) var(--ease-out)}.button-sm,.table-action{height:var(--control-height-sm);min-height:var(--control-height-sm);padding:0 10px;font-size:var(--control-font-sm);border-radius:var(--control-radius-sm)}button:focus-visible,a:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.55;cursor:not-allowed}input:disabled,select:disabled,textarea:disabled{opacity:.55;cursor:not-allowed;background:var(--color-bg-disabled);color:var(--color-text-disabled)}.message{margin:18px 0 0;color:var(--color-text-muted);line-height:1.5}.brand-lockup{display:flex;align-items:center;gap:11px;margin-bottom:24px}.brand-lockup>span{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--color-primary);color:var(--color-bg-surface);font-weight:600}.brand-lockup strong,.brand-lockup small{display:block}.brand-lockup strong{letter-spacing:.06em}.brand-lockup small{margin-top:2px;color:var(--color-text-subtle);font-size:var(--type-caption-size)}.brand-lockup img{width:44px;height:44px;flex:0 0 44px;object-fit:contain}.login-brand{flex-direction:column;justify-content:center;gap:var(--space-1);margin-bottom:28px;text-align:center;width:min(100%,210px);margin-left:auto;margin-right:auto;align-items:center}.login-brand>div{max-width:210px;text-align:center}.login-brand img{width:72px;height:72px;flex-basis:72px}.form-error{margin:0;color:var(--color-error);font-size:var(--type-control-size);line-height:1.45}.sync-note{margin:0;padding:11px 13px;border-radius:10px;background:var(--color-warning-bg);color:var(--color-warning-text);font-size:var(--type-control-size);line-height:1.45}.form-alert{display:flex;width:100%;box-sizing:border-box;align-items:flex-start;gap:10px;margin:0;padding:12px 14px;border:1px solid;border-radius:12px;font-size:var(--type-control-size);line-height:1.5}.form-alert>span{display:grid;place-items:center;flex:0 0 20px;width:20px;height:20px;border-radius:50%;font-size:var(--type-caption-size);font-weight:600}.form-alert--error{border-color:var(--color-error-border);background:var(--color-error-bg);color:var(--color-error-text)}.form-alert--error>span{background:var(--color-error);color:var(--color-on-primary)}.form-alert--success{border-color:var(--color-success-border);background:var(--color-success-bg);color:var(--color-success)}.form-alert--success>span{background:var(--color-success-strong);color:var(--color-on-primary)}.form-hint{margin:-6px 0 0;color:var(--color-text-subtle);font-size:var(--type-caption-size);line-height:1.5;text-align:center}input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:var(--color-focus-ring);border-color:var(--color-primary)}input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--color-error-border-input);background:var(--color-error-bg-input)}.return-button{background:transparent;color:var(--color-primary);border:1px solid var(--color-border)}select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:42px;background-color:var(--color-bg-control);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2352706e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:17px}.secondary{background:var(--color-bg-control);color:var(--color-primary);border:1px solid var(--color-border)}.secondary:hover:not(:disabled){background:var(--color-bg)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media(max-width:480px){.brand-lockup img{width:38px;height:38px;flex-basis:38px}.login-brand img{width:72px;height:72px;flex-basis:72px}.form-alert,.sync-note{gap:8px;padding:9px 11px;font-size:var(--type-label-size);line-height:1.4}.form-alert>span{flex-basis:18px;width:18px;height:18px;font-size:var(--type-micro-size)}.form-hint{font-size:var(--type-micro-size)}}html,body,#app{margin:0;overflow:hidden}.shell-manage{display:grid;place-items:center}.shell-manage.dashboard-mode{position:absolute;top:0;left:0;right:0;bottom:0;place-items:stretch;grid-template-columns:260px 1fr;overflow:hidden;background:var(--color-bg-surface)}.manage-sidebar{display:flex;flex-direction:column;background:#f9fafb;border-right:1px solid var(--color-border-subtle);height:100%;z-index:10}.sidebar-brand{padding:24px 24px 16px}.sidebar-brand .brand-lockup{margin-bottom:0}.sidebar-scroll{flex:1;overflow-y:auto;padding:0 16px}.nav-group-label{font-size:var(--type-micro-size);text-transform:uppercase;color:var(--color-text-placeholder);font-weight:600;letter-spacing:.05em;margin:16px 8px 8px}.sidebar-nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border-radius:8px;color:var(--color-text-secondary);font-size:var(--type-label-size);font-weight:400;border:none;background:transparent;text-align:left;justify-content:flex-start;transition:background-color var(--motion-fast) var(--motion-ease-standard),color var(--motion-fast) var(--motion-ease-standard);cursor:pointer}.sidebar-nav-item:hover{background:var(--color-bg-subtle);color:var(--color-text-primary)}.sidebar-nav-item.active{background:#e0f2fe;color:#0284c7;font-weight:500}.sidebar-nav-item.active .nav-icon{color:#0284c7}.sidebar-footer{padding:16px 20px;border-top:1px solid var(--color-border-subtle);display:flex;align-items:center;justify-content:space-between;background:#f9fafb;flex-shrink:0;box-sizing:border-box}.user-profile{display:flex;align-items:center;gap:12px;overflow:hidden;min-width:0;flex:1}.user-avatar{width:32px;height:32px;border-radius:50%;background:var(--color-primary);color:#fff;display:grid;place-items:center;font-weight:600;font-size:var(--type-label-size);flex-shrink:0}.user-info{display:flex;flex-direction:column;overflow:hidden;min-width:0}.user-name{font-size:var(--type-caption-size);font-weight:500;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:var(--type-micro-size);color:var(--color-text-placeholder)}.sidebar-logout{padding:8px;border-radius:8px;color:var(--color-text-placeholder);background:transparent;border:none;cursor:pointer}.sidebar-logout:hover{background:var(--color-bg-subtle);color:var(--color-error)}.manage-content-area{display:flex;flex-direction:column;height:100%;overflow:hidden;background:#fff}.manage-topbar{display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 32px;border-bottom:1px solid var(--color-border-subtle);background:#fff;flex-shrink:0}.topbar-context{display:flex;align-items:center;gap:12px;font-size:var(--type-label-size)}.topbar-breadcrumb{color:var(--color-text-placeholder)}.topbar-separator{color:var(--color-border-neutral)}.topbar-current-page{font-weight:500;color:var(--color-text-primary)}.manage-scroll-container{flex:1;overflow-y:auto;padding:32px;background:#fff}.manage-tab-content{max-width:1120px;margin:0 auto}.dashboard-intro{align-items:end;padding:0 0 36px}.dashboard-intro h1{margin-bottom:8px}.outline-button,.primary-small{display:inline-flex;align-items:center;justify-content:center;height:var(--control-height);min-height:var(--control-height);border-radius:var(--control-radius);font-size:var(--control-font-size);padding:0 var(--control-padding-x);box-sizing:border-box}.outline-button{border:1px solid var(--color-border);background:var(--color-bg-surface);color:var(--color-primary)}.primary-small{background:var(--color-primary);color:var(--color-accent-ink)}.primary-small:hover{background:var(--color-primary-hover)}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat-card{display:grid;gap:6px;padding:20px;border:1px solid var(--color-border-subtle);border-radius:12px;background:#fff;box-shadow:0 1px 2px #00000005}.stat-card span,.stat-card small{color:var(--color-text-placeholder);font-size:var(--type-label-size);font-weight:500}.stat-card strong{color:var(--color-text-primary);font-size:var(--type-stat-size);font-weight:600;line-height:1.2}.panel-section{margin-top:28px}.section-heading{margin-bottom:20px}.section-heading h2{margin:0}.table-wrap{overflow-x:auto;border:1px solid var(--color-border-neutral);border-radius:14px}table{width:100%;border-collapse:collapse;min-width:780px;font-size:var(--type-label-size)}th,td{padding:13px 16px;text-align:left;border-bottom:1px solid var(--color-border-row)}th{color:var(--color-text-placeholder);font-weight:500;background:var(--color-bg-muted)}td strong,td small{display:block}td small{margin-top:3px;color:var(--color-text-disabled);font-size:var(--type-caption-size)}.status-badge{display:inline-flex;padding:4px 8px;border-radius:999px;background:var(--color-bg-primary-subtle);color:var(--color-primary);font-size:var(--type-caption-size)}.status-badge.active,.status-badge.enrolled{background:var(--color-bg-primary-subtle);color:var(--color-primary)}.status-badge.inactive{background:var(--color-bg-neutral);color:var(--color-text-placeholder)}.status-badge.completed{background:var(--color-bg-primary-subtle);color:var(--color-primary)}.status-badge.pending{background:var(--color-bg-neutral);color:var(--color-text-placeholder)}.table-action{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);height:var(--control-height);min-height:var(--control-height);padding:0 var(--control-padding-x);border:1px solid var(--color-border);border-radius:var(--control-radius);background:var(--color-bg-surface);color:var(--color-primary);font-size:var(--control-font-size);font-weight:500;white-space:nowrap;cursor:pointer;box-sizing:border-box;vertical-align:middle}.table-action:hover{background:var(--color-bg-primary-subtle)}.table-action.primary-table-action{background:var(--color-primary);color:var(--color-accent-ink);border-color:var(--color-primary);font-weight:500;margin-right:var(--space-2)}.table-action.primary-table-action:hover{background:var(--color-primary-hover)}.empty-state{padding:28px;color:var(--color-text-placeholder);text-align:center}@media(max-width:760px){.dashboard-card{padding:20px}.dashboard-header,.dashboard-intro{align-items:flex-start;flex-direction:column}.user-menu{width:100%;justify-content:space-between}.stat-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:420px){.stat-grid{grid-template-columns:1fr}}@media(max-width:620px){.dashboard-card{width:100%;padding:16px;border-radius:18px}.dashboard-header{padding-bottom:18px}.dashboard-intro{padding:22px 0 28px}.dashboard-intro .outline-button{width:100%}.table-wrap{overflow-x:auto;border:0}table{display:block;min-width:0}thead{display:none}tbody,tr{display:grid;gap:0}tbody tr{margin-bottom:10px;border:1px solid var(--color-border-soft);border-radius:12px;background:var(--color-bg-surface)}tbody td{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-bottom:1px solid var(--color-border-row);text-align:right}tbody td:first-child{display:block;padding-bottom:11px;text-align:left;background:var(--color-bg-subtle);border-radius:12px 12px 0 0}tbody td:nth-child(2):before{content:"Status"}tbody td:nth-child(3):before{content:"Kelompok"}tbody td:nth-child(4):before{content:"Posyandu"}tbody td:nth-child(5):before{content:"Aksi"}tbody td:before{color:var(--color-text-placeholder);font-size:var(--type-caption-size);text-align:left}tbody td:last-child{border-bottom:0}tbody td.empty-state{display:block;padding:28px 16px;text-align:center}tbody td.empty-state:before{display:none}.table-action{margin-left:auto}.participant-progress-item{grid-template-columns:38px minmax(0,1fr)}.participant-progress-item .status-badge{grid-column:2;justify-self:start}}.manage-alert{border-radius:10px;font-size:var(--type-label-size);line-height:1.45}.manage-alert--error{border-color:var(--color-error-border);background:var(--color-error-bg);color:var(--color-error-text)}.manage-alert--error>span{background:var(--color-error);color:var(--color-on-primary)}.section-actions{display:flex;align-items:center;gap:10px}.section-actions .themed-select{width:150px}.search-input{width:190px;height:var(--control-height);min-height:var(--control-height);border-radius:var(--control-radius);font-size:var(--control-font-size);padding:0 var(--control-padding-x);box-sizing:border-box}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;padding:20px;background:var(--color-overlay)}.modal-card{width:min(100%,520px);max-height:calc(100dvh - 40px);overflow-y:auto;padding:24px;border-radius:18px;background:var(--color-bg-surface);box-shadow:0 20px 60px var(--color-shadow-strong)}.progress-modal{width:min(calc(100% - 48px),1040px)}.progress-loading{padding:24px 0;color:var(--color-text-muted);text-align:center}.progress-summary{display:flex;align-items:baseline;gap:9px;margin:18px 0 14px;padding:16px;border:1px solid var(--color-border-light);border-radius:12px;background:var(--color-bg-subtle);color:var(--color-text-muted)}.progress-summary strong{color:var(--color-primary);font-size:var(--type-stat-size);font-weight:500}.progress-summary span{font-size:var(--type-label-size)}.participant-status-row{display:grid;grid-template-columns:auto auto minmax(150px,1fr) minmax(170px,.9fr) auto auto auto;align-items:center;gap:10px;margin:16px 0 6px;padding:14px 16px;border:1px solid var(--color-border-panel);border-radius:12px;color:var(--color-text-muted);font-size:var(--type-label-size)}.participant-status-row .status-badge{margin-right:0}.participant-status-row button:disabled{cursor:wait}.status-history{margin-top:20px;padding-top:16px;border-top:1px solid var(--color-border-panel)}.status-history .eyebrow{margin-bottom:9px;font-size:var(--type-micro-size)}.status-history-item{display:flex;justify-content:space-between;gap:12px;padding:8px 0;color:var(--color-text-secondary);font-size:var(--type-caption-size)}.status-history-item+.status-history-item{border-top:1px solid var(--color-border-row)}.status-history-item small{color:var(--color-text-faint);text-align:right}.research-panel{background:var(--color-bg-panel)}.research-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}.research-form button{align-self:end}.research-form+.form-alert{margin-top:14px}.research-fieldset{grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:4px 0 0;padding:14px;border:1px solid var(--color-border-subtle);border-radius:12px;background:var(--color-bg-surface)}.research-fieldset legend{grid-column:1 / -1;padding:0 6px;color:var(--color-primary);font-size:var(--control-font-size);font-weight:500;margin-bottom:2px}.research-food-groups{grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;color:var(--color-text-secondary);font-size:var(--type-caption-size)}.research-food-groups>span{grid-column:1 / -1;color:var(--color-text-muted)}.research-check{display:flex;align-items:center;gap:8px;font-weight:300}.research-check input{width:16px;min-height:16px;accent-color:var(--color-primary)}.modal-header-grid{grid-column:1 / -1;display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin-bottom:6px}.modal-header-grid .status-readonly-field{margin-bottom:0;min-width:140px;flex:0 0 auto}.modal-header-grid>label{flex:0 0 auto;min-width:180px}.research-response-grid{grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}.research-response-grid label{display:flex;flex-direction:column;justify-content:space-between;gap:6px;padding:8px 10px;border:1px solid var(--color-border-neutral);border-radius:8px;background:var(--color-bg-muted);color:var(--color-text-eyebrow);font-size:var(--type-caption-size);line-height:1.35}.research-form .span-all{grid-column:1 / -1}.research-form textarea{width:100%;resize:vertical;border:1px solid var(--color-border);border-radius:10px;padding:10px 12px;color:var(--color-text-manage);font:inherit;font-weight:300}.recall-episode{grid-column:1 / -1;display:grid;grid-template-columns:74px minmax(0,1fr) minmax(0,1fr) 110px minmax(150px,1fr) minmax(100px,1fr) auto;align-items:center;gap:8px;padding:10px;border:1px solid var(--color-border-panel);border-radius:10px;background:var(--color-bg-panel)}.recall-episode strong{color:var(--color-primary);font-size:var(--type-caption-size);font-weight:500}.recall-episode input{min-width:0}.milk-feed-list{grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.milk-feed-list label{display:grid;grid-template-columns:minmax(0,1fr) 110px 100px;align-items:center;gap:7px;color:var(--color-text-muted);font-size:var(--type-caption-size)}@media(max-width:900px){.recall-episode{grid-template-columns:1fr 1fr}.recall-episode strong{grid-column:1 / -1}.milk-feed-list{grid-template-columns:1fr}}@media(max-width:520px){.recall-episode{grid-template-columns:1fr}.recall-episode strong{grid-column:auto}.milk-feed-list label{grid-template-columns:1fr}}.correction-list{display:grid;gap:10px;margin-top:16px}.correction-item{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:12px 14px;border:1px solid var(--color-border-subtle);border-radius:12px;background:var(--color-bg-surface);box-shadow:0 2px 6px var(--color-shadow)}.correction-info{display:grid;gap:6px;flex:1;min-width:0}.correction-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:var(--type-label-size)}.correction-meta strong{color:var(--color-primary)}.form-badge{padding:2px 7px;border-radius:6px;background:var(--color-bg-primary-subtle);color:var(--color-primary);font-size:var(--type-micro-size);font-weight:500}.var-badge{color:var(--color-text-secondary);font-size:var(--type-caption-size)}.correction-values{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:2px}.val-pill{padding:3px 8px;border-radius:6px;font-size:var(--type-caption-size);font-family:var(--font-family-base)}.val-old{background:var(--color-error-old-bg);border:1px solid var(--color-error-old-border);color:var(--color-error-strong)}.val-new{background:var(--color-success-bg-soft);border:1px solid var(--color-success-border-soft);color:var(--color-success-badge)}.val-arrow{color:var(--color-text-disabled);font-weight:600}.correction-reason{color:var(--color-text-placeholder);font-size:var(--type-caption-size);line-height:1.4;margin-top:2px}.correction-actions{display:flex;align-items:center;gap:8px;white-space:nowrap;flex-shrink:0}.approve-btn{background:var(--color-primary)!important;color:var(--color-on-primary)!important;border-color:var(--color-primary)!important}.approve-btn:hover{background:var(--color-primary-active)!important}.reject-btn{background:var(--color-bg-surface)!important;color:var(--color-error)!important;border-color:var(--color-error-outline)!important}.reject-btn:hover{background:var(--color-error-bg-soft)!important}.old-val-hint{display:block;margin-top:3px;color:var(--color-primary);font-size:var(--type-caption-size)}.old-val-hint strong{font-weight:600;color:var(--color-primary-hover)}.readonly-old-value{background:var(--color-bg-muted)!important;border-color:var(--color-border-slate)!important;color:var(--color-text-eyebrow)!important;font-family:var(--font-family-base);font-weight:300!important;cursor:not-allowed}@media(max-width:720px){.research-form{grid-template-columns:1fr}}@media(max-width:720px){.research-fieldset{grid-template-columns:1fr}.research-food-groups,.research-response-grid{grid-template-columns:1fr 1fr}}.participant-progress-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.participant-progress-item{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--color-border-row);border-radius:10px}.progress-module-index{color:var(--color-primary);font-size:var(--type-caption-size);font-weight:500}.progress-module-title{min-width:0;color:var(--color-text-secondary);font-size:var(--type-label-size)}.modal-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.modal-heading h2{margin:0}.modal-close{width:34px;height:34px;padding:0;border-radius:50%;background:var(--color-bg-neutral);color:var(--color-text-neutral);font-size:var(--type-title-size);font-weight:400}.modal-card form{margin-top:20px}.modal-actions{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:10px;margin-top:4px}@media(max-width:620px){.section-heading,.section-actions{align-items:stretch;flex-direction:column}.search-input,.section-actions .themed-select,.section-actions button{width:100%}}.credential-note{display:grid;gap:6px;margin:18px 0 0;padding:14px 16px;border:1px solid var(--color-success-border);border-radius:12px;background:var(--color-success-bg);color:var(--color-success);font-size:var(--type-label-size)}.credential-note strong{font-size:var(--type-control-size);font-weight:500}.credential-note b{font-weight:600;letter-spacing:.04em}.credential-note small{color:var(--color-text-muted);line-height:1.45}.modal-card input[readonly]{background:var(--color-bg-muted);color:var(--color-text-placeholder)}.modal-card input,.modal-card select{height:var(--control-height);min-height:var(--control-height);width:100%;border:1px solid var(--color-border);border-radius:var(--control-radius);padding:0 var(--control-padding-x);background:var(--color-bg-surface);color:var(--color-text-manage);font:inherit;font-weight:300;box-sizing:border-box}.modal-card select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2352706e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:17px}.generated-code-note{display:flex;align-items:center;justify-content:space-between;height:var(--control-height);min-height:var(--control-height);padding:0 var(--control-padding-x);border:1px dashed var(--color-border);border-radius:var(--control-radius);background:var(--color-bg-subtle);margin-bottom:10px;box-sizing:border-box}.generated-code-note span{color:var(--color-text-neutral);font-size:var(--type-label-size);font-weight:500}.generated-code-note strong{color:var(--color-primary);font-size:var(--type-label-size);font-weight:600}.modal-card select{font-family:var(--font-family-base);font-size:var(--type-control-size);line-height:1.5;font-weight:300;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}.modal-card select:hover{border-color:var(--color-border-hover);background-color:var(--color-bg-panel)}.modal-card select:focus-visible{outline:0;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-focus-shadow)}.modal-card select:disabled{opacity:.72;background-color:var(--color-bg-muted);cursor:not-allowed}.modal-card option{padding:10px;color:var(--color-text-manage);background:var(--color-bg-surface);font-family:var(--font-family-base);font-weight:300}.field-error{margin:-10px 0 0;color:var(--color-error);font-size:var(--type-caption-size);line-height:1.4;font-weight:400}.modal-card input.input-invalid{border-color:var(--color-error-border-input);background:var(--color-error-bg-input)}.modal-card input.input-invalid:focus-visible{border-color:var(--color-error-border-strong);box-shadow:0 0 0 3px var(--color-error-shadow)}@media(max-width:480px){.form-alert,.sync-note{gap:8px;padding:9px 11px;font-size:var(--type-label-size);line-height:1.4}.form-alert>span{flex-basis:18px;width:18px;height:18px;font-size:var(--type-micro-size)}.field-error{font-size:var(--type-micro-size)}}.manage-navigation{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin:20px 0 4px;padding:6px;border:1px solid var(--color-border-subtle);border-radius:16px;background:var(--color-bg-subtle)}.manage-navigation__item{display:grid;gap:2px;min-height:54px;padding:9px 10px;border:1px solid transparent;border-radius:11px;background:transparent;color:var(--color-text-muted);font-weight:300;text-align:left}.manage-navigation__item span{font-size:var(--type-caption-size);font-weight:500}.manage-navigation__item small{overflow:hidden;font-size:var(--type-micro-size);font-weight:300;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.manage-navigation__item:hover{border-color:var(--color-border-light);background:var(--color-bg-surface);color:var(--color-primary)}.manage-navigation__item.active{border-color:var(--color-border-active);background:var(--color-bg-primary-subtle);color:var(--color-primary);box-shadow:0 2px 8px var(--color-shadow-brand-soft)}.operation-center,.governance-center{display:grid;gap:16px}.operation-center>.form-alert,.governance-center>.form-alert{margin-top:0}.operation-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.operation-summary article{display:grid;gap:4px;padding:14px;border:1px solid var(--color-border-subtle);border-radius:12px;background:var(--color-bg-panel)}.operation-summary span{color:var(--color-text-placeholder);font-size:var(--type-caption-size)}.operation-summary strong{color:var(--color-primary);font-size:var(--type-title-size);font-weight:500}.operation-grid,.governance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.subpanel{min-width:0;padding:16px;border:1px solid var(--color-border-subtle);border-radius:14px;background:var(--color-bg-panel)}.wide-subpanel{width:100%}.subpanel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.subpanel-heading h3{margin:0;color:var(--color-primary-subtle);font-size:var(--type-control-size);font-weight:500}.subpanel-heading span{display:grid;min-width:26px;height:26px;place-items:center;border-radius:999px;background:var(--color-bg-primary-subtle);color:var(--color-primary);font-size:var(--type-micro-size)}.subpanel-heading small,.compact-copy{color:var(--color-text-placeholder);font-size:var(--type-caption-size);line-height:1.5}.queue-list,.governance-list{display:grid;gap:8px}.queue-item,.governance-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 11px;border:1px solid var(--color-border-panel-soft);border-radius:10px;background:var(--color-bg-surface)}.queue-item strong,.governance-item strong{display:block;color:var(--color-text-secondary);font-size:var(--type-caption-size);font-weight:500}.queue-item small,.governance-item small{display:block;margin-top:3px;color:var(--color-text-faint);font-size:var(--type-micro-size);line-height:1.4}.queue-actions{display:flex;align-items:center;gap:7px}.empty-inline{margin:0;padding:16px 8px;color:var(--color-text-faint);font-size:var(--type-caption-size);text-align:center}.operation-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border:1px solid var(--color-border);border-radius:12px;background:var(--color-toolbar-bg)}.operation-toolbar strong,.operation-toolbar small{display:block}.operation-toolbar strong{color:var(--color-primary-subtle);font-size:var(--type-label-size);font-weight:500}.operation-toolbar small{margin-top:3px;color:var(--color-text-placeholder);font-size:var(--type-micro-size)}.incident-form{margin-top:0}.compact-form{display:grid;gap:10px}.compact-form label{display:grid;gap:5px;color:var(--color-text-muted);font-size:var(--type-caption-size)}.compact-form input,.compact-form textarea,.governance-item input,.governance-item textarea,.incident-item textarea{width:100%;min-height:var(--control-height);padding:9px 10px;border:1px solid var(--color-border);border-radius:9px;background:var(--color-bg-surface);color:var(--color-text-manage);font:inherit;font-weight:300;resize:vertical}.stack-actions{display:grid;gap:8px}.danger-outline{border:1px solid var(--color-error-danger-border);background:var(--color-error-danger-bg);color:var(--color-error-danger)}.governance-item-controls{display:grid;grid-template-columns:130px 110px minmax(140px,1fr) auto auto;align-items:center;gap:7px;width:min(100%,720px)}.governance-item-controls .themed-select__trigger{min-height:var(--control-height);padding:8px 10px;font-size:var(--type-caption-size)}.governance-item-controls .table-action{height:var(--control-height);min-height:var(--control-height);font-size:var(--control-font-size);padding:0 var(--control-padding-x)}.governance-change{align-items:flex-start}.governance-change>div:first-child{flex:1}.governance-change input{width:100%;margin-top:7px;padding:8px 9px;border:1px solid var(--color-border);border-radius:8px;font:inherit;font-size:var(--type-caption-size);font-weight:300}.incident-item{align-items:flex-start}.incident-item>div{display:grid;flex:1;gap:7px}.audit-list{display:grid;max-height:420px;overflow:auto}.audit-list article{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 4px;border-bottom:1px solid var(--color-border-panel-row)}.audit-list strong,.audit-list small{display:block}.audit-list strong{color:var(--color-text-secondary);font-size:var(--type-caption-size);font-weight:500}.audit-list small,.audit-list time{margin-top:3px;color:var(--color-text-faint);font-size:var(--type-micro-size)}@media(max-width:960px){.manage-navigation{grid-template-columns:repeat(4,minmax(0,1fr))}.governance-item{align-items:stretch;flex-direction:column}.governance-item-controls{grid-template-columns:1fr 1fr;width:100%}}@media(max-width:720px){.manage-navigation{display:flex;overflow-x:auto;scroll-snap-type:x proximity;padding:5px}.manage-navigation__item{flex:0 0 132px;scroll-snap-align:start}.operation-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.operation-grid,.governance-grid{grid-template-columns:1fr}.operation-toolbar{align-items:stretch;flex-direction:column}.operation-toolbar button{width:100%}.governance-item-controls{grid-template-columns:1fr 1fr;gap:6px}.queue-item{align-items:flex-start;flex-direction:column}.queue-actions{width:100%}.queue-actions button{flex:1}}@media(max-width:420px){.operation-summary{grid-template-columns:1fr}.subpanel{padding:13px}.audit-list article{align-items:flex-start;flex-direction:column}}.load-more-button{display:block;margin:14px auto 0}.password-change-backdrop{z-index:100;cursor:default}.password-change-card{width:min(100%,460px)}.password-change-card form{display:grid;gap:14px;margin-top:18px}.temporary-credential{grid-column:1 / -1;padding:8px 10px;border:1px dashed var(--color-error-danger-border);border-radius:8px;background:var(--color-error-danger-bg);color:var(--color-error-danger)!important;overflow-wrap:anywhere}.form-submit-actions{display:flex;justify-content:flex-end;gap:10px;grid-column:1 / -1}.form-submit-actions button{min-width:150px}@media(max-width:520px){.form-submit-actions{flex-direction:column-reverse}.form-submit-actions button{width:100%}}.participant-assignment-editor{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:10px;margin:14px 0;padding:16px;border:1px solid var(--color-border-subtle);border-radius:12px;background:var(--color-bg-subtle)}.participant-assignment-editor>strong{grid-column:1 / -1;color:var(--color-text-secondary);font-size:var(--type-caption-size);font-weight:500}.participant-assignment-editor>span{display:flex;align-items:center;min-height:var(--control-height);padding:0 var(--control-padding-x);border:1px solid var(--color-border);border-radius:var(--control-radius);background:var(--color-bg-muted);color:var(--color-text-muted);font-size:var(--type-caption-size)}.participant-assignment-editor input{min-height:var(--control-height);padding:0 var(--control-padding-x);border:1px solid var(--color-border);border-radius:var(--control-radius);font:inherit;font-weight:300}.participant-assignment-editor>button{grid-column:4;justify-self:end}@media(max-width:760px){.participant-assignment-editor{grid-template-columns:1fr}.participant-assignment-editor>strong{grid-column:auto}}.form-status-table{max-height:320px;margin:4px 0 18px}.form-status-table td,.form-status-table th{white-space:nowrap}.registry-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0 14px}.registry-summary span{display:grid;gap:2px;padding:10px;border:1px solid var(--color-border-subtle);border-radius:12px;background:var(--color-registry-bg);color:var(--color-text-muted);font-size:var(--type-caption-size)}.registry-summary strong{color:var(--color-primary-deep);font-size:var(--type-section-size);font-weight:500}.credential-inline{max-width:100%;padding:7px 9px;border-radius:8px;background:var(--color-warning-credential-bg);color:var(--color-warning-credential-text);font-family:inherit;font-size:var(--type-caption-size);overflow-wrap:anywhere}@media(max-width:640px){.registry-summary{grid-template-columns:1fr}.credential-inline{width:100%}}.governance-divider{height:1px;margin:24px 0;background:var(--color-border-divider)}.governance-tabs{display:flex;gap:var(--space-1);overflow-x:auto;margin:var(--space-5) 0;padding:var(--space-1);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-bg-subtle);scrollbar-width:none}.governance-tabs::-webkit-scrollbar{display:none}.governance-tabs button{flex:1 0 max-content;min-height:var(--control-height);padding:0 var(--space-3);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-muted);font-size:var(--type-label-size);font-weight:500;box-shadow:none}.governance-tabs button:hover{transform:none!important;box-shadow:none!important}.governance-tabs button.active{background:var(--color-bg-control);color:var(--color-primary);box-shadow:none}@media(max-width:600px){.shell,.shell-manage{padding:0;max-width:100vw;overflow-x:hidden;box-sizing:border-box}.dashboard-card{width:100%;max-width:100vw;padding:12px;border-radius:0;box-shadow:0 4px 16px var(--color-shadow);box-sizing:border-box;overflow-x:hidden}.dashboard-header{flex-direction:column;align-items:stretch;gap:8px;padding-bottom:10px}.user-menu{width:100%;justify-content:space-between;font-size:var(--type-label-size);background:var(--color-bg-muted);padding:6px 10px;border-radius:8px}.user-menu span{font-size:var(--type-caption-size);font-weight:500}.user-menu button{padding:4px 10px;font-size:var(--type-caption-size)}.manage-navigation{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:6px;padding:4px 2px 8px;margin-bottom:12px;scrollbar-width:none}.manage-navigation::-webkit-scrollbar{display:none}.manage-navigation__item{flex:0 0 auto;padding:8px 14px;border-radius:99px;font-size:var(--type-label-size);white-space:nowrap}.dashboard-intro{flex-direction:column;align-items:stretch;gap:8px}.dashboard-intro h1{font-size:var(--type-title-size)}.stat-grid{grid-template-columns:repeat(2,1fr);gap:8px}.stat-card{padding:10px;border-radius:12px}.stat-card strong{font-size:var(--type-subtitle-size)}.stat-card span{font-size:var(--type-caption-size)}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:10px;border:1px solid var(--color-border-neutral)}.table-wrap table{font-size:var(--type-caption-size)}.table-wrap th,.table-wrap td{padding:8px 10px}.research-form{grid-template-columns:1fr!important;gap:12px!important}.research-fieldset{grid-template-columns:1fr!important;padding:12px!important;gap:10px!important}.research-response-grid,.research-food-groups{grid-template-columns:1fr!important;gap:8px!important}.recall-episode{grid-template-columns:1fr!important;padding:10px!important;gap:6px!important;background:var(--color-bg-surface);border:1px solid var(--color-border-slate);border-radius:10px}.recall-episode strong{grid-column:auto!important;color:var(--color-primary);font-size:var(--type-label-size)}.milk-feed-list label{grid-template-columns:1fr!important;gap:4px!important}input,select,textarea,.themed-select__trigger,.themed-date__trigger{min-height:var(--control-height);font-size:var(--type-control-size)!important}button{height:var(--control-height);min-height:var(--control-height)}}.eligibility-status-box{grid-column:1 / -1;padding:8px 14px;border-radius:8px;border:1px solid var(--color-border-slate);background:var(--color-bg-muted);display:flex;align-items:center;margin:4px 0;border-left-width:4px}.eligibility-status-box.eligibility--ELIGIBLE{background:var(--color-bg-muted);border-color:var(--color-border-slate);border-left-color:var(--color-success-strong)}.eligibility-status-box.eligibility--ELIGIBLE strong{color:var(--color-success-badge)}.eligibility-status-box.eligibility--NOT_ELIGIBLE{background:var(--color-bg-muted);border-color:var(--color-border-slate);border-left-color:var(--color-error)}.eligibility-status-box.eligibility--NOT_ELIGIBLE strong{color:var(--color-error-strong)}.eligibility-status-box.eligibility--PENDING{background:var(--color-bg-muted);border-color:var(--color-border-slate);border-left-color:var(--color-warning-text)}.eligibility-status-box.eligibility--PENDING strong{color:var(--color-warning-text)}.eligibility-badge{display:flex;align-items:center;justify-content:space-between;width:100%;gap:12px;flex-wrap:wrap}.eligibility-badge .eyebrow{margin:0;font-size:var(--type-caption-size);letter-spacing:.03em;color:var(--color-text-placeholder)}.eligibility-badge strong{font-size:var(--type-label-size);font-weight:600}.status-readonly-field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.status-readonly-field .field-label{font-size:var(--type-label-size);font-weight:var(--type-label-weight);color:var(--color-text-secondary)}.status-pill-badge{display:flex;align-items:center;justify-content:space-between;height:var(--control-height);min-height:var(--control-height);padding:0 var(--control-padding-x);border-radius:var(--control-radius);font-size:var(--control-font-size);font-weight:500;width:100%;box-sizing:border-box}.status-pill--screened{background:var(--color-bg-neutral);color:var(--color-text-eyebrow);border:1px solid var(--color-border-slate)}.status-pill-badge strong{font-weight:600}.pill-subtext{font-size:var(--type-caption-size);color:var(--color-text-placeholder);font-weight:400}*,*:before,*:after{box-sizing:border-box}html,body,#app{min-height:100%;margin:0;padding:0}html,body,#app,.shell,.shell-manage,.dashboard-card{max-width:100vw;overflow-x:hidden;box-sizing:border-box}img,svg{max-width:100%}.dashboard-card,.panel-section,.section-heading>*,.queue-item>*,.governance-item>*{min-width:0}.manage-login-card{max-width:520px;margin-inline:auto}.section-heading,.section-actions,.subpanel-heading,.participant-status-row{flex-wrap:wrap}.section-actions{justify-content:flex-end}.queue-item strong,.queue-item small,.governance-item strong,.governance-item small,.status-history-item,.credential-note{overflow-wrap:anywhere}.participant-status-row .themed-select{flex:1 1 180px}.modal-card{overscroll-behavior:contain;scrollbar-gutter:stable}.support-request-item{align-items:flex-start}.support-request-item>div:first-child{flex:1;min-width:0}.support-direct-actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.support-role-note{margin:0!important;color:var(--color-warning-text)!important}.support-temporary-pin{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:var(--color-warning-bg);font-weight:600;letter-spacing:.08em}.support-resolution{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-3);width:min(100%,760px);padding:var(--space-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-bg-subtle)}.support-field{display:grid;align-content:start;gap:var(--space-2);min-width:0;color:var(--color-text-secondary);font-size:var(--type-label-size);font-weight:500}.support-field--wide,.support-escalation-toggle,.support-save-action{grid-column:1 / -1}.support-field textarea{min-width:0}.support-escalation-toggle{display:flex;align-items:center;gap:var(--space-2);min-height:var(--control-height);color:var(--color-text-secondary);font-size:var(--type-label-size);cursor:pointer}.support-escalation-toggle input{width:18px;height:18px;margin:0;accent-color:var(--color-primary)}.support-save-action{justify-self:end}@media(min-width:761px)and (max-width:1024px){.shell{padding:16px}.dashboard-card{padding:22px}.manage-navigation{grid-template-columns:repeat(4,minmax(0,1fr))}.research-form{grid-template-columns:repeat(2,minmax(0,1fr))}.participant-status-row{grid-template-columns:auto auto minmax(140px,1fr) auto;align-items:center}.participant-assignment-editor{grid-template-columns:repeat(2,minmax(0,1fr))}.participant-assignment-editor>button{grid-column:2}.participant-status-row>span:first-child{flex:0 0 auto}.correction-item{align-items:stretch;flex-direction:column}.correction-actions{justify-content:flex-end}.support-request-item{align-items:stretch;flex-direction:column}.support-resolution{width:100%}}@media(max-width:760px){.shell{padding:8px}.manage-login-card{width:100%;padding:22px;border-radius:18px}.dashboard-card{width:100%}.manage-navigation__item small{display:none}.section-heading{align-items:stretch;flex-direction:column}.section-heading .section-actions{width:100%}.participant-status-row{grid-template-columns:1fr;align-items:stretch}.participant-progress-list{grid-template-columns:1fr}.participant-assignment-editor>button{grid-column:1;width:100%}.participant-status-row .status-badge{align-self:flex-start;margin-right:0}.participant-status-row .themed-select,.participant-status-row button{width:100%}.correction-item{align-items:stretch;flex-direction:column}.correction-actions{width:100%;white-space:normal}.correction-actions button{flex:1}.support-request-item{align-items:stretch;flex-direction:column}.support-resolution{grid-template-columns:1fr;width:100%}.support-field--wide,.support-escalation-toggle,.support-save-action{grid-column:auto}.support-save-action{width:100%}.modal-backdrop{align-items:stretch;padding:0}.modal-card,.progress-modal{width:100%;height:100dvh;max-height:100dvh;padding:18px;border-radius:0}.modal-heading{position:sticky;top:-18px;z-index:8;margin:-18px -18px 12px;padding:16px 18px 12px;background:var(--color-bg-surface);border-bottom:1px solid var(--color-border-neutral)}.modal-heading h2{font-size:var(--type-subtitle-size)}.modal-actions{align-items:stretch;flex-direction:column-reverse}.modal-actions button{width:100%}.research-response-grid,.research-food-groups{grid-template-columns:1fr}.status-history-item{align-items:flex-start;flex-direction:column}.status-history-item small{text-align:left}.subpanel-heading{align-items:stretch;flex-direction:column}.subpanel-heading>button{width:100%}.queue-actions{flex-wrap:wrap}.queue-actions button{min-width:120px}.audit-list{max-height:none}}@media(max-width:420px){.card,.manage-login-card{padding:18px}.dashboard-card{padding:11px;border-radius:14px}.stat-grid,.operation-summary{grid-template-columns:1fr}.user-menu{align-items:stretch;flex-direction:column}.user-menu button{width:100%}.progress-summary{align-items:flex-start;flex-direction:column}.participant-progress-item{grid-template-columns:36px minmax(0,1fr)}.participant-progress-item .status-badge{grid-column:2;justify-self:start}.queue-actions{flex-direction:column}.queue-actions button{width:100%}}.shell-manage:not(.dashboard-mode){min-height:100dvh;place-items:center;padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left))}.shell-manage:not(.dashboard-mode) .manage-login-card{width:min(100%,520px);margin:0}@media(max-width:480px){.shell-manage:not(.dashboard-mode){padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.shell-manage:not(.dashboard-mode) .manage-login-card{padding:18px}}.shell-manage:not(.dashboard-mode){background:var(--login-page-background)}.shell-manage:not(.dashboard-mode) .manage-login-card{border:1px solid var(--color-border-neutral);background:var(--color-bg-surface);box-shadow:var(--login-card-shadow)}body,.shell-manage{background:var(--color-bg)}button{transition:background-color var(--duration-short) var(--ease-out),border-color var(--duration-short) var(--ease-out),color var(--duration-short) var(--ease-out),transform var(--duration-short) var(--ease-out)}.dashboard-card{width:min(100%,1440px);border-color:var(--color-border-subtle);border-radius:var(--radius-xl);background:var(--color-bg-surface);box-shadow:var(--shadow-card)}.dashboard-header{border-color:var(--color-border-subtle)}.dashboard-intro{align-items:end;margin-block-start:var(--space-6);margin-block-end:20px;padding:0;border:0;background:transparent}.dashboard-intro .eyebrow{margin-block-end:var(--space-2)}.stat-card{position:relative;min-height:108px;border-color:var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-bg-subtle);box-shadow:none}.panel-section{margin-block-start:var(--space-8);padding-block-start:var(--space-6);border-block-start:1px solid var(--color-border-subtle);background:transparent;box-shadow:none}.panel-section>.section-heading .eyebrow{display:none}.research-panel{background:transparent}.subpanel{padding:var(--space-5) 0;border:0;border-block-start:1px solid var(--color-border-subtle);border-radius:0;background:transparent;box-shadow:none}.operation-grid>.subpanel:first-child,.governance-grid>.subpanel:first-child{border-block-start:0}.operation-summary article,.registry-summary span,.research-fieldset,.research-response-grid label{border-color:var(--color-border-subtle);background:var(--color-bg-subtle);box-shadow:none}.table-wrap{border-color:var(--color-border-subtle);background:var(--color-bg-control)}th{color:var(--color-text-muted);background:var(--color-bg-primary-muted)}tbody tr{transition:background-color var(--duration-short) var(--ease-out)}.table-action,.outline-button{border-color:var(--color-border);background:var(--color-bg-control);color:var(--color-primary);white-space:nowrap}.primary-table-action,.table-action.primary-table-action{background:var(--color-primary);color:var(--color-accent-ink)}.manage-navigation{gap:var(--space-1);border:1px solid var(--color-border-subtle);background:var(--color-bg-subtle)}.manage-navigation__item{min-width:0;color:var(--color-text-muted);white-space:nowrap}.manage-navigation__item.active{border-color:var(--color-border-active);background:var(--color-bg-primary-subtle);color:var(--color-primary)}.manage-navigation__icon{color:currentColor}.manage-navigation__copy{display:grid;gap:var(--space-1);min-width:0}.manage-navigation__copy strong,.manage-navigation__copy small{display:block;min-width:0}.modal-card{border:1px solid var(--color-border-subtle);background:var(--color-bg-surface);box-shadow:var(--shadow-overlay)}.correction-actions{white-space:nowrap}@media(hover:hover)and (pointer:fine){tbody tr:hover{background:var(--color-bg-primary-tint)}.table-action:hover:not(:disabled),.outline-button:hover:not(:disabled){border-color:var(--color-border-active);background:var(--color-bg-primary-subtle)}.table-action.primary-table-action:hover:not(:disabled){border-color:var(--color-primary-hover);background:var(--color-primary-hover);color:var(--color-accent-ink)}.manage-navigation__item:hover:not(:disabled){background:var(--color-bg-primary-muted);color:var(--color-primary)}}@media(max-width:37.4375rem){.shell-manage.dashboard-mode{display:block;min-height:100dvh;padding:0}.dashboard-card{width:100%;max-width:100vw;overflow-x:hidden;box-sizing:border-box;min-height:100dvh;padding:var(--space-3);border:0;border-radius:0;background:var(--color-bg-surface);box-shadow:none}.dashboard-header{position:sticky;inset-block-start:0;z-index:35;display:flex;align-items:center;justify-content:space-between;flex-direction:row;margin:0;padding:var(--space-2) 0;background:var(--color-bg-surface);border-bottom:1px solid var(--color-border-subtle);width:100%;box-sizing:border-box}.dashboard-header .brand-lockup{margin:0}.dashboard-header .brand-lockup small{display:none}.user-menu{width:auto;padding:0;background:transparent;gap:var(--space-2)}.user-menu>span{display:none}.user-menu button{height:var(--control-height-sm);min-height:var(--control-height-sm);padding:0 var(--space-3);font-size:var(--type-micro-size)}.manage-navigation{position:static;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:var(--space-1);margin:var(--space-2) 0;padding:var(--space-1);border-radius:var(--radius-md);max-width:100%;box-sizing:border-box;-webkit-overflow-scrolling:touch}.manage-navigation::-webkit-scrollbar{display:none}.manage-navigation__item{flex:0 0 auto;scroll-snap-align:start;display:flex;align-items:center;gap:var(--space-1);min-height:36px;padding:var(--space-1) var(--space-3);white-space:nowrap;font-size:var(--type-micro-size)}.manage-navigation__item small{display:none}.manage-navigation__copy strong{overflow:hidden;font-size:var(--type-micro-size);text-overflow:ellipsis}.dashboard-intro{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-block-start:var(--space-2);margin-block-end:12px;padding:0 0 var(--space-2);gap:var(--space-2)}.dashboard-intro .eyebrow,.dashboard-intro p.muted{display:none}.dashboard-intro h1{font-size:var(--type-section-size);margin:0;line-height:var(--type-display-line)}.dashboard-intro .outline-button{height:var(--control-height-sm);min-height:var(--control-height-sm);padding:0 var(--space-3);font-size:var(--type-micro-size);width:auto;flex:0 0 auto}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2);margin-top:var(--space-2)}.stat-card{min-height:auto;padding:var(--space-2) var(--space-3);gap:var(--space-1);border-radius:var(--radius-sm)}.stat-card span{font-size:var(--type-micro-size)}.stat-card strong{font-size:var(--type-section-size);font-weight:600;line-height:1.25}.stat-card small{font-size:var(--type-micro-size);opacity:.8}.panel-section{margin-block-start:var(--space-3);padding-block-start:var(--space-2)}.correction-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));white-space:nowrap}.correction-actions button{width:100%}}@media(max-width:30rem){.manage-navigation{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:37.5rem)and (max-width:63.9375rem){.shell-manage.dashboard-mode{padding:var(--space-4)}.dashboard-card{width:100%;padding:var(--space-5)}.manage-navigation{position:sticky;inset-block-start:var(--space-2);z-index:30;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:var(--space-2)}.manage-navigation__item{grid-template-columns:20px minmax(0,1fr);min-height:58px}.manage-navigation__item small{overflow:hidden;text-overflow:ellipsis}.research-form{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:64rem){.shell-manage.dashboard-mode{padding:var(--space-6)}.dashboard-card{display:grid;grid-template-columns:240px minmax(0,1fr);column-gap:var(--space-6);align-items:start;padding:var(--space-6)}.dashboard-header{grid-column:1 / -1}.manage-navigation{grid-column:1;grid-row:2 / span 80;position:sticky;inset-block-start:var(--space-6);display:flex;align-self:start;flex-direction:column;margin-block-start:var(--space-6);padding:var(--space-2)}.manage-navigation__item{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;column-gap:var(--space-3);width:100%;min-height:60px;padding:var(--space-2) var(--space-3)}.dashboard-card>:not(.dashboard-header):not(.manage-navigation):not(.modal-backdrop){grid-column:2}}@media(pointer:coarse){.table-action{min-height:var(--control-height-sm)}.outline-button,button{min-height:var(--control-height)}}@media(prefers-reduced-motion:reduce){button,tbody tr{transition-duration:.01ms}}.primary-table-action,.table-action.primary-table-action{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2)}.eligibility-badge strong{display:inline-flex;align-items:center;gap:var(--space-2)}.eligibility-dot{width:9px;height:9px;border-radius:50%;background:var(--color-sync-pending)}.eligibility--ELIGIBLE .eligibility-dot{background:var(--color-sync-online)}.eligibility--NOT_ELIGIBLE .eligibility-dot{background:var(--color-error)}@media(max-width:63.9375rem){.participant-table-wrap{overflow:visible;border:0;background:transparent}.participant-table-wrap table,.participant-table-wrap tbody,.participant-table-wrap tr{display:grid;width:100%;max-width:100%;min-width:0}.participant-table-wrap thead{display:none}.participant-table-wrap tbody{gap:var(--space-3)}.participant-table-wrap tr{grid-template-columns:repeat(2,minmax(0,1fr));overflow:hidden;border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-bg-control)}.participant-table-wrap td{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);width:100%;min-width:0;padding:var(--space-3);border-bottom:1px solid var(--color-border-row);text-align:end;overflow-wrap:anywhere}.participant-table-wrap td:first-child,.participant-table-wrap td:last-child{grid-column:1 / -1}.participant-table-wrap td:first-child{display:block;text-align:start;background:var(--color-bg-subtle)}.participant-table-wrap td:nth-child(2):before{content:"Status"}.participant-table-wrap td:nth-child(3):before{content:"Kelompok"}.participant-table-wrap td:nth-child(4):before{content:"Lokasi"}.participant-table-wrap td:nth-child(5):before{content:"Aksi"}.participant-table-wrap td:before{flex:0 0 auto;color:var(--color-text-muted);font-size:var(--type-caption-size);text-align:start}.participant-table-wrap td:last-child{flex-wrap:wrap;border-bottom:0}}@media(max-width:37.4375rem){.participant-table-wrap tr{grid-template-columns:minmax(0,1fr)}.participant-table-wrap td,.participant-table-wrap td:first-child,.participant-table-wrap td:last-child{grid-column:1}.governance-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.governance-tabs button{width:100%;min-width:0;padding-inline:var(--space-2);overflow:hidden;text-overflow:ellipsis}}