.access-code-field{position:relative;width:100%}.access-code-field__input{width:100%;text-align:center;font-family:var(--font-mono);font-size:1.25rem;letter-spacing:.25em;text-transform:uppercase;padding:1rem 2.5rem;background:var(--color-surface-container-low);color:var(--color-on-surface);border:1.5px solid transparent;border-radius:var(--radius-lg);box-shadow:inset 0 1px 2px #0f172a0a;transition:box-shadow .15s ease,border-color .15s ease}.access-code-field__input::placeholder{color:var(--color-outline-variant)}.access-code-field__input:focus-visible{outline:none;border-color:var(--color-on-surface);box-shadow:0 0 0 3px #0f172a0f}.access-code-field__input--invalid{border-color:var(--color-error)}.access-code-field__clear{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);width:2rem;height:2rem;border-radius:var(--radius-md);background:var(--color-surface-container);color:var(--color-on-surface-variant);display:flex;align-items:center;justify-content:center;font-size:1.1rem;line-height:1}.access-code-field__clear:hover{color:var(--color-on-surface)}.access-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-margin-mobile);background:var(--color-surface)}@media (min-width: 768px){.access-page{padding:var(--space-margin)}}.access-card{position:relative;width:100%;max-width:36rem;overflow:hidden;border-radius:var(--radius-lg);background:var(--color-surface-container-lowest);padding:1.5rem;box-shadow:var(--shadow-2)}@media (min-width: 640px){.access-card{padding:2.5rem}}.access-card__glow{position:absolute;width:20rem;height:20rem;border-radius:50%;filter:blur(64px);pointer-events:none}.access-card__glow--top{top:-8rem;right:-8rem;background:color-mix(in srgb,var(--color-secondary-container) 20%,transparent)}.access-card__glow--bottom{bottom:-8rem;left:-8rem;background:color-mix(in srgb,var(--color-surface-container-high) 40%,transparent)}.access-card__content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center}.access-card__badge{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .75rem;border-radius:var(--radius-full);background:var(--color-surface-container);color:var(--color-on-surface-variant);margin-bottom:1.5rem;box-shadow:var(--shadow-1)}.access-card__dot{width:6px;height:6px;border-radius:50%;background:var(--color-secondary)}.access-card__lockmark{width:3rem;height:3rem;border-radius:var(--radius-lg);background:var(--color-primary);display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;box-shadow:var(--shadow-1);padding:.5rem}.access-card__logo{width:100%;height:auto}.access-card__title{color:var(--color-on-surface);margin-bottom:.75rem}.access-card__lede{font-size:var(--font-body-md-size);line-height:var(--font-body-md-line);color:var(--color-on-surface-variant);max-width:28rem;margin:0 0 2rem}.access-card__form{width:100%;display:flex;flex-direction:column;gap:1.5rem}.access-card__field{width:100%;text-align:left}.access-card__field-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem;padding:0 .25rem;color:var(--color-on-surface-variant)}.access-card__encrypted{color:var(--color-secondary)}.access-card__status{min-height:2.5rem;margin-top:.75rem;display:flex;align-items:center;justify-content:center;text-align:center}.access-card__status--loading{color:var(--color-secondary);display:inline-flex;align-items:center;gap:.5rem}.access-card__status--error{color:var(--color-error)}.access-card__submit{width:100%;padding:1rem 1.5rem;font-size:var(--font-headline-md-size);font-weight:500;letter-spacing:normal;text-transform:none}.access-card__note{width:100%;padding:1rem;border-radius:var(--radius-lg);background:var(--color-surface-container-low);color:var(--color-on-surface-variant)}.access-card__admin{margin-top:2rem}.access-card__admin a{color:var(--color-on-surface-variant);text-decoration:none}.access-card__admin a:hover{color:var(--color-on-surface);text-decoration:underline}.welcome-page{min-height:100vh;display:flex;flex-direction:column;background:var(--color-surface)}.welcome-page--loading{align-items:center;justify-content:center;font-size:2rem;color:var(--color-on-surface-variant)}.welcome-page__header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem var(--space-margin-mobile);border-bottom:1px solid var(--color-surface-container-high)}@media (min-width: 768px){.welcome-page__header{padding:1.5rem var(--space-margin)}}.welcome-page__logo{height:1.75rem;width:auto}.welcome-page__session{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .75rem;border-radius:var(--radius-full);background:var(--color-tertiary-fixed);color:var(--color-on-tertiary-fixed-variant)}.welcome-page__center{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.welcome-card{width:100%;max-width:34rem;text-align:center;border-radius:var(--radius-xl);padding:2.5rem 2rem;background:var(--color-surface-container-lowest);box-shadow:var(--shadow-2);animation:welcomeFadeIn .6s cubic-bezier(.16,1,.3,1) both}@keyframes welcomeFadeIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.welcome-card__badge{width:4rem;height:4rem;margin:0 auto 1.5rem;border-radius:var(--radius-lg);background:var(--color-inverse-surface);color:var(--color-tertiary-fixed);display:flex;align-items:center;justify-content:center;font-size:1.75rem;box-shadow:var(--shadow-2)}.welcome-card__eyebrow{color:var(--color-on-surface-variant);margin-bottom:.5rem}.welcome-card__name{font-family:var(--font-display);font-style:italic;font-size:2.5rem;font-weight:600;color:var(--color-on-surface);margin-bottom:.5rem}.welcome-card__project{color:var(--color-on-surface-variant);margin-bottom:2rem}.welcome-card__progress{width:100%;max-width:18rem;height:6px;margin:0 auto 2rem;border-radius:var(--radius-full);background:var(--color-surface-container-high);overflow:hidden}.welcome-card__progress-bar{height:100%;width:0;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--color-inverse-surface),var(--color-on-tertiary-container));animation:welcomeBar 1.6s cubic-bezier(.22,1,.36,1) forwards}@keyframes welcomeBar{0%{width:0%}50%{width:65%}to{width:100%}}.welcome-card__cta{width:100%}.welcome-page__footer{padding:1.25rem var(--space-margin-mobile);text-align:center;color:var(--color-on-surface-variant);border-top:1px solid var(--color-surface-container-high)}@media (min-width: 768px){.welcome-page__footer{padding:1.25rem var(--space-margin)}}.comments-bar{border-top:1px solid var(--color-surface-container-high);padding-top:var(--space-sm);margin-top:.25rem;display:flex;flex-direction:column;gap:var(--space-xs)}.comments-bar__row{display:flex;align-items:center;gap:var(--space-xs)}.comments-bar__form{flex:1;display:flex;align-items:center;gap:.375rem;background:var(--color-surface-container-low);border-radius:var(--radius-full);padding:.375rem .375rem .375rem .875rem}.comments-bar__input{flex:1;border:none;background:transparent;outline:none;color:var(--color-on-surface);min-width:0}.comments-bar__input::placeholder{color:var(--color-on-surface-variant)}.comments-bar__send{flex-shrink:0;width:1.75rem;height:1.75rem;border-radius:50%;border:none;background:var(--color-primary);color:var(--color-on-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .15s ease}.comments-bar__send:disabled{opacity:.4;cursor:default}.comments-bar__toggle{flex-shrink:0;background:none;border:none;cursor:pointer;color:var(--color-on-surface-variant);white-space:nowrap;padding:.25rem .5rem}.comments-bar__toggle:hover{color:var(--color-on-surface)}.comments-bar__list{display:flex;flex-direction:column;gap:.5rem;max-height:12rem;overflow-y:auto;padding-top:.25rem}.comments-bar__empty{color:var(--color-on-surface-variant)}.comments-bar__note{background:var(--color-surface-container-low);border-radius:var(--radius-md);padding:.5rem .75rem;display:flex;flex-direction:column;gap:.125rem}.comments-bar__note-meta{display:flex;align-items:center;justify-content:space-between;color:var(--color-on-surface-variant)}.comments-bar__note-time{opacity:.7}.status-pill{display:inline-flex;align-items:center;gap:.3rem;height:24px;padding:4px 10px;border-radius:var(--radius-full);font-family:var(--font-display);font-size:var(--font-label-caps-size);font-weight:var(--font-label-caps-weight);letter-spacing:var(--font-label-caps-tracking);text-transform:uppercase;white-space:nowrap}.status-pill--neutral{background:var(--color-surface-container);color:var(--color-on-surface-variant)}.status-pill--amber{background:var(--color-secondary-container);color:var(--color-on-secondary-container)}.status-pill--emerald{background:var(--color-tertiary-fixed);color:var(--color-on-tertiary-fixed-variant)}.status-pill--slate{background:var(--color-surface-container-high);color:var(--color-on-surface)}.dashboard-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--color-on-surface-variant)}.portal-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--color-surface) 90%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--color-surface-container-high)}.portal-header__inner{height:4rem;display:flex;align-items:center;justify-content:space-between;gap:var(--space-gutter);padding:0 var(--space-margin-mobile)}@media (min-width: 1024px){.portal-header__inner{padding:0 var(--space-margin)}}.portal-header__brand{display:flex;align-items:center;gap:var(--space-sm)}.portal-header__logo{height:2rem;width:auto}.portal-header__divider{width:1px;height:1rem;background:var(--color-outline-variant)}.portal-header__label{color:var(--color-on-surface-variant)}.portal-header__nav{display:flex;align-items:center;gap:var(--space-md)}.portal-header__nav-item{font-size:var(--font-body-sm-size);color:var(--color-on-surface-variant)}.portal-header__nav-item--active{color:var(--color-on-surface);font-weight:500;text-decoration:underline;text-underline-offset:8px}.dashboard{flex:1;background:var(--color-surface)}.dashboard__banner{background:var(--color-surface-container-low);padding:var(--space-sm) var(--space-margin-mobile)}@media (min-width: 1024px){.dashboard__banner{padding:var(--space-sm) var(--space-margin)}}.dashboard__banner-inner{max-width:1440px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-sm)}.dashboard__banner-title{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm)}.dashboard__dot{width:10px;height:10px;border-radius:50%;background:var(--color-secondary)}.dashboard__slash{color:var(--color-outline-variant)}.dashboard__banner-sub{color:var(--color-on-surface-variant)}.dashboard__body{padding:var(--space-lg) var(--space-margin-mobile);display:flex;flex-direction:column;gap:var(--space-xl)}@media (min-width: 1024px){.dashboard__body{padding:var(--space-lg) 0}}.dashboard__heading{display:flex;flex-direction:column;gap:var(--space-md)}.dashboard__eyebrow{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;color:var(--color-on-surface-variant)}.dashboard__eyebrow-tag{color:var(--color-secondary)}.dashboard__eyebrow-line{width:2rem;height:1px;background:var(--color-outline-variant)}.dashboard__lede{color:var(--color-on-surface-variant);max-width:42rem;margin-top:.5rem}.dashboard__empty{color:var(--color-on-surface-variant);padding:var(--space-lg);text-align:center;background:var(--color-surface-container-low);border-radius:var(--radius-lg)}.dashboard__grid{display:grid;grid-template-columns:1fr;gap:var(--space-lg)}@media (min-width: 1024px){.dashboard__grid{grid-template-columns:repeat(2,1fr)}}.concept-card{display:flex;flex-direction:column;background:var(--color-surface-container-lowest);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);overflow:hidden;transition:box-shadow .2s ease,transform .2s ease}.concept-card:hover{box-shadow:var(--shadow-2);transform:translateY(-2px)}.concept-card__thumb{position:relative;aspect-ratio:16 / 10;background:var(--color-surface-container-high)}.concept-card__thumb-img{width:100%;height:100%;object-fit:cover}.concept-card__thumb-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:3rem;font-weight:700;color:var(--color-on-surface-variant)}.concept-card__selected-badge{position:absolute;top:.75rem;right:.75rem;padding:.25rem .75rem;border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-secondary);box-shadow:var(--shadow-1)}.concept-card__body{padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-md);flex:1}.concept-card__desc{color:var(--color-on-surface-variant)}.concept-card__actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-sm);margin-top:auto;padding-top:.5rem}.concept-card__active{color:var(--color-secondary)}.portal-footer{border-top:1px solid color-mix(in srgb,var(--color-outline-variant) 30%,transparent);background:var(--color-surface-container-lowest);padding:var(--space-lg) 0}.portal-footer__inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-sm);color:var(--color-on-surface-variant)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#0f172a66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:1rem}.modal-card{width:100%;max-width:32rem;background:var(--color-surface-container-lowest);border-radius:var(--radius-xl);padding:var(--space-lg);box-shadow:var(--shadow-3);outline:none}.preview-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;font-size:2rem;color:var(--color-on-surface-variant)}.preview-toolbar{position:sticky;top:4rem;z-index:40;background:color-mix(in srgb,var(--color-surface-container-lowest) 95%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-1);padding:var(--space-sm) var(--space-margin-mobile)}@media (min-width: 1024px){.preview-toolbar{padding:var(--space-sm) var(--space-margin)}}.preview-toolbar__inner{max-width:1720px;margin:0 auto;display:flex;flex-direction:column;align-items:stretch;gap:var(--space-sm)}@media (min-width: 1024px){.preview-toolbar__inner{flex-direction:row;align-items:center;justify-content:space-between}}.preview-toolbar__left{display:flex;align-items:center;gap:var(--space-md);justify-content:space-between}@media (min-width: 1024px){.preview-toolbar__left{justify-content:flex-start}}.preview-toolbar__back{color:var(--color-on-surface-variant);text-decoration:none}.preview-toolbar__back:hover{color:var(--color-on-surface)}.preview-toolbar__divider{width:1px;height:1rem;background:var(--color-surface-container-highest)}.preview-toolbar__title{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.preview-toolbar__live{display:inline-flex;align-items:center;gap:.4rem;padding:.15rem .6rem;border-radius:var(--radius-full);background:var(--color-surface-container-low);color:var(--color-on-tertiary-container)}.preview-toolbar__live-dot{width:6px;height:6px;border-radius:50%;background:var(--color-on-tertiary-container)}.device-switch{display:flex;align-items:center;gap:.25rem;background:var(--color-surface-container-low);padding:.25rem;border-radius:var(--radius-full);box-shadow:inset 0 1px 2px #0f172a0d;align-self:center;max-width:100%;overflow-x:auto}.device-switch__btn{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .9rem;border-radius:var(--radius-full);color:var(--color-on-surface-variant);transition:background-color .15s ease,color .15s ease;flex-shrink:0;white-space:nowrap}@media (max-width: 420px){.device-switch__btn{padding:.4rem .65rem;gap:.25rem}.device-switch__px{display:none}}.device-switch__btn--active{background:var(--color-surface-container-lowest);color:var(--color-on-surface);box-shadow:var(--shadow-1)}.device-switch__px{color:color-mix(in srgb,currentColor 65%,transparent);font-size:.7rem}.preview-toolbar__right{display:flex;align-items:center;gap:var(--space-sm);justify-content:flex-end}@media (max-width: 420px){.preview-toolbar__right .btn{padding:.6rem .9rem;font-size:.7rem;letter-spacing:.04em;white-space:nowrap}}.preview-toolbar__notes-btn{position:relative}.preview-toolbar__notes-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.1rem;height:1.1rem;padding:0 .3rem;border-radius:var(--radius-full);background:var(--color-secondary);color:var(--color-on-secondary);font-size:.65rem}.preview-canvas{flex:1;display:flex;justify-content:center;padding:var(--space-lg) var(--space-margin-mobile);background:var(--color-surface);overflow-x:auto;min-width:0}@media (min-width: 1024px){.preview-canvas{padding:var(--space-lg) var(--space-margin)}}.preview-stage-scale-wrap{position:relative;margin:0 auto;flex-shrink:0}.preview-stage{width:1440px;transform-origin:top left;transition:width .3s ease-out,transform .3s ease-out;display:flex;flex-direction:column;border-radius:var(--radius-xl);background:var(--color-surface-container-lowest);box-shadow:var(--shadow-2);overflow:hidden}.preview-stage__chrome{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:.75rem var(--space-md);background:var(--color-surface-container-low)}.preview-stage__dots{display:flex;align-items:center;gap:.4rem;flex-shrink:0}.preview-stage__dots span{width:10px;height:10px;border-radius:50%;background:color-mix(in srgb,var(--color-outline-variant) 60%,transparent)}.preview-stage__url{flex:1;max-width:28rem;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.4rem .75rem;border-radius:var(--radius-full);background:var(--color-surface-container-lowest);box-shadow:inset 0 1px 2px #0f172a0d;color:var(--color-on-surface-variant);overflow:hidden}.preview-stage__url-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-stage__refresh{flex-shrink:0;color:var(--color-on-surface-variant);font-size:1rem}.preview-stage__refresh:hover{color:var(--color-on-surface)}.preview-stage__viewport{width:100%;height:75vh;background:#fcfbf9}.preview-stage__iframe{width:100%;height:100%;border:none}.preview-toast{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);z-index:70;display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-on-primary);box-shadow:var(--shadow-3)}.notes-drawer{position:fixed;top:0;right:0;bottom:0;z-index:55;width:100%;max-width:26.25rem;background:color-mix(in srgb,var(--color-surface-container-lowest) 98%,transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-3);display:flex;flex-direction:column;transform:translate(100%);transition:transform .3s ease-in-out}.notes-drawer--open{transform:translate(0)}.notes-drawer__header{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--space-md);background:var(--color-surface-container-low)}.notes-drawer__subtitle{color:var(--color-on-surface-variant)}.notes-drawer__close{width:2rem;height:2rem;border-radius:var(--radius-full);color:var(--color-on-surface-variant);font-size:1.25rem;line-height:1}.notes-drawer__close:hover{background:var(--color-surface-container);color:var(--color-on-surface)}.notes-drawer__list{flex:1;overflow-y:auto;padding:var(--space-md);display:flex;flex-direction:column;gap:1rem}.notes-drawer__empty{color:var(--color-on-surface-variant)}.note-card{padding:1rem;border-radius:var(--radius-lg);background:var(--color-surface-container-low);display:flex;flex-direction:column;gap:.5rem}.note-card__meta{display:flex;align-items:center;justify-content:space-between}.note-card__author{color:var(--color-on-surface)}.note-card__time{color:color-mix(in srgb,var(--color-on-surface-variant) 70%,transparent)}.notes-drawer__form{padding:var(--space-md);box-shadow:0 -4px 12px #0f172a0d}.notes-drawer__form-label{display:block;color:var(--color-on-surface-variant);margin-bottom:.5rem}.notes-drawer__textarea{width:100%;padding:.6rem .75rem;border-radius:var(--radius-lg);background:var(--color-surface-container-low);border:none;resize:none;color:var(--color-on-surface)}.notes-drawer__textarea:focus-visible{outline:none;background:var(--color-surface-container-lowest);box-shadow:0 0 0 2px var(--color-on-surface)}.notes-drawer__form-actions{margin-top:.75rem;display:flex;justify-content:flex-end}.select-modal__body{color:var(--color-on-surface-variant);margin:.5rem 0 1.5rem}.select-modal__error{color:var(--color-error);margin-bottom:1rem}.select-modal__actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-sm)}.admin-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--color-on-surface-variant)}.admin-unlock{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-margin-mobile);background:var(--color-surface)}.admin-unlock__card{width:100%;max-width:26rem;display:flex;flex-direction:column;gap:.75rem;padding:2.5rem;border-radius:var(--radius-xl);background:var(--color-surface-container-lowest);box-shadow:var(--shadow-2)}.admin-unlock__logo{height:2rem;width:auto;margin-bottom:.5rem}.admin-unlock__title{margin-bottom:0}.admin-unlock__lede{color:var(--color-on-surface-variant);margin-bottom:.5rem}.admin-unlock__label{color:var(--color-on-surface-variant)}.admin-unlock__input{padding:.65rem .85rem;border-radius:var(--radius-lg);background:var(--color-surface-container-low);border:1px solid transparent}.admin-unlock__input:focus-visible{outline:none;border-color:var(--color-on-surface)}.admin-unlock__error{color:var(--color-error)}.admin-unlock__submit{margin-top:.5rem}.admin-page{min-height:100vh;padding:var(--space-lg) var(--space-margin-mobile);background:var(--color-surface);display:flex;flex-direction:column;gap:var(--space-lg)}@media (min-width: 1024px){.admin-page{padding:var(--space-lg) var(--space-margin)}}.admin-page__topbar{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--space-md)}.admin-page__breadcrumb{color:var(--color-secondary);margin-bottom:.25rem}.admin-page__title-sep{color:var(--color-on-surface-variant);font-weight:400}.admin-page__topbar-actions{display:flex;align-items:center;gap:var(--space-sm)}.admin-page__error{color:var(--color-error);background:var(--color-error-container);padding:.75rem 1rem;border-radius:var(--radius-md)}.admin-detail__back{color:var(--color-on-surface-variant);text-decoration:none;display:inline-block;margin-bottom:.5rem}.admin-detail__back:hover{color:var(--color-on-surface)}.admin-detail__project{color:var(--color-on-surface-variant);margin-top:.25rem}.admin-kpis{display:grid;grid-template-columns:1fr;gap:var(--space-gutter)}@media (min-width: 640px){.admin-kpis{grid-template-columns:repeat(3,1fr)}}.admin-kpi{background:var(--color-surface-container-lowest);border-radius:var(--radius-lg);padding:var(--space-md);box-shadow:var(--shadow-1);display:flex;flex-direction:column;gap:.5rem}.admin-kpi__label{color:var(--color-on-surface-variant)}.admin-kpi__value{font-family:var(--font-display);font-size:2.25rem;font-weight:700;color:var(--color-on-surface);line-height:1}.admin-kpi__sub{color:var(--color-on-surface-variant)}.admin-table-controls{display:flex}.admin-search{flex:1;max-width:26rem;padding:.6rem .9rem;border-radius:var(--radius-md);background:var(--color-surface-container-lowest);box-shadow:var(--shadow-1);border:1px solid transparent}.admin-search:focus-visible{outline:none;border-color:var(--color-on-surface)}.admin-table-wrap{background:var(--color-surface-container-lowest);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;text-align:left}.admin-table th{padding:.9rem var(--space-md);font-family:var(--font-display);font-size:var(--font-label-caps-size);font-weight:600;letter-spacing:var(--font-label-caps-tracking);text-transform:uppercase;color:var(--color-on-surface-variant);background:color-mix(in srgb,var(--color-surface-container-low) 70%,transparent);white-space:nowrap}.admin-table__actions-head{text-align:right}.admin-table td{padding:1rem var(--space-md);border-top:1px solid var(--color-surface-container);vertical-align:middle}.admin-table__client{display:flex;flex-direction:column}.admin-table__client-name{font-weight:600}.admin-table__client-project{color:var(--color-on-surface-variant)}.admin-table__code{background:var(--color-surface-container-low);padding:.25rem .5rem;border-radius:var(--radius-sm)}.admin-table__actions{text-align:right;white-space:nowrap}.admin-table__manage{padding:.5rem 1rem;margin-right:.5rem}.admin-table__icon-btn{width:2rem;height:2rem;border-radius:var(--radius-md);color:var(--color-on-surface-variant)}.admin-table__icon-btn:hover:not(:disabled){background:var(--color-surface-container);color:var(--color-on-surface)}.admin-table__icon-btn:disabled{opacity:.35;cursor:not-allowed}.admin-table__empty{text-align:center;padding:2rem;color:var(--color-on-surface-variant)}.admin-toast{position:fixed;bottom:1.5rem;right:1.5rem;z-index:70;padding:.75rem 1.25rem;border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-on-primary);box-shadow:var(--shadow-3)}.admin-modal__header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-md)}.admin-modal__kicker{color:var(--color-secondary);display:block;margin-bottom:.25rem}.admin-modal__form{display:flex;flex-direction:column;gap:var(--space-sm)}.admin-modal__code-reveal{display:flex;flex-direction:column;gap:.75rem}.admin-modal__code-row{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:var(--radius-lg);background:var(--color-surface-container-low)}.admin-modal__code{font-size:1.1rem;letter-spacing:.1em}.admin-modal__warning{color:var(--color-on-secondary-container);background:var(--color-secondary-container);padding:.6rem .85rem;border-radius:var(--radius-md)}.admin-field{display:flex;flex-direction:column;gap:.35rem}.admin-field label{color:var(--color-on-surface-variant)}.admin-input{padding:.6rem .75rem;border-radius:var(--radius-md);background:var(--color-surface-container-low);border:1px solid transparent;color:var(--color-on-surface)}.admin-input:focus-visible{outline:none;border-color:var(--color-on-surface);background:var(--color-surface-container)}.admin-detail-grid{display:grid;grid-template-columns:1fr;gap:var(--space-gutter)}@media (min-width: 1024px){.admin-detail-grid{grid-template-columns:repeat(2,1fr)}.admin-panel--full{grid-column:1 / -1}}.admin-panel{background:var(--color-surface-container-lowest);border-radius:var(--radius-lg);padding:var(--space-md);box-shadow:var(--shadow-1);display:flex;flex-direction:column;gap:.75rem}.admin-panel__title{margin-bottom:.25rem}.admin-panel__divider{height:1px;background:var(--color-surface-container-high);margin:.5rem 0}.admin-template-list{display:flex;flex-direction:column;gap:.5rem}.admin-template-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:.6rem .75rem;border-radius:var(--radius-md);background:var(--color-surface-container-low)}.admin-template-row__info{display:flex;flex-direction:column}.admin-template-row__slug{color:var(--color-on-surface-variant)}.admin-template-row__actions{display:flex;align-items:center;gap:.35rem}.admin-template-row__remove{color:var(--color-error);padding:.35rem .65rem}.admin-assign-row{display:flex;gap:.5rem;align-items:center}.admin-assign-row .admin-input{flex:1}.admin-notes-group{margin-bottom:1rem}.admin-notes-group__title{margin-bottom:.5rem;font-weight:600}.admin-notes-group__list{display:flex;flex-direction:column;gap:.4rem}.admin-notes-group__item{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.5rem;padding:.5rem .75rem;border-radius:var(--radius-md);background:var(--color-surface-container-low)}.admin-notes-group__time{color:var(--color-on-surface-variant);white-space:nowrap}.admin-template-modal__tabs{display:flex;align-items:center;gap:.25rem;background:var(--color-surface-container-low);padding:.25rem;border-radius:var(--radius-full);width:fit-content;margin:.75rem 0 1rem}.tpl-tab{padding:.4rem .9rem;border-radius:var(--radius-full);color:var(--color-on-surface-variant);background:transparent;border:none;cursor:pointer;transition:background-color .15s ease,color .15s ease}.tpl-tab--active{background:var(--color-surface-container-lowest);color:var(--color-on-surface);box-shadow:var(--shadow-1)}.admin-template-modal__form{display:flex;flex-direction:column;gap:.75rem}.admin-template-modal__hint{color:var(--color-on-surface-variant);margin-top:.375rem}.admin-template-modal__hint code{background:var(--color-surface-container-low);padding:.1rem .35rem;border-radius:var(--radius-sm)}.admin-template-modal__filelist{margin-top:.5rem;color:var(--color-on-surface-variant);display:flex;flex-direction:column;gap:.2rem}:root{--color-surface: #f8f9ff;--color-surface-dim: #d6dae3;--color-surface-bright: #f8f9ff;--color-surface-container-lowest: #ffffff;--color-surface-container-low: #eff4fd;--color-surface-container: #eaeef7;--color-surface-container-high: #e4e8f2;--color-surface-container-highest: #dee3ec;--color-surface-variant: #dee3ec;--color-on-surface: #171c23;--color-on-surface-variant: #45464d;--color-inverse-surface: #2c3138;--color-inverse-on-surface: #edf1fa;--color-outline: #76777d;--color-outline-variant: #c6c6cd;--color-surface-tint: #565e74;--color-primary: #000000;--color-on-primary: #ffffff;--color-primary-container: #131b2e;--color-on-primary-container: #7c839b;--color-inverse-primary: #bec6e0;--color-primary-fixed: #dae2fd;--color-primary-fixed-dim: #bec6e0;--color-on-primary-fixed: #131b2e;--color-on-primary-fixed-variant: #3f465c;--color-secondary: #755a31;--color-on-secondary: #ffffff;--color-secondary-container: #fdd7a4;--color-on-secondary-container: #785c33;--color-secondary-fixed: #ffddb1;--color-secondary-fixed-dim: #e5c18f;--color-on-secondary-fixed: #291800;--color-on-secondary-fixed-variant: #5b421c;--color-tertiary: #000000;--color-on-tertiary: #ffffff;--color-tertiary-container: #002116;--color-on-tertiary-container: #479175;--color-tertiary-fixed: #a6f2d1;--color-tertiary-fixed-dim: #8bd6b6;--color-on-tertiary-fixed: #002116;--color-on-tertiary-fixed-variant: #00513b;--color-error: #ba1a1a;--color-on-error: #ffffff;--color-error-container: #ffdad6;--color-on-error-container: #93000a;--color-background: #f8f9ff;--color-on-background: #171c23;--font-display: "Plus Jakarta Sans", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", "SFMono-Regular", monospace;--font-display-lg-size: 3.5rem;--font-display-lg-weight: 600;--font-display-lg-line: 4rem;--font-display-lg-tracking: -.035em;--font-display-lg-mobile-size: 2.25rem;--font-display-lg-mobile-weight: 600;--font-display-lg-mobile-line: 2.75rem;--font-display-lg-mobile-tracking: -.03em;--font-headline-xl-size: 2.25rem;--font-headline-xl-weight: 600;--font-headline-xl-line: 2.75rem;--font-headline-xl-tracking: -.025em;--font-headline-xl-mobile-size: 1.75rem;--font-headline-xl-mobile-weight: 600;--font-headline-xl-mobile-line: 2.25rem;--font-headline-xl-mobile-tracking: -.02em;--font-headline-lg-size: 1.5rem;--font-headline-lg-weight: 500;--font-headline-lg-line: 2rem;--font-headline-lg-tracking: -.02em;--font-headline-md-size: 1.25rem;--font-headline-md-weight: 500;--font-headline-md-line: 1.75rem;--font-headline-md-tracking: -.015em;--font-body-lg-size: 1.125rem;--font-body-lg-weight: 400;--font-body-lg-line: 1.75rem;--font-body-lg-tracking: -.01em;--font-body-md-size: .9375rem;--font-body-md-weight: 400;--font-body-md-line: 1.5rem;--font-body-md-tracking: -.005em;--font-body-sm-size: .8125rem;--font-body-sm-weight: 400;--font-body-sm-line: 1.25rem;--font-body-sm-tracking: 0em;--font-label-code-size: .8125rem;--font-label-code-weight: 500;--font-label-code-line: 1rem;--font-label-code-tracking: .04em;--font-label-caps-size: .6875rem;--font-label-caps-weight: 600;--font-label-caps-line: .875rem;--font-label-caps-tracking: .08em;--radius-sm: .25rem;--radius-default: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999px;--space-gutter: 1.5rem;--space-gutter-mobile: 1rem;--space-margin: 3rem;--space-margin-mobile: 1.25rem;--space-xs: .375rem;--space-sm: .75rem;--space-md: 1.25rem;--space-lg: 2rem;--space-xl: 3.5rem;--shadow-1: 0 1px 2px rgba(15, 23, 42, .03), 0 6px 16px -4px rgba(15, 23, 42, .04);--shadow-2: 0 12px 36px -8px rgba(15, 23, 42, .08), 0 4px 12px -2px rgba(15, 23, 42, .03);--shadow-3: 0 24px 64px -12px rgba(15, 23, 42, .14);--shadow-hairline: 0 0 0 1px rgba(15, 23, 42, .06);color-scheme:light}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--color-surface);color:var(--color-on-surface);font-family:var(--font-body);font-size:var(--font-body-md-size);line-height:var(--font-body-md-line);letter-spacing:var(--font-body-md-tracking);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img{max-width:100%;display:block}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:none;border:none}a{color:inherit}h1,h2,h3,h4,p{margin:0}ul{margin:0;padding:0;list-style:none}:focus-visible{outline:2px solid var(--color-on-surface);outline-offset:2px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono)}.headline-xl{font-family:var(--font-display);font-size:var(--font-headline-xl-mobile-size);font-weight:var(--font-headline-xl-mobile-weight);line-height:var(--font-headline-xl-mobile-line);letter-spacing:var(--font-headline-xl-mobile-tracking)}@media (min-width: 768px){.headline-xl{font-size:var(--font-headline-xl-size);line-height:var(--font-headline-xl-line);letter-spacing:var(--font-headline-xl-tracking)}}.headline-lg{font-family:var(--font-display);font-size:var(--font-headline-lg-size);font-weight:var(--font-headline-lg-weight);line-height:var(--font-headline-lg-line);letter-spacing:var(--font-headline-lg-tracking)}.headline-md{font-family:var(--font-display);font-size:var(--font-headline-md-size);font-weight:var(--font-headline-md-weight);line-height:var(--font-headline-md-line);letter-spacing:var(--font-headline-md-tracking)}.label-caps{font-family:var(--font-display);font-size:var(--font-label-caps-size);font-weight:var(--font-label-caps-weight);line-height:var(--font-label-caps-line);letter-spacing:var(--font-label-caps-tracking);text-transform:uppercase}.label-code{font-family:var(--font-mono);font-size:var(--font-label-code-size);font-weight:var(--font-label-code-weight);line-height:var(--font-label-code-line);letter-spacing:var(--font-label-code-tracking)}.body-sm{font-size:var(--font-body-sm-size);line-height:var(--font-body-sm-line)}.body-lg{font-size:var(--font-body-lg-size);line-height:var(--font-body-lg-line);letter-spacing:var(--font-body-lg-tracking)}.page-shell{min-height:100vh;display:flex;flex-direction:column}.page-container{width:100%;max-width:1440px;margin:0 auto;padding:0 var(--space-margin-mobile)}@media (min-width: 1024px){.page-container{padding:0 var(--space-margin)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);border-radius:var(--radius-full);padding:.75rem 1.5rem;font-family:var(--font-display);font-size:var(--font-body-sm-size);font-weight:600;letter-spacing:var(--font-label-caps-tracking);text-transform:uppercase;transition:background-color .15s ease,box-shadow .15s ease,transform .1s ease;border:1px solid transparent}.btn:active{transform:scale(.99)}.btn-primary{background:var(--color-primary);color:var(--color-on-primary);box-shadow:var(--shadow-1)}.btn-primary:hover{background:var(--color-primary-container)}.btn-secondary{background:var(--color-surface-container);color:var(--color-on-surface)}.btn-secondary:hover{background:var(--color-surface-container-high)}.btn-ghost{background:transparent;color:var(--color-on-surface-variant)}.btn-ghost:hover{color:var(--color-on-surface)}.btn:disabled{opacity:.6;cursor:not-allowed}.visually-loading-spinner{display:inline-block;width:1em;height:1em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}