@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--font-family-base: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-heading: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--color-background: #f5f7fb;--color-background-muted: #eef1f8;--color-surface: #ffffff;--color-surface-elevated: #fdfdff;--color-primary: #f58b28;--color-primary-dark: #d4721d;--color-secondary: #4c6ef5;--color-secondary-muted: rgba(76, 110, 245, .12);--color-success: #64c288;--color-warning: #f7c948;--color-danger: #f76a6a;--color-text: #1e293b;--color-text-muted: #64748b;--color-border: #dbe4ff;--color-border-strong: #c5d0eb;--color-overlay: rgba(15, 23, 42, .08);--color-sidebar: #0e1726;--color-sidebar-active: #ffffff;--color-sidebar-text: rgba(255, 255, 255, .72);--color-sidebar-muted: rgba(255, 255, 255, .4);--color-sidebar-border: rgba(255, 255, 255, .08);--color-accent-aqua: #6bd3cb;--color-accent-mint: #b4f0dc;--color-accent-soft: #fdf3e7;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-8: 3rem;--radius-sm: .375rem;--radius-md: .75rem;--radius-lg: 1rem;--shadow-soft: 0 8px 20px rgba(15, 23, 42, .08)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-family-base);font-size:16px;line-height:1.5;color:var(--color-text);background-color:var(--color-background);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}p{margin:0}h1,h2,h3,h4,h5,h6{margin:0;font-family:var(--font-family-heading);font-weight:600;color:var(--color-text)}button{font-family:inherit}.institution-card{display:flex;flex-direction:column;gap:var(--space-4);background:var(--color-surface);border-radius:1.25rem;padding:var(--space-5);box-shadow:0 18px 48px #0f172a1a;border:1px solid rgba(208,214,243,.4)}.institution-card__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.institution-card__header h2,.institution-card__header h3{font-size:1.25rem}.institution-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.institution-list__item{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid rgba(208,214,243,.4)}.institution-list__item:last-child{border-bottom:none}.institution-list__subtitle{color:var(--color-text-muted);font-size:.9rem;margin-top:var(--space-1)}.institution-class-assignments{display:flex;gap:var(--space-5)}.institution-classes{display:flex;flex-direction:column;gap:var(--space-5)}.institution-classes__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.institution-classes__filters{display:inline-flex;background:var(--color-surface);padding:.35rem;border-radius:999px;box-shadow:0 10px 24px #0f172a14;border:1px solid rgba(208,214,243,.4)}.institution-tab{border:none;background:transparent;color:var(--color-text-muted);font-weight:600;border-radius:999px;padding:.45rem 1.25rem;cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s ease}.institution-tab--small{font-size:.9rem}.institution-tab--active{background:linear-gradient(135deg,#4c6ef526,#4c6ef559);color:var(--color-secondary);transform:translateY(-1px)}.institution-classes__list{display:flex;flex-direction:column;gap:var(--space-4)}.institution-table{width:100%;border-collapse:collapse;background:var(--color-surface);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 16px 40px #0f172a14;border:1px solid rgba(208,214,243,.35)}.institution-table thead{background:#ecf0ffbf}.institution-table th,.institution-table td{text-align:left;padding:var(--space-3) var(--space-4);font-size:.95rem}.institution-class-row{cursor:default;transition:background .2s ease}.institution-class-row--clickable{cursor:pointer}.institution-class-row--clickable:hover,.institution-class-row--clickable:focus{background:#4c6ef514;outline:none}.institution-table td:last-child{width:60px;text-align:right}.institution-table th{text-transform:uppercase;font-size:.8rem;letter-spacing:.05em;color:var(--color-text-muted)}.institution-table tbody tr+tr{border-top:1px solid rgba(208,214,243,.35)}.institution-class-empty{color:var(--color-text-muted);font-style:italic}.institution-class-form{display:flex;flex-direction:column;gap:var(--space-5)}.institution-class-form__footer{display:flex;justify-content:flex-end;gap:var(--space-3)}.institution-class-form__helper{margin:0;color:var(--color-text-muted);font-size:.9rem}.institution-class-form__section{display:flex;flex-direction:column;gap:var(--space-3)}.institution-class-form__section h3{margin:0;font-size:1.05rem}.class-view{display:grid;grid-template-columns:260px 1fr;gap:var(--space-6)}.class-view__sidebar{position:sticky;top:var(--space-6);align-self:start;background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-4);box-shadow:0 18px 40px #0f172a14;border:1px solid rgba(208,214,243,.35)}.class-view__nav{display:flex;flex-direction:column;gap:var(--space-3)}.class-view__nav-item{display:block;width:100%;text-align:left;background:none;border:none;padding:.75rem 1rem;border-radius:var(--radius-lg);font-weight:600;color:var(--color-text-muted);cursor:pointer;transition:background .2s ease,color .2s ease}.class-view__nav-item:hover,.class-view__nav-item:focus{background:#4c6ef51f;color:var(--color-secondary)}.class-view__nav-item--back{background:linear-gradient(135deg,#4c6ef526,#4c6ef54d);color:var(--color-secondary);margin-bottom:var(--space-2)}.class-view__content{display:flex;flex-direction:column;gap:var(--space-5)}.class-view__header h1{margin:0;font-size:2rem}.class-view__subtitle{margin:.35rem 0 0;color:var(--color-text-muted)}.class-view__section{scroll-margin-top:100px}.institution-class-form__option input[type=checkbox]{width:1.1rem;height:1.1rem;border-radius:var(--radius-sm);border:1px solid var(--color-border);accent-color:var(--color-secondary)}.institution-class-form__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2);max-height:220px;overflow-y:auto}.institution-class-form__option{border:1px solid rgba(208,214,243,.45);border-radius:var(--radius-md);padding:var(--space-3);background:#f8f9ffa6;display:flex;align-items:center}.institution-class-form__option label{display:flex;gap:var(--space-3);align-items:center;width:100%}.institution-class-form__option-name{font-weight:600}.institution-class-form__option-email{display:block;color:var(--color-text-muted);font-size:.85rem}.institution-class-form__empty{padding:var(--space-3);border:1px dashed rgba(208,214,243,.6);border-radius:var(--radius-md);color:var(--color-text-muted)}.institution-badge{display:inline-flex;align-items:center;padding:.35rem .75rem;border-radius:999px;background:#4c6ef51f;color:var(--color-secondary);font-weight:600;font-size:.8rem}.institution-class-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2)}.institution-class-caret{display:inline-flex;align-items:center;justify-content:center;font-size:1.25rem;line-height:1}.institution-link{border:none;background:transparent;color:var(--color-secondary);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);transition:background .15s ease}.institution-link:hover{background:#4c6ef51f}.institution-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.institution-header__left h1{font-size:1.75rem}.institution-header__left p{margin-top:var(--space-2);color:var(--color-text-muted);font-size:.95rem}.institution-role-badge{display:inline-flex;align-items:center;padding:.4rem .9rem;border-radius:999px;background:#4c6ef51f;color:var(--color-secondary);font-weight:600}.institution-dashboard__content{display:flex;flex-direction:column;gap:var(--space-4)}.form-navigation{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-4)}.button{display:inline-flex;align-items:center;justify-content:center;padding:.65rem 1.2rem;border-radius:999px;border:none;background:linear-gradient(135deg,var(--color-primary),#ffb55a);color:#fff;font-weight:600;font-size:.95rem;cursor:pointer;--button-shadow: rgba(244, 153, 36, .25);--button-shadow-hover: rgba(244, 153, 36, .3);transition:transform .15s ease,filter .15s ease;filter:drop-shadow(0 12px 24px var(--button-shadow))}.button:hover{transform:translateY(-1px) scale(1.01);filter:drop-shadow(0 16px 32px var(--button-shadow-hover))}.button--secondary{background:linear-gradient(135deg,var(--color-secondary),#869cf8);--button-shadow: rgba(76, 110, 245, .2);--button-shadow-hover: rgba(76, 110, 245, .28)}.button--ghost{background:transparent;color:var(--color-secondary);border:1px solid var(--color-secondary);box-shadow:none;filter:none;--button-shadow: transparent;--button-shadow-hover: transparent}.button--ghost:hover{filter:none}.button--full{width:100%}.button--loading{opacity:.7;cursor:wait}.button:disabled{opacity:.6;cursor:not-allowed;transform:none;filter:none}.input{width:100%;padding:calc(var(--space-2) + 2px) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:var(--color-surface);color:var(--color-text);font-size:1rem;transition:border-color .2s ease,box-shadow .2s ease}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px #3a6ff826}.textarea{width:100%;min-height:8rem;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:var(--color-surface);color:var(--color-text);font-size:1rem;resize:vertical;transition:border-color .2s ease,box-shadow .2s ease}.textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px #3a6ff826}.select{width:100%;padding:calc(var(--space-2) + 2px) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:var(--color-surface);color:var(--color-text);font-size:1rem;transition:border-color .2s ease,box-shadow .2s ease;appearance:none}.select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px #3a6ff826}.form-helper-text{margin-top:var(--space-1);color:var(--color-text-muted);font-size:.9rem}.form-helper-text a{color:var(--color-primary)}.card{background:var(--color-surface);border-radius:1.5rem;padding:var(--space-5);box-shadow:0 24px 60px #0f172a14;border:1px solid rgba(208,214,243,.4)}.dashboard-card{text-align:center;min-width:320px}.dashboard-memberships{margin:var(--space-4) 0;text-align:left}.dashboard-memberships h2{font-size:1.1rem;margin-bottom:var(--space-2)}.dashboard-memberships ul{padding-left:var(--space-4);margin:0}.dashboard-memberships li{margin-bottom:var(--space-2)}.modal-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background-color:#0f172a80;z-index:10000;padding:var(--space-4)}.modal-content{background-color:var(--color-surface);border-radius:var(--radius-lg);width:min(960px,90vw);max-height:90vh;box-shadow:var(--shadow-soft);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.modal-title{display:flex;align-items:center;gap:var(--space-3)}.modal-title h2,.modal-header h2{margin:0;font-size:1.5rem}.modal-close{background:transparent;border:none;font-size:1.5rem;line-height:1;cursor:pointer;color:var(--color-text)}.modal-body{display:flex;flex-direction:column;gap:var(--space-4);flex:1 1 auto;min-height:0;overflow-y:auto}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-3);flex-shrink:0;padding-top:var(--space-4);border-top:1px solid rgba(208,214,243,.35)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-3)}.modal-form{display:flex;flex-direction:column;gap:var(--space-4)}.modal-footer-actions{display:flex;justify-content:flex-end;gap:var(--space-3)}.member-selection-group{display:flex;flex-direction:column;gap:var(--space-2)}.member-selection-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2);max-height:200px;overflow-y:auto}.member-selection-item{display:flex;align-items:center;gap:var(--space-3)}.member-selection-email{display:block;color:var(--color-text-muted);font-size:.85rem}.system-admin-section{display:flex;flex-direction:column;gap:var(--space-5)}.system-admin-section__header{display:flex;align-items:center;justify-content:space-between}.system-admin-section__header h2{margin:0 0 var(--space-1) 0}.system-admin-section__header p{margin:0;color:var(--color-text-muted)}.system-admin-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-4)}.system-admin-card{display:flex;flex-direction:column;gap:var(--space-4)}.system-admin-card__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-2)}.system-admin-card__header h3{margin:0;font-size:1.25rem}.system-admin-card__metrics{display:flex;flex-direction:column;gap:var(--space-2);font-size:.95rem;color:var(--color-text-muted)}.system-admin-card__metrics--grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-3)}.system-admin-card__metrics span{display:flex;align-items:center;gap:var(--space-2)}.system-admin-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.system-admin-list__item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.system-admin-list__subtitle{margin-top:var(--space-1);color:var(--color-text-muted);font-size:.9rem}.system-admin-badge{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);background-color:#3a6ff81a;color:var(--color-primary);font-weight:600;font-size:.85rem}.institution-team{display:flex;flex-direction:column;gap:var(--space-6)}.institution-team__header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4)}.institution-team__header-actions{display:flex;align-items:center;gap:var(--space-3)}.institution-team__filter{min-width:220px}.institution-team__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.institution-team__item{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid rgba(208,214,243,.35);box-shadow:0 12px 32px #0f172a14}.institution-team__item--invite{border-style:dashed;border-color:#f4992466;background:#f4992414}.institution-team__item-primary{display:flex;align-items:center;gap:var(--space-4)}.institution-team__avatar{width:3rem;height:3rem;border-radius:50%;background:linear-gradient(135deg,#3a6ff8e6,#f49924e6);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:1.1rem;box-shadow:0 6px 18px #3a6ff840}.institution-team__name{font-weight:600;font-size:1.05rem}.institution-team__meta{display:flex;align-items:center;gap:var(--space-3);color:var(--color-text-muted);font-size:.9rem}.institution-team__divider{color:#94a3b8cc}.institution-team__email{color:var(--color-text)}.institution-team__actions{display:flex;align-items:center;gap:var(--space-3)}.institution-team__section-title{font-size:1.1rem;font-weight:600;margin:0}.institution-team__modal-form{display:flex;flex-direction:column;gap:var(--space-4)}.institution-team__modal-actions{display:flex;justify-content:flex-end;gap:var(--space-3)}.class-roster__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.class-roster__actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.class-roster__summary{margin-top:var(--space-2);color:var(--color-text-muted);display:flex;flex-wrap:wrap;gap:var(--space-3)}.class-roster__summary span{display:inline-flex;align-items:center;gap:var(--space-1)}.class-roster__join-section{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:flex-start}.class-roster__join-value{font-family:var(--font-family-heading);font-size:1.25rem;letter-spacing:.08em}.class-roster__join-value--muted{color:var(--color-text-muted);letter-spacing:normal;font-size:.95rem}.class-roster__table{width:100%;border-collapse:collapse}.class-roster__table th,.class-roster__table td{padding:var(--space-3) var(--space-3);text-align:left;border-bottom:1px solid var(--color-border)}.class-roster__table th{font-weight:600;font-size:.9rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em}.class-roster__table tbody tr:last-of-type td{border-bottom:none}.class-roster__table-email{color:var(--color-secondary);text-decoration:none}.class-roster__table-empty{padding:var(--space-4);text-align:center;color:var(--color-text-muted)}.class-roster__role-list{display:grid;gap:var(--space-2);padding-left:1.25rem}.class-roster__invite-options{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-3)}.class-roster__invite-option{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-muted);cursor:pointer;transition:all .2s ease;font-size:.95rem}.class-roster__invite-option:hover{border-color:var(--color-secondary);color:var(--color-secondary)}.class-roster__invite-option--active{border-color:var(--color-secondary);background:var(--color-secondary-muted);color:var(--color-secondary);font-weight:600}.class-roster__invite-option:focus-visible{outline:none;box-shadow:0 0 0 2px #4c6ef54d}.class-roster__qr-wrapper{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);text-align:center}.class-roster__qr{width:240px;max-width:100%;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);padding:var(--space-2)}.class-roster__notice{padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-background-muted);color:var(--color-text);font-size:.95rem}.class-roster__notice--success{border-color:#64c28866;background:#64c2881f}.class-roster__notice--error{border-color:#f76a6a66;background:#f76a6a1f}.class-roster__modal-actions{display:flex;justify-content:flex-end;gap:var(--space-2)}.class-roster__meta-grid{display:grid;gap:var(--space-2)}.class-roster__meta-grid strong{display:block;font-size:1rem}@media (max-width: 768px){.class-roster__header{flex-direction:column;align-items:stretch;gap:var(--space-3)}.class-roster__actions{justify-content:flex-start}.class-roster__join-section{flex-direction:column;align-items:flex-start}}.debug-user-section{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-5)}.debug-user-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.debug-user-item{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid rgba(208,214,243,.4);background:var(--color-surface);box-shadow:0 12px 32px #0f172a14}.debug-user-name{font-weight:600}.debug-user-email{color:var(--color-text-muted)}.debug-user-context{margin-top:var(--space-1);font-size:.85rem;color:var(--color-text-muted);display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.debug-user-role-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;background:var(--color-primary);color:#fff;box-shadow:0 2px 8px #00000026;transform:translateY(-1px)}.toast-viewport{position:fixed;top:var(--space-6);right:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3);z-index:9999}.toast{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);min-width:280px;max-width:360px;background:#0f172aeb;color:#fff;box-shadow:0 16px 48px #0f172a4d;border:1px solid rgba(255,255,255,.08);animation:toast-in .2s ease-out}.toast--success{border-color:#4cdc8266}.toast--warning{border-color:#ffcc5c66}.toast--error{border-color:#ff638466}.toast__icon{font-size:1.25rem}.toast__content{display:flex;flex-direction:column;gap:var(--space-1)}.toast__title{font-size:1rem}.toast__description{margin:0;font-size:.9rem;color:#ffffffbf}.toast__dismiss{background:transparent;border:none;color:#ffffffb3;font-size:1.1rem;cursor:pointer}.toast__dismiss:hover{color:#fff}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 720px){.institution-team__header{flex-direction:column;align-items:stretch}.institution-team__header-actions{width:100%;justify-content:space-between}.institution-team__item{flex-direction:column;align-items:flex-start}.institution-team__actions{width:100%;justify-content:flex-end}.institution-team__filter{width:100%}}@media (max-width: 600px){.modal-content{padding:var(--space-4)}.modal-footer,.modal-actions{flex-direction:column;align-items:stretch}.system-admin-section__header{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.system-admin-list__item{flex-direction:column;align-items:flex-start}}.app-header__return{display:inline-flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600;padding:.2rem .75rem;border-radius:999px;background:#f58b281f;color:var(--color-primary);box-shadow:0 6px 14px #f58b281f;text-align:center}.app-header__center{display:flex;align-items:center;justify-content:center;width:100%}.app-header__titles{display:flex;flex-direction:column;gap:2px}.app-header__user-button{display:inline-flex;align-items:center;gap:var(--space-2);padding:.45rem .75rem;border:none;border-radius:999px;background:#ffffffa6;box-shadow:0 10px 28px #0f172a1f;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.app-header__user-button:hover{transform:translateY(-1px);box-shadow:0 16px 34px #0f172a29}.app-header__user-info{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.app-header__user-name{font-size:.95rem;font-weight:600;color:var(--color-text)}.app-header__user-role{font-size:.8rem;color:var(--color-text-muted)}.app-header__chevron{width:16px;height:16px;color:var(--color-text-muted)}.app-header__user-dropdown{position:absolute;top:calc(100% + .5rem);right:0;display:flex;flex-direction:column;background:#fff;border-radius:1rem;box-shadow:0 18px 40px #0f172a29;border:1px solid rgba(208,214,243,.6);padding:var(--space-2);min-width:200px;z-index:10}.app-header__user-dropdown button{padding:var(--space-2) var(--space-3);border:none;background:transparent;text-align:left;font-size:.95rem;border-radius:.75rem;cursor:pointer;transition:background .15s ease}.app-header__user-dropdown button:hover{background:#4c6ef514}.app-header__right{position:relative;display:inline-flex;align-items:center;justify-content:flex-end;margin-left:auto;z-index:101}.app-header__toggle{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:999px;border:none;background:#261d4e1f;color:var(--color-text);box-shadow:inset 0 0 0 1px #261d4e1f;cursor:pointer}.app-header__toggle svg{width:18px;height:18px}.app-header__title{font-size:1.35rem;font-weight:700;color:var(--color-text);margin:0}.app-header__subtitle{margin:0;color:var(--color-text-muted);font-size:.85rem}.page-container,.page-container--top,.page-container--left{display:contents}.auth-layout{width:100%;max-width:420px;margin:0 auto}.auth-header{margin-bottom:var(--space-5);text-align:center}.auth-header h1{font-size:2rem;margin-bottom:var(--space-2)}.auth-header p{color:var(--color-text-muted)}.form-content{display:flex;flex-direction:column}.form-footer{margin-top:var(--space-4);display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.auth-actions{margin-top:var(--space-4);display:flex;justify-content:space-between;align-items:center}.app-shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh;background:linear-gradient(180deg,var(--color-background),var(--color-background-muted));transition:grid-template-columns .3s ease}.app-shell--collapsed{grid-template-columns:80px minmax(0,1fr)}.app-sidebar{position:relative;display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-5) var(--space-4);background:var(--color-sidebar);color:var(--color-sidebar-text);box-shadow:inset -1px 0 0 var(--color-sidebar-border);transition:padding .3s ease}.app-sidebar__toggle{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:999px;border:none;background:#ffffff1f;color:var(--color-sidebar-text);box-shadow:inset 0 0 0 1px #ffffff1f;cursor:pointer;align-self:flex-end;margin-bottom:var(--space-2);transition:background .15s ease,transform .15s ease}.app-sidebar__toggle:hover{background:#ffffff2e;transform:translateY(-1px)}.app-sidebar__toggle svg{width:18px;height:18px}.app-sidebar--collapsed{align-items:center;padding:var(--space-5) var(--space-3)}.app-sidebar--collapsed .app-sidebar__toggle{align-self:center;margin-bottom:var(--space-4)}.app-sidebar--collapsed .app-nav{align-items:center}.app-sidebar--collapsed .app-nav__item,.app-sidebar--collapsed .app-nav__item--disabled{justify-content:center;width:100%;padding:var(--space-3)}.app-brand{display:flex;align-items:center;gap:var(--space-3);margin-top:0;font-weight:700;letter-spacing:.02em;transition:gap .3s ease}.app-brand__mark{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--color-primary),#ffb55a);color:#fff;font-size:1.1rem}.app-brand__text{font-size:1.1rem;color:#fff}.app-shell--collapsed .app-brand__text,.app-shell--collapsed .app-nav__label,.app-shell--collapsed .app-header__user-details,.app-shell--collapsed .app-header__logout{display:none}.app-nav{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-6)}.app-nav__item,.app-nav__item--disabled{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);color:var(--color-sidebar-text);background:transparent;border:none;font-size:.95rem;cursor:pointer;transition:background .2s ease,color .2s ease}.app-nav__item--unstyled{background:transparent!important;color:var(--color-sidebar-text-muted, rgba(255, 255, 255, .72));font-weight:500}.app-nav__item svg,.app-nav__item--disabled svg{width:18px;height:18px}.app-nav__item:hover{background:#ffffff14;color:var(--color-sidebar-active)}.app-nav__item--active{background:#ffffff1f;color:#fff;box-shadow:inset 0 0 0 1px #ffffff26}.app-nav__item--disabled{opacity:.4;cursor:not-allowed}.app-nav__divider{padding:0}.app-nav__divider-line{display:block;height:1px;background:#ffffff29;margin:var(--space-2) 0}.app-nav__content{display:inline-flex;align-items:center;gap:var(--space-3)}.app-nav__icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:12px;background:#ffffff14;color:var(--color-accent-mint)}.app-nav__item--active .app-nav__icon{background:#fff;color:var(--color-primary)}.app-main{display:flex;flex-direction:column;min-height:100vh;background:linear-gradient(180deg,#ffffffe6,#f0f4ffe6)}.app-header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);min-height:72px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffeb;border-bottom:1px solid rgba(208,214,243,.5);position:relative;z-index:100}.app-header__left{display:flex;align-items:center;gap:var(--space-3)}.app-header__bottom{display:flex;align-items:center;gap:var(--space-4);width:100%;background:#ffffffd6;border-radius:1.5rem;padding:1rem 1.5rem;box-shadow:0 18px 40px #4c6ef524;border:1px solid rgba(208,214,243,.45)}.app-header__actions-group{display:inline-flex;align-items:center;gap:var(--space-3)}.app-header__context-badge{display:inline-flex;align-items:center;padding:.4rem .85rem;border-radius:999px;background:#4c6ef51f;color:var(--color-secondary);font-weight:600;font-size:.85rem}.app-header__return{display:inline-flex;align-items:center;gap:var(--space-2);padding:.35rem .75rem;border-radius:999px;background:#f58b281a;color:var(--color-primary);font-size:.75rem;font-weight:600;transition:background .2s ease,transform .2s ease}.app-header__return:hover{background:#f58b282e;transform:translateY(-1px)}.app-header__profile-card{display:inline-flex;align-items:center;gap:var(--space-2);padding:.45rem .75rem;border-radius:1rem;background:linear-gradient(135deg,#4c6ef529,#b4c4ff38);border:1px solid rgba(140,160,255,.4);box-shadow:0 14px 28px #4c6ef529}.app-header__profile{display:flex;flex-direction:column;gap:2px}.app-header__profile-name{font-weight:600;color:var(--color-text);font-size:.85rem}.app-header__profile-role{font-size:.75rem;color:var(--color-text-muted)}.app-header__profile-meta{display:flex;align-items:center;gap:var(--space-3)}.app-header__avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--color-secondary),rgba(76,110,245,.6));color:#fff;font-weight:700;display:inline-flex;align-items:center;justify-content:center;font-size:.85rem}.app-header__logout{border-radius:999px;padding-inline:var(--space-3);padding-block:.2rem;font-size:.75rem;color:var(--color-secondary)}.app-content{flex:1;padding:0;display:flex;flex-direction:column;gap:var(--space-4);position:relative;z-index:1}.app-content__inner{display:grid;gap:var(--space-4);padding:var(--space-6)!important}.app-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-4)}.app-summary-card{background:var(--color-surface);border-radius:1.25rem;padding:var(--space-4);box-shadow:0 12px 34px #0f172a14;border:1px solid rgba(208,214,243,.5)}.app-summary-card__value{font-size:1.8rem;font-weight:700;color:var(--color-text)}.app-summary-card__label{margin-top:var(--space-2);color:var(--color-text-muted);font-size:.9rem}.app-scroll-section{background:var(--color-surface);border-radius:1.5rem;padding:var(--space-5);box-shadow:0 24px 60px #0f172a0f;border:1px solid rgba(208,214,243,.4)}.app-scroll-section+.app-scroll-section{margin-top:var(--space-4)}.app-section-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.app-section-header h2{font-size:1.25rem}.app-section-header p{color:var(--color-text-muted)}.app-section-link{color:var(--color-secondary);font-weight:600}.app-secondary-text{color:var(--color-text-muted);font-size:.95rem}.app-secondary-text--small{font-size:.85rem}.app-table{width:100%;border-collapse:collapse}.app-table th{text-align:left;font-size:.85rem;letter-spacing:.02em;text-transform:uppercase;color:var(--color-text-muted);font-weight:600;padding-bottom:var(--space-3)}.app-table td{padding:var(--space-3) 0;border-top:1px solid rgba(208,214,243,.5)}.app-chip{display:inline-flex;align-items:center;padding:.35rem .8rem;border-radius:999px;font-size:.8rem;font-weight:600}.app-chip--success{background:#64c28826;color:#2f9e44}.app-chip--warning{background:#f7c9482e;color:#8d6a18}.app-chip--danger{background:#f76a6a2e;color:#c92a2a}.app-empty-state{padding:var(--space-5);border-radius:var(--radius-lg);background:var(--color-background);text-align:center;color:var(--color-text-muted)}.app-secondary-text{color:var(--color-text-muted);font-size:.9rem}.error-text{margin-top:var(--space-2);font-size:.85rem;color:var(--color-danger, #c92a2a)}.input-wrapper.has-error{box-shadow:0 0 0 2px #f76a6a47;border-radius:var(--radius-md)}@media (max-width: 1024px){.app-shell{grid-template-columns:80px minmax(0,1fr)}.app-brand__text,.app-nav__label{display:none}.app-header{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.app-header__actions{width:100%;flex-wrap:wrap}.app-header__search{flex:1}.app-header__user{width:100%;justify-content:space-between}}@media (max-width: 768px){.app-shell{grid-template-columns:1fr}.app-sidebar{position:fixed;inset:0 auto 0 0;width:min(280px,70%);transform:translate(-100%);transition:transform .3s ease;z-index:1000}.app-shell--collapsed .app-sidebar{transform:translate(0)}.app-main{margin-left:0}.app-header__search input{min-width:unset}}.client-wizard{display:flex;flex-direction:column;gap:var(--space-4);background:var(--color-surface);border-radius:var(--radius-lg);padding:0;box-shadow:var(--shadow-soft);height:100%;min-height:0;position:relative}.client-wizard__top{padding-top:var(--space-1)}.client-wizard__progress{--circle-size: 2.2rem;display:flex;align-items:center;justify-content:space-between;position:relative;padding:var(--space-1) 0 var(--space-2)}.client-wizard__progress-step{display:flex;flex-direction:column;align-items:center;gap:.4rem;color:var(--color-text-muted);font-weight:500;font-size:.85rem;min-width:3rem;z-index:2}.client-wizard__progress:before,.client-wizard__progress:after{content:"";position:absolute;top:21px;left:25px;right:25px;height:2px;border-radius:999px;pointer-events:none}.client-wizard__progress:before{background:var(--color-border)}.client-wizard__progress:after{background:var(--color-secondary);transform-origin:left center;transform:scaleX(var(--progress-complete, 0))}.client-wizard__progress-circle{width:var(--circle-size);height:var(--circle-size);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--color-background-muted);color:var(--color-text-muted);font-weight:600;font-size:.9rem;transition:background .2s ease,color .2s ease}.client-wizard__progress-step--complete .client-wizard__progress-circle,.client-wizard__progress-step--active .client-wizard__progress-circle{background:var(--color-secondary);color:#fff}.client-wizard__progress-step--complete .client-wizard__progress-label,.client-wizard__progress-step--active .client-wizard__progress-label{color:var(--color-secondary)}.client-wizard__progress-label{min-width:5rem;text-align:center}.client-wizard__step{display:flex;flex-direction:column;gap:var(--space-5)}.client-wizard__body{flex:1;min-height:0;overflow-y:auto;padding-right:var(--space-1);position:relative}.client-wizard--busy .client-wizard__body{overflow:hidden}.client-wizard--busy .client-wizard__top,.client-wizard--busy .client-wizard__body,.client-wizard--busy .client-wizard__footer{pointer-events:none}.client-wizard__stack{display:flex;flex-direction:column;gap:var(--space-4)}.client-wizard__inline-loading{margin-top:var(--space-1);color:var(--color-text-muted);font-size:.9rem}.client-wizard__inline-error{margin-top:var(--space-1);margin-left:var(--space-3);color:var(--color-danger);font-size:.9rem}.client-wizard__field-row{display:grid;grid-template-columns:minmax(0,2fr) auto;gap:var(--space-3);align-items:flex-end}.client-wizard__field-row--name{align-items:flex-start}.client-wizard__field-row--name button{align-self:flex-start;margin-top:calc(var(--space-2) + 1rem)}.client-wizard__field-row--split{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr)}.client-wizard__field-row--split>*{width:100%}.client-wizard__field{width:100%}.client-wizard__field--age{max-width:calc((100% - var(--space-3)) / 2.6)}.client-wizard__field--age .form-field{width:100%}.client-wizard__action-row{display:flex;gap:var(--space-3);flex-wrap:wrap}.client-wizard__checkbox{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:500}.client-wizard__section{display:flex;flex-direction:column;gap:var(--space-3)}.client-wizard__section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.client-wizard__section-header h3{margin:0}.client-wizard__helper{margin:var(--space-1) 0 0;color:var(--color-text-muted);font-size:.9rem}.client-wizard__events-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-4)}.client-wizard__events-column{display:flex;flex-direction:column;gap:var(--space-3)}.client-wizard__events-header h3{margin:0}.client-wizard__events-list{display:flex;flex-direction:column;gap:var(--space-3)}.client-wizard__event-card{background:var(--color-background-muted);border-radius:var(--radius-md);padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-3);position:relative}.client-wizard__event-remove{position:absolute;top:var(--space-2);right:var(--space-2);background:transparent;border:none;color:var(--color-secondary);font-weight:600;font-size:.85rem;cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);transition:background .15s ease,color .15s ease}.client-wizard__event-remove:hover,.client-wizard__event-remove:focus{background:#4c6ef51f;color:var(--color-secondary);outline:none}.client-wizard__event-remove:focus-visible{box-shadow:0 0 0 2px #4c6ef54d}.client-wizard__event-actions{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-2)}.client-wizard__event-add{border:none;background:transparent;color:var(--color-secondary);font-weight:600;cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);transition:background .15s ease,color .15s ease,transform .15s ease}.client-wizard__event-add:hover,.client-wizard__event-add:focus{background:#4c6ef51f;outline:none}.client-wizard__event-add:focus-visible{box-shadow:0 0 0 2px #4c6ef54d}.client-wizard__event-add:disabled{color:var(--color-text-muted);cursor:not-allowed;background:transparent}.client-wizard__event-count{font-size:.85rem;color:var(--color-text-muted)}.client-wizard__event-empty{margin:0;padding:var(--space-3);border:1px dashed rgba(76,110,245,.25);border-radius:var(--radius-md);color:var(--color-text-muted);font-style:italic}.client-wizard__chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.client-chip{border:1px solid var(--color-border);background:var(--color-surface-elevated);border-radius:999px;padding:.35rem .85rem;font-size:.9rem;display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer;transition:all .2s ease;color:var(--color-text)}.client-chip:hover,.client-chip:focus{border-color:var(--color-secondary)}.client-chip--selected{background:var(--color-secondary);color:#fff;border-color:transparent}.client-chip__meta{font-size:.75rem;opacity:.78}.client-wizard__custom-concern{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-3);align-items:flex-end;margin-bottom:var(--space-4)}.client-wizard__concern-actions{display:flex;justify-content:flex-end}.client-wizard__selected-concerns{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-3)}.client-wizard__concern-row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,2fr) auto;gap:var(--space-3);align-items:center;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.client-wizard__concern-main{display:flex;align-items:center;gap:var(--space-2);font-weight:600}.client-wizard__concern-index{color:var(--color-text-muted)}.client-wizard__concern-label{word-break:break-word}.client-wizard__concern-controls{display:flex;align-items:center;gap:var(--space-2)}.client-wizard__concern-controls label{font-size:.85rem;font-weight:500;color:var(--color-text-muted);white-space:nowrap}.client-wizard__concern-controls input[type=range]{flex:1;min-width:120px}.client-wizard__concern-level{font-weight:600;min-width:4.5rem;text-align:right}.client-wizard__concern-remove{justify-self:flex-end}@media (max-width: 720px){.client-wizard__concern-row{grid-template-columns:minmax(0,1fr)}.client-wizard__concern-controls{width:100%;flex-wrap:wrap}.client-wizard__concern-controls label,.client-wizard__concern-controls input[type=range]{width:100%}.client-wizard__concern-level{text-align:left}.client-wizard__concern-remove{justify-self:flex-start}.client-wizard__summary-columns{grid-template-columns:minmax(0,1fr);gap:var(--space-4)}.client-wizard__summary-portrait-panel,.client-wizard__summary-info{gap:var(--space-4)}}.client-wizard__syndrome-list{display:flex;flex-direction:column;gap:var(--space-3)}.client-wizard__syndrome{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2);background:var(--color-surface)}.client-wizard__syndrome--selected{border-color:var(--color-secondary);background:#4c6ef50f}.client-wizard__syndrome-header{display:flex;flex-direction:column;gap:var(--space-1)}.client-wizard__syndrome-header label{display:flex;align-items:center;gap:var(--space-2);font-weight:600}.client-wizard__syndrome-header small{color:var(--color-text-muted)}.client-wizard__syndrome-slider{display:flex;align-items:center;gap:var(--space-3)}.client-wizard__syndrome-slider input[type=range]{flex:1}.client-wizard__severity-value{font-weight:600}.client-wizard__trait-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-3)}.client-wizard__trait{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2);background:var(--color-surface);cursor:pointer;transition:border .2s ease}.client-wizard__trait input{margin-right:var(--space-2)}.client-wizard__trait--selected{border-color:var(--color-secondary);background:#4c6ef50f}.client-wizard__trait span{font-weight:600}.client-wizard__trait small{color:var(--color-text-muted);line-height:1.4}.client-wizard__summary-card{display:flex;flex-direction:column;gap:var(--space-4);background:var(--color-surface-elevated);border-radius:var(--radius-md);padding:var(--space-5);border:1px solid var(--color-border)}.client-wizard__summary-card h3{margin:0}.client-wizard__summary-columns{display:grid;grid-template-columns:minmax(0,.4fr) minmax(0,.6fr);gap:var(--space-5);align-items:flex-start}.client-wizard__summary-portrait-panel{display:flex;flex-direction:column;gap:var(--space-4)}.client-wizard__summary-story-block,.client-wizard__summary-sections,.client-wizard__summary-list-block,.client-wizard__summary-story{width:100%}.client-wizard__summary-fullwidth{width:100%;display:flex;flex-direction:column;gap:var(--space-4);margin-top:0}.client-wizard__summary-story-block{display:flex;flex-direction:column;gap:var(--space-2)}.client-wizard__summary-story{background:var(--color-background-muted);border-radius:var(--radius-md);padding:var(--space-3);white-space:pre-line}.client-wizard__summary-portrait-block{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-3);width:100%}.client-wizard__summary-portrait{width:100%;max-width:360px;aspect-ratio:1 / 1;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border);background:var(--color-background-muted);display:flex;align-items:center;justify-content:center}.client-wizard__summary-portrait img{width:100%;height:100%;object-fit:cover}.client-wizard__summary-portrait--placeholder{color:var(--color-text-muted);font-size:.95rem;text-align:center;padding:var(--space-2)}.client-wizard__summary-portrait-status{display:flex;flex-direction:column;gap:.25rem;align-items:flex-start}.client-wizard__summary-info{display:flex;flex-direction:column;gap:var(--space-5)}.client-wizard__summary-facts{display:flex;flex-direction:column;gap:var(--space-3)}.client-wizard__summary-info p{margin:0}.client-wizard__summary-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-4);margin-top:var(--space-4)}.client-wizard__summary-list-block{display:block}.client-wizard__summary-list-block>div{margin-top:var(--space-4)}.client-wizard__summary-error{color:var(--color-danger);font-size:.85rem}.client-wizard__summary-list{margin:var(--space-2) 0 0;padding-left:1.1rem;color:var(--color-text-muted)}.client-wizard__footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding-top:var(--space-4);border-top:1px solid var(--color-border);margin-top:var(--space-4)}.client-wizard__footer-left,.client-wizard__footer-center,.client-wizard__footer-right{display:flex;align-items:center;gap:var(--space-3)}.client-wizard__footer-center{justify-content:center}.client-wizard__footer-right{justify-content:flex-end}.client-wizard__loading{font-weight:500;color:var(--color-text-muted)}.client-wizard__loading-overlay{position:absolute;inset:0;border-radius:inherit;background:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:var(--space-4);pointer-events:all;cursor:wait;z-index:10}.client-wizard__loading-indicator{display:inline-flex;flex-direction:column;gap:var(--space-2);align-items:center;text-align:center;color:var(--color-text-muted);font-weight:500}.client-wizard__spinner{width:2.5rem;height:2.5rem;border-radius:50%;border:3px solid rgba(76,110,245,.2);border-top-color:var(--color-secondary);animation:client-wizard-spin .9s linear infinite}@keyframes client-wizard-spin{to{transform:rotate(360deg)}}.client-page__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.client-page__subtitle{margin:var(--space-1) 0 0;color:var(--color-text-muted)}.client-page__content{display:flex;flex-direction:column;gap:var(--space-4)}.client-page__section{display:flex;flex-direction:column;gap:var(--space-3)}.create-client-menu{position:relative;display:inline-flex}.create-client-menu__trigger{display:inline-flex;align-items:center;gap:var(--space-2);padding-right:var(--space-3);min-width:0}.create-client-menu__label{flex:1 1 auto}.create-client-menu__icon{width:.85rem;height:.85rem;flex:0 0 auto;transition:transform .2s ease}.create-client-menu__trigger[aria-expanded=true] .create-client-menu__icon{transform:rotate(180deg)}.create-client-menu__dropdown{position:absolute;top:calc(100% + .5rem);right:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 12px 24px #0f172a24;padding:var(--space-1);min-width:12rem;z-index:10}.create-client-menu__item{width:100%;text-align:left;background:transparent;border:0;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:.95rem;font-weight:500;color:var(--color-text);transition:background-color .2s ease,color .2s ease}.create-client-menu__item:hover:not(:disabled),.create-client-menu__item:focus-visible:not(:disabled){background:#4c6ef514;color:var(--color-secondary);outline:none}.create-client-menu__item:disabled{opacity:.6;cursor:not-allowed}.client-filter{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.client-filter__label{font-weight:600;color:var(--color-text-muted)}.client-filter__options{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.client-filter__button{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);border-radius:999px;padding:.35rem .85rem;font-size:.85rem;font-weight:600;transition:border-color .2s ease,background-color .2s ease,color .2s ease,box-shadow .2s ease}.client-filter__button:hover{border-color:var(--color-secondary);color:var(--color-secondary)}.client-filter__button:focus-visible{outline:none;border-color:var(--color-secondary);box-shadow:0 0 0 3px #4c6ef540}.client-filter__button--active{background:var(--color-secondary);border-color:var(--color-secondary);color:#fff;box-shadow:0 8px 16px #4c6ef540}.client-generator{display:flex;flex-direction:column;gap:var(--space-3)}.client-generator__message{margin:0;color:var(--color-text-muted);font-size:.95rem}.client-generator__progress{position:relative;width:100%;height:.75rem;border-radius:var(--radius-sm);background:var(--color-background-muted);overflow:hidden}.client-generator__progress-bar{position:absolute;top:0;left:0;bottom:0;background:linear-gradient(90deg,var(--color-secondary),#89a1ff);transition:width .35s ease}.client-generator__status{display:flex;align-items:center;gap:var(--space-2);font-size:.9rem;color:var(--color-text-muted)}.client-generator__spinner{width:1.25rem;height:1.25rem;border-radius:50%;border:2px solid rgba(76,110,245,.25);border-top-color:var(--color-secondary);animation:client-wizard-spin .9s linear infinite}.client-generator__error{color:var(--color-danger);margin:0;font-size:.95rem}.client-generator__footer{display:flex;justify-content:flex-end}.client-story-prompt{display:flex;flex-direction:column;gap:var(--space-3)}.client-story-prompt__message{margin:0;color:var(--color-text-muted);font-size:.95rem}.client-story-prompt__textarea{width:100%;min-height:6rem;border-radius:var(--radius-md);border:1px solid var(--color-border);padding:var(--space-2) var(--space-3);font-size:.95rem;resize:vertical;font-family:inherit;line-height:1.5;color:var(--color-text);transition:border-color .2s ease,box-shadow .2s ease}.client-story-prompt__textarea:focus{outline:none;border-color:var(--color-secondary);box-shadow:0 0 0 3px #4c6ef533}.client-story-prompt__footer{display:flex;justify-content:flex-end;gap:var(--space-2)}.client-section__header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3)}.client-section__header h3{margin:0}.client-section__meta{color:var(--color-text-muted);font-size:.9rem}.client-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-4)}.client-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);box-shadow:var(--shadow-soft)}.client-card__body{display:flex;gap:var(--space-4);align-items:flex-start}.client-card__portrait{flex:0 0 120px;display:flex;justify-content:center}.client-card__portrait img{width:100%;height:auto;border-radius:var(--radius-md);object-fit:cover;aspect-ratio:1 / 1}.client-card__content{display:flex;flex-direction:column;gap:var(--space-2);flex:1}.client-card__header{display:flex;align-items:flex-start;justify-content:flex-start;gap:var(--space-3)}.client-card__header h3{margin:0}.client-card__name-block{display:flex;flex-direction:column;gap:.15rem}.client-card__age{margin:0;color:var(--color-text-muted);font-size:.85rem}.client-card__meta{color:var(--color-text-muted);font-size:.85rem}.client-card__description{margin:0;color:var(--color-text-muted)}.client-card__tags{display:flex;gap:var(--space-2);flex-wrap:wrap;margin:0 0 var(--space-2)}.client-card__tag{display:inline-flex;align-items:center;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.045em;padding:.125rem .5rem;border-radius:999px}.client-card__tag--personal{background:var(--color-secondary-muted);color:var(--color-secondary)}.client-card__tag--assigned{background:var(--color-background-muted);color:var(--color-text-muted)}@media (max-width: 640px){.client-card__body{flex-direction:column;align-items:center;text-align:center}.client-card__content{align-items:center}.client-card__header{justify-content:center}.client-card__meta,.client-card__description{text-align:center}.client-filter{align-items:flex-start}.client-filter__label,.client-filter__options{width:100%}.client-wizard__field-row{grid-template-columns:minmax(0,1fr);gap:var(--space-2)}.client-wizard__field--age{max-width:100%}.client-wizard__progress{flex-direction:column;align-items:stretch;gap:var(--space-2);padding:var(--space-1) 0 var(--space-2)}.client-wizard__progress-step{flex-direction:row;gap:var(--space-2);justify-content:flex-start;min-width:0}.client-wizard__progress-label{min-width:0;text-align:left}.client-wizard__progress:before,.client-wizard__progress:after{display:none}}.client-chip--mini{padding:.25rem .65rem;font-size:.8rem}.client-page__content .card{padding:var(--space-4)}.client-available-list{display:flex;flex-direction:column;gap:var(--space-3)}.client-available-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.client-available-item p{margin:var(--space-1) 0 0;color:var(--color-text-muted);font-size:.9rem}@media (max-width: 720px){.client-wizard{padding:var(--space-4)}}.client-card__footer{margin-top:var(--space-3)}.client-card__footer .button{width:100%}.client-workspace{display:flex;flex-direction:column;gap:var(--space-5)}.client-workspace__modal-title{display:flex;align-items:center;gap:var(--space-3)}.client-workspace__modal-title-text{display:flex;flex-direction:column;gap:.25rem}.client-workspace__modal-title-name{font-size:1.35rem;font-weight:600;color:var(--color-text)}.client-workspace__modal-title-sub{font-size:.9rem;color:var(--color-text-muted)}.client-workspace__portrait{width:72px;height:72px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--color-secondary-muted);color:var(--color-secondary);font-size:1.5rem;font-weight:600;flex-shrink:0}.client-workspace__portrait img{width:100%;height:100%;object-fit:cover}.client-workspace__section{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);background:var(--color-surface);display:flex;flex-direction:column;gap:var(--space-3)}.client-workspace__section-header{display:flex;flex-direction:column;gap:.25rem}.client-workspace__hint{font-size:.875rem;color:var(--color-text-muted)}.client-workspace__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.client-workspace__task,.client-workspace__session{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2);background:var(--color-surface-elevated)}.client-workspace__task-header,.client-workspace__session-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2)}.client-workspace__task-title,.client-workspace__session-title{font-weight:600;font-size:1rem;color:var(--color-text)}.client-workspace__badge{display:inline-flex;align-items:center;justify-content:center;padding:.125rem .5rem;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:capitalize;background:var(--color-secondary-muted);color:var(--color-secondary)}.client-workspace__badge--completed{background:#64c28829;color:var(--color-success)}.client-workspace__badge--in-progress{background:#f58b2829;color:var(--color-primary)}.client-workspace__badge--assigned,.client-workspace__badge--scheduled{background:#4c6ef51f;color:var(--color-secondary)}.client-workspace__task-summary,.client-workspace__session-summary{font-size:.95rem;color:var(--color-text);line-height:1.5}.client-workspace__session-highlight{border-radius:var(--radius-sm);padding:var(--space-2);font-size:.9rem;line-height:1.5}.client-workspace__session-highlight--positive{background:#64c2882e;color:var(--color-success);border-left:3px solid var(--color-success)}.client-workspace__session-highlight--growth{background:#f76a6a26;color:var(--color-danger);border-left:3px solid var(--color-danger)}.client-workspace__task-meta,.client-workspace__session-meta{display:flex;gap:var(--space-3);flex-wrap:wrap;font-size:.875rem;color:var(--color-text-muted)}.client-workspace__task-actions{display:flex;justify-content:flex-start}.client-workspace__actions{margin-top:var(--space-4);display:flex;justify-content:flex-end;gap:var(--space-2)}.client-workspace__loading,.client-workspace__empty,.client-workspace__error{padding:var(--space-4);border:1px dashed var(--color-border);border-radius:var(--radius-md);text-align:center;color:var(--color-text-muted)}.client-workspace__error p{margin-bottom:var(--space-2)}.start-session-form{display:flex;flex-direction:column;gap:var(--space-4)}.start-session-form__intro{color:var(--color-text-muted);font-size:.95rem;line-height:1.6}.start-session-form__task-context{background:#567bfb14;border:1px solid rgba(86,123,251,.25);border-radius:var(--radius-md);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.start-session-form__task-context-details{margin:0;color:var(--color-text-muted);display:flex;align-items:center;gap:var(--space-2);font-size:.9rem}.start-session-form__task-context-dot{font-weight:600;color:var(--color-text)}.start-session-form__tabs{display:flex;gap:var(--space-2);border-bottom:2px solid rgba(208,214,243,.35);margin-bottom:var(--space-4)}.start-session-form__tab{padding:var(--space-3) var(--space-4);background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;font-size:.95rem;font-weight:500;color:var(--color-text-muted);transition:color .2s ease,border-color .2s ease}.start-session-form__tab:hover{color:var(--color-text)}.start-session-form__tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:600}.start-session-form__tab-content{display:flex;flex-direction:column;gap:var(--space-4);min-height:200px}.start-session-form__section{display:flex;flex-direction:column;gap:var(--space-4)}.start-session-form__section-title{margin:0;font-size:1.1rem;font-weight:600;color:var(--color-text)}.start-session-form__section-description{margin:0;color:var(--color-text-muted);font-size:.9rem}.start-session-form__toggles{display:flex;flex-direction:column;gap:var(--space-3)}.start-session-form__actions{display:flex;justify-content:flex-end;gap:var(--space-2)}.task-wizard{display:flex;flex-direction:column;height:100%;min-height:0;gap:var(--space-4)}.task-wizard__top{flex-shrink:0}.task-wizard__progress{--circle-size: 2.2rem;display:flex;align-items:center;justify-content:space-between;position:relative;padding:var(--space-1) 0 var(--space-2)}.task-wizard__progress-step{display:flex;flex-direction:column;align-items:center;gap:.4rem;color:var(--color-text-muted);font-weight:500;font-size:.85rem;min-width:3rem;z-index:2}.task-wizard__progress:before,.task-wizard__progress:after{content:"";position:absolute;top:21px;left:25px;right:25px;height:2px;border-radius:999px;pointer-events:none}.task-wizard__progress:before{background:var(--color-border)}.task-wizard__progress:after{background:var(--color-secondary);transform-origin:left center;transform:scaleX(var(--progress-complete, 0))}.task-wizard__progress-circle{width:var(--circle-size);height:var(--circle-size);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--color-background-muted);color:var(--color-text-muted);font-weight:600;font-size:.9rem;transition:background .2s ease,color .2s ease}.task-wizard__progress-step--complete .task-wizard__progress-circle,.task-wizard__progress-step--active .task-wizard__progress-circle{background:var(--color-secondary);color:#fff}.task-wizard__progress-step--complete .task-wizard__progress-label,.task-wizard__progress-step--active .task-wizard__progress-label{color:var(--color-secondary)}.task-wizard__progress-label{min-width:5rem;text-align:center}.task-wizard__header{display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.task-wizard__error{background:#eb57571f;color:#c0392b;border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:.9rem;flex-shrink:0}.task-wizard__body{flex:1;min-height:0;overflow-y:auto;padding:var(--space-4);padding-right:calc(var(--space-4) + 2px);background:var(--color-background);border-radius:var(--radius-md)}.task-wizard__footer{display:flex;justify-content:space-between;gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid rgba(208,214,243,.35);flex-shrink:0}.task-wizard__footer-left,.task-wizard__footer-right{display:flex;gap:var(--space-2)}.task-wizard__grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.task-wizard__client-list{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-3)}.task-wizard__time-limit-row{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:flex-end}.task-wizard__time-limit-control{flex:1 1 40%;min-width:240px}@media (max-width: 768px){.task-wizard__time-limit-control{flex-basis:100%}}.task-wizard__client-option{display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-4);background:var(--color-background-muted)!important;border:2px solid rgba(208,214,243,.4);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0f172a0a}.task-wizard__client-option input{margin-top:4px}.task-wizard__client-option:hover{border-color:var(--color-primary)!important;background:#f58b280f!important;box-shadow:0 4px 12px #f58b281f!important;transform:translateY(-1px)}.task-wizard__client-option input:checked+div,.task-wizard__client-option:has(input:checked){background:#4c6ef514!important;border-color:var(--color-secondary)!important;box-shadow:0 4px 16px #4c6ef529!important}.task-wizard__client-actions{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-3)}.task-wizard__stack{display:flex;flex-direction:column;gap:var(--space-4)}.task-wizard__stack .card{background:var(--color-surface-elevated)!important;box-shadow:0 8px 24px #0f172a1a!important;border:1px solid rgba(208,214,243,.5)!important}.task-wizard__actions{display:flex;justify-content:flex-end}.task-wizard__dynamic-list{display:flex;flex-direction:column;gap:var(--space-4);margin:var(--space-3) 0}.task-wizard__dynamic-item{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);background:var(--color-background-muted)!important;border:2px solid rgba(208,214,243,.4);border-radius:var(--radius-md);box-shadow:0 2px 8px #0f172a0a}.task-wizard__dynamic-item-actions{display:flex;justify-content:flex-end}.task-wizard__toggle-group{display:flex;flex-direction:column;gap:var(--space-3)}.task-wizard__assignment-toggle{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-3)}.task-wizard__assignment-toggle label{display:flex;align-items:center;gap:var(--space-2)}.task-wizard__roster-list{display:grid;gap:var(--space-2);max-height:240px;overflow-y:auto;padding-right:2px}.task-wizard__roster-option{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);background:var(--color-background-muted)!important;border:2px solid rgba(208,214,243,.4);border-radius:var(--radius-md);transition:all .2s ease;box-shadow:0 2px 8px #0f172a0a}.task-wizard__roster-option:hover{border-color:var(--color-primary)!important;background:#f58b280f!important;box-shadow:0 4px 12px #f58b281f!important}.task-wizard__roster-option:has(input:checked){background:#4c6ef514!important;border-color:var(--color-secondary)!important;box-shadow:0 4px 16px #4c6ef529!important}.task-wizard__roster-option input{margin-top:4px}.task-wizard__prefill-modal{display:flex;flex-direction:column;gap:var(--space-4);width:min(560px,90vw)}.task-wizard__prefill-actions{display:flex;justify-content:flex-end;gap:var(--space-2)}.task-page__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-4);gap:var(--space-4)}.task-page__create-menu{position:relative;display:inline-flex}.task-page__create-menu-trigger{display:inline-flex;align-items:center;gap:var(--space-2);padding-right:var(--space-3);min-width:0;white-space:nowrap;position:relative}.task-page__create-menu-trigger svg{flex-shrink:0;display:block}.task-page__create-menu-label{flex:1 1 auto;white-space:nowrap}.task-page__create-menu-icon{width:.85rem;height:.85rem;flex:0 0 auto;transition:transform .2s ease}.task-page__create-menu-trigger[aria-expanded=true] .task-page__create-menu-icon{transform:rotate(180deg)}.task-page__create-menu-dropdown{position:absolute;top:calc(100% + .5rem);right:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 12px 24px #0f172a24;padding:var(--space-1);min-width:12rem;z-index:1001}.task-page__create-menu-item{width:100%;text-align:left;background:transparent;border:0;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:.95rem;font-weight:500;color:var(--color-text);transition:background-color .2s ease,color .2s ease;white-space:nowrap;cursor:pointer}.task-page__create-menu-item:hover:not(:disabled),.task-page__create-menu-item:focus-visible:not(:disabled){background:#4c6ef514;color:var(--color-secondary);outline:none}.task-page__create-menu-item:disabled{opacity:.6;cursor:not-allowed}.modal-content:has(.task-page__ai-prompt-modal){width:min(640px,66.5vw)}.task-page__ai-prompt-modal{display:flex;flex-direction:column;gap:var(--space-4);width:100%}.task-page__ai-prompt-modal p,.task-page__ai-prompt-modal .form-field,.task-page__ai-prompt-modal .form-field .textarea{width:100%}.task-page__ai-prompt-loading{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-4);background:#4c6ef50f;border-radius:var(--radius-md)}.task-page__ai-prompt-spinner{width:2rem;height:2rem;border:3px solid rgba(76,110,245,.2);border-top-color:var(--color-secondary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.task-page__ai-prompt-loading p{margin:0;color:var(--color-text);font-weight:500}.task-page__ai-prompt-actions{display:flex;justify-content:flex-end;gap:var(--space-2)}.task-table__wrapper{overflow-x:auto;margin-top:var(--space-3)}.task-table{width:100%;border-collapse:collapse;min-width:640px}.task-table th,.task-table td{padding:var(--space-3);border-bottom:1px solid rgba(208,214,243,.35);text-align:left;vertical-align:top}.task-table th{font-size:.85rem;font-weight:600;text-transform:uppercase;color:var(--color-text-muted)}.task-detail{display:flex;flex-direction:column;gap:var(--space-4);padding-bottom:var(--space-2)}.task-detail__section{display:flex;flex-direction:column;gap:var(--space-3)}.task-detail__meta{display:flex;flex-wrap:wrap;gap:var(--space-4);font-size:.9rem}.task-detail__meta--grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-3);list-style:none;padding:0}.task-detail__meta--grid li{display:flex;flex-direction:column;gap:2px}.task-detail__meta--grid span{font-size:.85rem;color:var(--color-text-muted)}.task-detail__list{padding-left:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.task-detail__table-wrapper{overflow-x:auto}.task-detail__table{width:100%;border-collapse:collapse;min-width:540px}.task-detail__table th,.task-detail__table td{padding:var(--space-3);border-bottom:1px solid rgba(208,214,243,.35);text-align:left}.task-rubric-list{margin-top:var(--space-3)}.task-rubric-list ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.task-rubric-list__item{display:flex;justify-content:space-between;gap:var(--space-3);align-items:center;padding:var(--space-3);border:1px solid rgba(208,214,243,.35);border-radius:var(--radius-md)}.task-rubric-form{display:flex;flex-direction:column;gap:var(--space-3)}.task-rubric-form__actions{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-2)}.task-wizard__create-menu{position:relative;display:inline-flex}.task-wizard__create-menu-trigger{display:inline-flex;align-items:center;gap:var(--space-2);padding-right:var(--space-3);min-width:0;white-space:nowrap;position:relative}.task-wizard__create-menu-trigger svg{flex-shrink:0;display:block}.task-wizard__create-menu-label{flex:1 1 auto;white-space:nowrap}.task-wizard__create-menu-icon{width:.85rem;height:.85rem;flex:0 0 auto;transition:transform .2s ease}.task-wizard__create-menu-trigger[aria-expanded=true] .task-wizard__create-menu-icon{transform:rotate(180deg)}.task-wizard__create-menu-dropdown{position:absolute;top:calc(100% + .5rem);right:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 12px 24px #0f172a24;padding:var(--space-1);min-width:12rem;z-index:1001}.task-wizard__create-menu-item{width:100%;text-align:left;background:transparent;border:0;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:.95rem;font-weight:500;color:var(--color-text);transition:background-color .2s ease,color .2s ease;white-space:nowrap}.task-wizard__create-menu-item:hover:not(:disabled),.task-wizard__create-menu-item:focus-visible:not(:disabled){background:#4c6ef514;color:var(--color-secondary);outline:none}.task-wizard__create-menu-item:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.task-wizard__progress{flex-direction:column;align-items:stretch;gap:var(--space-2);padding:var(--space-1) 0 var(--space-2)}.task-wizard__progress-step{flex-direction:row;gap:var(--space-2);justify-content:flex-start;min-width:0}.task-wizard__progress-label{min-width:0;text-align:left}.task-wizard__progress:before,.task-wizard__progress:after{display:none}}.student-tasks-list{display:flex;flex-direction:column;gap:var(--space-4)}.student-task-card{display:flex;flex-direction:column;gap:var(--space-3)}.student-task-card__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.student-task-card__header h3{margin:0;font-size:1.1rem}.student-task-card__summary{color:var(--color-text-muted);margin:0}.student-task-card__meta{display:flex;align-items:center;gap:var(--space-4);font-size:.9rem;color:var(--color-text-muted)}.student-task-card__actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-2)}.task-status-badge{display:inline-block;padding:.25rem .75rem;border-radius:999px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.task-status-badge--assigned{background:#4c6ef51f;color:var(--color-secondary)}.task-status-badge--in-progress{background:#f7c94826;color:#b8860b}.task-status-badge--completed{background:#64c28826;color:var(--color-success)}.task-detail-modal{display:flex;flex-direction:column;gap:var(--space-4)}.task-detail-modal h3{margin:0 0 var(--space-2) 0;font-size:1rem}.task-detail-modal ul{margin:0;padding-left:var(--space-5)}.task-detail-modal li{margin-bottom:var(--space-2)}.task-detail-modal__actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border)}