@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap";.login-page{min-height:100vh;padding:var(--margin-mobile);background:var(--color-background);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.login__particles{z-index:0;pointer-events:none;position:fixed;inset:0}.login__particle{background:var(--color-primary-container);pointer-events:none;opacity:.3;border-radius:50%;width:4px;height:4px;position:absolute}.login__main{z-index:10;width:100%;max-width:480px;animation:.5s ease-out fadeIn;position:relative}.login__brand{text-align:center;margin-bottom:var(--spacing-lg)}.login__logo{background:var(--color-primary);border-radius:var(--radius-xl);width:48px;height:48px;color:var(--color-on-primary);margin-bottom:var(--spacing-sm);justify-content:center;align-items:center;display:inline-flex}.login__card{background:var(--color-surface-container-lowest);border:1px solid var(--color-outline-variant);border-radius:var(--radius-xl);padding:var(--spacing-lg);box-shadow:var(--shadow-md)}.login__form{gap:var(--spacing-md);flex-direction:column;display:flex}.login__field{flex-direction:column;gap:6px;display:flex}.login__label{color:var(--color-on-surface-variant)}.login__input-wrap{transition:transform var(--transition-fast);position:relative}.login__input-wrap:focus-within{transform:scale(1.01)}.login__input-icon{color:var(--color-outline);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%);font-size:20px!important}.login__input{background:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);width:100%;font-size:var(--text-body-md-size);color:var(--color-on-surface);transition:all var(--transition-normal);padding:10px 12px 10px 40px}.login__input::placeholder{color:var(--color-outline)}.login__input:focus{border-color:var(--color-primary-container);outline:none;box-shadow:0 0 0 2px #1a73e833}.login__input--password{padding-right:40px}.login__toggle-password{color:var(--color-outline);transition:color var(--transition-fast);padding:0;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.login__toggle-password:hover{color:var(--color-primary)}.login__utilities{justify-content:space-between;align-items:center;padding-top:4px;display:flex}.login__remember{cursor:pointer;color:var(--color-on-surface-variant);align-items:center;gap:8px;display:flex}.login__checkbox{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer}.login__forgot{color:var(--color-primary)}.login__submit{background:var(--color-primary-container);width:100%;color:var(--color-on-primary-container);border-radius:var(--radius-lg);font-size:var(--text-title-lg-size);font-weight:var(--text-title-lg-weight);box-shadow:var(--shadow-md);transition:all var(--transition-normal);margin-top:var(--spacing-md);justify-content:center;align-items:center;gap:8px;padding:12px 16px;display:flex}.login__submit:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.login__submit:active:not(:disabled){transform:scale(.98)}.login__submit:disabled{opacity:.7;cursor:not-allowed}.login__divider{text-align:center;padding:8px 0;position:relative}.login__divider:before{content:"";background:var(--color-outline-variant);height:1px;position:absolute;top:50%;left:0;right:0}.login__divider span{background:var(--color-surface-container-lowest);font-size:var(--text-label-sm-size);font-weight:var(--text-label-sm-weight);color:var(--color-outline);text-transform:uppercase;letter-spacing:var(--text-label-sm-spacing);padding:0 8px;position:relative}.login__social-btn{border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);background:var(--color-surface);width:100%;font-size:var(--text-body-md-size);color:var(--color-on-surface);transition:background var(--transition-fast);justify-content:center;align-items:center;gap:12px;padding:10px 16px;display:flex}.login__social-btn:hover{background:var(--color-surface-container-low)}.login__register-cta{text-align:center;margin-top:var(--spacing-lg)}.login__register-link{color:var(--color-primary);margin-left:4px;font-weight:700}.login__badges{justify-content:center;gap:var(--spacing-lg);margin-top:var(--spacing-lg);opacity:.6;flex-wrap:wrap;display:flex}.login__badge{font-size:var(--text-label-sm-size);font-weight:var(--text-label-sm-weight);color:var(--color-outline);align-items:center;gap:4px;display:flex}.login__illustration{background:var(--color-surface-container);border:1px solid var(--color-outline-variant);border-radius:var(--radius-2xl);width:100%;max-width:320px;padding:var(--spacing-lg);box-shadow:var(--shadow-md);flex-direction:column;flex-shrink:0;display:none;overflow:hidden}@media (width>=1200px){.login-page{gap:var(--spacing-2xl);padding:var(--margin-desktop);flex-direction:row}.login__illustration{animation:.6s ease-out slideInRight;display:flex}}.login__illustration-visual{border-radius:var(--radius-xl);background:var(--color-surface-container-highest);padding:var(--spacing-xl) var(--spacing-md);margin-bottom:var(--spacing-md);flex-direction:column;justify-content:flex-end;min-height:200px;display:flex;position:relative}.login__illustration-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:var(--spacing-md);border-radius:var(--radius-xl);border:1px solid var(--color-outline-variant);box-shadow:var(--shadow-lg);background:#ffffffe6;align-items:center;gap:12px;margin-bottom:12px;animation:3s ease-in-out infinite pulse;display:flex}.login__illustration-icon{background:#005bbf1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.login__illustration-bar{border-radius:var(--radius-full);background:#c1c6d64d;width:100%;height:6px;overflow:hidden}.login__illustration-bar-fill{background:var(--color-primary);border-radius:var(--radius-full);width:75%;height:100%}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}@keyframes slideUpModal{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.register-page{min-height:100vh;padding:var(--margin-mobile);background:var(--color-background);justify-content:center;align-items:center;display:flex}.register__main{width:100%;max-width:520px;animation:.5s ease-out fadeIn}.register__brand{text-align:center;margin-bottom:var(--spacing-lg)}.register__logo{background:var(--color-primary);border-radius:var(--radius-xl);width:48px;height:48px;color:var(--color-on-primary);margin-bottom:var(--spacing-sm);justify-content:center;align-items:center;display:inline-flex}.register__card{background:var(--color-surface-container-lowest);border:1px solid var(--color-outline-variant);border-radius:var(--radius-xl);padding:var(--spacing-lg);box-shadow:var(--shadow-md)}.register__roles{gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);grid-template-columns:1fr 1fr;display:grid}.register__role-btn{justify-content:center;align-items:center;gap:var(--spacing-sm);border:2px solid var(--color-outline-variant);border-radius:var(--radius-lg);font-size:var(--text-label-md-size);color:var(--color-on-surface-variant);background:var(--color-surface);transition:all var(--transition-normal);padding:12px;font-weight:600;display:flex}.register__role-btn:hover{border-color:var(--color-primary);background:var(--color-surface-container-low)}.register__role-btn--active{border-color:var(--color-primary-container);color:var(--color-primary);background:#1a73e814}.register__form{gap:var(--spacing-md);flex-direction:column;display:flex}.register__field{flex-direction:column;gap:6px;display:flex}.register__label{color:var(--color-on-surface-variant)}.register__input-wrap{position:relative}.register__input-icon{color:var(--color-outline);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%);font-size:20px!important}.register__input{background:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);width:100%;font-size:var(--text-body-md-size);color:var(--color-on-surface);transition:all var(--transition-normal);padding:10px 12px 10px 40px}.register__input::placeholder{color:var(--color-outline)}.register__input:focus{border-color:var(--color-primary-container);outline:none;box-shadow:0 0 0 2px #1a73e833}.register__input--password{padding-right:40px}.register__select{appearance:none;cursor:pointer}.register__toggle-pw{color:var(--color-outline);padding:0;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.register__toggle-pw:hover{color:var(--color-primary)}.register__terms{cursor:pointer;align-items:flex-start;gap:8px;display:flex}.register__checkbox{width:16px;height:16px;accent-color:var(--color-primary);flex-shrink:0;margin-top:2px}.register__submit{background:var(--color-primary-container);width:100%;color:var(--color-on-primary-container);border-radius:var(--radius-lg);font-size:var(--text-title-lg-size);font-weight:var(--text-title-lg-weight);box-shadow:var(--shadow-md);transition:all var(--transition-normal);margin-top:var(--spacing-sm);justify-content:center;align-items:center;gap:8px;padding:12px 16px;display:flex}.register__submit:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.register__submit:active:not(:disabled){transform:scale(.98)}.register__submit:disabled{opacity:.7;cursor:not-allowed}.register__divider{text-align:center;padding:8px 0;position:relative}.register__divider:before{content:"";background:var(--color-outline-variant);height:1px;position:absolute;top:50%;left:0;right:0}.register__divider span{background:var(--color-surface-container-lowest);font-size:var(--text-label-sm-size);font-weight:var(--text-label-sm-weight);color:var(--color-outline);text-transform:uppercase;letter-spacing:var(--text-label-sm-spacing);padding:0 8px;position:relative}.register__social-btn{border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);background:var(--color-surface);width:100%;font-size:var(--text-body-md-size);color:var(--color-on-surface);transition:background var(--transition-fast);justify-content:center;align-items:center;gap:12px;padding:10px 16px;display:flex}.register__social-btn:hover{background:var(--color-surface-container-low)}.register__login-cta{text-align:center;margin-top:var(--spacing-lg)}.register__login-link{color:var(--color-primary);margin-left:4px;font-weight:700}.google-mock-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0006;justify-content:center;align-items:center;animation:.2s ease-out fadeInModal;display:flex;position:fixed;inset:0}.google-mock-modal{color:#e3e3e3;background:#131314;border:1px solid #303030;border-radius:28px;width:100%;max-width:420px;font-family:Google Sans,Roboto,sans-serif;animation:.3s cubic-bezier(.34,1.56,.64,1) slideUpModal;overflow:hidden;box-shadow:0 12px 36px #00000080}.google-mock-modal__header{border-bottom:1px solid #303030;align-items:center;padding:18px 24px;display:flex}.google-mock-modal__title-text{color:#e3e3e3;text-align:left;flex-grow:1;font-size:14px;font-weight:500}.google-mock-modal__close{cursor:pointer;color:#c4c7c5;background:0 0;border:none;padding:0;font-size:24px;line-height:1}.google-mock-modal__close:hover{color:#e3e3e3}.google-mock-modal__body{padding:24px 0 32px}.google-mock-center-header{text-align:center;padding:0 24px 20px}.google-mock-lexigrow-icon{background:#1e1e1f;border:1px solid #303030;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:16px;display:inline-flex}.google-mock-main-title{color:#e3e3e3;margin:0 0 8px;font-size:24px;font-weight:400}.google-mock-main-subtitle{color:#c4c7c5;margin:0;font-size:14px}.google-mock-main-subtitle span{font-weight:500}.google-mock-accounts{border-top:1px solid #303030;flex-direction:column;margin-top:8px;display:flex}.google-mock-account{cursor:pointer;background:0 0;border:none;border-bottom:1px solid #303030;align-items:center;padding:12px 24px;transition:background-color .15s;display:flex}.google-mock-account:hover{background:#ffffff0a}.google-mock-account:active{background:#ffffff14}.google-mock-avatar{object-fit:cover;background:#303030;border-radius:50%;width:32px;height:32px;margin-right:14px}.google-mock-avatar-icon{background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin-right:14px;display:flex}.google-mock-info{text-align:left;flex-direction:column;display:flex;overflow:hidden}.google-mock-name{color:#e3e3e3;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.google-mock-email{color:#c4c7c5;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12px;overflow:hidden}.google-mock-custom-input-view,.google-mock-registration-view{padding:0 24px}.google-mock-input-google{color:#e3e3e3;background:0 0;border:1px solid #8e918f;border-radius:4px;width:100%;margin-bottom:12px;padding:14px 16px;font-size:16px;transition:border-color .2s,box-shadow .2s}.google-mock-input-google:focus{border-color:#a8c7fa;outline:none;box-shadow:0 0 0 1px #a8c7fa}.google-mock-role-select{color:#c4c7c5;font-size:14px}.google-mock-role-select label{cursor:pointer;align-items:center;gap:8px;display:inline-flex}.google-mock-role-select input[type=radio]{accent-color:#a8c7fa;width:18px;height:18px}.google-mock-link-btn{color:#a8c7fa;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:8px 12px;font-size:14px;font-weight:500;transition:background-color .15s}.google-mock-link-btn:hover{background:#a8c7fa14}.google-mock-next-btn{color:#062e6f;cursor:pointer;background:#a8c7fa;border:none;border-radius:100px;padding:10px 24px;font-size:14px;font-weight:500;transition:background-color .15s,box-shadow .15s}.google-mock-next-btn:hover{background:#c2e7ff;box-shadow:0 1px 3px #0000004d}.google-mock-next-btn:active{background:#b1d4f0}.forgot-password-page{min-height:100vh;padding:var(--margin-mobile);background:var(--color-background);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.forgot-password__main{z-index:10;width:100%;max-width:480px;animation:.5s ease-out fadeIn;position:relative}.forgot-password__brand{text-align:center;margin-bottom:var(--spacing-lg)}.forgot-password__logo{background:var(--color-primary);border-radius:var(--radius-xl);width:48px;height:48px;color:var(--color-on-primary);margin-bottom:var(--spacing-sm);justify-content:center;align-items:center;display:inline-flex}.forgot-password__card{background:var(--color-surface-container-lowest);border:1px solid var(--color-outline-variant);border-radius:var(--radius-xl);padding:var(--spacing-lg);box-shadow:var(--shadow-md)}.forgot-password__form{gap:var(--spacing-md);flex-direction:column;display:flex}.forgot-password__field{flex-direction:column;gap:6px;display:flex}.forgot-password__label{color:var(--color-on-surface-variant)}.forgot-password__input-wrap{transition:transform var(--transition-fast);position:relative}.forgot-password__input-wrap:focus-within{transform:scale(1.01)}.forgot-password__input-icon{color:var(--color-outline);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%);font-size:20px!important}.forgot-password__input{background:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);width:100%;font-size:var(--text-body-md-size);color:var(--color-on-surface);transition:all var(--transition-normal);padding:10px 12px 10px 40px}.forgot-password__input::placeholder{color:var(--color-outline)}.forgot-password__input:focus{border-color:var(--color-primary-container);outline:none;box-shadow:0 0 0 2px #1a73e833}.forgot-password__submit{background:var(--color-primary-container);width:100%;color:var(--color-on-primary-container);border-radius:var(--radius-lg);font-size:var(--text-title-lg-size);font-weight:var(--text-title-lg-weight);box-shadow:var(--shadow-md);transition:all var(--transition-normal);margin-top:var(--spacing-md);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:12px 16px;display:flex}.forgot-password__submit:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.forgot-password__submit:active:not(:disabled){transform:scale(.98)}.forgot-password__submit:disabled{opacity:.7;cursor:not-allowed}.forgot-password__back-cta{text-align:center;margin-top:var(--spacing-lg)}.forgot-password__login-link{color:var(--color-primary);margin-left:4px;font-weight:700}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.sidebar{height:100vh;width:var(--sidebar-width);background:var(--color-surface);border-right:1px solid var(--color-outline-variant);padding:var(--spacing-lg) 0;z-index:var(--z-sidebar);transition:transform var(--transition-normal), box-shadow var(--transition-normal);flex-direction:column;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.sidebar__brand{padding:0 var(--spacing-lg);margin-bottom:var(--spacing-xl);cursor:pointer;align-items:center;gap:12px;display:flex}.sidebar__mobile-close{color:var(--color-on-surface-variant);border-radius:var(--radius-full);margin-left:auto;padding:8px;display:none}.sidebar__logo{background:var(--color-primary-container);border-radius:var(--radius-md);width:40px;height:40px;color:var(--color-on-primary-container);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar__title{font-size:var(--text-title-lg-size);color:var(--color-primary);font-weight:700;line-height:1.2}.sidebar__subtitle{font-size:var(--text-label-sm-size);color:var(--color-outline);letter-spacing:var(--text-label-sm-spacing)}.sidebar__nav{padding:0 var(--spacing-md);flex-direction:column;flex:1;gap:2px;display:flex}.sidebar__child-switcher{margin:0 var(--spacing-md) var(--spacing-lg);border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);background:var(--color-surface-container-low);padding:12px}.sidebar__child-switcher label{color:var(--color-on-surface-variant);font-size:var(--text-label-sm-size);margin-bottom:6px;font-weight:600;display:block}.sidebar__child-select-wrap{align-items:center;gap:6px;display:flex}.sidebar__child-select-wrap .material-symbols-outlined{color:var(--color-primary);font-size:18px}.sidebar__child-select-wrap select{width:100%;min-width:0;color:var(--color-on-surface);background:0 0;border:0;outline:0;font-weight:700}.sidebar__child-switcher p{color:var(--color-on-surface-variant);margin:6px 0 0 24px;font-size:11px}.sidebar__link{align-items:center;gap:var(--spacing-md);padding:12px var(--spacing-md);border-radius:var(--radius-md);color:var(--color-on-surface-variant);font-size:var(--text-label-md-size);font-weight:var(--text-label-md-weight);transition:all var(--transition-normal);border-left:4px solid #0000;text-decoration:none;display:flex}.sidebar__link>.material-symbols-outlined{width:28px;height:28px;color:color-mix(in srgb, var(--color-on-surface-variant) 88%, #001a33);border:1px solid #0000;border-radius:50%;flex:none;place-items:center;display:grid}.sidebar__link:hover{background:var(--color-surface-container-low);text-decoration:none}.sidebar__link--active{background:var(--color-surface-container-high);color:var(--color-primary);border-left-color:var(--color-primary)}.sidebar__link--active .material-symbols-outlined{color:var(--color-primary);border-color:color-mix(in srgb, var(--color-primary) 20%, transparent);background:color-mix(in srgb, var(--color-primary) 9%, var(--color-surface))}.sidebar__link-label{flex:1;min-width:0}.sidebar__link--disabled{cursor:not-allowed;opacity:.45}.sidebar__badge{background:var(--color-error);min-width:20px;height:20px;color:var(--color-on-error);text-align:center;border-radius:10px;flex:none;align-self:center;place-items:center;padding:0 5px;font-size:11px;font-weight:700;line-height:20px;display:inline-grid}.sidebar__cta{padding:0 var(--spacing-lg);margin:var(--spacing-md) 0}.sidebar__cta-btn{width:100%;padding:12px var(--spacing-md);background:var(--color-primary);color:var(--color-on-primary);border-radius:var(--radius-xl);font-size:var(--text-label-md-size);font-weight:var(--text-label-md-weight);justify-content:center;align-items:center;gap:var(--spacing-sm);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);display:flex}.sidebar__cta-btn:hover{opacity:.9;box-shadow:var(--shadow-md);transform:translateY(-1px)}.sidebar__cta-btn:active{transform:scale(.98)}.sidebar__bottom{padding:0 var(--spacing-md);border-top:1px solid var(--color-outline-variant);padding-top:var(--spacing-md);flex-direction:column;gap:2px;display:flex}.sidebar__logout{color:var(--color-on-surface-variant);text-align:left;width:100%}.sidebar__logout:hover{color:var(--color-error)}@media (width<=1024px){.sidebar{transform:translate(-100%)}.sidebar--open{box-shadow:var(--shadow-xl);transform:translate(0)}.sidebar__mobile-close{display:flex}}.notif-bell,.notif-bell__btn{position:relative}.notif-bell__btn--active{color:var(--color-primary);background:var(--color-surface-container-low)}.notif-bell__count{background:var(--color-error);color:#fff;border-radius:var(--radius-full);border:2px solid var(--color-surface);pointer-events:none;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:700;line-height:1;display:flex;position:absolute;top:2px;right:2px}.notif-dropdown{background:var(--color-surface-container-lowest);border:1px solid var(--color-outline-variant);border-radius:var(--radius-2xl);width:380px;max-width:calc(100vw - 32px);box-shadow:var(--shadow-xl);z-index:var(--z-dropdown);flex-direction:column;max-height:520px;display:flex;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden}.notif-dropdown__header{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-outline-variant);justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);flex-shrink:0;display:flex}.notif-dropdown__title{color:var(--color-on-surface);font-weight:700}.notif-dropdown__unread-label{font-size:var(--text-label-sm-size);color:var(--color-outline);margin-top:2px;display:block}.notif-dropdown__mark-all{font-size:var(--text-label-sm-size);color:var(--color-primary);white-space:nowrap;border-radius:var(--radius-md);transition:background var(--transition-fast);align-items:center;gap:4px;margin-top:2px;padding:4px 8px;font-weight:600;display:flex}.notif-dropdown__mark-all:hover:not(:disabled){background:#005bbf14}.notif-dropdown__list{flex:1;overflow-y:auto}.notif-dropdown__empty{align-items:center;gap:var(--spacing-md);padding:var(--spacing-2xl) var(--spacing-lg);color:var(--color-outline);text-align:center;flex-direction:column;display:flex}.notif-dropdown__footer{border-top:1px solid var(--color-outline-variant);padding:var(--spacing-sm) var(--spacing-lg);flex-shrink:0}.notif-dropdown__see-all{width:100%;font-size:var(--text-label-md-size);color:var(--color-on-surface-variant);border-radius:var(--radius-lg);transition:background var(--transition-fast);padding:8px;font-weight:600}.notif-dropdown__see-all:hover{background:var(--color-surface-container-low)}.notif-item{align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);text-align:left;border-bottom:1px solid var(--color-outline-variant);width:100%;transition:background var(--transition-fast);cursor:default;background:0 0;display:flex;position:relative}.notif-item:last-child{border-bottom:none}.notif-item--clickable{cursor:pointer}.notif-item--clickable:hover{background:var(--color-surface-container-low)}.notif-item--unread{background:#005bbf0a}.notif-item--unread:hover{background:#005bbf14}.notif-item__icon{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;margin-top:1px;display:flex}.notif-item__icon--academic_alert{color:var(--color-primary);background:#005bbf1a}.notif-item__icon--parent_notice{background:var(--color-warning-bg);color:var(--color-warning)}.notif-item__icon--feedback{background:var(--color-success-bg);color:var(--color-success)}.notif-item__icon--system{background:var(--color-surface-container-high);color:var(--color-outline)}.notif-item__body{flex:1;min-width:0}.notif-item__title{color:var(--color-on-surface);margin-bottom:2px;font-weight:600;line-height:1.4}.notif-item__message{color:var(--color-on-surface-variant);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:4px;line-height:1.5;display:-webkit-box;overflow:hidden}.notif-item__time{color:var(--color-outline);align-items:center;gap:3px;font-size:11px;font-weight:500;display:inline-flex}.notif-item__dot{border-radius:var(--radius-full);background:var(--color-primary);flex-shrink:0;width:8px;height:8px;margin-top:6px}.notif-item--skeleton{pointer-events:none}.notif-item__icon.shimmer{border-radius:var(--radius-lg)}.notif-item__skeleton-line{border-radius:var(--radius-full);height:13px;margin-bottom:6px}.notif-item__skeleton-line--wide{width:70%}.notif-item__skeleton-line:last-child{width:90%;margin-bottom:0}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}[data-theme=dark] .notif-dropdown{background:var(--color-surface-container)}[data-theme=dark] .notif-item--unread{background:#789dff0d}[data-theme=dark] .notif-item--unread:hover{background:#789dff1a}.notif-toast{background:var(--color-surface-container-lowest);border:1px solid var(--color-outline-variant);border-radius:var(--radius-xl);width:360px;max-width:calc(100vw - 48px);box-shadow:var(--shadow-xl);z-index:10000;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);cursor:pointer;transition:transform .2s,opacity .2s;animation:.3s cubic-bezier(.34,1.56,.64,1) slide-in-up;display:flex;position:fixed;bottom:24px;right:24px}.notif-toast:hover{transform:translateY(-2px)}.notif-toast__icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-top:1px;display:flex}.notif-toast--academic_alert .notif-toast__icon{color:var(--color-primary);background:#005bbf1a}.notif-toast--parent_notice .notif-toast__icon{background:var(--color-warning-bg);color:var(--color-warning)}.notif-toast--feedback .notif-toast__icon{background:var(--color-success-bg);color:var(--color-success)}.notif-toast--system .notif-toast__icon{background:var(--color-surface-container-high);color:var(--color-outline)}.notif-toast__body{flex:1;min-width:0}.notif-toast__title{color:var(--color-on-surface);margin-bottom:2px;font-size:14px;font-weight:600}.notif-toast__message{color:var(--color-on-surface-variant);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.notif-toast__close{color:var(--color-outline);border-radius:var(--radius-full);background:0 0;justify-content:center;align-items:center;padding:4px;transition:background .2s;display:flex}.notif-toast__close:hover{background:var(--color-surface-container-high)}@keyframes slide-in-up{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}.notif-item__actions{gap:8px;margin-top:8px;margin-bottom:6px;display:flex}.notif-item__action-btn{border-radius:var(--radius-md);cursor:pointer;transition:opacity var(--transition-fast);border:none;padding:6px 16px;font-size:11px;font-weight:600}.notif-item__action-btn:hover:not(:disabled){opacity:.9}.notif-item__action-btn--approve{background:var(--color-success);color:#fff}.notif-item__action-btn--reject{background:var(--color-surface-container-high);color:var(--color-on-surface-variant);border:1px solid var(--color-outline-variant)}.notif-item__action-btn:disabled{opacity:.6;cursor:not-allowed}.notif-item__status{align-items:center;margin-top:6px;font-size:12px;font-weight:600;display:inline-flex}.notif-item__status--approved{color:var(--color-success)}.notif-item__status--rejected{color:var(--color-error)}.notif-item__message--full{-webkit-line-clamp:unset;display:block;overflow:visible}.topnav{z-index:var(--z-topnav);height:var(--topnav-height);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-outline-variant);padding:0 var(--margin-desktop);transition:background var(--transition-normal), border-color var(--transition-normal);background:#f8f9ffcc;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.topnav__menu-btn{color:var(--color-on-surface-variant);border-radius:var(--radius-full);justify-content:center;align-items:center;padding:8px;display:none}[data-theme=dark] .topnav{background:#0e1420cc}.topnav__search{width:384px;max-width:50%;transition:all var(--transition-normal);position:relative}.topnav__search--focused{border-radius:var(--radius-full);box-shadow:0 0 0 2px #005bbf26}.topnav__search-icon{color:var(--color-outline);font-size:20px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.topnav__search-input{background:var(--color-surface-container-lowest);border:1px solid var(--color-outline-variant);border-radius:var(--radius-full);width:100%;font-size:var(--text-body-md-size);color:var(--color-on-surface);transition:all var(--transition-normal);padding:8px 16px 8px 40px}.topnav__search-input::placeholder{color:var(--color-outline)}.topnav__search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #1a73e833}.topnav__parent-context{color:var(--color-on-surface-variant);align-items:center;gap:10px;display:flex}.topnav__parent-context>.material-symbols-outlined{border:1px solid color-mix(in srgb, var(--color-primary) 24%, transparent);background:color-mix(in srgb, var(--color-primary) 10%, var(--color-surface));width:34px;height:34px;color:color-mix(in srgb, var(--color-primary) 82%, #001a33);border-radius:50%;place-items:center;display:grid}.topnav__parent-context strong,.topnav__parent-context span{display:block}.topnav__parent-context strong{color:var(--color-on-surface);font-size:var(--text-label-md-size)}.topnav__parent-context div>span{font-size:var(--text-label-sm-size);margin-top:1px}.topnav__actions{align-items:center;gap:var(--spacing-lg);display:flex}.topnav__icon-btn{color:var(--color-on-surface-variant);border-radius:var(--radius-full);transition:all var(--transition-fast);padding:8px;position:relative}.topnav__icon-btn:hover{color:var(--color-primary);background:var(--color-surface-container-low)}.topnav__profile{cursor:pointer;border-radius:var(--radius-md);transition:background var(--transition-fast);align-items:center;gap:12px;padding:4px 8px;display:flex}.topnav__profile:hover{background:var(--color-surface-container-low)}.topnav__profile-info{text-align:right}.topnav__profile-name{font-size:var(--text-label-md-size);color:var(--color-on-surface);font-weight:700}.topnav__profile-role{font-size:var(--text-label-sm-size);color:var(--color-outline)}.topnav__avatar{border-radius:var(--radius-full);border:2px solid var(--color-primary-container);background:var(--color-surface-container-high);width:40px;height:40px;color:var(--color-primary);justify-content:center;align-items:center;display:flex;overflow:hidden}.topnav__avatar img{object-fit:cover;width:100%;height:100%}@media (width<=1024px){.topnav{padding:0 var(--margin-mobile);gap:var(--spacing-sm)}.topnav__menu-btn{flex-shrink:0;display:flex}.topnav__search{width:min(320px,45vw)}.topnav__actions{gap:var(--spacing-sm)}}@media (width<=640px){.topnav__search{display:none}.topnav__actions{margin-left:auto}.topnav__profile-info,.topnav__parent-context{display:none}}.parent-bottom-nav{display:none}@media (width<=1024px){.parent-bottom-nav{z-index:calc(var(--z-sidebar) - 2);height:calc(66px + env(safe-area-inset-bottom));padding:6px 6px env(safe-area-inset-bottom);border-top:1px solid var(--color-outline-variant);background:color-mix(in srgb, var(--color-surface) 96%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:fixed;inset:auto 0 0;box-shadow:0 -4px 16px #19233214}.parent-bottom-nav__item{border-radius:var(--radius-sm);min-width:0;color:var(--color-on-surface-variant);flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:10px;font-weight:600;text-decoration:none;display:flex}.parent-bottom-nav__item .material-symbols-outlined{font-size:22px}.parent-bottom-nav__item.is-active{color:var(--color-primary);background:var(--color-primary-container)}.parent-bottom-nav__item.is-disabled{opacity:.4}}.app-layout{max-width:100%;min-height:100vh;display:flex;overflow-x:clip}.app-layout__main{min-width:0;margin-left:var(--sidebar-width);flex-direction:column;flex:1;min-height:100vh;display:flex}.app-layout__content{padding:var(--margin-desktop);max-width:var(--container-max-width);box-sizing:border-box;flex-direction:column;flex:1;width:100%;min-width:0;animation:.3s ease-out fadeIn;display:flex}.app-layout__sidebar-overlay{display:none}.app-layout__content--no-padding{max-width:100%;padding:0}@media (width<=1024px){.app-layout__main{margin-left:0}.app-layout__content{padding:var(--margin-mobile)}.app-layout__content--parent{padding-bottom:calc(var(--margin-mobile) + 72px + env(safe-area-inset-bottom))}.app-layout__sidebar-overlay{z-index:calc(var(--z-sidebar) - 1);background:#00000073;border:0;display:block;position:fixed;inset:0}}.stat-card{background:var(--color-surface-container-lowest);border:1px solid var(--color-outline-variant);border-radius:var(--radius-xl);padding:var(--spacing-lg);box-shadow:var(--shadow-md);transition:all var(--transition-normal)}.stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.stat-card__header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.stat-card__label{color:var(--color-outline)}.stat-card__icon{border-radius:var(--radius-md);padding:8px}.stat-card__icon--primary{color:var(--color-primary);background:#005bbf14}.stat-card__icon--secondary{color:var(--color-secondary);background:#3d608e14}.stat-card__icon--tertiary{color:var(--color-tertiary);background:#525f7014}.stat-card__icon--error{color:var(--color-error);background:#ba1a1a14}.stat-card__icon--success{color:var(--color-success);background:#16a34a14}.stat-card__value-row{align-items:baseline;gap:8px;display:flex}.stat-card__value{color:var(--color-on-surface)}.stat-card__trend{font-size:var(--text-label-sm-size);border-radius:var(--radius-full);padding:2px 8px;font-weight:500}.stat-card__trend--primary{color:var(--color-primary);background:#005bbf1a}.stat-card__trend--success{color:var(--color-success);background:var(--color-success-bg)}.stat-card__trend--error{color:var(--color-error);background:var(--color-danger-bg)}.stat-card__subtitle{color:var(--color-outline);margin-top:4px}.stat-card__progress{background:var(--color-surface-container);border-radius:var(--radius-full);width:100%;height:4px;margin-top:12px;overflow:hidden}.stat-card__progress-fill{border-radius:var(--radius-full);height:100%;transition:width .8s ease-in-out}.stat-card__progress-fill--primary{background:var(--color-primary)}.stat-card__progress-fill--secondary{background:var(--color-secondary)}.stat-card__progress-fill--tertiary{background:var(--color-tertiary)}.stat-card__progress-fill--error{background:var(--color-error)}.stat-card__progress-fill--success{background:var(--color-success)}.circular-progress{align-items:center;gap:var(--spacing-lg);display:flex}.circular-progress__ring{flex-shrink:0;position:relative}.circular-progress__svg{transform:rotate(-90deg)}.circular-progress__fill{transition:stroke-dashoffset .8s ease-in-out}.circular-progress__fill--primary{stroke:var(--color-primary)}.circular-progress__fill--secondary{stroke:var(--color-secondary)}.circular-progress__fill--tertiary{stroke:var(--color-tertiary)}.circular-progress__fill--success{stroke:var(--color-success)}.circular-progress__fill--error{stroke:var(--color-error)}.circular-progress__percentage{color:var(--color-on-surface);font-size:10px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.circular-progress__label{color:var(--color-on-surface)}.circular-progress__sublabel{color:var(--color-outline)}.vocab-chart__header{margin-bottom:var(--spacing-xl);justify-content:space-between;align-items:center;display:flex}.vocab-chart__tabs{gap:8px;display:flex}.vocab-chart__tab{font-size:var(--text-label-sm-size);font-weight:var(--text-label-sm-weight);border-radius:var(--radius-md);color:var(--color-outline);transition:all var(--transition-fast);padding:6px 12px}.vocab-chart__tab:hover{background:var(--color-surface-container-low)}.vocab-chart__tab--active{background:var(--color-surface-container-high);color:var(--color-primary)}.vocab-chart__body{position:relative}.vocab-chart__svg{width:100%;height:256px}.vocab-chart__line{stroke-dasharray:2000;stroke-dashoffset:2000px;animation:1.5s ease-out forwards drawLine}.vocab-chart__area{opacity:0;animation:.5s ease-out 1s forwards fadeInArea}@keyframes drawLine{to{stroke-dashoffset:0}}@keyframes fadeInArea{to{opacity:1}}.vocab-chart__labels{margin-top:var(--spacing-md);font-size:var(--text-label-sm-size);font-weight:var(--text-label-sm-weight);color:var(--color-outline);justify-content:space-between;display:flex}.mastery-donut{flex-direction:column;height:100%;display:flex}.mastery-donut__title{margin-bottom:var(--spacing-md);color:var(--color-on-surface)}.mastery-donut__content{justify-content:center;align-items:center;gap:var(--spacing-lg);flex-wrap:wrap;flex:1;display:flex}.mastery-donut__chart-container{flex-shrink:0;width:140px;height:140px;position:relative}.mastery-donut__svg{width:100%;height:100%}.mastery-donut__center-text{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mastery-donut__center-num{color:var(--color-on-surface);font-size:24px;font-weight:700;line-height:1.1}.mastery-donut__center-label{color:var(--color-outline);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:500}.mastery-donut__legend{gap:var(--spacing-sm);flex-direction:column;flex:1;min-width:140px;display:flex}.mastery-donut__legend-item{color:var(--color-on-surface-variant);align-items:center;font-size:13px;display:flex}.mastery-donut__dot{border-radius:var(--radius-full);width:10px;height:10px;margin-right:var(--spacing-sm);flex-shrink:0}.mastery-donut__dot--new{background-color:var(--color-primary)}.mastery-donut__dot--learning{background-color:var(--color-warning)}.mastery-donut__dot--mastered{background-color:var(--color-success)}.mastery-donut__legend-label{margin-right:auto;font-weight:500}.mastery-donut__legend-val{color:var(--color-on-surface);font-weight:600;font-family:var(--mono)}.mastery-donut__review-btn{margin-top:var(--spacing-xs);color:var(--color-primary);border-radius:var(--radius-md);transition:all var(--transition-fast);background-color:#005bbf14;border:1px dashed #0000;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:600;display:flex}.mastery-donut__review-btn:hover{background-color:var(--color-primary);color:var(--color-on-primary)}.mastery-donut__review-btn .material-symbols-outlined{font-size:14px}.mastery-donut__empty{justify-content:center;align-items:center;gap:var(--spacing-xs);color:var(--color-outline);text-align:center;padding:var(--spacing-md);flex-direction:column;flex:1;display:flex}.mastery-donut__empty .material-symbols-outlined{color:var(--color-outline-variant);font-size:32px}@media (width<=480px){.mastery-donut__content{gap:var(--spacing-md);flex-direction:column}}.student-dash__welcome{margin-bottom:var(--spacing-lg)}.student-dash__stats{gap:var(--spacing-gutter);margin-bottom:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.student-dash__charts{gap:var(--spacing-gutter);margin-bottom:var(--spacing-lg);grid-template-columns:2fr 1fr;align-items:start;display:grid}.student-dash__side-cards{gap:var(--spacing-gutter);flex-direction:column;display:flex}.student-dash__goals-list{gap:var(--spacing-lg);flex-direction:column;display:flex}.student-dash__table-header{padding:var(--spacing-lg);border-bottom:1px solid var(--color-outline-variant);justify-content:space-between;align-items:center;display:flex}.student-dash__view-all{color:var(--color-primary);font-size:var(--text-label-md-size);font-weight:var(--text-label-md-weight)}.student-dash__view-all:hover{text-decoration:underline}.student-dash__table-wrap{overflow-x:auto}.student-dash__submissions{text-align:left;border-collapse:collapse;width:100%}.student-dash__submissions th{padding:var(--spacing-md) var(--spacing-lg);background:var(--color-surface-container-low);color:var(--color-outline);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-outline-variant);white-space:nowrap}.student-dash__submissions td{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-outline-variant)}.student-dash__submissions tr:hover{background:var(--color-surface-container);cursor:pointer}.student-dash__essay-title{color:var(--color-on-surface);transition:color var(--transition-fast);font-weight:700}.student-dash__submissions tr:hover .student-dash__essay-title{color:var(--color-primary)}.student-dash__complexity-badge{background:var(--color-surface-container-highest);color:var(--color-on-surface);border-radius:var(--radius-sm);font-size:var(--text-label-sm-size);font-weight:var(--text-label-sm-weight);padding:4px 8px}.student-dash__status-badge{border-radius:var(--radius-full);font-size:var(--text-label-sm-size);font-weight:var(--text-label-sm-weight);color:var(--color-primary);background:#005bbf1a;padding:4px 12px;display:inline-block}.student-dash__status-badge--draft{background:var(--color-surface-variant);color:var(--color-on-surface-variant)}@media (width<=1024px){.student-dash__charts{grid-template-columns:1fr}}.modal-backdrop{-webkit-backdrop-filter:blur(6px);z-index:9999;background-color:#00000080;justify-content:center;align-items:center;animation:.25s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-wrapper{background:var(--color-surface);color:var(--color-on-surface);border:1px solid var(--color-outline-variant);border-radius:var(--radius-2xl);width:90%;max-width:440px;animation:.3s cubic-bezier(.34,1.56,.64,1) slideDown;overflow:hidden;box-shadow:0 20px 25px -5px #00000026,0 10px 10px -5px #0000000a}.modal-header-accent{width:100%;height:4px}.modal-header-accent--info{background:var(--color-primary)}.modal-header-accent--success{background:var(--color-success,#28a745)}.modal-header-accent--warning{background:var(--color-warning,#fd7e14)}.modal-header-accent--error{background:var(--color-error,#d32f2f)}.modal-header-accent--confirm{background:var(--color-primary)}.modal-body{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:24px;display:flex}.modal-icon-container{border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.modal-icon-container--info{color:var(--color-primary);background:#005bbf1a}.modal-icon-container--success{color:var(--color-success,#28a745);background:#28a7451a}.modal-icon-container--warning{color:var(--color-warning,#fd7e14);background:#fd7e141a}.modal-icon-container--error{color:var(--color-error,#d32f2f);background:#d32f2f1a}.modal-icon-container--confirm{color:var(--color-primary);background:#005bbf1a}.modal-icon{font-size:32px}.modal-title{color:var(--color-on-surface);margin:0;font-size:18px;font-weight:700}.modal-message{color:var(--color-on-surface-variant);margin:0;font-size:14px;line-height:1.5}.modal-footer{justify-content:center;gap:12px;padding:16px 24px 24px;display:flex}.modal-btn{border-radius:var(--radius-lg);cursor:pointer;box-shadow:var(--shadow-sm);border:none;justify-content:center;align-items:center;padding:10px 20px;font-size:14px;font-weight:700;transition:all .2s;display:flex}.modal-btn:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.modal-btn:active{transform:translateY(0)}.modal-btn--primary{background:var(--color-primary);color:var(--color-on-primary)}.modal-btn--secondary{background:var(--color-surface-container-high);color:var(--color-on-surface);border:1px solid var(--color-outline-variant)}.modal-btn--secondary:hover{background:var(--color-surface-container-highest)}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}[data-theme=dark] .modal-wrapper{background:var(--color-surface-container-low)}.write-essay__header{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.write-essay__actions{gap:var(--spacing-sm);display:flex}.write-essay__btn-secondary{border-radius:var(--radius-lg);border:1px solid var(--color-outline-variant);color:var(--color-on-surface);font-size:var(--text-label-md-size);font-weight:var(--text-label-md-weight);transition:all var(--transition-fast);align-items:center;gap:8px;padding:10px 20px;display:flex}.write-essay__btn-secondary:hover{background:var(--color-surface-container-low)}.write-essay__btn-primary{border-radius:var(--radius-lg);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--text-label-md-size);font-weight:var(--text-label-md-weight);box-shadow:var(--shadow-sm);transition:all var(--transition-fast);align-items:center;gap:8px;padding:10px 20px;display:flex}.write-essay__btn-primary:hover{opacity:.9;transform:translateY(-1px)}.write-essay__layout{gap:var(--spacing-gutter);grid-template-columns:1fr 320px;display:grid}.write-essay__editor-area{gap:var(--spacing-md);flex-direction:column;display:flex}.write-essay__title-input{width:100%;font-size:var(--text-title-lg-size);font-weight:var(--text-title-lg-weight);color:var(--color-on-surface);border:none;border-bottom:2px solid var(--color-outline-variant);transition:border-color var(--transition-fast);background:0 0;padding:8px 0}.write-essay__title-input:focus{border-bottom-color:var(--color-primary);outline:none}.write-essay__title-input::placeholder{color:var(--color-outline)}.write-essay__toolbar{align-items:center;gap:var(--spacing-sm);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-outline-variant);margin-bottom:var(--spacing-md);flex-wrap:wrap;display:flex}.write-essay__toolbar-group{gap:2px;display:flex}.write-essay__toolbar-divider{background:var(--color-outline-variant);width:1px;height:24px;margin:0 4px}.write-essay__tool-btn{border-radius:var(--radius-md);color:var(--color-on-surface-variant);transition:all var(--transition-fast);padding:6px}.write-essay__tool-btn:hover{background:var(--color-surface-container-low);color:var(--color-primary)}.write-essay__textarea{resize:vertical;width:100%;min-height:400px;font-size:var(--text-body-md-size);line-height:var(--text-body-lg-height);color:var(--color-on-surface);background:0 0;border:none}.write-essay__textarea:focus{outline:none}.write-essay__textarea::placeholder{color:var(--color-outline)}.write-essay__editor-footer{padding-top:var(--spacing-md);border-top:1px solid var(--color-outline-variant);justify-content:space-between;display:flex}.write-essay__side{gap:var(--spacing-md);flex-direction:column;display:flex}.write-essay__topics{gap:var(--spacing-sm);flex-direction:column;display:flex}.write-essay__topic{align-items:flex-start;gap:var(--spacing-sm);border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);text-align:left;color:var(--color-on-surface);font-size:var(--text-label-md-size);transition:all var(--transition-fast);padding:10px 12px;display:flex}.write-essay__topic:hover{border-color:var(--color-primary);background:var(--color-surface-container-low)}.write-essay__topic--active{border-color:var(--color-primary-container);color:var(--color-primary);background:#1a73e814}.write-essay__stats{gap:var(--spacing-md);grid-template-columns:1fr 1fr;display:grid}.write-essay__stat-item{flex-direction:column;gap:4px;display:flex}.write-essay__tips{gap:var(--spacing-sm);flex-direction:column;padding-left:20px;display:flex}.write-essay__tips li{font-size:var(--text-label-md-size);color:var(--color-on-surface-variant);line-height:1.5;list-style:outside}@media (width<=1024px){.write-essay__layout{grid-template-columns:1fr}}.write-essay__revision-alert{align-items:center;gap:var(--spacing-sm);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);color:#f59e0b;background:#f59e0b1a;border:1px solid #f59e0b4d;padding:12px 16px;display:flex}.write-essay__revision-alert-icon{font-size:20px}.write-essay__revision-alert-text{font-size:var(--text-label-md-size);color:var(--color-on-surface);line-height:1.4}.write-essay__revision-alert-text strong{color:#fff;font-weight:600}.weekly-comparison{gap:var(--spacing-md);flex-direction:column;width:100%;display:flex}.weekly-comparison__header{margin-bottom:var(--spacing-xs)}.weekly-comparison__grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));width:100%;display:grid}.weekly-comparison__card{padding:var(--spacing-md);gap:var(--spacing-sm);background:var(--color-surface-container-lowest);border:1px solid var(--color-outline-variant);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);flex-direction:column;display:flex}.weekly-comparison__card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.weekly-comparison__card-header{align-items:center;gap:var(--spacing-sm);display:flex}.weekly-comparison__icon-wrapper{border-radius:var(--radius-md);justify-content:center;align-items:center;width:36px;height:36px;display:flex}.weekly-comparison__icon-wrapper--primary{color:var(--color-primary);background:#005bbf14}.weekly-comparison__icon-wrapper--success{color:var(--color-success);background:#16a34a14}.weekly-comparison__icon-wrapper--secondary{color:var(--color-secondary);background:#3d608e14}.weekly-comparison__card-body{padding:var(--spacing-xs) 0;justify-content:space-between;align-items:center;display:flex}.weekly-comparison__value-block{flex-direction:column;align-items:flex-start;display:flex}.weekly-comparison__divider-line{background-color:var(--color-outline-variant);width:1px;height:24px}.weekly-comparison__card-footer{border-top:1px solid var(--color-surface-container-low);padding-top:var(--spacing-sm);justify-content:space-between;align-items:center;margin-top:auto;display:flex}.weekly-comparison__trend{font-size:var(--text-label-sm-size);border-radius:var(--radius-full);align-items:center;gap:4px;padding:2px 8px;font-weight:600;display:inline-flex}.weekly-comparison__trend--up-good{color:var(--color-success);background:#16a34a1a}.weekly-comparison__trend--down-bad{color:var(--color-error);background:#ba1a1a1a}.weekly-comparison__trend--flat{color:var(--color-outline);background:#525f701a}.weekly-comparison-loading,.weekly-comparison-error{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg);border-radius:var(--radius-xl);border:1px dashed var(--color-outline-variant);background:var(--color-surface-container-lowest);width:100%;min-height:120px;display:flex}.my-progress__header{margin-bottom:var(--spacing-lg)}.my-progress__overview{gap:var(--spacing-gutter);margin-bottom:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.my-progress__stat-card{align-items:center;gap:var(--spacing-md);transition:transform var(--transition-normal);display:flex}.my-progress__stat-card:hover{transform:translateY(-2px)}.my-progress__stat-icon{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.my-progress__grid{gap:var(--spacing-gutter);margin-bottom:var(--spacing-lg);grid-template-columns:2fr 1fr;display:grid}.my-progress__chart-visual{position:relative}.my-progress__svg{width:100%;height:250px}.my-progress__chart-labels{margin-top:var(--spacing-sm);font-size:var(--text-label-sm-size);color:var(--color-outline);justify-content:space-between;display:flex}.my-progress__categories{gap:var(--spacing-lg);flex-direction:column;display:flex}.my-progress__category-info{justify-content:space-between;margin-bottom:6px;display:flex}.my-progress__category-bar{background:var(--color-surface-container);border-radius:var(--radius-full);height:8px;overflow:hidden}.my-progress__category-fill{border-radius:var(--radius-full);height:100%;transition:width .8s ease-in-out}.my-progress__category-fill--primary{background:var(--color-primary)}.my-progress__category-fill--secondary{background:var(--color-secondary)}.my-progress__category-fill--tertiary{background:var(--color-tertiary)}.my-progress__category-fill--success{background:var(--color-success)}.my-progress__milestone-list{gap:var(--spacing-md);flex-direction:column;display:flex}.my-progress__milestone{border-radius:var(--radius-md);border:1px solid var(--color-outline-variant);transition:background var(--transition-fast);align-items:center;gap:12px;padding:12px 16px;display:flex}.my-progress__milestone:hover{background:var(--color-surface-container-low)}.my-progress__milestone--achieved{background:#16a34a0a;border-color:#16a34a4d}@media (width<=1024px){.my-progress__grid{grid-template-columns:1fr}}.weekly-goals__header{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.weekly-goals__save-btn{background:var(--color-primary);color:var(--color-on-primary);border-radius:var(--radius-lg);font-size:var(--text-label-md-size);box-shadow:var(--shadow-sm);transition:all var(--transition-fast);align-items:center;gap:8px;padding:10px 20px;font-weight:600;display:flex}.weekly-goals__save-btn:hover{opacity:.9}.weekly-goals__progress{gap:var(--spacing-gutter);margin-bottom:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.weekly-goals__progress-card{align-items:center;gap:var(--spacing-lg);transition:transform var(--transition-normal);display:flex}.weekly-goals__progress-card:hover{transform:translateY(-2px)}.weekly-goals__progress-info{flex-direction:column;gap:4px;display:flex}.weekly-goals__config{margin-bottom:var(--spacing-lg)}.weekly-goals__config-list{gap:var(--spacing-lg);flex-direction:column;display:flex}.weekly-goals__config-item{padding:var(--spacing-md);border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg)}.weekly-goals__config-item:hover{border-color:var(--color-primary)}.weekly-goals__config-label{align-items:center;gap:8px;margin-bottom:12px;display:flex}.weekly-goals__config-input-row{align-items:center;gap:var(--spacing-md);margin-bottom:12px;display:flex}.weekly-goals__slider{appearance:none;background:var(--color-surface-container);border-radius:var(--radius-full);flex:1;height:4px}.weekly-goals__slider::-webkit-slider-thumb{appearance:none;background:var(--color-primary);cursor:pointer;border-radius:50%;width:20px;height:20px}.weekly-goals__number-input{border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);text-align:center;width:80px;color:var(--color-on-surface);background:var(--color-surface);padding:6px 10px;font-weight:600}.weekly-goals__number-input:focus{border-color:var(--color-primary);outline:none}.weekly-goals__config-bar{background:var(--color-surface-container);border-radius:var(--radius-full);height:6px;overflow:hidden}.weekly-goals__config-fill{border-radius:var(--radius-full);height:100%;transition:width .5s}.weekly-goals__config-fill--primary{background:var(--color-primary)}.weekly-goals__config-fill--secondary{background:var(--color-secondary)}.weekly-goals__config-fill--tertiary{background:var(--color-tertiary)}.weekly-goals__tips-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.weekly-goals__tip{padding:var(--spacing-md);border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);background:var(--color-surface-container-low);gap:12px;display:flex}.ai-feedback__header{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.ai-feedback__btn-outline{border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);font-size:var(--text-label-md-size);transition:all var(--transition-fast);align-items:center;gap:8px;padding:8px 16px;font-weight:500;display:flex}.ai-feedback__btn-outline:hover{background:var(--color-surface-container-low)}.ai-feedback__btn-primary{background:var(--color-primary);color:var(--color-on-primary);border-radius:var(--radius-lg);font-size:var(--text-label-md-size);transition:all var(--transition-fast);align-items:center;gap:8px;padding:8px 16px;font-weight:500;display:flex}.ai-feedback__btn-primary:hover{opacity:.9}.ai-feedback__layout{gap:var(--spacing-gutter);grid-template-columns:1fr 340px;display:grid}.ai-feedback__main{gap:var(--spacing-md);flex-direction:column;display:flex}.ai-feedback__overall{align-items:center;gap:var(--spacing-lg);display:flex}.ai-feedback__score-ring{flex-shrink:0;width:120px;height:120px;position:relative}.ai-feedback__score-value{align-items:baseline;gap:2px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ai-feedback__scores{gap:var(--spacing-md);flex-direction:column;display:flex}.ai-feedback__score-label{justify-content:space-between;margin-bottom:6px;display:flex}.ai-feedback__score-bar{background:var(--color-surface-container);border-radius:var(--radius-full);height:8px;overflow:hidden}.ai-feedback__score-fill{background:var(--color-primary);border-radius:var(--radius-full);height:100%;transition:width .8s}.ai-feedback__suggestions{gap:var(--spacing-sm);flex-direction:column;display:flex}.ai-feedback__suggestion{border-radius:var(--radius-md);gap:12px;padding:12px 16px;display:flex}.ai-feedback__suggestion--strength{color:var(--color-success);background:#16a34a0f;border:1px solid #16a34a33}.ai-feedback__suggestion--strength p{color:var(--color-on-surface)}.ai-feedback__suggestion--improvement{color:var(--color-primary);background:#005bbf0f;border:1px solid #005bbf33}.ai-feedback__suggestion--improvement p{color:var(--color-on-surface)}.ai-feedback__side{gap:var(--spacing-md);flex-direction:column;display:flex}.ai-feedback__words{flex-wrap:wrap;gap:8px;display:flex}.ai-feedback__word-chip{color:var(--color-primary);border-radius:var(--radius-full);font-size:var(--text-label-sm-size);background:#005bbf14;padding:4px 12px;font-weight:500}.ai-feedback__writing-stats{gap:var(--spacing-md);flex-direction:column;display:flex}.ai-feedback__wstat{justify-content:space-between;display:flex}@media (width<=1024px){.ai-feedback__layout{grid-template-columns:1fr}}.ai-feedback__repeated-word-row:hover{box-shadow:0 2px 8px #0000000d;border-color:var(--color-outline)!important;background-color:var(--color-surface-container)!important}.ai-feedback__synonym-suggestion:hover{transform:translateY(-1px);background-color:#16a34a26!important;border-color:#16a34a66!important}.ai-feedback__synonym-suggestion:active{transform:translateY(1px)}.ai-feedback__synonym-suggestion.copied{animation:.3s ease-in-out pulse-green}@keyframes pulse-green{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.essay-revision-banner{background:linear-gradient(135deg,#d9770626,#b4530940);border:1px solid #d9770666;border-radius:12px;align-items:center;gap:1.5rem;margin-bottom:2rem;padding:1.25rem 1.5rem;display:flex;box-shadow:0 4px 20px #00000026}.essay-revision-banner__icon{color:#f59e0b;font-size:2.25rem}.essay-revision-banner__content{flex:1}.essay-revision-banner__content h4{color:#fff;margin:0 0 .25rem;font-size:1.1rem;font-weight:600}.essay-revision-banner__content p{color:#fffc;margin:0;font-size:.9rem}.essay-discussion-container{padding:var(--spacing-lg);background:var(--color-surface-container-lowest);border:1px solid var(--color-outline-variant);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);color:var(--color-on-surface);text-align:left;flex-direction:column;margin-top:2.5rem;display:flex}.discussion-header{border-bottom:1px solid var(--color-outline-variant);padding-bottom:var(--spacing-sm);margin-bottom:var(--spacing-md)}.discussion-header h3{font-size:var(--text-title-lg-size);line-height:var(--text-title-lg-height);font-weight:var(--text-title-lg-weight);color:var(--color-on-surface);margin:0 0 4px}.discussion-subtitle{font-size:var(--text-label-sm-size);color:var(--color-on-surface-variant);margin:0}.discussion-error{background:var(--color-danger-bg);border:1px solid var(--color-danger);border-radius:var(--radius-md);color:var(--color-danger);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--text-label-md-size);margin-bottom:var(--spacing-md)}.comments-feed{flex-direction:column;gap:1rem;min-height:120px;max-height:350px;padding-right:.5rem;display:flex;overflow-y:auto}.comments-feed::-webkit-scrollbar{width:6px}.comments-feed::-webkit-scrollbar-track{border-radius:var(--radius-sm);background:0 0}.comments-feed::-webkit-scrollbar-thumb{background:var(--color-outline-variant);border-radius:var(--radius-sm)}.discussion-loading,.discussion-empty{text-align:center;color:var(--color-on-surface-variant);opacity:.7;font-size:var(--text-body-md-size);padding:2rem 0;font-style:italic}.comment-bubble-wrapper{flex-direction:column;max-width:75%;display:flex}.comment-bubble-wrapper.self{align-self:flex-end;align-items:flex-end}.comment-bubble-wrapper.other{align-self:flex-start;align-items:flex-start}.comment-meta{font-size:var(--text-label-sm-size);align-items:center;gap:.5rem;margin-bottom:.25rem;display:flex}.comment-author{color:var(--color-on-surface);font-weight:600}.role-badge{text-transform:capitalize;border-radius:var(--radius-sm);padding:2px 6px;font-size:10px;font-weight:700}.role-badge.teacher{color:#a855f7;background:#a855f71a;border:1px solid #a855f74d}.role-badge.student{background:var(--color-success-bg);color:var(--color-success);border:1px solid #16a34a4d}.role-badge.parent{background:var(--color-warning-bg);color:var(--color-warning);border:1px solid #d977064d}.comment-bubble{border-radius:var(--radius-lg);word-break:break-word;box-shadow:var(--shadow-sm);padding:10px 14px;position:relative}.self .comment-bubble{background:var(--color-primary-container);color:var(--color-on-primary-container);border:1px solid #0000000d;border-top-right-radius:2px}.other .comment-bubble{background:var(--color-surface-container);color:var(--color-on-surface);border:1px solid var(--color-outline-variant);border-top-left-radius:2px}.comment-text{font-size:var(--text-body-md-size);line-height:var(--text-body-md-height);margin:0}.comment-time{text-align:right;margin-top:4px;font-size:10px;display:block}.self .comment-time{color:#ffffffd9}.other .comment-time{color:var(--color-on-surface-variant);opacity:.8}.discussion-input-form{gap:var(--spacing-sm);margin-top:var(--spacing-md);border-top:1px solid var(--color-outline-variant);padding-top:var(--spacing-md);display:flex}.discussion-input{background:var(--color-surface-container-lowest);border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);color:var(--color-on-surface);font-size:var(--text-body-md-size);transition:all var(--transition-fast);outline:none;flex:1;padding:10px 16px}.discussion-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #005bbf26}.discussion-send-btn{background:var(--color-primary);color:var(--color-on-primary);border-radius:var(--radius-md);padding:0 var(--spacing-lg);cursor:pointer;transition:all var(--transition-fast);border:none;font-weight:500}.discussion-send-btn:hover:not(:disabled){background:var(--color-primary-container)}.discussion-send-btn:disabled{background:var(--color-surface-container-high);color:var(--color-outline);opacity:.5;cursor:not-allowed;border:1px solid var(--color-outline-variant)}.vocab-lib{padding:var(--spacing-lg);max-width:var(--container-max-width);gap:var(--spacing-lg);flex-direction:column;margin:0 auto;display:flex}.vocab-lib__header{justify-content:space-between;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;animation:.4s ease-out fadeIn;display:flex}.vocab-lib__add-btn{align-items:center;gap:var(--spacing-sm);background-color:var(--color-primary);color:var(--color-on-primary);border-radius:var(--radius-lg);transition:background-color var(--transition-fast), transform var(--transition-fast);box-shadow:var(--shadow-sm);padding:10px 20px;font-weight:500;display:flex}.vocab-lib__add-btn:hover{background-color:var(--color-primary-container);box-shadow:var(--shadow-md);transform:translateY(-1px)}.vocab-lib__add-btn:active{transform:translateY(0)}.vocab-lib__review-btn{align-items:center;gap:var(--spacing-sm);background-color:var(--color-surface-container-lowest);color:var(--color-primary);border:1.5px solid var(--color-primary);border-radius:var(--radius-lg);transition:all var(--transition-fast);box-shadow:var(--shadow-sm);padding:10px 20px;font-weight:500;display:flex;position:relative}.vocab-lib__review-btn:hover{box-shadow:var(--shadow-md);background-color:#005bbf0f;transform:translateY(-1px)}.vocab-lib__review-btn:active{transform:translateY(0)}.vocab-lib__review-badge{background-color:var(--color-primary);color:var(--color-on-primary);border-radius:var(--radius-full);justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.vocab-lib__search{gap:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg);grid-template-columns:2fr 3fr;align-items:center;display:grid}@media (width<=900px){.vocab-lib__search{gap:var(--spacing-md);grid-template-columns:1fr}}.vocab-lib__search-input-wrapper{align-items:center;display:flex;position:relative}.vocab-lib__search-icon{color:var(--color-outline);pointer-events:none;position:absolute;left:12px}.vocab-lib__search-field{border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);background-color:var(--color-surface);width:100%;color:var(--color-on-surface);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:12px 12px 12px 44px}.vocab-lib__search-field:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #005bbf26}.vocab-lib__filters{gap:var(--spacing-md);flex-wrap:wrap;justify-content:flex-end;display:flex}@media (width<=900px){.vocab-lib__filters{justify-content:flex-start}}.vocab-lib__filter-group{flex-direction:column;flex-grow:1;gap:4px;min-width:130px;display:flex}.vocab-lib__select{border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-on-surface);cursor:pointer;transition:border-color var(--transition-fast);padding:10px 12px}.vocab-lib__select:focus{border-color:var(--color-primary)}.vocab-lib__loading{justify-content:center;align-items:center;gap:var(--spacing-md);color:var(--color-outline);flex-direction:column;padding:64px 0;display:flex}.vocab-lib__loading span{color:var(--color-primary);font-size:40px}.vocab-lib__empty{text-align:center;padding:64px var(--spacing-lg);align-items:center;gap:var(--spacing-md);flex-direction:column;display:flex}.vocab-lib__empty-icon{color:var(--color-outline-variant);font-size:56px}.vocab-lib__grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));animation:.5s ease-out fadeIn;display:grid}.vocab-card{background:var(--color-surface-container-lowest);border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);padding:var(--spacing-md);cursor:pointer;gap:var(--spacing-sm);transition:transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast);box-shadow:var(--shadow-sm);flex-direction:column;display:flex;position:relative;overflow:hidden}.vocab-card:before{content:"";width:4px;height:100%;position:absolute;top:0;left:0}.vocab-card--new:before{background-color:var(--color-primary)}.vocab-card--new:hover{border-color:var(--color-primary-fixed-dim);background-color:#005bbf05}.vocab-card--learning:before{background-color:var(--color-warning)}.vocab-card--learning:hover{border-color:var(--color-warning);background-color:#d9770605}.vocab-card--mastered:before{background-color:var(--color-success)}.vocab-card--mastered:hover{border-color:var(--color-success);background-color:#16a34a05}.vocab-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.vocab-card__top{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.vocab-card__tag{text-transform:uppercase;border-radius:var(--radius-full);padding:2px 8px;font-size:10px;font-weight:600}.vocab-card__tag--cat{background-color:var(--color-surface-container-high);color:var(--color-on-surface-variant)}.vocab-card__tag--theme{background-color:var(--color-tertiary-fixed);color:var(--color-on-tertiary-fixed-variant)}.vocab-card__word{color:var(--color-on-surface);text-transform:capitalize;margin:0;font-size:20px;font-weight:600}.vocab-card__ipa{color:var(--color-outline);font-size:13px;font-family:var(--font-family)}.vocab-card__pos{text-transform:uppercase;color:var(--color-primary);border-radius:var(--radius-sm);background-color:#005bbf0f;width:fit-content;padding:1px 6px;font-size:11px;font-weight:600}.vocab-card__def{color:var(--color-on-surface-variant);flex-grow:1;margin-top:4px;font-size:14px;line-height:1.4}.vocab-card__footer{margin-top:var(--spacing-sm);align-items:center;display:flex}.vocab-card__badge{border-radius:var(--radius-sm);align-items:center;gap:4px;padding:3px 8px;font-size:10px;font-weight:700;display:inline-flex}.vocab-card__badge span:first-child{font-size:14px}.vocab-card__badge--new{color:var(--color-primary);background-color:#005bbf14}.vocab-card__badge--learning{background-color:var(--color-warning-bg);color:var(--color-warning)}.vocab-card__badge--mastered{background-color:var(--color-success-bg);color:var(--color-success)}.vocab-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:100%;height:100%;z-index:var(--z-modal);padding:var(--spacing-md);background-color:#0b1c3066;justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}.vocab-modal{background-color:var(--color-surface-container-lowest);border:1px solid var(--color-outline-variant);box-shadow:var(--shadow-xl);border-radius:var(--radius-xl);flex-direction:column;width:100%;max-width:550px;display:flex;position:relative;overflow:hidden}.vocab-modal__close{color:var(--color-outline);cursor:pointer;transition:color var(--transition-fast);border-radius:var(--radius-full);background:0 0;border:none;padding:4px;position:absolute;top:16px;right:16px}.vocab-modal__close:hover{color:var(--color-on-surface);background-color:var(--color-surface-container-low)}.vocab-modal--detail{max-height:85vh}.vocab-modal--detail .vocab-modal__content{padding:var(--spacing-lg);gap:var(--spacing-lg);flex-direction:column;display:flex;overflow-y:auto}.vocab-modal__header-row{padding:var(--spacing-lg) var(--spacing-lg) 0 var(--spacing-lg);justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);display:flex}.vocab-modal__word{color:var(--color-on-surface);text-transform:capitalize;margin-bottom:4px;font-size:28px;font-weight:700}.vocab-modal__subheaders{align-items:center;gap:var(--spacing-md);display:flex}.vocab-modal__ipa{color:var(--color-outline);align-items:center;gap:var(--spacing-xs);font-size:16px;display:inline-flex}.vocab-modal__audio-btn{color:var(--color-primary);border-radius:var(--radius-full);transition:background-color var(--transition-fast);align-items:center;padding:2px;display:flex}.vocab-modal__audio-btn:hover{background-color:#005bbf14}.vocab-modal__pos{text-transform:uppercase;color:var(--color-primary);border-radius:var(--radius-sm);background-color:#005bbf14;padding:2px 8px;font-size:12px;font-weight:600}.vocab-modal__divider{margin:var(--spacing-md) 0 0 0;border:0;border-top:1px solid var(--color-outline-variant)}.vocab-modal__section{flex-direction:column;gap:6px;display:flex}.vocab-modal__section-title{color:var(--color-outline);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.vocab-modal__text{color:var(--color-on-surface);line-height:1.5}.vocab-modal__text--example{color:var(--color-on-surface-variant);border-left:3px solid var(--color-outline-variant);padding-left:12px;font-style:italic}.vocab-modal__syn-ant{gap:var(--spacing-md);grid-template-columns:1fr 1fr;display:grid}@media (width<=500px){.vocab-modal__syn-ant{grid-template-columns:1fr}}.vocab-modal__syn-ant-col{gap:var(--spacing-sm);flex-direction:column;display:flex}.vocab-modal__tags-list{flex-wrap:wrap;gap:6px;display:flex}.vocab-modal__tag{border-radius:var(--radius-sm);padding:4px 10px;font-size:12px;font-weight:500}.vocab-modal__tag--syn{color:var(--color-success);background-color:#16a34a14}.vocab-modal__tag--ant{color:var(--color-danger);background-color:#ba1a1a14}.vocab-modal__mastery-section{background-color:var(--color-surface-container-low);padding:var(--spacing-md);border-radius:var(--radius-lg);border:1px solid var(--color-outline-variant);margin-top:var(--spacing-sm)}.vocab-modal__mastery-options{gap:var(--spacing-sm);margin-top:4px;display:flex}.vocab-modal__mastery-btn{justify-content:center;align-items:center;gap:var(--spacing-sm);border-radius:var(--radius-md);border:1px solid var(--color-outline-variant);background-color:var(--color-surface);color:var(--color-on-surface-variant);transition:all var(--transition-fast);flex:1;padding:10px;font-weight:500;display:flex}.vocab-modal__mastery-btn span:first-child{font-size:18px}.vocab-modal__mastery-btn--new:hover,.vocab-modal__mastery-btn--new.vocab-modal__mastery-btn--active{border-color:var(--color-primary);color:var(--color-primary);background-color:#005bbf14}.vocab-modal__mastery-btn--learning:hover,.vocab-modal__mastery-btn--learning.vocab-modal__mastery-btn--active{background-color:var(--color-warning-bg);border-color:var(--color-warning);color:var(--color-warning)}.vocab-modal__mastery-btn--mastered:hover,.vocab-modal__mastery-btn--mastered.vocab-modal__mastery-btn--active{background-color:var(--color-success-bg);border-color:var(--color-success);color:var(--color-success)}.vocab-modal--add{padding:var(--spacing-lg)}.vocab-modal__error{background-color:var(--color-error-container);color:var(--color-on-error-container);padding:10px var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);font-size:14px}.vocab-modal__form-group{gap:var(--spacing-xs);margin-bottom:var(--spacing-md);flex-direction:column;display:flex}.vocab-modal__form-row{gap:var(--spacing-md);grid-template-columns:1fr 1fr;display:grid}.vocab-modal__input,.vocab-modal__select-input{border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);background-color:var(--color-surface);width:100%;color:var(--color-on-surface);transition:border-color var(--transition-fast);padding:10px 12px}.vocab-modal__input:focus,.vocab-modal__select-input:focus{border-color:var(--color-primary)}.vocab-modal__submit-btn{justify-content:center;align-items:center;gap:var(--spacing-sm);background-color:var(--color-primary);width:100%;color:var(--color-on-primary);border-radius:var(--radius-lg);margin-top:var(--spacing-md);transition:background-color var(--transition-fast), opacity var(--transition-fast);box-shadow:var(--shadow-sm);padding:12px;font-weight:600;display:flex}.vocab-modal__submit-btn:hover:not(:disabled){background-color:var(--color-primary-container);box-shadow:var(--shadow-md)}.vocab-modal__submit-btn:disabled{opacity:.6;cursor:not-allowed}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.flashcard-page{background:var(--color-surface);flex-direction:column;flex:1;height:100%;min-height:0;display:flex}.flashcard-page__header{padding:var(--spacing-md) var(--spacing-xl);background:var(--color-surface-container-lowest);border-bottom:1px solid var(--color-outline-variant);box-shadow:var(--shadow-sm);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.flashcard-page__back-btn{align-items:center;gap:var(--spacing-sm);color:var(--color-outline);font-size:var(--text-label-md-size);font-weight:var(--text-label-md-weight);border-radius:var(--radius-md);transition:color var(--transition-fast), background-color var(--transition-fast);padding:8px 12px;display:flex}.flashcard-page__back-btn:hover{color:var(--color-on-surface);background-color:var(--color-surface-container-low)}.flashcard-page__back-btn .material-symbols-outlined{font-size:20px}.flashcard-page__title{font-size:var(--text-label-md-size);color:var(--color-on-surface);letter-spacing:.02em;font-weight:600}.flashcard-page__counter{font-size:var(--text-label-md-size);color:var(--color-outline);text-align:right;min-width:80px;font-weight:500}.flashcard-page__progress-wrap{padding:var(--spacing-md) var(--spacing-xl) 0;flex-shrink:0;width:100%;max-width:820px;margin:0 auto}.flashcard-page__progress-info{margin-bottom:var(--spacing-sm);justify-content:space-between;align-items:center;display:flex}.flashcard-page__progress-pills{gap:var(--spacing-sm);display:flex}.flashcard-page__pill{border-radius:var(--radius-full);align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.flashcard-page__pill--new{color:var(--color-primary);background-color:#005bbf1a}.flashcard-page__pill--learning{background-color:var(--color-warning-bg);color:var(--color-warning)}.flashcard-page__progress-bar{background:var(--color-surface-container);border-radius:var(--radius-full);height:6px;overflow:hidden}.flashcard-page__progress-fill{background:linear-gradient(90deg, var(--color-primary), #1a73e8);border-radius:var(--radius-full);height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.flashcard-page__body{padding:var(--spacing-sm) var(--spacing-xl) var(--spacing-md);align-items:center;gap:var(--spacing-sm);flex-direction:column;flex:1;display:flex}.flashcard-scene{perspective:1400px;cursor:pointer;-webkit-tap-highlight-color:transparent;flex-shrink:0;width:100%;max-width:820px;height:480px;min-height:480px;max-height:640px}.flashcard-inner{width:100%;height:100%;min-height:inherit;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.4,0,.2,1);position:relative}.flashcard-inner--flipped{transform:rotateY(180deg)}.flashcard-face{width:100%;height:100%;min-height:inherit;border-radius:var(--radius-xl);backface-visibility:hidden;box-shadow:0 4px 6px -1px #00000012, 0 20px 40px -8px #005bbf1f, 0 0 0 1px var(--color-outline-variant);transition:opacity .65s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0;overflow:hidden}.flashcard-inner:not(.flashcard-inner--flipped) .flashcard-face--front{z-index:2;pointer-events:auto;opacity:1;visibility:visible}.flashcard-inner:not(.flashcard-inner--flipped) .flashcard-face--back,.flashcard-inner--flipped .flashcard-face--front{z-index:1;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .65s,visibility .65s}.flashcard-inner--flipped .flashcard-face--back{z-index:2;pointer-events:auto;opacity:1;visibility:visible}.flashcard-face--front{background:var(--color-surface-container-lowest);padding:var(--spacing-2xl);flex-direction:column;justify-content:center;align-items:center;display:flex}.flashcard-face--front:before{content:"";background:linear-gradient(90deg, var(--color-primary), #1a73e8, var(--color-secondary));border-radius:var(--radius-xl) var(--radius-xl) 0 0;height:4px;position:absolute;top:0;left:0;right:0}.flashcard-mastery-badge{border-radius:var(--radius-full);letter-spacing:.03em;border:1.5px solid;padding:6px 14px;font-size:12px;font-weight:600;position:absolute;top:20px;left:20px}.flashcard-mastery-badge--new{color:var(--color-primary);border-color:var(--color-primary);background:#005bbf0f}.flashcard-mastery-badge--learning{color:var(--color-warning);border-color:var(--color-warning);background:var(--color-warning-bg)}.flashcard-word-row{align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-sm);justify-content:center;display:flex}.flashcard-word{color:var(--color-on-surface);letter-spacing:-.02em;font-size:48px;font-weight:700;line-height:1.2}@media (width<=640px){.flashcard-word{font-size:36px}}.flashcard-voice-btn{border-radius:var(--radius-full);background:var(--color-surface-container-low);border:1px solid var(--color-outline-variant);width:42px;height:42px;color:var(--color-primary);transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.flashcard-voice-btn:hover{border-color:var(--color-primary);background:#005bbf1a;transform:scale(1.08)}.flashcard-voice-btn:active{transform:scale(.96)}.flashcard-voice-btn .material-symbols-outlined{font-size:22px}.flashcard-ipa{color:var(--color-outline);letter-spacing:.01em;margin-top:4px;font-size:18px;font-style:normal}.flashcard-hint{color:var(--color-outline-variant);letter-spacing:.02em;white-space:nowrap;align-items:center;gap:6px;font-size:13px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.flashcard-face--back{background:var(--color-surface-container-lowest);padding:var(--spacing-xl) var(--spacing-2xl);flex-direction:column;display:flex;overflow:hidden;transform:rotateY(180deg)}.flashcard-face--back:before{content:"";background:linear-gradient(90deg, var(--color-success), #22c55e);border-radius:var(--radius-xl) var(--radius-xl) 0 0;height:4px;position:absolute;top:0;left:0;right:0}.flashcard-back-header{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-outline-variant);justify-content:space-between;align-items:center;gap:var(--spacing-sm);cursor:default;flex-shrink:0;display:flex}.flashcard-back-word-row{align-items:center;gap:var(--spacing-md);flex:1;min-width:0;display:flex}.flashcard-back-word{color:var(--color-on-surface);font-size:28px;font-weight:700}.flashcard-back-ipa{color:var(--color-outline);font-size:15px}.flashcard-back-content{gap:var(--spacing-lg);padding-bottom:var(--spacing-md);flex-direction:column;flex:1;display:flex;overflow-y:auto}.flashcard-back-section{gap:var(--spacing-xs);flex-direction:column;display:flex}.flashcard-back-label{text-transform:uppercase;letter-spacing:.1em;color:var(--color-outline);margin-bottom:2px;font-size:11px;font-weight:700}.flashcard-back-definition{color:var(--color-on-surface);font-size:18px;font-weight:500;line-height:1.6}.flashcard-back-example{color:var(--color-on-surface-variant);border-left:4px solid var(--color-outline-variant);padding-left:var(--spacing-md);font-size:16px;font-style:italic;line-height:1.6}.flashcard-back-tags{flex-wrap:wrap;gap:8px;display:flex}.flashcard-back-tag{border-radius:var(--radius-sm);padding:4px 12px;font-size:13px;font-weight:600}.flashcard-back-tag--syn{color:var(--color-success);background:#16a34a14}.flashcard-back-tag--ant{color:var(--color-danger);background:#ba1a1a0f}.flashcard-actions{align-items:center;gap:var(--spacing-md);flex-shrink:0;width:100%;max-width:760px;animation:.3s ease-out fadeIn;display:flex}.flashcard-action-btn{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:14px var(--spacing-md);border-radius:var(--radius-lg);font-size:var(--text-label-md-size);transition:all var(--transition-fast);border:2px solid;flex:1;font-weight:600;display:flex}.flashcard-action-btn--learning{background:var(--color-surface-container-lowest);border-color:var(--color-outline-variant);color:var(--color-on-surface-variant)}.flashcard-action-btn--learning:hover{background:var(--color-warning-bg);border-color:var(--color-warning);color:var(--color-warning);transform:translateY(-1px)}.flashcard-action-btn--mastered{border-color:var(--color-success);color:var(--color-success);background:#16a34a14}.flashcard-action-btn--mastered:hover{background:var(--color-success);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #16a34a59}.flashcard-action-btn .material-symbols-outlined{font-size:20px}.flashcard-nav{align-items:center;gap:var(--spacing-md);flex-shrink:0;justify-content:space-between;width:100%;max-width:760px;display:flex}.flashcard-nav-btn{font-size:var(--text-label-sm-size);color:var(--color-outline);border-radius:var(--radius-md);transition:all var(--transition-fast);align-items:center;gap:6px;padding:8px 16px;font-weight:500;display:flex}.flashcard-nav-btn:hover:not(:disabled){color:var(--color-on-surface);background:var(--color-surface-container-low)}.flashcard-nav-btn:disabled{opacity:.35;cursor:not-allowed}.flashcard-nav-btn .material-symbols-outlined{font-size:18px}.flashcard-tap-hint{color:var(--color-outline-variant);align-items:center;gap:4px;font-size:12px;display:flex}@keyframes slideOutLeft{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(-60px)scale(.96)}}@keyframes slideInRight{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.flashcard-scene--exiting{pointer-events:none;animation:.28s cubic-bezier(.4,0,.2,1) forwards slideOutLeft}.flashcard-scene--entering{animation:.28s cubic-bezier(.4,0,.2,1) forwards slideInRight}.flashcard-page__loading{justify-content:center;align-items:center;gap:var(--spacing-md);color:var(--color-outline);flex-direction:column;flex:1;min-height:400px;display:flex}.flashcard-page__loading .material-symbols-outlined{color:var(--color-primary);font-size:48px}.flashcard-page__empty{justify-content:center;align-items:center;gap:var(--spacing-md);text-align:center;padding:var(--spacing-2xl);flex-direction:column;flex:1;min-height:400px;display:flex}.flashcard-page__empty-icon{border-radius:var(--radius-full);background:#16a34a1a;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto;display:flex}.flashcard-page__empty-icon .material-symbols-outlined{color:var(--color-success);font-size:40px}.flashcard-complete{justify-content:center;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-2xl);text-align:center;flex-direction:column;flex:1;min-height:400px;animation:.5s ease-out fadeIn;display:flex}.flashcard-complete__icon{border-radius:var(--radius-full);background:linear-gradient(135deg,#16a34a26,#16a34a14);border:2px solid #16a34a4d;justify-content:center;align-items:center;width:96px;height:96px;display:flex}.flashcard-complete__icon .material-symbols-outlined{color:var(--color-success);font-size:48px}.flashcard-complete__title{font-size:var(--text-headline-md-size);color:var(--color-on-surface);font-weight:700}.flashcard-complete__subtitle{font-size:var(--text-body-md-size);color:var(--color-on-surface-variant);max-width:380px;line-height:1.6}.flashcard-complete__stats{gap:var(--spacing-lg);margin:var(--spacing-sm) 0;display:flex}.flashcard-complete__stat{text-align:center;padding:var(--spacing-md) var(--spacing-xl);background:var(--color-surface-container-lowest);border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);min-width:110px}.flashcard-complete__stat-num{margin-bottom:4px;font-size:32px;font-weight:700;line-height:1}.flashcard-complete__stat-num--mastered{color:var(--color-success)}.flashcard-complete__stat-num--learning{color:var(--color-warning)}.flashcard-complete__stat-label{color:var(--color-outline);font-size:12px;font-weight:500}.flashcard-complete__actions{gap:var(--spacing-md);flex-wrap:wrap;justify-content:center;display:flex}.flashcard-complete__btn{align-items:center;gap:var(--spacing-sm);border-radius:var(--radius-lg);font-size:var(--text-label-md-size);transition:all var(--transition-fast);padding:12px 24px;font-weight:600;display:flex}.flashcard-complete__btn--primary{background:var(--color-primary);color:var(--color-on-primary);border:2px solid var(--color-primary)}.flashcard-complete__btn--primary:hover{background:var(--color-primary-container);box-shadow:var(--shadow-md);transform:translateY(-1px)}.flashcard-complete__btn--outline{color:var(--color-primary);border:2px solid var(--color-primary);background:0 0}.flashcard-complete__btn--outline:hover{background:#005bbf0f;transform:translateY(-1px)}.essay-history{gap:var(--spacing-lg);max-width:var(--container-max-width);flex-direction:column;width:100%;margin:0 auto;display:flex}.essay-history__header{justify-content:space-between;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;animation:.4s ease-out fadeIn;display:flex}.essay-history__write-btn{align-items:center;gap:var(--spacing-sm);background-color:var(--color-primary);color:var(--color-on-primary);border-radius:var(--radius-lg);transition:background-color var(--transition-fast), transform var(--transition-fast);box-shadow:var(--shadow-sm);padding:10px 20px;font-weight:500;display:flex}.essay-history__write-btn:hover{background-color:var(--color-primary-container);box-shadow:var(--shadow-md);transform:translateY(-1px)}.essay-history__write-btn:active{transform:translateY(0)}.essay-history__toolbar{justify-content:space-between;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.essay-history__filters{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.essay-history__filter-btn{border-radius:var(--radius-md);color:var(--color-outline);background-color:var(--color-surface-container-low);border:1px solid var(--color-outline-variant);transition:all var(--transition-fast);padding:8px 16px;font-size:13px;font-weight:600}.essay-history__filter-btn:hover{background-color:var(--color-surface-container-high);color:var(--color-on-surface)}.essay-history__filter-btn--active{background-color:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary)}.essay-history__search-wrapper{flex-grow:1;align-items:center;min-width:280px;max-width:400px;display:flex;position:relative}.essay-history__search-icon{color:var(--color-outline);pointer-events:none;position:absolute;left:12px}.essay-history__search-input{border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);background-color:var(--color-surface);width:100%;color:var(--color-on-surface);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:10px 12px 10px 40px}.essay-history__search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #005bbf26}.essay-history__loading{justify-content:center;align-items:center;gap:var(--spacing-md);color:var(--color-outline);flex-direction:column;padding:64px 0;display:flex}.essay-history__empty{text-align:center;padding:64px var(--spacing-lg);align-items:center;gap:var(--spacing-sm);color:var(--color-outline);flex-direction:column;display:flex}.essay-history__empty h3{color:var(--color-on-surface);margin-top:var(--spacing-sm)}.essay-history__empty p{max-width:360px;line-height:1.5}.essay-history__empty .material-symbols-outlined{color:var(--color-outline-variant);font-size:56px}.essay-history__table-card{box-shadow:var(--shadow-sm);overflow:hidden}.essay-history__table-wrap{overflow-x:auto}.essay-history__table{text-align:left;border-collapse:collapse;width:100%}.essay-history__table th{padding:var(--spacing-md) var(--spacing-lg);background:var(--color-surface-container-low);color:var(--color-outline);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-outline-variant);white-space:nowrap}.essay-history__table td{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-outline-variant)}.essay-history__table tbody tr{cursor:pointer;transition:background var(--transition-fast)}.essay-history__table tbody tr:hover{background:var(--color-surface-container)}.essay-history__essay-title{color:var(--color-on-surface);transition:color var(--transition-fast);font-weight:700}.essay-history__table tbody tr:hover .essay-history__essay-title{color:var(--color-primary)}.essay-history__status-badge{border-radius:var(--radius-full);font-size:var(--text-label-sm-size);font-weight:var(--text-label-sm-weight);color:var(--color-primary);background:#005bbf1a;padding:4px 12px;display:inline-block}.essay-history__status-badge--draft{background:var(--color-surface-variant);color:var(--color-on-surface-variant)}.essay-history__status-badge--submitted{background:var(--color-warning-bg);color:var(--color-warning)}.essay-history__status-badge--reviewed{background:var(--color-success-bg);color:var(--color-success)}.essay-history__action-link{color:var(--color-primary);font-size:14px;font-weight:600}.essay-history__action-link:hover{text-decoration:underline}.essay-history__pagination{margin-top:var(--spacing-md);justify-content:space-between;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.essay-history__page-btn{border-radius:var(--radius-md);color:var(--color-outline);background-color:var(--color-surface-container-lowest);border:1px solid var(--color-outline-variant);transition:all var(--transition-fast);align-items:center;gap:4px;padding:8px 16px;font-size:13px;font-weight:600;display:flex}.essay-history__page-btn:hover:not(:disabled){color:var(--color-on-surface);background-color:var(--color-surface-container-low);border-color:var(--color-outline)}.essay-history__page-btn:disabled{opacity:.5;cursor:not-allowed}.essay-history__page-numbers{gap:var(--spacing-xs);display:flex}.essay-history__page-num{border-radius:var(--radius-md);width:36px;height:36px;color:var(--color-outline);background-color:var(--color-surface-container-lowest);border:1px solid var(--color-outline-variant);transition:all var(--transition-fast);justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex}.essay-history__page-num:hover{color:var(--color-on-surface);background-color:var(--color-surface-container-low)}.essay-history__page-num--active{background-color:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary)}.essay-history__page-num--active:hover{background-color:var(--color-primary);color:var(--color-on-primary)}@media (width<=600px){.essay-history__toolbar{flex-direction:column;align-items:stretch}.essay-history__search-wrapper{min-width:100%;max-width:100%}.essay-history__pagination{justify-content:center}}.class-leaderboard{flex-direction:column;gap:24px;animation:.3s ease-in-out fadeIn;display:flex}.class-leaderboard__podium{grid-template-columns:1fr 1.2fr 1fr;align-items:flex-end;gap:16px;min-height:240px;margin-top:12px;display:grid}@media (width<=600px){.class-leaderboard__podium{grid-template-columns:1fr;align-items:stretch;gap:12px}}.class-leaderboard__podium-card{background:var(--color-surface-container-low);border:1px solid var(--color-outline-variant);border-radius:var(--radius-xl);text-align:center;flex-direction:column;align-items:center;padding:20px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;box-shadow:0 2px 8px #0000000a}.class-leaderboard__podium-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000014}.class-leaderboard__podium-card--1st{background:linear-gradient(180deg, #ffd7000d 0%, var(--color-surface-container-low) 100%);border-color:gold;padding:30px 20px}.class-leaderboard__podium-card--2nd{background:linear-gradient(180deg, #c0c0c00d 0%, var(--color-surface-container-low) 100%);border-color:silver}.class-leaderboard__podium-card--3rd{background:linear-gradient(180deg, #cd7f320d 0%, var(--color-surface-container-low) 100%);border-color:#cd7f32}.class-leaderboard__podium-badge{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.95rem;font-weight:800;display:flex;position:absolute;top:-15px;box-shadow:0 4px 10px #00000026}.class-leaderboard__podium-badge--1st{background:gold}.class-leaderboard__podium-badge--2nd{background:silver}.class-leaderboard__podium-badge--3rd{background:#cd7f32}.class-leaderboard__podium-icon{margin-bottom:8px;font-size:32px}.class-leaderboard__podium-icon--1st{color:gold}.class-leaderboard__podium-icon--2nd{color:#a0a0a0}.class-leaderboard__podium-icon--3rd{color:#cd7f32}.class-leaderboard__podium-name{color:var(--color-on-surface);font-size:1.05rem;font-weight:700}.class-leaderboard__podium-stats{flex-direction:column;gap:4px;margin-top:12px;display:flex}.class-leaderboard__podium-stat{color:var(--color-outline);font-size:.82rem}.class-leaderboard__podium-stat-val{color:var(--color-on-surface);font-weight:700}.class-leaderboard__table-card{background:var(--color-surface-container-low);border:1px solid var(--color-outline-variant);border-radius:var(--radius-xl);overflow:hidden}.class-leaderboard__table{border-collapse:collapse;text-align:left;width:100%}.class-leaderboard__table th{color:var(--color-outline);text-transform:uppercase;border-bottom:1px solid var(--color-outline-variant);padding:14px 20px;font-size:.85rem;font-weight:700}.class-leaderboard__table td{color:var(--color-on-surface);border-bottom:1px solid var(--color-outline-variant);padding:16px 20px;font-size:.92rem}.class-leaderboard__row--current{background:#005bbf0d}.class-leaderboard__row--current td{font-weight:600}.class-leaderboard__user-badge{background:var(--color-primary-container);color:var(--color-on-primary-container);border-radius:99px;margin-left:8px;padding:2px 8px;font-size:.72rem;font-weight:700}.student-class{max-width:var(--container-max-width);box-sizing:border-box;width:100%;margin:0 auto;padding:24px}.student-class__header{margin-bottom:24px}.student-class__title{color:var(--color-on-surface);margin:0;font-size:1.75rem;font-weight:700}.student-class__subtitle{color:var(--color-outline);margin:4px 0 0;font-size:.95rem}.student-class__tabs{border-bottom:1px solid var(--color-outline-variant);gap:16px;margin-bottom:24px;display:flex}.student-class__tab-btn{color:var(--color-outline);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;align-items:center;gap:6px;padding:10px 16px;font-size:.95rem;font-weight:600;display:flex;position:relative}.student-class__tab-btn:hover,.student-class__tab-btn--active{color:var(--color-primary)}.student-class__tab-btn--active:after{content:"";background-color:var(--color-primary);border-radius:var(--radius-full);height:2px;position:absolute;bottom:-1px;left:0;right:0}.student-class__overview-grid{grid-template-columns:1fr 360px;align-items:start;gap:24px;display:grid}@media (width<=992px){.student-class__overview-grid{grid-template-columns:1fr}}.student-class__info-card{flex-direction:column;gap:20px;display:flex}.student-class__info-section h4{color:var(--color-on-surface);margin:0 0 8px;font-size:1rem;font-weight:600}.student-class__info-section p{color:var(--color-on-surface-variant);margin:0;font-size:.95rem;line-height:1.6}.student-class__teacher-card{text-align:center;background:var(--color-surface-container-low);flex-direction:column;align-items:center;padding:28px 24px;display:flex}.student-class__teacher-avatar{border-radius:var(--radius-full);background-color:var(--color-primary-container);width:68px;height:68px;color:var(--color-on-primary-container);box-shadow:var(--shadow-sm);justify-content:center;align-items:center;margin-bottom:16px;display:flex}.student-class__teacher-title{text-transform:uppercase;letter-spacing:.05em;color:var(--color-outline);margin:0 0 4px;font-size:.8rem;font-weight:700}.student-class__teacher-name{color:var(--color-on-surface);margin:0 0 12px;font-size:1.15rem;font-weight:700}.student-class__teacher-contact{color:var(--color-on-surface-variant);background:var(--color-surface-container-lowest);border:1px solid var(--color-outline-variant);box-sizing:border-box;border-radius:999px;justify-content:center;align-items:center;gap:8px;width:100%;padding:8px 16px;font-size:.9rem;display:flex}.student-class__table-card{overflow:hidden;padding:0!important}.student-class__table{border-collapse:collapse;text-align:left;width:100%}.student-class__table th{background:var(--color-surface-container-low);color:var(--color-outline);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-outline-variant);padding:14px 20px;font-size:.8rem;font-weight:600}.student-class__table td{border-bottom:1px solid var(--color-outline-variant);color:var(--color-on-surface);vertical-align:middle;padding:16px 20px;font-size:.92rem}.student-class__table tr:last-child td{border-bottom:none}.student-class__table tr:hover td{background:var(--color-surface-container-low)}.student-class__student-name{font-weight:600}.student-class__student-email{color:var(--color-outline);margin-top:2px;font-size:.8rem}.student-class__badge{text-transform:capitalize;white-space:nowrap;border-radius:999px;padding:4px 12px;font-size:.78rem;font-weight:600;display:inline-block}.student-class__badge--not-started{color:#c2410c;background:#ffedd5}.student-class__badge--draft{color:#4b5563;background:#f3f4f6}.student-class__badge--submitted{color:#0369a1;background:#e0f2fe}.student-class__badge--reviewed{color:#15803d;background:#dcfce7}.student-class__badge--revision{color:#b91c1c;background:#fee2e2}.student-class__badge--pending{color:#a16207;background:#fef9c3}.student-class__join-card{border:1.5px dashed var(--color-primary);background:#28a74508;margin-bottom:20px;padding:20px 24px}.student-class__join-header{align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.student-class__join-header .material-symbols-outlined{color:var(--color-primary);flex-shrink:0;font-size:28px}.student-class__join-title{color:var(--color-on-surface);margin:0 0 4px;font-size:1.05rem;font-weight:700}.student-class__join-desc{color:var(--color-outline);margin:0;font-size:.88rem;line-height:1.5}.student-class__join-form{flex-wrap:wrap;gap:12px;display:flex}.student-class__join-input{letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);background:var(--color-surface-container-lowest);min-width:200px;color:var(--color-on-surface);box-sizing:border-box;flex:1;padding:10px 14px;font-size:1rem;font-weight:600}.student-class__join-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px #28a74526}.student-class__join-message{margin:12px 0 0;font-size:.9rem;font-weight:500}.student-class__join-message--success{color:#15803d}.student-class__join-message--error{color:var(--color-error)}.student-class__pending-card{background:#ca8a040a;border:1.5px dashed #ca8a04;margin-bottom:20px;padding:16px 20px}.student-class__pending-header{color:#a16207;align-items:center;gap:8px;margin-bottom:12px;font-weight:700;display:flex}.student-class__pending-list{flex-direction:column;gap:10px;display:flex}.student-class__pending-item{background:var(--color-surface-container-low);border:1px solid var(--color-outline-variant);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.student-class__pending-name{color:var(--color-on-surface);margin:0;font-weight:700}.student-class__pending-meta{color:var(--color-outline);margin:2px 0 0;font-size:.85rem}.student-class__empty{text-align:center;color:var(--color-outline);padding:60px 24px}.student-class__empty .material-symbols-outlined{margin-bottom:12px;font-size:48px;display:block}.student-class__empty p{margin:0;font-size:.95rem}.student-class__loading{justify-content:center;align-items:center;min-height:80vh;display:flex}.student-class__list-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.student-class__card{cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast);flex-direction:column;justify-content:space-between;padding:24px;display:flex}.student-class__card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-primary);transform:translateY(-4px)}.student-class__card-name{color:var(--color-on-surface);margin:0 0 8px;font-size:1.25rem;font-weight:700}.student-class__card-desc{color:var(--color-on-surface-variant);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 16px;font-size:.9rem;line-height:1.5;display:-webkit-box;overflow:hidden}.student-class__card-footer{border-top:1px solid var(--color-outline-variant);justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;display:flex}.student-class__card-teacher{color:var(--color-outline);align-items:center;gap:4px;font-size:.85rem;display:flex}.student-class__modal-overlay{z-index:11000;background:#00000073;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.student-class__modal{border-radius:var(--radius-2xl);background:var(--color-surface-container-lowest);border:1px solid var(--color-outline-variant);width:540px;max-width:90vw;box-shadow:var(--shadow-2xl);padding:28px;animation:.2s cubic-bezier(.34,1.56,.64,1) scaleIn}.student-class__modal-header{border-bottom:1px solid var(--color-outline-variant);justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;padding-bottom:16px;display:flex}.student-class__modal-title{color:var(--color-on-surface);margin:0;font-size:1.35rem;font-weight:700;line-height:1.3}.student-class__modal-close{color:var(--color-outline);cursor:pointer;border-radius:var(--radius-full);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:6px;display:flex}.student-class__modal-close:hover{background:var(--color-surface-container-high);color:var(--color-on-surface)}.student-class__modal-body{flex-direction:column;gap:18px;display:flex}.student-class__modal-detail-item h5{color:var(--color-outline);text-transform:uppercase;letter-spacing:.05em;margin:0 0 6px;font-size:.78rem;font-weight:700}.student-class__modal-detail-item p{color:var(--color-on-surface-variant);margin:0;font-size:.95rem;line-height:1.55}.student-class__modal-footer{border-top:1px solid var(--color-outline-variant);justify-content:flex-end;gap:12px;margin-top:28px;padding-top:20px;display:flex}.student-class__modal-desc-box{background:var(--color-surface-container-low);border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);max-height:200px;color:var(--color-on-surface);white-space:pre-wrap;padding:12px 16px;font-size:.92rem;line-height:1.5;overflow-y:auto}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.parent-dashboard{gap:var(--spacing-lg);flex-direction:column;display:flex}.parent-dashboard__header{justify-content:space-between;align-items:flex-end;gap:var(--spacing-md);display:flex}.parent-dashboard__header p:not(.parent-dashboard__eyebrow){max-width:62ch;color:var(--color-on-surface-variant);margin-top:4px}.parent-dashboard__eyebrow{color:var(--color-primary);font-size:var(--text-label-sm-size);text-transform:uppercase;margin-bottom:4px;font-weight:700}.parent-dashboard__link-button{border:1px solid var(--color-primary);border-radius:var(--radius-md);min-height:42px;color:var(--color-primary);justify-content:center;align-items:center;gap:8px;padding:0 16px;font-weight:700;display:inline-flex}.parent-dashboard__notice{border-radius:var(--radius-md);border:1px solid;padding:12px 16px}.parent-dashboard__notice--error{color:var(--color-error);border-color:color-mix(in srgb, var(--color-error) 35%, transparent);background:color-mix(in srgb, var(--color-error) 8%, transparent)}.parent-dashboard__notice--success{color:#17643a;background:#eff9f3;border-color:#aad6bd}.parent-dashboard__family-stats{border-block:1px solid var(--color-outline-variant);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.parent-dashboard__family-stats>div{padding:14px var(--spacing-md);border-right:1px solid var(--color-outline-variant);flex-direction:column;gap:3px;display:flex}.parent-dashboard__family-stats>div:last-child{border-right:0}.parent-dashboard__family-stats span{color:var(--color-on-surface-variant);font-size:var(--text-label-sm-size)}.parent-dashboard__family-stats strong{font-size:24px;line-height:1.1}.parent-dashboard__family-stats .is-alert strong{color:var(--color-error)}.parent-dashboard__attention{gap:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg);color:#3f2d12;background:#fff8eb;border-left:4px solid #d97706;grid-template-columns:minmax(260px,.85fr) minmax(340px,1.15fr);display:grid}.parent-dashboard__attention-heading{align-items:flex-start;gap:12px;display:flex}.parent-dashboard__attention-heading>.material-symbols-outlined{color:#a85b00;background:#ffebc6;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.parent-dashboard__attention-heading h3{font-size:var(--text-title-lg-size)}.parent-dashboard__attention-heading p{color:#6d5636;font-size:var(--text-body-sm-size);margin-top:4px}.parent-dashboard__attention-list{flex-direction:column;display:flex}.parent-dashboard__attention-list button{text-align:left;border-bottom:1px solid #ead8b9;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;min-height:40px;padding:6px 0;display:grid}.parent-dashboard__attention-list button:last-child{border-bottom:0}.parent-dashboard__attention-list .material-symbols-outlined{font-size:18px}.parent-dashboard__status-dot{background:#d97706;border-radius:50%;width:9px;height:9px}.parent-dashboard__status-dot--needs_attention{background:#ba1a1a}.parent-dashboard__students{gap:var(--spacing-md);flex-direction:column;display:flex}.parent-dashboard__section-heading{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.parent-dashboard__section-heading p{color:var(--color-on-surface-variant);font-size:var(--text-body-sm-size);margin-top:2px}.parent-dashboard__section-heading>button{width:36px;height:36px;color:var(--color-primary);border-radius:50%;place-items:center;display:grid}.parent-dashboard__section-heading>button:hover{background:var(--color-surface-container-low)}.parent-dashboard__student-grid,.parent-dashboard__skeleton-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(360px,1fr));display:grid}.parent-dashboard__skeleton{border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);min-height:330px}.parent-dashboard__student{border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);background:var(--color-surface);min-width:0;box-shadow:var(--shadow-sm);overflow:visible}.parent-dashboard__student-header{padding:var(--spacing-md);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.parent-dashboard__avatar{background:var(--color-primary-container);width:46px;height:46px;color:var(--color-primary);border-radius:50%;place-items:center;display:grid;overflow:hidden}.parent-dashboard__avatar img{object-fit:cover;width:100%;height:100%}.parent-dashboard__student-identity{min-width:0}.parent-dashboard__student-identity h4{font-size:var(--text-title-md-size)}.parent-dashboard__student-identity p{color:var(--color-on-surface-variant);font-size:var(--text-label-sm-size);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;overflow:hidden}.parent-dashboard__status{border-radius:var(--radius-sm);color:#17643a;background:#edf7f0;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:700;display:inline-flex}.parent-dashboard__status .material-symbols-outlined{font-size:14px}.parent-dashboard__status--watch{color:#8a4b00;background:#fff2db}.parent-dashboard__status--needs_attention{color:#ba1a1a;background:#ffedeb}.parent-dashboard__student-metrics{border-block:1px solid var(--color-outline-variant);background:var(--color-surface-container-lowest);grid-template-columns:repeat(3,1fr);display:grid}.parent-dashboard__student-metrics>div{min-width:0;padding:12px var(--spacing-md);border-right:1px solid var(--color-outline-variant);flex-direction:column;gap:3px;display:flex}.parent-dashboard__student-metrics>div:last-child{border-right:0}.parent-dashboard__student-metrics span,.parent-dashboard__student-metrics small{color:var(--color-on-surface-variant);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.parent-dashboard__student-metrics strong{font-size:22px}.parent-dashboard__student-metrics .is-positive{color:#17643a}.parent-dashboard__student-metrics .is-negative{color:var(--color-error)}.parent-dashboard__goal-track{background:var(--color-surface-container-high);height:4px}.parent-dashboard__goal-track span{background:var(--color-primary);max-width:100%;height:100%;display:block}.parent-dashboard__student-activity{padding:12px var(--spacing-md);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.parent-dashboard__student-activity>.material-symbols-outlined{color:var(--color-outline)}.parent-dashboard__student-activity div{min-width:0}.parent-dashboard__student-activity strong,.parent-dashboard__student-activity small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.parent-dashboard__student-activity strong{font-size:var(--text-label-md-size)}.parent-dashboard__student-activity small{color:var(--color-on-surface-variant);margin-top:2px}.parent-dashboard__level{border:1px solid var(--color-outline-variant);border-radius:var(--radius-sm);color:var(--color-primary);padding:4px 7px;font-size:11px;font-weight:700}.parent-dashboard__student-actions{padding:10px var(--spacing-md);border-top:1px solid var(--color-outline-variant);align-items:center;gap:6px;display:flex;position:relative}.parent-dashboard__student-actions>button{border-radius:var(--radius-sm);min-height:36px;color:var(--color-on-surface-variant);font-size:var(--text-label-md-size);justify-content:center;align-items:center;gap:5px;padding:0 10px;font-weight:600;display:inline-flex}.parent-dashboard__student-actions>button:hover{background:var(--color-surface-container-low)}.parent-dashboard__student-actions .parent-dashboard__view{background:var(--color-primary);color:var(--color-on-primary)}.parent-dashboard__more{margin-left:auto;position:relative}.parent-dashboard__more summary{cursor:pointer;border-radius:50%;place-items:center;width:36px;height:36px;list-style:none;display:grid}.parent-dashboard__more summary::-webkit-details-marker{display:none}.parent-dashboard__more[open] summary{background:var(--color-surface-container-high)}.parent-dashboard__more button{border:1px solid var(--color-outline-variant);border-radius:var(--radius-sm);background:var(--color-surface);width:max-content;box-shadow:var(--shadow-lg);color:var(--color-error);z-index:2;align-items:center;gap:7px;padding:9px 12px;font-weight:600;display:flex;position:absolute;bottom:42px;right:0}.parent-dashboard__empty{border:1px dashed var(--color-outline-variant);min-height:260px;color:var(--color-on-surface-variant);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.parent-dashboard__empty .material-symbols-outlined{font-size:42px}.parent-dashboard__empty>button{border-radius:var(--radius-sm);background:var(--color-primary);color:var(--color-on-primary);margin-top:8px;padding:9px 14px;font-weight:700}.parent-dashboard__modal-overlay{padding:var(--spacing-md);z-index:calc(var(--z-modal) - 1);background:#141b267a;place-items:center;display:grid;position:fixed;inset:0}.parent-dashboard__modal{border-radius:var(--radius-md);background:var(--color-surface);width:min(520px,100%);box-shadow:var(--shadow-xl)}.parent-dashboard__modal-header{padding:var(--spacing-lg);border-bottom:1px solid var(--color-outline-variant);justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.parent-dashboard__modal-header p{color:var(--color-primary);font-size:var(--text-label-sm-size);text-transform:uppercase;font-weight:700}.parent-dashboard__modal-header h3{font-size:var(--text-headline-md-size);margin-top:3px}.parent-dashboard__modal-header button{border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.parent-dashboard__modal-copy{padding:var(--spacing-md) var(--spacing-lg) 0;color:var(--color-on-surface-variant)}.parent-dashboard__link-form{gap:var(--spacing-md);padding:var(--spacing-lg);flex-direction:column;display:flex}.parent-dashboard__link-form label{color:var(--color-on-surface-variant);font-size:var(--text-label-md-size);flex-direction:column;gap:6px;font-weight:600;display:flex}.parent-dashboard__link-form input,.parent-dashboard__link-form select{border:1px solid var(--color-outline-variant);border-radius:var(--radius-sm);background:var(--color-surface);width:100%;height:44px;color:var(--color-on-surface);padding:0 12px}.parent-dashboard__link-form input{letter-spacing:2px;text-transform:uppercase}.parent-dashboard__link-form input:focus,.parent-dashboard__link-form select:focus{outline:2px solid color-mix(in srgb, var(--color-primary) 30%, transparent);border-color:var(--color-primary)}.parent-dashboard__modal-actions{justify-content:flex-end;gap:8px;padding-top:4px;display:flex}.parent-dashboard__modal-actions button{border-radius:var(--radius-sm);min-height:40px;color:var(--color-on-surface-variant);padding:0 14px;font-weight:700}.parent-dashboard__modal-actions button[type=submit]{background:var(--color-primary);color:var(--color-on-primary)}.parent-dashboard__modal-actions button:disabled{opacity:.5;cursor:not-allowed}@media (width<=800px){.parent-dashboard__family-stats{grid-template-columns:repeat(2,1fr)}.parent-dashboard__family-stats>div:nth-child(2){border-right:0}.parent-dashboard__family-stats>div:nth-child(-n+2){border-bottom:1px solid var(--color-outline-variant)}.parent-dashboard__attention,.parent-dashboard__student-grid,.parent-dashboard__skeleton-grid{grid-template-columns:1fr}}@media (width<=600px){.parent-dashboard__header{flex-direction:column;align-items:flex-start}.parent-dashboard__link-button{width:100%}.parent-dashboard__attention{margin-inline:calc(var(--spacing-md) * -1);padding-inline:var(--spacing-md)}.parent-dashboard__student-header{grid-template-columns:auto minmax(0,1fr)}.parent-dashboard__status{grid-column:1/-1;justify-self:start}.parent-dashboard__student-metrics>div{padding-inline:9px}.parent-dashboard__student-metrics strong{font-size:19px}.parent-dashboard__student-actions>button{flex:1}.parent-dashboard__student-actions>button span:last-child{display:none}}.vt{gap:var(--spacing-lg);flex-direction:column;display:flex}.vt-btn{border-radius:var(--radius-lg);font-size:var(--text-label-md-size);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:1px solid #0000;align-items:center;gap:6px;padding:8px 18px;font-weight:500;display:inline-flex}.vt-btn:disabled{opacity:.45;cursor:not-allowed}.vt-btn--primary{background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary)}.vt-btn--primary:hover:not(:disabled){opacity:.9}.vt-btn--outline{border-color:var(--color-outline-variant);color:var(--color-on-surface-variant)}.vt-btn--outline:hover:not(:disabled){background:var(--color-surface-container-low)}.vt-stats-row{gap:var(--spacing-md);grid-template-columns:repeat(3,1fr);display:grid}.vt-stat-card{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-xl);border:1px solid var(--color-outline-variant);background:var(--color-surface-container-lowest);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast), box-shadow var(--transition-fast);display:flex}.vt-stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.vt-stat-card__icon{flex-shrink:0;font-size:28px}.vt-stat-card--total{border-left:4px solid var(--color-primary)}.vt-stat-card--total .vt-stat-card__icon{color:var(--color-primary)}.vt-stat-card--rate{border-left:4px solid #7c4dff}.vt-stat-card--rate .vt-stat-card__icon{color:#7c4dff}.vt-stat-card--mastered{border-left:4px solid #29b6f6}.vt-stat-card--mastered .vt-stat-card__icon{color:#29b6f6}.vt-stat-card__value{color:var(--color-on-surface);font-size:26px;font-weight:700;line-height:1.1}.vt-stat-card__label{font-size:var(--text-label-sm-size);color:var(--color-on-surface-variant);margin-top:2px;font-weight:500}.vt-card{background:var(--color-surface-container-lowest);border:1px solid var(--color-outline-variant);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:var(--spacing-lg)}.vt-card__title{margin-bottom:var(--spacing-md);color:var(--color-on-surface);font-weight:700}.vt-charts-row{gap:var(--spacing-md);grid-template-columns:1fr 1fr;display:grid}.vt-donut{align-items:center;gap:var(--spacing-xl);flex-wrap:wrap;display:flex}.vt-donut__svg{flex-shrink:0;width:140px;height:140px}.vt-donut__slice{transition:opacity var(--transition-fast)}.vt-donut__center-num{fill:var(--color-on-surface);font-size:22px;font-weight:700;font-family:var(--font-family)}.vt-donut__center-label{fill:var(--color-outline);font-size:11px;font-family:var(--font-family)}.vt-donut__legend{flex-direction:column;gap:10px;display:flex}.vt-donut__legend-item{align-items:center;gap:8px;display:flex}.vt-donut__dot{border-radius:var(--radius-full);flex-shrink:0;width:10px;height:10px}.vt-donut__legend-label{font-size:var(--text-label-md-size);min-width:72px;font-weight:600}.vt-donut__legend-count{font-size:var(--text-label-sm-size);color:var(--color-outline);font-weight:500}.vt-categories{gap:var(--spacing-md);flex-direction:column;display:flex}.vt-cat-row{grid-template-rows:auto auto;grid-template-columns:1fr auto;align-items:center;gap:4px 8px;display:grid}.vt-cat-row__header{grid-column:1/-1;justify-content:space-between;display:flex}.vt-cat-row__name{font-weight:600}.vt-cat-row__counts{color:var(--color-outline)}.vt-progress-bar{background:var(--color-outline-variant);border-radius:var(--radius-full);height:8px;overflow:hidden}.vt-progress-fill{background:linear-gradient(90deg, var(--color-primary), #29b6f6);border-radius:var(--radius-full);height:100%;transition:width .6s}.vt-cat-row__pct{font-size:var(--text-label-sm-size);color:var(--color-primary);white-space:nowrap;font-weight:600}.vt-filters{align-items:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.vt-select-wrap{align-items:center;display:flex;position:relative}.vt-select-wrap__icon{color:var(--color-outline);pointer-events:none;font-size:18px;position:absolute;left:10px}.vt-select{border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);background:var(--color-surface-container-lowest);color:var(--color-on-surface);font-size:var(--text-label-md-size);cursor:pointer;appearance:none;transition:border-color var(--transition-fast);min-width:150px;padding:8px 12px 8px 34px;font-weight:500}.vt-select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px #005bbf26}.vt-filter-result{color:var(--color-outline);margin-left:auto}.vt-card--table{padding:0;overflow:hidden}.vt-table-wrap{overflow-x:auto}.vt-table{border-collapse:collapse;text-align:left;width:100%}.vt-table thead tr{background:var(--color-surface-container-low)}.vt-table th{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--text-label-sm-size);color:var(--color-outline);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;font-weight:700}.vt-table td{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-outline-variant);vertical-align:middle}.vt-table__row{transition:background var(--transition-fast)}.vt-table__row:hover{background:var(--color-surface-container-low)}.vt-table__row:last-child td{border-bottom:none}.vt-table__word{color:var(--color-on-surface);text-transform:capitalize;font-weight:700}.vt-table__ipa{font-size:var(--text-label-sm-size);color:var(--color-outline);font-style:italic}.vt-table__def{color:var(--color-on-surface-variant);text-overflow:ellipsis;white-space:nowrap;max-width:280px;font-size:var(--text-label-md-size);overflow:hidden}.vt-table__date{white-space:nowrap;font-size:var(--text-label-sm-size);color:var(--color-outline)}.vt-table__empty-cell{color:var(--color-outline-variant)}.vt-cat-tag{border-radius:var(--radius-full);background:var(--color-surface-container-high);color:var(--color-on-surface-variant);text-transform:capitalize;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.vt-badge{border-radius:var(--radius-sm);font-size:var(--text-label-sm-size);padding:3px 10px;font-weight:600;display:inline-block}.vt-pagination{justify-content:center;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--color-outline-variant);display:flex}.vt-pagination__label{color:var(--color-on-surface-variant);text-align:center;min-width:100px;font-weight:500}.vt__state-box{align-items:center;gap:var(--spacing-md);padding:var(--spacing-2xl);text-align:center;flex-direction:column;justify-content:center;min-height:220px;display:flex}.vt-empty-small{color:var(--color-outline);font-size:var(--text-label-md-size);padding:var(--spacing-lg) 0}.shimmer{background:linear-gradient(90deg, var(--color-surface-container) 25%, var(--color-surface-container-high) 37%, var(--color-surface-container) 63%);border-radius:var(--radius-xl);background-size:1200px 100%;animation:1.4s linear infinite shimmer}@media (width<=900px){.vt-charts-row{grid-template-columns:1fr}}@media (width<=640px){.vt-stats-row{grid-template-columns:1fr 1fr}.vt-stats-row>:last-child{grid-column:1/-1}.vt-filters{flex-direction:column;align-items:stretch}.vt-select{min-width:unset;width:100%}.vt-filter-result{margin-left:0}}.child-progress{gap:var(--spacing-lg);flex-direction:column;display:flex}.child-progress__header{align-items:center;gap:var(--spacing-md);grid-template-columns:auto 1fr;display:grid}.child-progress__back{border:1px solid var(--color-outline-variant);width:40px;height:40px;color:var(--color-on-surface-variant);border-radius:50%;place-items:center;display:grid}.child-progress__identity{align-items:center;gap:12px;min-width:0;display:flex}.child-progress__identity h2{font-size:var(--text-headline-md-size)}.child-progress__identity p{color:var(--color-on-surface-variant);overflow-wrap:anywhere}.child-progress__avatar{background:var(--color-surface-container-high);width:52px;height:52px;color:var(--color-primary);border-radius:50%;flex:none;place-items:center;display:grid;overflow:hidden}.child-progress__avatar img{object-fit:cover;width:100%;height:100%}.child-progress__selector{color:var(--color-on-surface-variant);font-size:var(--text-label-sm-size);flex-direction:column;gap:4px;font-weight:600;display:none}.child-progress__selector select{border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);background:var(--color-surface);height:42px;color:var(--color-on-surface);padding:0 12px}.child-progress__tabs{border-bottom:1px solid var(--color-outline-variant);gap:4px;min-height:48px;display:none;overflow-x:auto}.child-progress__tabs button{min-width:112px;color:var(--color-on-surface-variant);white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-weight:600;display:inline-flex;position:relative}.child-progress__tabs button:after{content:"";background:0 0;height:3px;position:absolute;inset:auto 8px 0}.child-progress__tabs button.is-active{color:var(--color-primary)}.child-progress__tabs button.is-active:after{background:var(--color-primary)}.child-progress__tabs i{background:var(--color-error);border-radius:50%;width:7px;height:7px}.child-progress__content{min-width:0}.child-progress__overview{gap:var(--spacing-lg);flex-direction:column;display:flex}.child-progress__insight{padding:14px var(--spacing-md);color:#163f29;background:#edf7f0;border-left:4px solid #2b7a4b;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;display:grid}.child-progress__insight--attention{color:#55350b;background:#fff7e8;border-left-color:#d97706}.child-progress__insight>.material-symbols-outlined{background:#ffffffb3;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.child-progress__insight p{color:inherit;font-size:var(--text-label-sm-size);text-transform:uppercase;font-weight:700}.child-progress__insight h3{font-size:var(--text-title-md-size);margin-top:2px;line-height:1.35}.child-progress__insight button{border-radius:var(--radius-sm);white-space:nowrap;background:#ffffffbf;align-items:center;gap:5px;padding:8px 10px;font-weight:700;display:inline-flex}.child-progress__insight button .material-symbols-outlined{font-size:17px}.child-progress__metrics{border-block:1px solid var(--color-outline-variant);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.child-progress__metric{padding:var(--spacing-md);border-right:1px solid var(--color-outline-variant);grid-template-columns:auto 1fr;align-items:center;column-gap:10px;display:grid}.child-progress__metric:last-child{border-right:none}.child-progress__metric .material-symbols-outlined{background:var(--color-surface-container-high);width:40px;height:40px;color:var(--color-primary);border-radius:50%;grid-row:1/3;place-items:center;display:grid}.child-progress__metric strong{font-size:24px;line-height:1}.child-progress__metric small{color:var(--color-on-surface-variant)}.child-progress__overview-grid{gap:var(--spacing-lg);grid-template-columns:minmax(0,1.55fr) minmax(260px,.7fr);display:grid}.child-progress__section{padding:var(--spacing-lg);border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);background:var(--color-surface)}.child-progress__section-heading{justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);display:flex}.child-progress__section-heading h3{font-size:var(--text-title-lg-size)}.child-progress__section-heading p,.child-progress__section-heading>span{color:var(--color-on-surface-variant);font-size:var(--text-body-sm-size)}.child-progress__section-heading button{color:var(--color-primary);font-size:var(--text-label-md-size);font-weight:700}.child-progress__section-heading .is-positive,.child-progress__latest-score .is-positive{color:#17643a}.child-progress__section-heading .is-negative,.child-progress__latest-score .is-negative{color:var(--color-error)}.child-progress__growth{height:230px;margin-top:var(--spacing-lg);border-bottom:1px solid var(--color-outline-variant);background:repeating-linear-gradient(to bottom, transparent 0, transparent 55px, var(--color-outline-variant) 56px);grid-template-columns:repeat(6,minmax(0,1fr));align-items:end;gap:clamp(8px,3vw,28px);padding:16px 12px 0;display:grid}.child-progress__growth-column{text-align:center;grid-template-rows:22px 1fr 34px;align-items:end;height:100%;display:grid}.child-progress__growth-value{color:var(--color-on-surface-variant);font-size:var(--text-label-sm-size)}.child-progress__growth-track{justify-content:center;align-items:flex-end;height:100%;display:flex}.child-progress__growth-bar{background:var(--color-primary);border-radius:4px 4px 0 0;width:min(48px,65%);min-height:3px}.child-progress__growth-label{color:var(--color-on-surface-variant);font-size:var(--text-label-sm-size);padding-top:8px}.child-progress__side-stack{gap:var(--spacing-md);flex-direction:column;display:flex}.child-progress__goal-preview{grid-template-columns:1fr auto;align-items:center;gap:10px;display:grid}.child-progress__goal-preview .child-progress__section-heading{grid-column:1/-1}.child-progress__goal-ring{--goal-progress:0%;background:conic-gradient(var(--color-primary) var(--goal-progress), var(--color-surface-container-high) 0);border-radius:50%;grid-area:2/2/4;place-items:center;width:82px;height:82px;display:grid;position:relative}.child-progress__goal-ring:after{content:"";background:var(--color-surface);border-radius:50%;position:absolute;inset:9px}.child-progress__goal-ring strong{z-index:1;position:relative}.child-progress__mini-goal{color:var(--color-on-surface-variant);font-size:var(--text-label-sm-size);justify-content:space-between;align-items:center;gap:8px;display:flex}.child-progress__mini-goal strong{color:var(--color-on-surface)}.child-progress__latest-score{flex-direction:column;gap:8px;display:flex}.child-progress__latest-score>div{justify-content:space-between;align-items:flex-end;gap:8px;display:flex}.child-progress__latest-score span{color:var(--color-on-surface-variant)}.child-progress__latest-score strong{font-size:24px}.child-progress__latest-score small{min-height:34px;color:var(--color-on-surface-variant)}.child-progress__latest-score button{color:var(--color-primary);align-self:flex-start;font-weight:700}.child-progress__recent{border-top:1px solid var(--color-outline-variant);padding-top:var(--spacing-lg)}.child-progress__recent>button{border-bottom:1px solid var(--color-outline-variant);text-align:left;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;padding:12px 4px;display:grid}.child-progress__recent>button>.material-symbols-outlined{color:var(--color-primary)}.child-progress__recent>button span:nth-child(2){min-width:0}.child-progress__recent>button strong,.child-progress__recent>button small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.child-progress__recent>button small{color:var(--color-on-surface-variant);text-transform:capitalize;margin-top:3px}.child-progress__recent-empty{padding:var(--spacing-lg) 0;color:var(--color-on-surface-variant)}.child-progress__timeline{flex-direction:column;display:flex}.child-progress__essay{border-bottom:1px solid var(--color-outline-variant);grid-template-columns:130px 1fr;display:grid}.child-progress__essay.is-expanded{background:var(--color-surface-container-lowest)}.child-progress__essay-date{padding:var(--spacing-md);color:var(--color-on-surface-variant);font-size:var(--text-label-md-size)}.child-progress__essay-body{justify-content:space-between;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-left:1px solid var(--color-outline-variant);display:flex}.child-progress__essay-body h3{font-size:var(--text-title-md-size)}.child-progress__essay-body p{color:var(--color-on-surface-variant);margin-top:4px}.child-progress__essay-meta{white-space:nowrap;align-items:center;gap:12px;display:flex}.child-progress__essay-meta button{border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.child-progress__essay-meta button:hover{background:var(--color-surface-container-high)}.child-progress__status{border-radius:var(--radius-sm);background:var(--color-surface-container-high);color:var(--color-on-surface-variant);font-size:var(--text-label-sm-size);text-transform:capitalize;padding:4px 8px}.child-progress__status--reviewed{color:#17643a;background:#e8f5ed}.child-progress__status--needs_revision{color:#8a4b00;background:#fff2df}.child-progress__essay-details{padding:0 var(--spacing-md) var(--spacing-md);border-left:1px solid var(--color-outline-variant);grid-column:2;grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.child-progress__essay-details>div{background:var(--color-surface);border:1px solid var(--color-outline-variant);flex-direction:column;gap:3px;padding:10px;display:flex}.child-progress__essay-details span{color:var(--color-on-surface-variant);font-size:var(--text-label-sm-size)}.child-progress__essay-details>p{border-left:3px solid var(--color-primary);color:var(--color-on-surface-variant);grid-column:1/-1;padding:10px 12px}.child-progress__alerts{flex-direction:column;display:flex}.child-progress__alert{padding:var(--spacing-md);border-bottom:1px solid var(--color-outline-variant);grid-template-columns:42px 1fr;gap:12px;display:grid}.child-progress__alert.is-unread{background:#fff4dd73;border-left:3px solid #d97706}.child-progress__alert-icon{color:#8a4b00;background:#fff8e9;border:1px solid #e4c58d;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.child-progress__alert-icon .material-symbols-outlined{font-size:21px}.child-progress__alert--critical .child-progress__alert-icon{color:#a61111;background:#fff0ee;border-color:#efb6b0}.child-progress__alert-heading{justify-content:space-between;gap:var(--spacing-md);display:flex}.child-progress__alert-heading h3{font-size:var(--text-title-md-size);text-transform:capitalize}.child-progress__alert-heading>div{align-items:center;gap:8px;display:flex}.child-progress__alert-heading span{color:var(--color-on-surface-variant);font-size:var(--text-label-sm-size)}.child-progress__alert-heading .child-progress__new-label{color:#fff;background:#c62828;border-radius:10px;padding:3px 7px;font-weight:700}.child-progress__alert p{margin:6px 0}.child-progress__alert small{color:var(--color-on-surface-variant)}.child-progress__alert-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.child-progress__alert-actions button{border:1px solid var(--color-outline-variant);border-radius:var(--radius-sm);min-height:34px;color:var(--color-primary);font-size:var(--text-label-sm-size);align-items:center;gap:5px;padding:7px 10px;font-weight:700;display:inline-flex}.child-progress__alert-actions button .material-symbols-outlined{font-size:16px}.child-progress__alert-actions .child-progress__mark-viewed{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-on-primary)}.child-progress__goals{gap:var(--spacing-lg);flex-direction:column;display:flex}.child-progress__goals>header{justify-content:space-between;align-items:flex-end;gap:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-outline-variant);display:flex}.child-progress__goals>header p{color:var(--color-primary);font-size:var(--text-label-sm-size);text-transform:uppercase;font-weight:700}.child-progress__goals>header h3{margin-top:3px}.child-progress__goals>header>strong{color:var(--color-primary);font-size:22px}.child-progress__goal-list{gap:var(--spacing-md);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.child-progress__goal-list article{padding:var(--spacing-md);border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);grid-template-columns:auto 1fr;gap:12px;display:grid}.child-progress__goal-list article>.material-symbols-outlined{border:1px solid color-mix(in srgb, var(--color-primary) 24%, transparent);background:color-mix(in srgb, var(--color-primary) 10%, var(--color-surface));width:42px;height:42px;color:color-mix(in srgb, var(--color-primary) 82%, #001a33);border-radius:50%;place-items:center;display:grid}.child-progress__goal-list article>div{min-width:0}.child-progress__goal-list article>div>div:first-child{justify-content:space-between;gap:8px;display:flex}.child-progress__goal-list article h4{font-size:var(--text-title-md-size)}.child-progress__goal-bar{background:var(--color-surface-container-high);border-radius:4px;height:7px;margin-top:12px;overflow:hidden}.child-progress__goal-bar span{background:var(--color-primary);height:100%;display:block}.child-progress__goal-list article small{color:var(--color-on-surface-variant);margin-top:6px;display:block}.child-progress__empty,.child-progress__state{text-align:center;min-height:320px;color:var(--color-on-surface-variant);flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.child-progress__empty .material-symbols-outlined,.child-progress__state .material-symbols-outlined{color:var(--color-primary);font-size:42px}.child-progress__state--error .material-symbols-outlined{color:var(--color-error)}.child-progress__state button{border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-on-primary);margin-top:8px;padding:9px 16px;font-weight:600}@media (width<=1024px){.child-progress__selector{grid-column:1/-1;display:flex}}@media (width<=800px){.child-progress__header{grid-template-columns:auto 1fr}.child-progress__metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.child-progress__metric:nth-child(2){border-right:none}.child-progress__metric:nth-child(-n+2){border-bottom:1px solid var(--color-outline-variant)}.child-progress__overview-grid{grid-template-columns:1fr}.child-progress__side-stack{grid-template-columns:repeat(2,1fr);display:grid}}@media (width<=520px){.child-progress__identity h2{font-size:var(--text-title-lg-size)}.child-progress__identity p{font-size:var(--text-label-sm-size)}.child-progress__tabs{margin-inline:calc(var(--spacing-md) * -1);padding-inline:var(--spacing-md)}.child-progress__tabs button{min-width:105px;padding-inline:10px}.child-progress__insight{grid-template-columns:auto minmax(0,1fr)}.child-progress__insight button{grid-column:1/-1;justify-content:center}.child-progress__metrics{grid-template-columns:1fr}.child-progress__metric{border-right:none;border-bottom:1px solid var(--color-outline-variant)}.child-progress__metric:last-child{border-bottom:none}.child-progress__growth{gap:5px;padding-inline:0}.child-progress__growth-label{font-size:10px}.child-progress__essay{grid-template-columns:1fr}.child-progress__essay-date{padding-bottom:0}.child-progress__essay-body{border-left:0;flex-direction:column;align-items:flex-start}.child-progress__essay-meta{justify-content:space-between;width:100%}.child-progress__essay-details{border-left:0;grid-column:1;grid-template-columns:1fr}.child-progress__essay-details>p{grid-column:1}.child-progress__alert-heading{flex-direction:column;gap:4px}.child-progress__side-stack,.child-progress__goal-list{grid-template-columns:1fr}.child-progress__goals>header{flex-direction:column;align-items:flex-start}}.teacher-dash__header{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:flex-end;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.teacher-dash__btn-outline{border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);font-size:var(--text-label-md-size);transition:all var(--transition-fast);padding:8px 16px;font-weight:500}.teacher-dash__btn-outline:hover{background:var(--color-surface-container-low)}.teacher-dash__btn-primary{background:var(--color-primary);color:var(--color-on-primary);border-radius:var(--radius-lg);font-size:var(--text-label-md-size);box-shadow:var(--shadow-sm);transition:all var(--transition-fast);padding:8px 16px;font-weight:500}.teacher-dash__btn-primary:hover{opacity:.9}.teacher-dash__stats{gap:var(--spacing-md);margin-bottom:var(--spacing-lg);grid-template-columns:repeat(5,1fr);display:grid}.teacher-dash__body{gap:var(--spacing-lg);display:flex}.teacher-dash__classes{gap:var(--spacing-md);flex-direction:column;flex:1;display:flex}.teacher-dash__classes-header{justify-content:space-between;align-items:center;display:flex}.teacher-dash__view-btn{border-radius:var(--radius-lg);color:var(--color-outline);transition:all var(--transition-fast);padding:8px}.teacher-dash__view-btn:hover{background:var(--color-surface-container-low)}.teacher-dash__view-btn--active{background:var(--color-surface-container-high);color:var(--color-primary)}.teacher-dash__class-card{cursor:pointer;transition:box-shadow var(--transition-normal);justify-content:space-between;align-items:center;display:flex}.teacher-dash__class-card:hover{box-shadow:var(--shadow-lg)}.teacher-dash__class-info{align-items:center;gap:var(--spacing-lg);display:flex}.teacher-dash__class-icon{border-radius:var(--radius-xl);flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.teacher-dash__class-icon--primary{color:var(--color-primary);background:#005bbf14}.teacher-dash__class-icon--secondary{color:var(--color-secondary);background:#3d608e14}.teacher-dash__class-icon--tertiary{color:var(--color-tertiary);background:#525f7014}.teacher-dash__class-name{transition:color var(--transition-fast)}.teacher-dash__class-card:hover .teacher-dash__class-name{color:var(--color-primary)}.teacher-dash__class-meta{gap:16px;margin-top:4px;display:flex}.teacher-dash__class-meta span{align-items:center;gap:4px;display:flex}.teacher-dash__class-actions{align-items:center;gap:var(--spacing-xl);display:flex}.teacher-dash__class-progress-wrap{width:128px}.teacher-dash__class-progress-bar{background:var(--color-outline-variant);border-radius:var(--radius-full);height:6px;overflow:hidden}.teacher-dash__class-progress-fill{border-radius:var(--radius-full);height:100%}.teacher-dash__class-progress-fill--primary{background:var(--color-primary)}.teacher-dash__class-progress-fill--secondary{background:var(--color-secondary)}.teacher-dash__class-progress-fill--tertiary{background:var(--color-tertiary)}.teacher-dash__details-btn{border:1px solid var(--color-primary);color:var(--color-primary);border-radius:var(--radius-xl);font-size:var(--text-label-md-size);transition:all var(--transition-slow);padding:10px 24px;font-weight:500}.teacher-dash__details-btn:hover{background:var(--color-primary);color:var(--color-on-primary)}.teacher-dash__alerts{flex-shrink:0;width:320px}.teacher-dash__alerts-header{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;display:flex}.teacher-dash__alert-count{background:var(--color-error);color:var(--color-on-error);border-radius:var(--radius-full);padding:2px 8px;font-size:10px;font-weight:700}.teacher-dash__alerts-list{gap:var(--spacing-md);flex-direction:column;max-height:420px;padding-right:6px;display:flex;overflow-y:auto}.teacher-dash__alert{padding:var(--spacing-md);border-radius:var(--radius-xl)}.teacher-dash__alert--error{background:#ba1a1a0d;border:1px solid #ba1a1a33}.teacher-dash__alert--warning,.teacher-dash__alert--info{background:var(--color-surface-container);border:1px solid var(--color-outline-variant)}.teacher-dash__alert-top{gap:12px;display:flex}.teacher-dash__alert-icon--error{color:var(--color-error)}.teacher-dash__alert-icon--warning{color:var(--color-secondary)}.teacher-dash__alert-icon--info{color:var(--color-primary)}.teacher-dash__alert-btn{border-radius:var(--radius-lg);width:100%;font-size:var(--text-label-sm-size);transition:all var(--transition-fast);padding:8px;font-weight:700}.teacher-dash__alert-btn--error{background:var(--color-error);color:var(--color-on-error);box-shadow:var(--shadow-sm)}.teacher-dash__alert-btn--error:hover{opacity:.9}.teacher-dash__alert-btn--warning{border:1px solid var(--color-outline-variant)}.teacher-dash__alert-btn--warning:hover{background:var(--color-surface-container-high)}.teacher-dash__alert-btn--info{background:var(--color-primary);color:var(--color-on-primary);box-shadow:var(--shadow-sm)}.teacher-dash__alert-btn--info:hover{opacity:.9}.teacher-dash__see-all{width:100%;margin-top:var(--spacing-lg);color:var(--color-primary);font-size:var(--text-label-md-size);border-radius:var(--radius-xl);transition:background var(--transition-fast);padding:12px;font-weight:700}.teacher-dash__see-all:hover{background:#1a73e80f}@media (width<=1200px){.teacher-dash__stats{grid-template-columns:repeat(3,1fr)}.teacher-dash__body{flex-direction:column}.teacher-dash__alerts{width:100%}}.class-analytics{flex-direction:column;gap:24px;animation:.3s ease-in-out fadeIn;display:flex}.class-analytics__summary{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;display:grid}.class-analytics__card{background:var(--color-surface-container-low);border:1px solid var(--color-outline-variant);border-radius:var(--radius-xl);align-items:center;gap:16px;padding:20px;display:flex;box-shadow:0 2px 8px #0000000a}.class-analytics__card-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.class-analytics__card-icon--blue{color:var(--color-primary);background:#005bbf1a}.class-analytics__card-icon--green{color:#28a745;background:#28a7451a}.class-analytics__card-icon--purple{color:#6f42c1;background:#6f42c11a}.class-analytics__card-value{color:var(--color-on-surface);font-size:1.75rem;font-weight:700;line-height:1.2}.class-analytics__card-label{color:var(--color-outline);margin-top:4px;font-size:.85rem}.class-analytics__chart-card{background:var(--color-surface-container-low);border:1px solid var(--color-outline-variant);border-radius:var(--radius-xl);padding:24px}.class-analytics__chart-header{margin-bottom:24px}.class-analytics__chart-title{color:var(--color-on-surface);font-size:1.1rem;font-weight:700}.class-analytics__chart-subtitle{color:var(--color-outline);margin-top:4px;font-size:.85rem}.class-analytics__chart-legend{gap:20px;margin-top:16px;font-size:.85rem;display:flex}.class-analytics__legend-item{color:var(--color-on-surface);align-items:center;gap:8px;display:flex}.class-analytics__legend-color{border-radius:3px;width:12px;height:12px}.chart-dot{cursor:pointer;transition:r .2s ease-in-out}.chart-dot:hover circle:first-child{r:6px}.class-analytics__no-data{text-align:center;color:var(--color-outline);border:2px dashed var(--color-outline-variant);border-radius:var(--radius-xl);background:var(--color-surface-container-low);padding:60px 20px}.class-analytics__no-data-icon{color:var(--color-outline);margin-bottom:16px;font-size:48px}.class-analytics__warnings{border:1.5px dashed var(--color-error);border-radius:var(--radius-xl);background:#d9534f0a;flex-direction:column;gap:12px;padding:20px;display:flex}.class-analytics__warnings-header{color:var(--color-error);align-items:center;gap:8px;font-size:1rem;font-weight:700;display:flex}.class-analytics__warning-item{color:var(--color-on-surface);align-items:flex-start;gap:8px;font-size:.9rem;line-height:1.4;display:flex}.class-analytics__row{grid-template-columns:1fr 1fr;gap:24px;display:grid}@media (width<=900px){.class-analytics__row{grid-template-columns:1fr}}.class-analytics__section-card{background:var(--color-surface-container-low);border:1px solid var(--color-outline-variant);border-radius:var(--radius-xl);flex-direction:column;gap:16px;padding:24px;display:flex}.class-analytics__section-title{color:var(--color-on-surface);align-items:center;gap:8px;font-size:1.1rem;font-weight:700;display:flex}.class-analytics__repeated-word-row{flex-direction:column;gap:6px;display:flex}.class-analytics__repeated-word-info{justify-content:space-between;font-size:.9rem;font-weight:600;display:flex}.class-analytics__progress-track{background:var(--color-outline-variant);border-radius:99px;width:100%;height:8px;overflow:hidden}.class-analytics__progress-fill{background:var(--color-primary);border-radius:99px;height:100%;transition:width .3s ease-in-out}.class-analytics__accordion{border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);background:var(--color-surface-container-low);overflow:hidden}.class-analytics__accordion-header{cursor:pointer;background:var(--color-surface-container-high);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:14px 18px;font-size:.95rem;font-weight:600;transition:background .2s;display:flex}.class-analytics__accordion-header:hover{background:var(--color-surface-container-highest)}.class-analytics__accordion-body{border-top:1px solid var(--color-outline-variant);background:var(--color-surface-container-lowest);flex-direction:column;gap:10px;padding:16px 18px;display:flex}.class-analytics__accordion-example{background:var(--color-surface-container-low);border-left:3px solid var(--color-primary);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--color-on-surface-variant);padding:10px 14px;font-size:.88rem;font-style:italic;line-height:1.4}.class-overview__header{margin-bottom:var(--spacing-lg)}.class-overview__back{color:var(--color-primary);font-size:var(--text-label-md-size);align-items:center;gap:4px;font-weight:500;display:flex}.class-overview__back:hover{text-decoration:underline}.class-overview__metrics{gap:var(--spacing-md);margin-bottom:var(--spacing-lg);grid-template-columns:repeat(4,1fr);display:grid}.class-overview__table-header{padding:var(--spacing-lg);border-bottom:1px solid var(--color-outline-variant);justify-content:space-between;align-items:center;display:flex}.class-overview__search{border:1px solid var(--color-outline-variant);border-radius:var(--radius-full);width:240px;font-size:var(--text-label-md-size);background:var(--color-surface);color:var(--color-on-surface);padding:8px 16px}.class-overview__search:focus{border-color:var(--color-primary);outline:none}.class-overview__table{text-align:left;border-collapse:collapse;width:100%}.class-overview__table th{padding:var(--spacing-md) var(--spacing-lg);background:var(--color-surface-container-low);color:var(--color-outline);text-transform:uppercase;letter-spacing:.05em}.class-overview__table td{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-outline-variant)}.class-overview__table tr:hover{background:var(--color-surface-container);cursor:pointer}.class-overview__status{border-radius:var(--radius-full);font-size:var(--text-label-sm-size);text-transform:capitalize;padding:4px 12px;font-weight:500}.class-overview__status--growing{background:var(--color-success-bg);color:var(--color-success)}.class-overview__status--declining{background:var(--color-danger-bg);color:var(--color-error)}.class-overview__status--stagnating{background:var(--color-surface-variant);color:var(--color-on-surface-variant)}.class-overview__action-btn{border:1px solid var(--color-primary);color:var(--color-primary);border-radius:var(--radius-md);font-size:var(--text-label-sm-size);transition:all var(--transition-fast);padding:6px 16px;font-weight:500}.class-overview__action-btn:hover{background:var(--color-primary);color:var(--color-on-primary)}@media (width<=768px){.class-overview__metrics{grid-template-columns:repeat(2,1fr)}}.class-mgmt__header{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.class-mgmt__create-btn{background:var(--color-primary);color:var(--color-on-primary);border-radius:var(--radius-lg);font-size:var(--text-label-md-size);box-shadow:var(--shadow-sm);transition:all var(--transition-fast);align-items:center;gap:8px;padding:10px 20px;font-weight:600;display:flex}.class-mgmt__create-btn:hover{opacity:.9;transform:translateY(-1px)}.class-mgmt__grid{gap:var(--spacing-gutter);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.class-mgmt__card{transition:transform var(--transition-normal), box-shadow var(--transition-normal)}.class-mgmt__card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.class-mgmt__card-header{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:flex-start;display:flex}.class-mgmt__badge{border-radius:var(--radius-full);font-size:var(--text-label-sm-size);text-transform:capitalize;padding:4px 10px;font-weight:500}.class-mgmt__badge--active{background:var(--color-success-bg);color:var(--color-success)}.class-mgmt__badge--draft{background:var(--color-surface-variant);color:var(--color-on-surface-variant)}.class-mgmt__card-details{margin-bottom:var(--spacing-md);flex-direction:column;gap:8px;display:flex}.class-mgmt__detail{color:var(--color-on-surface-variant);align-items:center;gap:8px;display:flex}.class-mgmt__card-actions{gap:8px;display:flex}.class-mgmt__edit-btn{border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);font-size:var(--text-label-md-size);transition:all var(--transition-fast);flex:1;padding:8px;font-weight:500}.class-mgmt__edit-btn:hover{background:var(--color-surface-container-low)}.class-mgmt__view-btn{background:var(--color-primary);color:var(--color-on-primary);border-radius:var(--radius-md);font-size:var(--text-label-md-size);transition:all var(--transition-fast);flex:1;padding:8px;font-weight:500}.class-mgmt__view-btn:hover{opacity:.9}.class-mgmt__modal-overlay{z-index:var(--z-modal);background:#0006;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.class-mgmt__modal{width:480px;max-width:90vw;animation:.2s scaleIn}.class-mgmt__form-field{margin-bottom:var(--spacing-md);flex-direction:column;gap:6px;display:flex}.class-mgmt__form-field label{color:var(--color-on-surface-variant)}.class-mgmt__input,.class-mgmt__textarea{border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);font-size:var(--text-body-md-size);background:var(--color-surface);color:var(--color-on-surface);transition:border-color var(--transition-fast);padding:10px 12px}.class-mgmt__input:focus,.class-mgmt__textarea:focus{border-color:var(--color-primary);outline:none}.class-mgmt__textarea{resize:vertical}.class-mgmt__cancel-btn{border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);font-size:var(--text-label-md-size);padding:8px 20px}.class-mgmt__cancel-btn:hover{background:var(--color-surface-container-low)}.class-mgmt__submit-btn{background:var(--color-primary);color:var(--color-on-primary);border-radius:var(--radius-md);font-size:var(--text-label-md-size);padding:8px 20px;font-weight:600}.class-mgmt__submit-btn:hover{opacity:.9}.sa{gap:var(--spacing-lg);flex-direction:column;display:flex}.sa-back-btn{color:var(--color-primary);font-size:var(--text-label-md-size);transition:opacity var(--transition-fast);align-self:flex-start;align-items:center;gap:4px;padding:6px 0;font-weight:500;display:inline-flex}.sa-back-btn:hover{opacity:.75}.sa-profile{align-items:flex-start;gap:var(--spacing-lg);flex-wrap:wrap;display:flex}.sa-profile__avatar{border-radius:var(--radius-full);background:#005bbf14;border:2px solid #005bbf33;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;display:flex}.sa-profile__info{flex:1;min-width:0}.sa-profile__name-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;display:flex}.sa-profile__name{margin-bottom:0}.sa-status-badge{border-radius:var(--radius-full);font-size:var(--text-label-sm-size);white-space:nowrap;align-items:center;gap:4px;padding:3px 10px;font-weight:700;display:inline-flex}.sa-status--growing{background:var(--color-success-bg);color:var(--color-success)}.sa-status--stagnating{background:var(--color-warning-bg);color:var(--color-warning)}.sa-status--declining{background:var(--color-danger-bg);color:var(--color-error)}.sa-profile__meta{flex-wrap:wrap;gap:8px;display:flex}.sa-meta-chip{border-radius:var(--radius-full);background:var(--color-surface-container);border:1px solid var(--color-outline-variant);font-size:var(--text-label-sm-size);color:var(--color-on-surface-variant);align-items:center;gap:4px;padding:4px 10px;font-weight:500;display:inline-flex}.sa-meta-chip--muted{color:var(--color-outline);background:0 0;border-color:#0000}.sa-feedback-btn{background:var(--color-primary);color:var(--color-on-primary);border-radius:var(--radius-lg);font-size:var(--text-label-md-size);box-shadow:var(--shadow-sm);transition:opacity var(--transition-fast);flex-shrink:0;align-self:center;align-items:center;gap:8px;padding:10px 20px;font-weight:600;display:inline-flex}.sa-feedback-btn:hover{opacity:.9}.sa-tabs{border-bottom:2px solid var(--color-outline-variant);display:flex}.sa-tab{font-size:var(--text-label-md-size);color:var(--color-on-surface-variant);cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;margin-bottom:-2px;padding:12px 24px;font-weight:500;display:inline-flex}.sa-tab:hover{color:var(--color-primary);background:var(--color-surface-container-low)}.sa-tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:600}.sa-vocab-stats{gap:var(--spacing-md);grid-template-columns:1fr 1fr;display:grid}.sa-vocab-card{align-items:center;gap:var(--spacing-lg);transition:transform var(--transition-fast), box-shadow var(--transition-fast);display:flex;position:relative;overflow:hidden}.sa-vocab-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.sa-vocab-card__icon{flex-shrink:0;font-size:36px}.sa-vocab-card--total{border-left:4px solid var(--color-primary)}.sa-vocab-card--total .sa-vocab-card__icon{color:var(--color-primary)}.sa-vocab-card--mastery{border-left:4px solid #29b6f6}.sa-vocab-card--mastery .sa-vocab-card__icon{color:#29b6f6}.sa-vocab-card__value{color:var(--color-on-surface);font-size:36px;font-weight:700;line-height:1}.sa-vocab-card__label{font-size:var(--text-label-md-size);color:var(--color-on-surface-variant);margin-top:4px;font-weight:500}.sa-vocab-card__sub{font-size:var(--text-label-sm-size);color:var(--color-outline);margin-top:2px}.sa-vocab-card__bar-wrap{background:var(--color-outline-variant);height:4px;position:absolute;bottom:0;left:0;right:0}.sa-vocab-card__bar-fill{background:linear-gradient(90deg, var(--color-primary), #29b6f6);border-radius:0 var(--radius-full) var(--radius-full) 0;height:100%;transition:width .8s}.sa-essays{padding:0;overflow:hidden}.sa-essays__header{align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);border-bottom:1px solid var(--color-outline-variant);display:flex}.sa-essays__count{color:var(--color-outline);background:var(--color-surface-container);border-radius:var(--radius-full);padding:2px 10px;font-weight:600}.sa-essays__empty{align-items:center;gap:var(--spacing-md);padding:var(--spacing-2xl);text-align:center;flex-direction:column;display:flex}.sa-essays__table-wrap{overflow-x:auto}.sa-table{border-collapse:collapse;text-align:left;width:100%}.sa-table thead tr{background:var(--color-surface-container-low)}.sa-table th{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--text-label-sm-size);color:var(--color-outline);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;font-weight:700}.sa-table td{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-outline-variant);vertical-align:middle}.sa-table__row:last-child td{border-bottom:none}.sa-table__row{transition:background var(--transition-fast)}.sa-table__row:hover{background:var(--color-surface-container-low)}.sa-table__date{white-space:nowrap;font-size:var(--text-label-sm-size);color:var(--color-outline)}.sa-table__title{color:var(--color-on-surface);text-overflow:ellipsis;white-space:nowrap;max-width:300px;font-weight:600;overflow:hidden}.sa-table__words-chip{border-radius:var(--radius-full);background:var(--color-surface-container-high);font-size:var(--text-label-sm-size);color:var(--color-on-surface-variant);padding:2px 8px;font-weight:500;display:inline-block}.sa-score-badge{border-radius:var(--radius-full);font-size:var(--text-label-sm-size);padding:4px 12px;font-weight:700;display:inline-block}.sa-score-badge--high{background:var(--color-success-bg);color:var(--color-success)}.sa-score-badge--mid{background:var(--color-warning-bg);color:var(--color-warning)}.sa-score-badge--low{background:var(--color-danger-bg);color:var(--color-error)}@media (width<=640px){.sa-vocab-stats{grid-template-columns:1fr}.sa-profile{flex-direction:column}.sa-tab{font-size:var(--text-label-sm-size);padding:10px 14px}}.manual-feedback__back{color:var(--color-primary);font-size:var(--text-label-md-size);margin-bottom:var(--spacing-md);align-items:center;gap:4px;display:flex}.manual-feedback__header{margin-bottom:var(--spacing-lg)}.manual-feedback__layout{gap:var(--spacing-gutter);grid-template-columns:1fr 380px;display:grid}.manual-feedback__essay-text{color:var(--color-on-surface);line-height:1.8}.manual-feedback__panel{gap:var(--spacing-md);flex-direction:column;display:flex}.manual-feedback__score-row{margin-bottom:var(--spacing-md);flex-direction:column;gap:6px;display:flex}.manual-feedback__score-control{align-items:center;gap:12px;display:flex}.manual-feedback__slider{appearance:none;background:var(--color-surface-container);border-radius:var(--radius-full);flex:1;height:4px}.manual-feedback__slider::-webkit-slider-thumb{appearance:none;background:var(--color-primary);cursor:pointer;border-radius:50%;width:18px;height:18px}.manual-feedback__textarea{border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);width:100%;font-size:var(--text-body-md-size);resize:vertical;background:var(--color-surface);color:var(--color-on-surface);padding:12px;line-height:1.6}.manual-feedback__textarea:focus{border-color:var(--color-primary);outline:none}.manual-feedback__save-btn{border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);font-size:var(--text-label-md-size);flex:1;justify-content:center;align-items:center;gap:6px;padding:10px;font-weight:500;display:flex}.manual-feedback__save-btn:hover{background:var(--color-surface-container-low)}.manual-feedback__submit-btn{background:var(--color-primary);color:var(--color-on-primary);border-radius:var(--radius-md);font-size:var(--text-label-md-size);flex:1;justify-content:center;align-items:center;gap:6px;padding:10px;font-weight:500;display:flex}.manual-feedback__submit-btn:hover{opacity:.9}@media (width<=1024px){.manual-feedback__layout{grid-template-columns:1fr}}.ewa__section-wrapper{gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);flex-direction:column;display:flex}.ewa__class-group{gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-surface-container-lowest);border-radius:var(--radius-xl);border:1px solid var(--color-outline-variant);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-normal);flex-direction:column;display:flex}.ewa__class-group:hover{box-shadow:var(--shadow-md)}.ewa__class-group-header{color:var(--color-on-surface);background:var(--color-surface-container-low);border-radius:var(--radius-lg);border-left:4px solid var(--color-primary);align-items:center;gap:10px;padding:10px 16px;font-size:16px;font-weight:700;display:flex}.ewa__class-group-header .material-symbols-outlined{color:var(--color-primary);font-size:20px}.ewa__class-group-header--resolved{border-left-color:var(--color-success)}.ewa__class-group-header--resolved .material-symbols-outlined{color:var(--color-success)}.ewa__class-group-count{color:var(--color-primary);border-radius:var(--radius-full);background:#005bbf1a;margin-left:auto;padding:2px 10px;font-size:12px;font-weight:700}.ewa__class-group-header--resolved .ewa__class-group-count{color:var(--color-success);background:var(--color-success-bg)}.ewa__class-group-list{gap:var(--spacing-md);margin-top:var(--spacing-xs);flex-direction:column;display:flex}.ewa{gap:var(--spacing-lg);flex-direction:column;animation:.3s ease-out fadeIn;display:flex}.ewa__header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.ewa__title-row{align-items:center;gap:var(--spacing-md);display:flex}.ewa__title-icon{border-radius:var(--radius-xl);width:52px;height:52px;color:var(--color-primary);background:linear-gradient(135deg,#005bbf1f,#3d608e14);border:1px solid #005bbf33;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ewa__subtitle{color:var(--color-on-surface-variant);margin-top:4px}.ewa__stats{gap:var(--spacing-md);grid-template-columns:repeat(4,1fr);display:grid}.ewa__stat-item{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-xl);border:1px solid var(--color-outline-variant);background:var(--color-surface-container-lowest);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast), box-shadow var(--transition-fast);display:flex}.ewa__stat-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.ewa__stat-item .material-symbols-outlined{flex-shrink:0;font-size:28px}.ewa__stat-item--critical{border-left:4px solid var(--color-error)}.ewa__stat-item--critical .material-symbols-outlined{color:var(--color-error)}.ewa__stat-item--warning{border-left:4px solid var(--color-warning)}.ewa__stat-item--warning .material-symbols-outlined{color:var(--color-warning)}.ewa__stat-item--info{border-left:4px solid var(--color-primary)}.ewa__stat-item--info .material-symbols-outlined{color:var(--color-primary)}.ewa__stat-item--unread{border-left:4px solid var(--color-secondary)}.ewa__stat-item--unread .material-symbols-outlined{color:var(--color-secondary)}.ewa__stat-value{color:var(--color-on-surface);font-size:24px;font-weight:700;line-height:1.1;display:block}.ewa__stat-label{font-size:var(--text-label-sm-size);color:var(--color-on-surface-variant);margin-top:2px;font-weight:500;display:block}.ewa__toolbar{justify-content:space-between;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.ewa__filters{flex-wrap:wrap;gap:6px;display:flex}.ewa__filter-btn{border-radius:var(--radius-full);font-size:var(--text-label-md-size);color:var(--color-on-surface-variant);border:1px solid var(--color-outline-variant);cursor:pointer;transition:all var(--transition-fast);background:0 0;align-items:center;gap:6px;padding:8px 16px;font-weight:500;display:inline-flex}.ewa__filter-btn:hover{background:var(--color-surface-container-low);border-color:var(--color-outline)}.ewa__filter-btn--active{background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.ewa__filter-btn--active:hover{opacity:.92}.ewa__filter-count{background:var(--color-error);color:#fff;border-radius:var(--radius-full);padding:1px 6px;font-size:10px;font-weight:700;line-height:1.5}.ewa__filter-btn--active .ewa__filter-count{color:#fff;background:#ffffff40}.ewa-btn{border-radius:var(--radius-lg);font-size:var(--text-label-md-size);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:1px solid #0000;align-items:center;gap:6px;padding:9px 18px;font-weight:500;display:inline-flex}.ewa-btn:disabled{opacity:.55;cursor:not-allowed}.ewa-btn--primary{background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.ewa-btn--primary:hover:not(:disabled){opacity:.9}.ewa-btn--outline{border-color:var(--color-outline-variant);color:var(--color-on-surface-variant);background:0 0}.ewa-btn--outline:hover:not(:disabled){background:var(--color-surface-container-low);border-color:var(--color-outline)}.ewa-btn--outline-active{border-color:var(--color-primary);color:var(--color-primary);background:#005bbf0f}.ewa-btn--outline-active:hover:not(:disabled){background:#005bbf1f}.ewa-btn--ghost{color:var(--color-on-surface-variant);background:0 0;border-color:#0000}.ewa-btn--ghost:hover:not(:disabled){background:var(--color-surface-container-low)}.ewa-btn--refresh{border:1px solid var(--color-outline-variant);color:var(--color-on-surface-variant);background:var(--color-surface-container-lowest);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-shrink:0;padding:9px 16px}.ewa-btn--refresh:hover:not(:disabled){background:var(--color-surface-container-low)}.ewa__section-label{font-size:var(--text-label-sm-size);color:var(--color-on-surface-variant);letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:6px;margin-bottom:-4px;padding:0 4px;font-weight:700;display:flex}.ewa__section-label--resolved{color:var(--color-success)}.ewa__list{gap:var(--spacing-md);flex-direction:column;display:flex}.ewa-card{transition:box-shadow var(--transition-normal), transform var(--transition-fast);border-left:4px solid #0000}.ewa-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}.ewa-card--critical{border-left-color:var(--color-error)}.ewa-card--warning{border-left-color:var(--color-warning)}.ewa-card--info{border-left-color:var(--color-primary)}.ewa-card--success{border-left-color:var(--color-success)}.ewa-card--resolved{opacity:.72;background:var(--color-surface-container)}.ewa-card--resolved:hover{opacity:.92}.ewa-card__top{justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.ewa-card__student{align-items:flex-start;gap:var(--spacing-md);display:flex}.ewa-card__avatar{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.ewa-card__avatar--critical{background:var(--color-danger-bg);color:var(--color-error)}.ewa-card__avatar--warning{background:var(--color-warning-bg);color:var(--color-warning)}.ewa-card__avatar--info{color:var(--color-primary);background:#005bbf1a}.ewa-card__avatar--success{background:var(--color-success-bg);color:var(--color-success)}.ewa-card__student-header{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.ewa-card__student-name{color:var(--color-on-surface);font-size:18px;font-weight:700}.ewa-card__student-email{color:var(--color-outline);font-size:12px;font-weight:400}.ewa-card__meta-row{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.ewa-card__meta-chip{border-radius:var(--radius-full);background:var(--color-surface-container-high);color:var(--color-on-surface-variant);align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.ewa-card__meta-chip--metric{color:var(--color-primary);background:#005bbf14}.ewa-card__badges{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;display:flex}.ewa-badge{border-radius:var(--radius-full);font-size:var(--text-label-sm-size);letter-spacing:.03em;padding:3px 10px;font-weight:600}.ewa-badge--critical{background:var(--color-danger-bg);color:var(--color-error)}.ewa-badge--warning{background:var(--color-warning-bg);color:var(--color-warning)}.ewa-badge--info{color:var(--color-primary);background:#005bbf1a}.ewa-badge--success,.ewa-badge--resolved{background:var(--color-success-bg);color:var(--color-success)}.ewa-card__time{color:var(--color-outline);align-items:center;gap:4px;display:inline-flex}.ewa-card__detail{color:var(--color-on-surface-variant);margin:var(--spacing-md) 0;line-height:1.6}.ewa-card__actions{flex-wrap:wrap;gap:8px;display:flex}.ewa-card__resolved-row{padding:10px var(--spacing-md);border-radius:var(--radius-lg);background:var(--color-success-bg);flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;display:flex}.ewa__state-box{text-align:center;justify-content:center;align-items:center;gap:var(--spacing-md);padding:var(--spacing-2xl);flex-direction:column;min-height:280px;display:flex}.ewa__state-box--error{background:#ba1a1a08;border-color:#ba1a1a40}.ewa-skeleton{gap:var(--spacing-md);flex-direction:column;display:flex}.ewa-skeleton__header{align-items:center;gap:var(--spacing-md);display:flex}.ewa-skeleton__avatar{border-radius:var(--radius-lg);flex-shrink:0;width:44px;height:44px}.ewa-skeleton__lines{flex-direction:column;flex:1;gap:8px;display:flex}.ewa-skeleton__line{border-radius:var(--radius-full);height:14px}.ewa-skeleton__line--wide{width:55%}.ewa-skeleton__line--narrow{width:35%}.ewa-skeleton__badge{border-radius:var(--radius-full);width:72px;height:24px}.ewa-skeleton__body{border-radius:var(--radius-md);height:40px}.ewa-skeleton__footer{gap:8px;display:flex}.ewa-skeleton__btn{border-radius:var(--radius-lg);width:120px;height:36px}.shimmer{background:linear-gradient(90deg, var(--color-surface-container) 25%, var(--color-surface-container-high) 37%, var(--color-surface-container) 63%);background-size:800px 100%;animation:1.4s linear infinite shimmer}@media (width<=1024px){.ewa__stats{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.ewa__stats{grid-template-columns:repeat(2,1fr)}.ewa__header{flex-direction:column;align-items:stretch}.ewa__toolbar{flex-direction:column;align-items:flex-start}.ewa-card__top{flex-direction:column}.ewa-card__badges{justify-content:flex-start}.ewa-card__actions{flex-direction:column}.ewa-btn{justify-content:center}}.ewa-badge--new{color:var(--color-primary);background:#005bbf1f;animation:2s ease-in-out infinite pulse-new}@keyframes pulse-new{0%,to{opacity:1}50%{opacity:.6}}.ewa__stat-item--total{border-left:4px solid var(--color-outline-variant)}.ewa__stat-item--total .material-symbols-outlined{color:var(--color-on-surface-variant)}.ewa__stats{grid-template-columns:repeat(5,1fr)}.ewa-btn--load-more{border:1px dashed var(--color-outline-variant);width:100%;color:var(--color-on-surface-variant);background:var(--color-surface-container-lowest);border-radius:var(--radius-xl);font-size:var(--text-label-md-size);transition:all var(--transition-fast);justify-content:center;margin-top:4px;padding:14px;font-weight:600}.ewa-btn--load-more:hover:not(:disabled){background:var(--color-surface-container-low);border-color:var(--color-outline);color:var(--color-primary)}@media (width<=1100px){.ewa__stats{grid-template-columns:repeat(3,1fr)}}@media (width<=640px){.ewa__stats{grid-template-columns:repeat(2,1fr)}}.sys-prompts__header{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.sys-prompts__new-btn{background:var(--color-primary);color:var(--color-on-primary);border-radius:var(--radius-lg);font-size:var(--text-label-md-size);align-items:center;gap:8px;padding:10px 20px;font-weight:600;display:flex}.sys-prompts__new-btn:hover{opacity:.9}.sys-prompts__layout{gap:var(--spacing-gutter);grid-template-columns:340px 1fr;display:grid}.sys-prompts__list{gap:var(--spacing-sm);flex-direction:column;display:flex}.sys-prompts__item{cursor:pointer;transition:all var(--transition-fast);padding:var(--spacing-md)}.sys-prompts__item:hover{border-color:var(--color-primary)}.sys-prompts__item--active{border-color:var(--color-primary-container);background:#1a73e80a}.sys-prompts__item-top{justify-content:space-between;align-items:flex-start;margin-bottom:8px;display:flex}.sys-prompts__item-meta{justify-content:space-between;display:flex}.sys-prompts__status{border-radius:var(--radius-full);text-transform:capitalize;padding:2px 8px;font-size:11px;font-weight:500}.sys-prompts__status--active{background:var(--color-success-bg);color:var(--color-success)}.sys-prompts__status--draft{background:var(--color-surface-variant);color:var(--color-on-surface-variant)}.sys-prompts__textarea{border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);width:100%;font-size:var(--text-body-md-size);resize:vertical;background:var(--color-surface);color:var(--color-on-surface);padding:12px;font-family:Inter,monospace;line-height:1.6}.sys-prompts__textarea:focus{border-color:var(--color-primary);outline:none}.sys-prompts__editor-actions{margin-top:var(--spacing-md);justify-content:flex-end;gap:8px;display:flex}.sys-prompts__test-btn{border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);font-size:var(--text-label-md-size);align-items:center;gap:6px;padding:8px 16px;display:flex}.sys-prompts__test-btn:hover{background:var(--color-surface-container-low)}.sys-prompts__save-btn{background:var(--color-primary);color:var(--color-on-primary);border-radius:var(--radius-md);font-size:var(--text-label-md-size);align-items:center;gap:6px;padding:8px 16px;font-weight:500;display:flex}.sys-prompts__save-btn:hover{opacity:.9}@media (width<=1024px){.sys-prompts__layout{grid-template-columns:1fr}}.profile-settings__header{margin-bottom:var(--spacing-lg)}.profile-settings__layout{gap:var(--spacing-lg);flex-direction:column;max-width:720px;display:flex}.profile-settings__avatar-section{align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);display:flex}.profile-settings__avatar{border-radius:var(--radius-full);background:var(--color-surface-container-high);justify-content:center;align-items:center;width:96px;height:96px;display:flex}.profile-settings__upload-btn{border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);font-size:var(--text-label-md-size);transition:all var(--transition-fast);padding:8px 16px;font-weight:500}.profile-settings__upload-btn:hover{background:var(--color-surface-container-low)}.profile-settings__form{gap:var(--spacing-md);flex-direction:column;display:flex}.profile-settings__field{flex-direction:column;gap:6px;display:flex}.profile-settings__field label{color:var(--color-on-surface-variant)}.profile-settings__input{border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);font-size:var(--text-body-md-size);background:var(--color-surface);color:var(--color-on-surface);transition:border-color var(--transition-fast);padding:10px 12px}.profile-settings__input:focus{border-color:var(--color-primary);outline:none}.profile-settings__save-btn{background:var(--color-primary);color:var(--color-on-primary);border-radius:var(--radius-lg);font-size:var(--text-label-md-size);transition:all var(--transition-fast);align-self:flex-start;padding:10px 24px;font-weight:600}.profile-settings__save-btn:hover{opacity:.9}.profile-settings__toggle-row{padding:var(--spacing-md) 0;border-bottom:1px solid var(--color-outline-variant);justify-content:space-between;align-items:center;display:flex}.profile-settings__toggle-row:last-child{border-bottom:none}.profile-settings__toggle{width:48px;height:26px;display:inline-block;position:relative}.profile-settings__toggle input{opacity:0;width:0;height:0}.profile-settings__toggle-slider{cursor:pointer;background:var(--color-outline-variant);transition:all var(--transition-normal);border-radius:26px;position:absolute;inset:0}.profile-settings__toggle-slider:before{content:"";width:20px;height:20px;transition:all var(--transition-normal);background:#fff;border-radius:50%;position:absolute;bottom:3px;left:3px}.profile-settings__toggle input:checked+.profile-settings__toggle-slider{background:var(--color-primary)}.profile-settings__toggle input:checked+.profile-settings__toggle-slider:before{transform:translate(22px)}.profile-settings__link-code{gap:var(--spacing-md);flex-direction:column;display:flex}.profile-settings__link-code-copy{color:var(--color-on-surface-variant);max-width:60ch;margin-top:6px}.profile-settings__link-code-result{align-items:baseline;gap:var(--spacing-md);padding:var(--spacing-md);border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);background:var(--color-surface-container-low);display:flex}.profile-settings__link-code-result strong{letter-spacing:3px;color:var(--color-primary);font-size:28px}.profile-settings__link-code-result span{color:var(--color-on-surface-variant);font-size:var(--text-label-md-size)}@media (width<=600px){.profile-settings__link-code-result{flex-direction:column;align-items:flex-start}.profile-settings__link-code-result strong{font-size:24px}}.assignment-detail{max-width:var(--container-max-width);box-sizing:border-box;width:100%;margin:0 auto;padding:24px}.assignment-detail__header-bar{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.assignment-detail__back{color:var(--color-primary);font-size:var(--text-label-md-size);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-bottom:16px;padding:0;font-weight:500;transition:opacity .2s;display:flex}.assignment-detail__back:hover{opacity:.8;text-decoration:underline}.assignment-detail__title{color:var(--color-on-surface);margin:8px 0 0;font-size:1.75rem;font-weight:700}.assignment-detail__grid{grid-template-columns:380px 1fr;align-items:start;gap:28px;width:100%;min-width:0;display:grid}@media (width<=992px){.assignment-detail__grid{grid-template-columns:1fr}}.assignment-detail__form-card{flex-direction:column;gap:16px;min-width:0;display:flex}.assignment-detail__form-group{flex-direction:column;gap:6px;display:flex}.assignment-detail__input{border:1px solid var(--color-outline);box-sizing:border-box;background:var(--color-surface);width:100%;color:var(--color-on-surface);border-radius:10px;padding:10px 14px;font-size:.95rem;transition:border-color .2s}.assignment-detail__input:focus{border-color:var(--color-primary);outline:none}.assignment-detail__textarea{border:1px solid var(--color-outline);box-sizing:border-box;background:var(--color-surface);width:100%;color:var(--color-on-surface);resize:vertical;border-radius:10px;min-height:120px;padding:10px 14px;font-size:.95rem}.assignment-detail__textarea:focus{border-color:var(--color-primary);outline:none}.assignment-detail__keywords-wrap{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.assignment-detail__keyword-chip{background:var(--color-primary-container);color:var(--color-on-primary-container);border-radius:999px;align-items:center;gap:4px;padding:4px 12px;font-size:.8rem;font-weight:600;display:flex}.assignment-detail__keyword-remove{cursor:pointer;color:inherit;background:0 0;border:none;padding:0;font-size:.9rem;font-weight:700;line-height:1}.assignment-detail__subs-card{width:100%;min-width:0;overflow:hidden;padding:0!important}.assignment-detail__subs-header{border-bottom:1px solid var(--color-outline-variant);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.assignment-detail__subs-title{color:var(--color-on-surface);margin:0;font-size:1.15rem;font-weight:700}.assignment-detail__subs-count{background:var(--color-primary-container);color:var(--color-on-primary-container);border-radius:999px;padding:4px 12px;font-size:.8rem;font-weight:700}.assignment-detail__table{border-collapse:collapse;text-align:left;width:100%}.assignment-detail__table th{background:var(--color-surface-container-low);color:var(--color-outline);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-outline-variant);padding:14px 20px;font-size:.8rem;font-weight:600}.assignment-detail__table td{border-bottom:1px solid var(--color-outline-variant);color:var(--color-on-surface);padding:16px 20px;font-size:.92rem}.assignment-detail__table tr:hover td{background:var(--color-surface-container-low)}.assignment-detail__sub-student{font-weight:600}.assignment-detail__sub-email{color:var(--color-outline);margin-top:2px;font-size:.8rem}.assignment-detail__badge{text-transform:capitalize;border-radius:999px;padding:4px 12px;font-size:.78rem;font-weight:600;display:inline-block}.assignment-detail__badge--submitted{color:#0369a1;background:#e0f2fe}.assignment-detail__badge--reviewed{color:#15803d;background:#dcfce7}.assignment-detail__badge--revision{color:#b45309;background:#fef3c7}.assignment-detail__empty{text-align:center;color:var(--color-outline);padding:80px 24px}.assignment-detail__empty .material-symbols-outlined{margin-bottom:12px;font-size:48px;display:block}.assignment-detail__empty p{margin:0;font-size:.95rem}.assignment-detail__loading{justify-content:center;align-items:center;min-height:80vh;display:flex}@media (width<=640px){.assignment-detail{padding:0}.assignment-detail__header-bar,.assignment-detail__subs-header{flex-wrap:wrap;align-items:flex-start;gap:12px}.assignment-detail__title{overflow-wrap:anywhere;font-size:1.4rem}.assignment-detail__form-card{padding:16px}.assignment-detail__form-group>div{min-width:0}.assignment-detail__table{min-width:640px}}.assignment-detail__delete-btn{background-color:var(--color-error-container);color:var(--color-error);font-size:var(--text-label-sm-size);cursor:pointer;transition:all var(--transition-fast);border:none;border-radius:10px;align-items:center;gap:6px;padding:10px 20px;font-weight:600;display:flex}.assignment-detail__delete-btn:hover:not(:disabled){background-color:var(--color-error);color:var(--color-on-error);transform:translateY(-1px);box-shadow:0 4px 12px #ba1a1a33}.assignment-detail__delete-btn:active:not(:disabled){box-shadow:none;transform:translateY(0)}.assignment-detail__delete-btn:disabled{opacity:.6;cursor:not-allowed}.admin-page{padding:var(--spacing-lg);gap:var(--spacing-lg);box-sizing:border-box;flex-direction:column;min-width:0;min-height:80vh;display:flex}.admin-page__header{margin-bottom:var(--spacing-sm);justify-content:space-between;align-items:flex-end;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.admin-page__title{color:var(--color-on-surface);letter-spacing:-.5px;font-size:28px;font-weight:800}.admin-page__subtitle{font-size:var(--text-body-md-size);color:var(--color-outline);margin-top:4px}.admin-page__stats{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.admin-stat-card{padding:var(--spacing-lg);background:var(--color-surface-container-lowest);border:1px solid var(--color-outline-variant);border-radius:var(--radius-xl);align-items:center;gap:var(--spacing-md);transition:transform var(--transition-fast), box-shadow var(--transition-fast);display:flex}.admin-stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.admin-stat-card__icon{border-radius:var(--radius-lg);justify-content:center;align-items:center;width:48px;height:48px;display:flex}.admin-stat-card__icon--blue{color:var(--color-primary);background:#005bbf14}.admin-stat-card__icon--green{color:var(--color-success,#28a745);background:#28a74514}.admin-stat-card__icon--orange{color:var(--color-warning,#fd7e14);background:#fd7e1414}.admin-stat-card__icon--purple{color:#6f42c1;background:#6f42c114}.admin-stat-card__value{color:var(--color-on-surface);font-size:24px;font-weight:700;line-height:1.2}.admin-stat-card__label{font-size:var(--text-label-sm-size);color:var(--color-outline);font-weight:500}.admin-card{background:var(--color-surface-container-lowest);border:1px solid var(--color-outline-variant);border-radius:var(--radius-2xl);padding:var(--spacing-xl);box-shadow:var(--shadow-sm)}.admin-card__header{margin-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-outline-variant);padding-bottom:var(--spacing-md)}.admin-card__title{color:var(--color-on-surface);font-size:20px;font-weight:700}.admin-card__desc{font-size:var(--text-body-md-size);color:var(--color-on-surface-variant);margin-top:6px;line-height:1.6}.admin-tasks-grid{gap:var(--spacing-lg);margin-top:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));display:grid}.admin-task-item{background:var(--color-surface-container-low);border:1px solid var(--color-outline-variant);border-radius:var(--radius-xl);padding:var(--spacing-lg);gap:var(--spacing-md);transition:transform var(--transition-normal), box-shadow var(--transition-normal);flex-direction:column;display:flex}.admin-task-item:hover{box-shadow:var(--shadow-lg);border-color:var(--color-primary);transform:translateY(-4px)}.admin-task-item__header{align-items:center;gap:var(--spacing-md);display:flex}.admin-task-item__badge{border-radius:var(--radius-full);padding:2px 8px;font-size:11px;font-weight:700}.admin-task-item__badge--blue{color:var(--color-primary);background:#005bbf1a}.admin-task-item__title{color:var(--color-on-surface);font-size:16px;font-weight:700}.admin-task-item__desc{font-size:var(--text-body-md-size);color:var(--color-on-surface-variant);flex:1;line-height:1.5}.admin-task-item__btn{border:1px solid var(--color-primary);color:var(--color-primary);border-radius:var(--radius-lg);font-size:var(--text-label-md-size);transition:all var(--transition-fast);cursor:pointer;background:0 0;align-self:flex-start;padding:8px 16px;font-weight:600}.admin-task-item:hover .admin-task-item__btn{background:var(--color-primary);color:var(--color-on-primary)}.admin-vocabulary-modal{box-sizing:border-box;padding:16px;overflow-y:auto}.admin-vocabulary-modal__content{box-sizing:border-box;margin:auto;overflow-y:auto;max-width:min(100%,550px)!important;max-height:calc(100dvh - 32px)!important}[data-theme=dark] .admin-card{background:var(--color-surface-container-low)}[data-theme=dark] .admin-task-item{background:var(--color-surface-container-high)}@media (width<=640px){.admin-page{padding:0}.admin-page__header{align-items:flex-start}.admin-page__title{overflow-wrap:anywhere;font-size:24px}.admin-page__stats{grid-template-columns:1fr}.admin-card{padding:var(--spacing-md);border-radius:var(--radius-lg)}.admin-vocabulary-modal__content{padding:var(--spacing-md)!important;border-radius:var(--radius-lg)!important}}.switch-container{background:var(--color-surface-container-low);border:1px solid var(--color-outline-variant);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;padding:16px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.switch-container:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.switch-label-group{flex-direction:column;gap:4px;display:flex}.switch-title{color:var(--color-on-surface);font-size:15px;font-weight:700}.switch-description{color:var(--color-outline);font-size:12px;line-height:1.4}.switch-toggle{flex-shrink:0;width:52px;height:28px;display:inline-block;position:relative}.switch-toggle input{opacity:0;width:0;height:0}.switch-slider{cursor:pointer;background-color:var(--color-outline-variant);border-radius:34px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.switch-slider:before{content:"";background-color:var(--color-surface);width:20px;height:20px;box-shadow:var(--shadow-sm);border-radius:50%;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:4px;left:4px}input:checked+.switch-slider{background-color:var(--color-primary)}input:checked+.switch-slider:before{background-color:var(--color-on-primary);transform:translate(24px)}input:focus+.switch-slider{box-shadow:0 0 0 2px rgba(var(--color-primary-rgb), .2)}[data-theme=dark] .switch-container{background:var(--color-surface-container-high)}.au-summary{gap:var(--spacing-md);grid-template-columns:repeat(5,1fr);display:grid}.au-summary-card{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-xl);border:1px solid var(--color-outline-variant);background:var(--color-surface-container-lowest);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast);display:flex}.au-summary-card:hover{transform:translateY(-2px)}.au-summary-card .material-symbols-outlined{flex-shrink:0;font-size:28px}.au-summary-card__value{color:var(--color-on-surface);font-size:24px;font-weight:700;line-height:1.1;display:block}.au-summary-card__label{font-size:var(--text-label-sm-size);color:var(--color-on-surface-variant);margin-top:2px;font-weight:500;display:block}.au-summary-card--primary{border-left:4px solid var(--color-primary)}.au-summary-card--primary .material-symbols-outlined{color:var(--color-primary)}.au-summary-card--secondary{border-left:4px solid var(--color-secondary)}.au-summary-card--secondary .material-symbols-outlined{color:var(--color-secondary)}.au-summary-card--tertiary{border-left:4px solid var(--color-tertiary,#7c5cbe)}.au-summary-card--tertiary .material-symbols-outlined{color:var(--color-tertiary,#7c5cbe)}.au-summary-card--warning{border-left:4px solid var(--color-warning)}.au-summary-card--warning .material-symbols-outlined{color:var(--color-warning)}.au-summary-card--error{border-left:4px solid var(--color-error)}.au-summary-card--error .material-symbols-outlined{color:var(--color-error)}.au-tabs{border-bottom:2px solid var(--color-outline-variant);gap:4px;display:flex}.au-tab{font-size:var(--text-label-md-size);color:var(--color-on-surface-variant);cursor:pointer;transition:all var(--transition-fast);border-radius:var(--radius-md) var(--radius-md) 0 0;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;margin-bottom:-2px;padding:10px 20px;font-weight:600;display:inline-flex}.au-tab:hover{background:var(--color-surface-container-low);color:var(--color-primary)}.au-tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary);background:var(--color-surface-container-lowest)}.au-tab-count{background:var(--color-surface-container-high);color:var(--color-on-surface-variant);border-radius:var(--radius-full);padding:2px 8px;font-size:11px;font-weight:700}.au-tab-count--alert{background:var(--color-error);color:#fff;animation:2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.65}}.au-toolbar{gap:var(--spacing-md);flex-wrap:wrap;align-items:center;display:flex}.au-search-wrap{flex:1;min-width:220px;position:relative}.au-search-icon{color:var(--color-outline);pointer-events:none;font-size:20px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.au-search{border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);background:var(--color-surface-container-lowest);width:100%;font-size:var(--text-body-md-size);color:var(--color-on-surface);transition:border-color var(--transition-fast);padding:10px 12px 10px 40px}.au-search:focus{border-color:var(--color-primary);outline:none}.au-search-clear{color:var(--color-outline);cursor:pointer;background:0 0;border:none;align-items:center;padding:2px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.au-filters{gap:8px;display:flex}.au-select{border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);background:var(--color-surface-container-lowest);font-size:var(--text-body-md-size);color:var(--color-on-surface);cursor:pointer;min-width:140px;padding:9px 12px}.au-select:focus{border-color:var(--color-primary);outline:none}.au-input{border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);background:var(--color-surface-container-lowest);font-size:var(--text-body-md-size);color:var(--color-on-surface);flex:1;width:100%;padding:9px 12px}.au-input:focus{border-color:var(--color-primary);outline:none}.au-btn{border-radius:var(--radius-lg);font-size:var(--text-label-md-size);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:1px solid #0000;align-items:center;gap:6px;padding:9px 18px;font-weight:600;display:inline-flex}.au-btn:disabled{opacity:.5;cursor:not-allowed}.au-btn--primary{background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary)}.au-btn--primary:hover:not(:disabled){opacity:.9}.au-btn--secondary{background:var(--color-secondary);color:var(--color-on-secondary);border-color:var(--color-secondary)}.au-btn--secondary:hover:not(:disabled){opacity:.9}.au-btn--success{background:var(--color-success);color:#fff}.au-btn--success:hover:not(:disabled){opacity:.9}.au-btn--warning{background:var(--color-warning);color:#fff}.au-btn--warning:hover:not(:disabled){opacity:.9}.au-btn--danger{background:var(--color-error);color:#fff}.au-btn--danger:hover:not(:disabled){opacity:.9}.au-btn--danger-ghost{border-color:var(--color-error);color:var(--color-error);background:0 0}.au-btn--danger-ghost:hover:not(:disabled){background:#ba1a1a0f}.au-btn--ghost{border-color:var(--color-outline-variant);color:var(--color-on-surface-variant);background:0 0}.au-btn--ghost:hover:not(:disabled){background:var(--color-surface-container-low)}.au-btn--icon{border-radius:var(--radius-md);color:var(--color-on-surface-variant);background:0 0;border-color:#0000;padding:7px}.au-btn--icon:hover{background:var(--color-surface-container-low);color:var(--color-primary)}.au-badge{border-radius:var(--radius-full);align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.role--student{color:var(--color-primary);background:#005bbf1a}.role--teacher{color:#3d608e;background:#3d608e1a}.role--parent{color:#7c5cbe;background:#7c5cbe1a}.role--admin{color:var(--color-on-surface);background:#14141414}.status--active{background:var(--color-success-bg);color:var(--color-success)}.status--suspended{color:var(--color-error);background:#ba1a1a1a}.status--pending{color:var(--color-warning);background:#e59b001a}.status--rejected{color:var(--color-error);opacity:.8;background:#ba1a1a0f}.au-table-wrap{border-radius:var(--radius-xl);overflow-x:auto}.au-table{border-collapse:collapse;width:100%;font-size:var(--text-body-md-size)}.au-table thead tr{border-bottom:2px solid var(--color-outline-variant)}.au-table th{text-align:left;font-size:var(--text-label-sm-size);text-transform:uppercase;letter-spacing:.04em;color:var(--color-on-surface-variant);padding:12px 16px;font-weight:700}.au-table tbody tr{border-bottom:1px solid var(--color-outline-variant);transition:background var(--transition-fast)}.au-table tbody tr:last-child{border-bottom:none}.au-table tbody tr:hover{background:var(--color-surface-container-low)}.au-table td{vertical-align:middle;padding:12px 16px}.au-table__user{align-items:center;gap:12px;display:flex}.au-table__avatar{border-radius:var(--radius-lg);width:38px;height:38px;color:var(--color-primary);background:linear-gradient(135deg,#005bbf1a,#3d608e0f);border:1px solid #005bbf26;flex-shrink:0;justify-content:center;align-items:center;display:flex}.au-table__name{color:var(--color-on-surface);font-size:14px;font-weight:600}.au-table__email{color:var(--color-on-surface-variant);margin-top:2px;font-size:12px}.au-table__institution,.au-table__date{color:var(--color-on-surface-variant);font-size:13px}.au-pagination{justify-content:center;align-items:center;gap:var(--spacing-md);display:flex}.au-pagination__info{font-size:var(--text-label-md-size);color:var(--color-on-surface-variant);font-weight:500}.au-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9000;padding:var(--spacing-md);background:#00000073;justify-content:center;align-items:center;animation:.18s fadeIn;display:flex;position:fixed;inset:0}.au-modal{background:var(--color-surface-container-lowest);border-radius:var(--radius-2xl,20px);border:1px solid var(--color-outline-variant);box-shadow:var(--shadow-xl,0 24px 64px #0003);width:100%;max-width:520px;max-height:90vh;animation:.22s slideUp;overflow-y:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.au-modal__header{border-bottom:1px solid var(--color-outline-variant);background:var(--color-surface-container-lowest);z-index:1;align-items:flex-start;gap:16px;padding:24px;display:flex;position:sticky;top:0}.au-modal__avatar{border-radius:var(--radius-xl);width:56px;height:56px;color:var(--color-primary);background:linear-gradient(135deg,#005bbf1f,#3d608e14);border:1px solid #005bbf33;flex-shrink:0;justify-content:center;align-items:center;display:flex}.au-modal__title-block{flex:1}.au-modal__name{color:var(--color-on-surface);font-size:18px;font-weight:700}.au-modal__email{color:var(--color-on-surface-variant);margin-top:2px;font-size:13px}.au-modal__badges{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.au-modal__close{color:var(--color-on-surface-variant);cursor:pointer;border-radius:var(--radius-md);transition:background var(--transition-fast);background:0 0;border:none;align-items:center;padding:4px;display:flex}.au-modal__close:hover{background:var(--color-surface-container-low)}.au-modal__body{gap:var(--spacing-lg);flex-direction:column;padding:24px;display:flex}.au-modal__info-grid{flex-direction:column;gap:8px;display:flex}.au-modal__info-row{color:var(--color-on-surface-variant);align-items:center;gap:8px;font-size:14px;display:flex}.au-modal__info-row--note{background:var(--color-surface-container-low);border-radius:var(--radius-md);border-left:3px solid var(--color-outline-variant);padding:8px 12px}.au-modal__divider{border:none;border-top:1px solid var(--color-outline-variant);margin:0}.au-modal__section{flex-direction:column;gap:10px;display:flex}.au-modal__section-title{text-transform:uppercase;letter-spacing:.05em;color:var(--color-on-surface-variant);align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.au-modal__row{align-items:center;gap:8px;display:flex}.au-modal__section--danger{border:1px dashed var(--color-error);border-radius:var(--radius-lg);background:#ba1a1a0a;padding:16px}.au-modal__section-title--danger{color:var(--color-error)}.au-approvals{gap:var(--spacing-md);flex-direction:column;display:flex}.au-approvals__count{font-size:var(--text-label-md-size);color:var(--color-on-surface-variant);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.au-approval-card{transition:box-shadow var(--transition-fast), opacity var(--transition-fast)}.au-approval-card--loading{opacity:.5;pointer-events:none}.au-approval-card__header{flex-wrap:wrap;align-items:flex-start;gap:16px;display:flex}.au-approval-card__avatar{border-radius:var(--radius-xl);width:48px;height:48px;color:var(--color-primary);background:linear-gradient(135deg,#005bbf1a,#3d608e0f);border:1px solid #005bbf26;flex-shrink:0;justify-content:center;align-items:center;display:flex}.au-approval-card__info{flex:1}.au-approval-card__name{color:var(--color-on-surface);font-size:16px;font-weight:700}.au-approval-card__email{color:var(--color-on-surface-variant);margin-top:2px;font-size:13px}.au-approval-card__meta{color:var(--color-on-surface-variant);align-items:center;gap:4px;margin-top:4px;font-size:13px;display:flex}.au-approval-card__right{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.au-approval-card__date{color:var(--color-outline);font-size:12px}.au-approval-card__actions{margin-top:var(--spacing-md);flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.au-approval-card__reject-form{margin-top:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-lg);border:1px dashed var(--color-error);background:#ba1a1a0a;flex-direction:column;gap:10px;display:flex}.au-loading{justify-content:center;align-items:center;min-height:200px;display:flex}.au-state-box{text-align:center;justify-content:center;align-items:center;gap:var(--spacing-md);padding:var(--spacing-2xl);flex-direction:column;min-height:240px;display:flex}.au-state-box h3{color:var(--color-on-surface);font-size:18px;font-weight:700}.au-state-box p{color:var(--color-on-surface-variant);font-size:14px}@media (width<=1100px){.au-summary{grid-template-columns:repeat(3,1fr)}}@media (width<=640px){.au-summary{grid-template-columns:repeat(2,1fr)}.au-toolbar{flex-direction:column}.au-table th:nth-child(4),.au-table td:nth-child(4){display:none}.au-modal{border-radius:0;max-height:100vh}}.text-trans{z-index:var(--z-modal);pointer-events:auto;position:absolute;transform:translate(-50%,-100%)}.text-trans__trigger{background-color:var(--color-primary);color:var(--color-on-primary);border-radius:var(--radius-full);width:36px;height:36px;box-shadow:var(--shadow-lg);transition:background-color var(--transition-fast), transform var(--transition-fast);cursor:pointer;border:1px solid #ffffff1a;justify-content:center;align-items:center;display:flex}.text-trans__trigger:hover{background-color:var(--color-primary-container);transform:scale(1.08)}.text-trans__trigger span{font-size:18px}.text-trans__modal{background-color:var(--color-surface-container-lowest);border:1px solid var(--color-outline-variant);gap:var(--spacing-sm);flex-direction:column;width:320px;max-width:90vw;max-height:320px;margin-top:-8px;display:flex;padding:var(--spacing-md)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-xl)!important}.text-trans__modal-header{justify-content:space-between;align-items:center;width:100%;display:flex}.text-trans__title-badge{color:var(--color-primary);border-radius:var(--radius-full);text-transform:uppercase;background-color:#005bbf14;padding:2px 8px;font-size:11px;font-weight:700}.text-trans__header-actions{align-items:center;gap:var(--spacing-xs);display:flex}.text-trans__action-btn{color:var(--color-outline);cursor:pointer;border-radius:var(--radius-full);transition:all var(--transition-fast);background:0 0;border:none;align-items:center;padding:4px;display:flex}.text-trans__action-btn:hover{color:var(--color-on-surface);background-color:var(--color-surface-container-low)}.text-trans__action-btn span{font-size:18px}.text-trans__close{color:var(--color-error)}.text-trans__close:hover{color:var(--color-error);background-color:var(--color-error-container)}.text-trans__modal-body{gap:var(--spacing-sm);flex-direction:column;padding-right:4px;display:flex;overflow-y:auto}.text-trans__text-block{flex-direction:column;gap:2px;display:flex}.text-trans__text-block p:last-child{margin:0;line-height:1.4}.text-trans__text-block--original p:last-child{color:var(--color-on-surface-variant);font-size:14px;font-style:italic}.text-trans__divider{border:0;border-top:1px solid var(--color-outline-variant);margin:4px 0}.text-trans__text-block--translation p.text-trans__result{color:var(--color-on-surface);font-size:14px;font-weight:500}.text-trans__loading{align-items:center;gap:var(--spacing-sm);color:var(--color-outline);padding:var(--spacing-xs) 0;font-size:13px;display:flex}.text-trans__loading span{color:var(--color-primary);font-size:16px}:root{--color-primary:#005bbf;--color-primary-container:#1a73e8;--color-primary-fixed:#d8e2ff;--color-primary-fixed-dim:#adc7ff;--color-on-primary:#fff;--color-on-primary-container:#fff;--color-on-primary-fixed:#001a41;--color-on-primary-fixed-variant:#004493;--color-inverse-primary:#adc7ff;--color-secondary:#3d608e;--color-secondary-container:#a9cbff;--color-secondary-fixed:#d4e3ff;--color-secondary-fixed-dim:#a6c8fd;--color-on-secondary:#fff;--color-on-secondary-container:#325683;--color-on-secondary-fixed:#001c3a;--color-on-secondary-fixed-variant:#234875;--color-tertiary:#525f70;--color-tertiary-container:#6a7889;--color-tertiary-fixed:#d6e4f8;--color-tertiary-fixed-dim:#bac8db;--color-on-tertiary:#fff;--color-on-tertiary-container:#fff;--color-on-tertiary-fixed:#0f1d2b;--color-on-tertiary-fixed-variant:#3b4858;--color-error:#ba1a1a;--color-error-container:#ffdad6;--color-on-error:#fff;--color-on-error-container:#93000a;--color-surface:#f8f9ff;--color-surface-dim:#cbdbf5;--color-surface-bright:#f8f9ff;--color-surface-container-lowest:#fff;--color-surface-container-low:#eff4ff;--color-surface-container:#e5eeff;--color-surface-container-high:#dce9ff;--color-surface-container-highest:#d3e4fe;--color-surface-variant:#d3e4fe;--color-surface-tint:#005bc0;--color-on-surface:#0b1c30;--color-on-surface-variant:#414754;--color-on-background:#0b1c30;--color-background:#f8f9ff;--color-outline:#727785;--color-outline-variant:#c1c6d6;--color-inverse-surface:#213145;--color-inverse-on-surface:#eaf1ff;--color-success:#16a34a;--color-success-bg:#16a34a1a;--color-warning:#d97706;--color-warning-bg:#d977061a;--color-danger:#ba1a1a;--color-danger-bg:#ba1a1a1a;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-display-size:48px;--text-display-height:56px;--text-display-weight:700;--text-display-spacing:-.02em;--text-headline-lg-size:32px;--text-headline-lg-height:40px;--text-headline-lg-weight:600;--text-headline-lg-spacing:-.01em;--text-headline-lg-mobile-size:24px;--text-headline-lg-mobile-height:32px;--text-headline-lg-mobile-weight:600;--text-headline-md-size:24px;--text-headline-md-height:32px;--text-headline-md-weight:600;--text-title-lg-size:20px;--text-title-lg-height:28px;--text-title-lg-weight:600;--text-body-lg-size:18px;--text-body-lg-height:28px;--text-body-lg-weight:400;--text-body-md-size:16px;--text-body-md-height:24px;--text-body-md-weight:400;--text-label-md-size:14px;--text-label-md-height:20px;--text-label-md-weight:500;--text-label-sm-size:12px;--text-label-sm-height:16px;--text-label-sm-weight:500;--text-label-sm-spacing:.05em;--text-data-mono-size:14px;--text-data-mono-height:20px;--text-data-mono-weight:600;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--spacing-gutter:24px;--sidebar-width:280px;--topnav-height:64px;--container-max-width:1440px;--margin-mobile:16px;--margin-desktop:32px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;--transition-fast:.15s ease;--transition-normal:.2s ease;--transition-slow:.3s ease;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-toast:500;--z-sidebar:50;--z-topnav:40}[data-theme=dark]{--color-primary:#789dff;--color-primary-container:#1a73e8;--color-primary-fixed:#004493;--color-primary-fixed-dim:#00306e;--color-on-primary:#002d65;--color-on-primary-container:#d8e2ff;--color-on-primary-fixed:#d8e2ff;--color-on-primary-fixed-variant:#adc7ff;--color-inverse-primary:#005bbf;--color-secondary:#adc7ff;--color-secondary-container:#234875;--color-secondary-fixed:#001c3a;--color-secondary-fixed-dim:#002d58;--color-on-secondary:#002f5d;--color-on-secondary-container:#d4e3ff;--color-on-secondary-fixed:#d4e3ff;--color-on-secondary-fixed-variant:#a6c8fd;--color-tertiary:#bac8db;--color-tertiary-container:#3b4858;--color-tertiary-fixed:#0f1d2b;--color-tertiary-fixed-dim:#1d2a38;--color-on-tertiary:#243140;--color-on-tertiary-container:#d6e4f8;--color-on-tertiary-fixed:#d6e4f8;--color-on-tertiary-fixed-variant:#bac8db;--color-error:#ffb4ab;--color-error-container:#93000a;--color-on-error:#690005;--color-on-error-container:#ffdad6;--color-surface:#0e1420;--color-surface-dim:#0b0f19;--color-surface-bright:#1e293b;--color-surface-container-lowest:#0b0e14;--color-surface-container-low:#131a26;--color-surface-container:#1b2433;--color-surface-container-high:#242f42;--color-surface-container-highest:#2d3a50;--color-surface-variant:#2a3649;--color-surface-tint:#789dff;--color-on-surface:#e2e8f0;--color-on-surface-variant:#94a3b8;--color-on-background:#e2e8f0;--color-background:#0e1420;--color-outline:#64748b;--color-outline-variant:#334155;--color-inverse-surface:#f8f9ff;--color-inverse-on-surface:#0b1c30;--color-success:#22c55e;--color-success-bg:#22c55e26;--color-warning:#f59e0b;--color-warning-bg:#f59e0b26;--color-danger:#ef4444;--color-danger-bg:#ef444426}#root{width:100%;min-height:100vh}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-gutter:stable;font-size:16px}body{font-family:var(--font-family);font-size:var(--text-body-md-size);line-height:var(--text-body-md-height);font-weight:var(--text-body-md-weight);color:var(--color-on-surface);background-color:var(--color-surface);min-height:100vh}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto;display:block}button{cursor:pointer;font-family:inherit;font-size:inherit;background:0 0;border:none}input,textarea,select{font-family:inherit;font-size:inherit;border:none;outline:none}ul,ol{list-style:none}.material-symbols-outlined{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;vertical-align:middle;direction:ltr;font-family:Material Symbols Outlined;font-size:24px;font-style:normal;font-weight:400;line-height:1;display:inline-block}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-surface-variant);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--color-outline-variant)}.text-display{font-size:var(--text-display-size);line-height:var(--text-display-height);font-weight:var(--text-display-weight);letter-spacing:var(--text-display-spacing)}.text-headline-lg{font-size:var(--text-headline-lg-size);line-height:var(--text-headline-lg-height);font-weight:var(--text-headline-lg-weight);letter-spacing:var(--text-headline-lg-spacing)}.text-headline-lg-mobile{font-size:var(--text-headline-lg-mobile-size);line-height:var(--text-headline-lg-mobile-height);font-weight:var(--text-headline-lg-mobile-weight)}.text-headline-md{font-size:var(--text-headline-md-size);line-height:var(--text-headline-md-height);font-weight:var(--text-headline-md-weight)}.text-title-lg{font-size:var(--text-title-lg-size);line-height:var(--text-title-lg-height);font-weight:var(--text-title-lg-weight)}.text-body-lg{font-size:var(--text-body-lg-size);line-height:var(--text-body-lg-height);font-weight:var(--text-body-lg-weight)}.text-body-md{font-size:var(--text-body-md-size);line-height:var(--text-body-md-height);font-weight:var(--text-body-md-weight)}.text-label-md{font-size:var(--text-label-md-size);line-height:var(--text-label-md-height);font-weight:var(--text-label-md-weight)}.text-label-sm{font-size:var(--text-label-sm-size);line-height:var(--text-label-sm-height);font-weight:var(--text-label-sm-weight);letter-spacing:var(--text-label-sm-spacing)}.text-data-mono{font-size:var(--text-data-mono-size);line-height:var(--text-data-mono-height);font-weight:var(--text-data-mono-weight);font-variant-numeric:tabular-nums}.soft-shadow{box-shadow:var(--shadow-md)}.card-base{background:var(--color-surface-container-lowest);border:1px solid var(--color-outline-variant);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--spacing-lg)}.focus-ring:focus{border-color:var(--color-primary-container);outline:none;box-shadow:0 0 0 2px #1a73e833}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@keyframes slideInLeft{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:.3s ease-out forwards fadeIn}.animate-slide-in-left{animation:.3s ease-out forwards slideInLeft}.animate-slide-in-right{animation:.3s ease-out forwards slideInRight}.animate-scale-in{animation:.2s ease-out forwards scaleIn}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.animate-spin{animation:1s linear infinite spin}