@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Roboto Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/roboto-mono-cyrillic-ext-500-normal-DC57U9n8.woff2) format("woff2"),url(/assets/roboto-mono-cyrillic-ext-500-normal-6xdwlG7p.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/roboto-mono-cyrillic-500-normal-DGZ7-lUP.woff2) format("woff2"),url(/assets/roboto-mono-cyrillic-500-normal-NpUJFYX7.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Roboto Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/roboto-mono-greek-500-normal-DpRFkptA.woff2) format("woff2"),url(/assets/roboto-mono-greek-500-normal-C2M8jX6G.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Roboto Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/roboto-mono-vietnamese-500-normal-Cq-quQMu.woff2) format("woff2"),url(/assets/roboto-mono-vietnamese-500-normal-IxzxMIj7.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/roboto-mono-latin-ext-500-normal-Db3ge6Oe.woff2) format("woff2"),url(/assets/roboto-mono-latin-ext-500-normal-B1IjfbhL.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/roboto-mono-latin-500-normal-pxIOXZmA.woff2) format("woff2"),url(/assets/roboto-mono-latin-500-normal-D6j6AMzd.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--saffron: #FF3F6D;--saffron-dark: #D9385C;--saffron-glow: rgba(255, 63, 109, .18);--saffron-light: #FFE3EA;--terracotta: #FFA200;--terracotta-light: #FFF3E0;--role-student: #2B8CDC;--role-teacher: #00D5B0;--role-principal: #FFA200;--role-official: #FF3F6D;--role-admin: #C3284D;--success: #00D5B0;--success-bg: rgba(0, 213, 176, .1);--success-border: rgba(0, 213, 176, .2);--warning: #FFA200;--warning-bg: rgba(255, 162, 0, .1);--warning-border: rgba(255, 162, 0, .2);--error: #C3284D;--error-bg: rgba(195, 40, 77, .1);--error-border: rgba(195, 40, 77, .2);--info: #2B8CDC;--info-bg: rgba(43, 140, 220, .1);--info-border: rgba(43, 140, 220, .2);--bg-canvas: #F2F4F7;--bg-surface: var(--glass-fill);--bg-elevated: rgba(13, 20, 33, .04);--bg-sunken: rgba(13, 20, 33, .08);--bg-overlay: rgba(13, 20, 33, .6);--ink-primary: #0D1421;--ink-secondary: #4B5563;--ink-muted: #9CA3AF;--ink-disabled: rgba(13, 20, 33, .35);--ink-inverse: #FFFFFF;--text-primary: var(--ink-primary);--text-secondary: var(--ink-secondary);--text-muted: var(--ink-muted);--text-inverse: var(--ink-inverse);--border-light: var(--glass-stroke);--border-medium: rgba(13, 20, 33, .12);--border-strong: rgba(13, 20, 33, .24);--border-accent: var(--saffron);--border-focus: var(--saffron);--border-subtle: var(--border-light);--border-default: var(--border-medium);--glass-fill: linear-gradient(-20.95deg, rgba(13, 20, 33, .02) 40.13%, rgba(13, 20, 33, .05) 97.02%);--glass-stroke: rgba(13, 20, 33, .08);--glass-blur: saturate(180%) blur(20px);--ease-out-strong: cubic-bezier(.23, 1, .32, 1);--ease-in-out-strong: cubic-bezier(.77, 0, .175, 1);--ease-drawer: cubic-bezier(.32, .72, 0, 1);--transition-fast: .15s var(--ease-out-strong);--transition-base: .2s var(--ease-out-strong);--transition-slow: .3s var(--ease-out-strong);--transition-spring: .2s cubic-bezier(.34, 1.4, .64, 1);--duration-press: .12s;--duration-tooltip: .15s;--duration-dropdown: .2s;--duration-modal: .3s;--duration-page: .22s;--font-display: "Inter", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "Roboto Mono", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-xl: 24px;--radius-2xl: 32px;--radius-pill: 34px;--radius-full: 9999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--topbar-height: 56px;--sidebar-width: 260px;--bottom-nav-height: 72px;--content-max: 860px;--content-max-narrow: 480px;--content-max-wide: 1200px;--z-base: 1;--z-sticky: 10;--z-sidebar: 50;--z-overlay: 60;--z-modal: 70;--z-toast: 80;--z-topbar: 100;--shadow-xs: 0 1px 2px rgba(13,20,33,.05);--shadow-sm: 0 1px 4px rgba(13,20,33,.08);--shadow-md: 0px 2px 8px rgba(27,40,64,.15);--shadow-lg: 0 8px 24px rgba(13,20,33,.12);--shadow-xl: 0 16px 48px rgba(13,20,33,.16);--shadow-card: 0 1px 3px rgba(13,20,33,.06), 0 0 0 1px var(--glass-stroke);--shadow-card-hover: 0 6px 20px rgba(13,20,33,.12), 0 0 0 1px rgba(0, 213, 176, .4);--shadow-input: none;--shadow-btn: 0 2px 6px rgba(13,20,33,.05);--shadow-btn-hover: 0 4px 12px rgba(13,20,33,.08)}[data-theme=dark]{--bg-canvas: #0D1421;--bg-surface: var(--glass-fill);--bg-elevated: rgba(255, 255, 255, .08);--bg-sunken: rgba(0, 0, 0, .2);--bg-overlay: rgba(13, 20, 33, .8);--ink-primary: #F2F4F7;--ink-secondary: #9CA3AF;--ink-muted: #6B7280;--ink-disabled: rgba(255, 255, 255, .35);--ink-inverse: #0D1421;--border-light: var(--glass-stroke);--border-medium: rgba(255, 255, 255, .12);--border-strong: rgba(255, 255, 255, .24);--glass-fill: linear-gradient(-20.95deg, rgba(255, 255, 255, .06) 40.13%, rgba(255, 255, 255, .1) 97.02%);--glass-stroke: rgba(255, 255, 255, .06);--glass-blur: saturate(180%) blur(20px);--shadow-card: 0 1px 3px rgba(0,0,0,.3), 0 0 0 1px var(--glass-stroke);--shadow-card-hover: 0 6px 20px rgba(0,0,0,.4), 0 0 0 1px rgba(0, 213, 176, .6);--shadow-md: 0px 2px 8px rgba(27,40,64,.25)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg-canvas: #0D1421;--bg-surface: #152036;--bg-elevated: #1A253C;--bg-sunken: #080C14;--bg-overlay: rgba(13, 20, 33, .8);--ink-primary: #F2F4F7;--ink-secondary: #9CA3AF;--ink-muted: #6B7280;--ink-disabled: rgba(255, 255, 255, .35);--ink-inverse: #0D1421;--border-light: rgba(255, 255, 255, .08);--border-medium: rgba(255, 255, 255, .14);--border-strong: rgba(255, 255, 255, .24);--glass-fill: linear-gradient(-20.95deg, rgba(255, 255, 255, .06) 40.13%, rgba(255, 255, 255, .1) 97.02%);--glass-stroke: rgba(255, 255, 255, .06);--glass-blur: saturate(180%) blur(20px);--shadow-card: 0 1px 3px rgba(0,0,0,.3), 0 0 0 1px var(--glass-stroke);--shadow-card-hover: 0 6px 20px rgba(0,0,0,.4), 0 0 0 1px rgba(0, 213, 176, .6);--shadow-md: 0px 2px 8px rgba(27,40,64,.25)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-body);font-size:var(--text-base);color:var(--ink-primary);background-color:var(--bg-canvas);line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100dvh;overflow-x:hidden}#root{min-height:100dvh;display:flex;flex-direction:column}a{color:var(--saffron);text-decoration:none}a:hover{text-decoration:underline}img,svg{display:block;max-width:100%}button,input,select,textarea{font-family:inherit;font-size:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}:focus-visible{outline:2px solid var(--saffron);outline-offset:2px}*{-webkit-tap-highlight-color:transparent}.page-shell{display:flex;flex-direction:column;min-height:100dvh;background:var(--bg-canvas)}.page-content{flex:1;padding:var(--space-8) var(--space-6);max-width:1100px;width:100%;margin:0 auto}.page-content--narrow{max-width:var(--content-max-narrow)}.page-content--wide{max-width:var(--content-max-wide)}.has-bottom-nav{padding-bottom:calc(var(--bottom-nav-height) + var(--space-6))}.app-layout{display:flex;flex:1;min-height:calc(100dvh - var(--topbar-height))}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-rec{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}@keyframes pulse-dot{0%,to{transform:scale(.8);opacity:.4}50%{transform:scale(1.2);opacity:1}}.page-enter{animation:fadeUp .22s ease both}.topbar{position:sticky;top:0;z-index:var(--z-topbar);height:var(--topbar-height);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-6);background:transparent;border-bottom:1px solid var(--glass-stroke);gap:var(--space-3)}.topbar:before{content:"";position:absolute;inset:0;background:var(--glass-fill);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow-xs);z-index:-1;pointer-events:none}.topbar__left{display:flex;align-items:center;gap:var(--space-3)}.topbar__right{display:flex;align-items:center;gap:var(--space-2)}.topbar__title{font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;color:var(--ink-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.topbar__divider{width:1px;height:18px;background:var(--border-medium);flex-shrink:0}.topbar__menu-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--ink-secondary);transition:background var(--transition-fast)}.topbar__menu-btn:hover{background:var(--bg-elevated);color:var(--ink-primary)}.topbar__user{display:flex;align-items:center;gap:var(--space-2);padding:4px 10px 4px 4px;background:transparent;border:1px solid var(--border-light);border-radius:var(--radius-full);transition:all var(--transition-fast);color:var(--ink-primary)}.topbar__user:hover{background:var(--bg-elevated);border-color:var(--border-medium);box-shadow:var(--shadow-sm)}.topbar__avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:10px;font-weight:800;color:#fff;flex-shrink:0}.topbar__username{font-size:var(--text-sm);font-weight:600;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar__role-badge{font-size:9px;font-weight:800;padding:2px 7px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.04em;flex-shrink:0}.sidebar{width:var(--sidebar-width);flex-shrink:0;height:calc(100dvh - var(--topbar-height));position:sticky;top:var(--topbar-height);background:transparent;border-right:1px solid var(--glass-stroke);display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;z-index:var(--z-sidebar)}.sidebar:before{content:"";position:absolute;inset:0;background:var(--glass-fill);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-right:1px solid var(--glass-stroke);z-index:-1;pointer-events:none}.sidebar-overlay{display:none;position:fixed;inset:0;background:var(--bg-overlay);z-index:calc(var(--z-sidebar) - 1);animation:fadeIn .2s ease}@media(max-width:767px){.sidebar{position:fixed;top:0;left:0;height:100dvh;width:min(var(--sidebar-width),85vw);z-index:var(--z-sidebar);transform:translate(-100%);transition:transform var(--transition-slow);box-shadow:var(--shadow-xl)}.sidebar--open{transform:translate(0);animation:none}.sidebar-overlay--visible{display:block}}@media(min-width:768px){.sidebar{transform:none!important}}.sidebar__header{padding:var(--space-5) var(--space-5) var(--space-4);border-bottom:1px solid var(--border-light);flex-shrink:0;display:flex;align-items:center;justify-content:space-between}.sidebar__close-btn{display:none;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--ink-muted)}.sidebar__close-btn:hover{background:var(--bg-elevated);color:var(--ink-primary)}@media(max-width:767px){.sidebar__close-btn{display:flex}}.sidebar__nav{flex:1;padding:var(--space-3) var(--space-3);overflow-y:auto}.sidebar__section-label{font-family:var(--font-display);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-muted);padding:var(--space-4) var(--space-3) var(--space-2)}.sidebar__item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);border-radius:var(--radius-md);color:var(--ink-secondary);font-size:var(--text-sm);font-weight:500;width:100%;background:transparent;border:none;text-align:left;transition:all var(--transition-fast);cursor:pointer;position:relative;margin-bottom:2px}.sidebar__item:hover{background:var(--bg-elevated);color:var(--ink-primary)}.sidebar__item--active{background:var(--saffron-light);color:var(--saffron-deeper);font-weight:700}.sidebar__item--active:before{content:"";position:absolute;left:0;top:25%;bottom:25%;width:3px;background:var(--saffron);border-radius:0 var(--radius-full) var(--radius-full) 0}.sidebar__icon{width:18px;height:18px;flex-shrink:0;opacity:.7}.sidebar__item--active .sidebar__icon{opacity:1}.sidebar__item-text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__item-badge{font-size:9px;font-weight:800;padding:1px 6px;border-radius:var(--radius-full);background:var(--saffron-light);color:var(--saffron-darker, var(--saffron-dark));flex-shrink:0}.sidebar__footer{padding:var(--space-4) var(--space-4);border-top:1px solid var(--border-light);flex-shrink:0}.sidebar__user-info{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);background:var(--bg-elevated);margin-bottom:var(--space-3)}.sidebar__user-name{font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;color:var(--ink-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__user-role{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;margin-top:1px}.sidebar__divider{height:1px;background:var(--border-light);margin:var(--space-2) 0}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-sticky);height:var(--bottom-nav-height);display:flex;align-items:stretch;background:transparent;border-top:1px solid var(--glass-stroke);padding-bottom:env(safe-area-inset-bottom)}.bottom-nav:before{content:"";position:absolute;inset:0;background:var(--glass-fill);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 -4px 16px #0d142114;z-index:-1;pointer-events:none}.bottom-nav__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:transparent;border:none;color:var(--ink-muted);font-size:11px;font-weight:600;font-family:var(--font-body);transition:color var(--transition-fast);padding:var(--space-2) var(--space-1);position:relative;min-height:48px}.bottom-nav__item--active{color:var(--saffron-dark)}.bottom-nav__icon{width:26px;height:26px;transition:transform var(--transition-spring)}.bottom-nav__item--active .bottom-nav__icon{transform:translateY(-1px)}.bottom-nav__item--active:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:32px;height:3px;background:var(--saffron);border-radius:var(--radius-full)}.bottom-nav__label{font-family:var(--font-body);line-height:1}.logo{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.logo__wordmark{font-family:var(--font-display);font-weight:800;font-size:1.125rem;letter-spacing:-.03em;color:var(--ink-primary);line-height:1}.logo__wordmark span{color:var(--saffron)}.nefee-glass{background:var(--glass-fill);border:1px solid var(--glass-stroke);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-lg)}.card{background:var(--glass-fill);border:1px solid var(--glass-stroke);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-6);transition:box-shadow var(--transition-base),transform var(--transition-base),border-color var(--transition-base);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.card--clickable{cursor:pointer}.card--clickable:active{transform:translateY(0)}.card--accent{border-left:3px solid var(--saffron)}.card--flat{box-shadow:none;border:1px solid var(--border-medium)}.card__title{font-family:var(--font-display);font-size:var(--text-base);font-weight:700;color:var(--ink-primary);line-height:1.3}.card__description{font-size:var(--text-sm);color:var(--ink-secondary);line-height:1.6}.dropdown{position:absolute;background:var(--glass-fill);border:1px solid var(--glass-stroke);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--space-2) 0;z-index:var(--z-modal);animation:dropdownEnter var(--transition-fast);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.skeleton-card{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-6);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:10px 20px;border-radius:var(--radius-full);font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;line-height:1;border:1.5px solid transparent;cursor:pointer;transition:all var(--transition-base);white-space:nowrap;text-decoration:none;-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.97)}.btn--primary{background:var(--saffron);color:#fff;border-color:var(--saffron);box-shadow:var(--shadow-btn)}.btn--primary:hover:not(:disabled){background:var(--saffron-dark);border-color:var(--saffron-dark);box-shadow:var(--shadow-btn-hover);transform:translateY(-1px)}.btn--secondary{background:transparent;color:var(--ink-primary);border-color:var(--border-medium)}.btn--secondary:hover:not(:disabled){background:var(--bg-elevated);border-color:var(--border-strong)}.btn--ghost{background:transparent;color:var(--ink-secondary);border-color:transparent}.btn--ghost:hover:not(:disabled){background:var(--bg-elevated);color:var(--ink-primary)}.btn--danger{background:var(--error);color:#fff;border-color:var(--error)}.btn--danger:hover:not(:disabled){background:#b91c1c;border-color:#b91c1c}.btn--success{background:var(--success);color:#fff;border-color:var(--success)}.btn--sm{padding:6px 14px;font-size:var(--text-xs);gap:var(--space-1)}.btn--lg{padding:14px 28px;font-size:var(--text-base)}.btn--xl{padding:16px 36px;font-size:var(--text-lg)}.btn--full{width:100%}.btn__spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}.btn--secondary .btn__spinner,.btn--ghost .btn__spinner{border-color:#1a120833;border-top-color:var(--ink-primary)}.form-group{margin-bottom:var(--space-5)}.form-label{display:block;font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;color:var(--ink-primary);margin-bottom:var(--space-2)}.form-label--required:after{content:" *";color:var(--error)}.form-input{width:100%;padding:11px var(--space-4);background:var(--bg-sunken);border:1.5px solid var(--border-medium);border-radius:var(--radius-md);color:var(--ink-primary);font-family:var(--font-body);font-size:var(--text-base);line-height:1.5;transition:all var(--transition-fast);outline:none;appearance:none}.form-input::placeholder{color:var(--ink-muted)}.form-input:focus{border-color:var(--border-focus);box-shadow:var(--shadow-input);background:var(--bg-surface)}.form-input:disabled{opacity:.6;cursor:not-allowed}.form-input--error{border-color:var(--error)}.form-input--error:focus{box-shadow:0 0 0 3px #dc262626}.form-hint{display:block;font-size:var(--text-xs);color:var(--ink-muted);margin-top:var(--space-1);line-height:1.5}.form-error{display:block;font-size:var(--text-xs);color:var(--error);margin-top:var(--space-1);font-weight:600}select.form-input{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239B8E7E' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}textarea.form-input{resize:vertical;min-height:100px;line-height:1.6}.alert{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);font-size:var(--text-sm);line-height:1.5;border:1px solid transparent}.alert--success{background:var(--success-bg);border-color:var(--success-border);color:var(--success)}.alert--warning{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning)}.alert--error{background:var(--error-bg);border-color:var(--error-border);color:var(--error)}.alert--info{background:var(--info-bg);border-color:var(--info-border);color:var(--info)}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:700;font-family:var(--font-display);white-space:nowrap;letter-spacing:.02em}.badge--success{background:var(--success-bg);color:var(--success);border:1px solid var(--success-border)}.badge--warning{background:var(--warning-bg);color:var(--warning);border:1px solid var(--warning-border)}.badge--error{background:var(--error-bg);color:var(--error);border:1px solid var(--error-border)}.badge--info{background:var(--info-bg);color:var(--info);border:1px solid var(--info-border)}.badge--neutral{background:var(--bg-elevated);color:var(--ink-secondary);border:1px solid var(--border-medium)}.badge--saffron{background:var(--saffron-light);color:var(--saffron-darker, var(--saffron-dark));border:1px solid rgba(245,158,11,.3)}.progress-bar{width:100%;height:6px;background:var(--bg-sunken);border-radius:var(--radius-full);overflow:hidden}.progress-bar--thick{height:10px}.progress-bar--thin{height:4px}.progress-bar__fill{height:100%;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--saffron) 0%,var(--terracotta) 100%);transition:width .6s ease}.progress-bar__fill--success{background:var(--success)}.progress-bar__fill--info{background:var(--info)}.skeleton{background:var(--bg-elevated);border-radius:var(--radius-sm);overflow:hidden;position:relative}.skeleton:after{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.5) 50%,transparent 100%);background-size:400px 100%;animation:shimmer 1.5s ease-in-out infinite}@media(prefers-color-scheme:dark){.skeleton:after{background-image:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.06) 50%,transparent 100%)}}.skeleton-line{height:14px;border-radius:var(--radius-sm)}.skeleton-line--short{width:40%}.skeleton-line--medium{width:60%}.skeleton-line--long{width:80%}.skeleton-line--full{width:100%}.skeleton-line--title{height:20px;width:55%}.section-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:var(--space-5);gap:var(--space-4)}.section-header__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:800;color:var(--ink-primary);letter-spacing:-.02em;line-height:1.2}.section-header__subtitle{font-size:var(--text-sm);color:var(--ink-muted);margin-top:var(--space-1);font-weight:500}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16) var(--space-6);text-align:center}.empty-state__icon{font-size:3rem;margin-bottom:var(--space-4);line-height:1}.empty-state__title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:800;color:var(--ink-primary);margin-bottom:var(--space-2)}.empty-state__message{font-size:var(--text-sm);color:var(--ink-muted);max-width:320px;line-height:1.7;margin-bottom:var(--space-6)}.back-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-6);background:transparent;border:none;color:var(--ink-secondary);font-size:var(--text-sm);font-weight:600;border-radius:var(--radius-md);transition:all var(--transition-fast)}.back-btn:hover{background:var(--bg-elevated);color:var(--ink-primary)}.auth-page{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:var(--bg-canvas);position:relative;overflow:hidden}.auth-page:before{content:"";position:absolute;top:-120px;right:-120px;width:400px;height:400px;background:radial-gradient(circle,rgba(245,158,11,.12) 0%,transparent 65%);pointer-events:none}.auth-page:after{content:"";position:absolute;bottom:-80px;left:-80px;width:300px;height:300px;background:radial-gradient(circle,rgba(224,123,84,.1) 0%,transparent 65%);pointer-events:none}.auth-card{width:100%;max-width:420px;background:var(--glass-fill);border:1px solid var(--glass-stroke);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);padding:var(--space-10) var(--space-8);position:relative;z-index:1;animation:fadeUp .3s ease both;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.auth-card__brand{font-family:var(--font-display);font-size:1.75rem;font-weight:900;letter-spacing:-.04em;color:var(--ink-primary);margin-bottom:var(--space-2);text-align:center}.auth-card__brand span{color:var(--saffron)}.auth-card__tagline{font-size:var(--text-sm);color:var(--ink-muted);text-align:center;margin-bottom:var(--space-8);font-weight:500}.auth-card__divider{height:1px;background:var(--border-light);border:none;margin:0 0 var(--space-6)}.auth-card__footer{text-align:center;margin-top:var(--space-6);font-size:var(--text-sm);color:var(--ink-muted)}.auth-card__footer button{background:none;border:none;color:var(--saffron);font-weight:700;font-size:inherit;cursor:pointer;text-decoration:none;padding:0;font-family:inherit}.auth-card__footer button:hover{text-decoration:underline}.login-page{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:var(--bg-canvas);position:relative;overflow:hidden}.login-page:before{content:"";position:absolute;top:-120px;right:-120px;width:400px;height:400px;background:radial-gradient(circle,rgba(245,158,11,.12) 0%,transparent 65%);pointer-events:none}.login-page:after{content:"";position:absolute;bottom:-80px;left:-80px;width:300px;height:300px;background:radial-gradient(circle,rgba(224,123,84,.1) 0%,transparent 65%);pointer-events:none}.login-card{width:100%;max-width:420px;background:var(--glass-fill);border:1px solid var(--glass-stroke);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);padding:var(--space-10) var(--space-8);position:relative;z-index:1;animation:fadeUp .3s ease both;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.login-card__brand{font-family:var(--font-display);font-size:1.75rem;font-weight:900;letter-spacing:-.04em;color:var(--ink-primary);margin-bottom:var(--space-2);text-align:center}.login-card__brand span{color:var(--saffron)}.login-card__tagline{font-size:var(--text-sm);color:var(--ink-muted);text-align:center;margin-bottom:var(--space-8);font-weight:500}.login-card__divider{height:1px;background:var(--border-light);border:none;margin:0 0 var(--space-6)}.login-card__footer{text-align:center;margin-top:var(--space-6);font-size:var(--text-sm);color:var(--ink-muted)}.login-card__footer button{background:none;border:none;color:var(--saffron);font-weight:700;font-size:inherit;cursor:pointer;padding:0;font-family:inherit}.login-card__footer button:hover{text-decoration:underline}@media(max-width:480px){.login-page{padding:var(--space-4);align-items:flex-start;padding-top:10vh}.login-card{padding:var(--space-8) var(--space-5);border-radius:var(--radius-xl)}.login-card__brand{font-size:1.5rem}.login-card__tagline{margin-bottom:var(--space-6)}}.notif-bell{position:relative;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-md);color:var(--ink-secondary);transition:all var(--transition-fast)}.notif-bell:hover{background:var(--bg-elevated);color:var(--ink-primary)}.notif-bell--active{color:var(--saffron)}.notif-badge{position:absolute;top:4px;right:4px;min-width:16px;height:16px;background:var(--error);color:#fff;font-size:9px;font-weight:900;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;padding:0 3px;border:2px solid var(--bg-surface);font-family:var(--font-display)}.dropdown{position:absolute;background:var(--glass-fill);border:1px solid var(--glass-stroke);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);z-index:var(--z-modal);overflow:hidden;animation:scaleIn .15s ease both;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.dropdown__item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:transparent;border:none;color:var(--ink-secondary);font-size:var(--text-sm);font-weight:500;width:100%;text-align:left;cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.dropdown__item:hover{background:var(--bg-elevated);color:var(--ink-primary)}.dropdown__divider{height:1px;background:var(--border-light);margin:var(--space-1) 0}.modal-overlay{position:fixed;inset:0;background:transparent;z-index:var(--z-overlay);display:flex;align-items:center;justify-content:center;padding:var(--space-6);animation:fadeIn .15s ease}.modal{background:var(--glass-fill);border:1px solid var(--glass-stroke);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);width:100%;max-width:560px;max-height:90vh;overflow-y:auto;animation:scaleIn .2s ease both;position:relative}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6) var(--space-6) var(--space-4);border-bottom:1px solid var(--border-light)}.modal__title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:800;color:var(--ink-primary)}.modal__body{padding:var(--space-6)}.modal__footer{padding:var(--space-4) var(--space-6) var(--space-6);border-top:1px solid var(--border-light);display:flex;gap:var(--space-3);justify-content:flex-end}.data-table{width:100%;border-collapse:separate;border-spacing:0;font-size:var(--text-sm)}.data-table th{font-family:var(--font-display);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-muted);padding:var(--space-3) var(--space-4);background:var(--bg-elevated);border-bottom:2px solid var(--border-medium);text-align:left;white-space:nowrap}.data-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-light);color:var(--ink-primary);vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--bg-elevated)}.lesson-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--bg-surface);border-bottom:1px solid var(--border-light);cursor:pointer;transition:all var(--transition-fast);list-style:none}.lesson-item:hover{background:var(--saffron-light)}.lesson-item:last-child{border-bottom:none}.lesson-item--completed{opacity:.7}.lesson-item--completed:hover{opacity:1}.lesson-item__number{width:32px;height:32px;border-radius:var(--radius-md);background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:var(--text-xs);font-weight:800;color:var(--ink-secondary);flex-shrink:0}.lesson-item--completed .lesson-item__number{background:var(--success-bg);color:var(--success)}.lesson-item__title{flex:1;font-size:var(--text-sm);font-weight:600;color:var(--ink-primary);text-align:left;background:none;border:none;cursor:pointer;font-family:inherit;line-height:1.4}.lesson-item__check{font-size:var(--text-xs);color:var(--success);font-weight:700;flex-shrink:0}.lesson-item__complete-btn{font-size:var(--text-xs);padding:4px 10px;background:var(--bg-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-full);color:var(--ink-secondary);cursor:pointer;font-family:var(--font-body);font-weight:600;transition:all var(--transition-fast);white-space:nowrap;flex-shrink:0}.lesson-item__complete-btn:hover{background:var(--saffron-light);border-color:var(--saffron);color:var(--saffron-dark)}.assessment-take-shell{min-height:100dvh;display:flex;flex-direction:column;background:var(--bg-canvas)}.assessment-topbar{height:var(--topbar-height);display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-5);background:var(--bg-surface);border-bottom:1px solid var(--border-light);box-shadow:var(--shadow-xs);flex-shrink:0;position:sticky;top:0;z-index:var(--z-topbar)}.assessment-dots{flex:1;display:flex;align-items:center;gap:4px;overflow:hidden;flex-wrap:wrap}.assessment-dot{width:10px;height:10px;border-radius:50%;border:none;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.assessment-dot--unanswered{background:var(--bg-sunken)}.assessment-dot--answered{background:var(--success)}.assessment-dot--active{background:var(--saffron);transform:scale(1.4)}.assessment-timer{display:flex;align-items:center;gap:var(--space-1);flex-shrink:0}.assessment-timer__text{font-family:var(--font-display);font-size:var(--text-sm);font-weight:800}.assessment-timer__text--normal{color:var(--ink-secondary)}.assessment-timer__text--warning{color:var(--warning)}.assessment-timer__text--critical{color:var(--error);animation:pulse-dot 1s ease infinite}.assessment-submit-trigger{padding:6px 14px;background:var(--bg-elevated);border:1.5px solid var(--border-medium);border-radius:var(--radius-full);font-family:var(--font-display);font-size:var(--text-xs);font-weight:700;color:var(--ink-secondary);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.assessment-submit-trigger--ready{background:var(--saffron);border-color:var(--saffron);color:#fff;box-shadow:var(--shadow-btn)}.assessment-topbar-progress{height:3px;background:var(--bg-sunken);flex-shrink:0}.assessment-topbar-progress__fill{height:100%;background:linear-gradient(90deg,var(--saffron),var(--terracotta));border-radius:0 var(--radius-full) var(--radius-full) 0;transition:width .4s ease}.assessment-topbar-progress__fill--complete{background:var(--success)}.assessment-question-scroll{flex:1;overflow-y:auto;padding:var(--space-8) var(--space-5);max-width:640px;margin:0 auto;width:100%}.assessment-question-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.assessment-question-label{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-muted)}.assessment-marks-badge{font-size:var(--text-xs);font-weight:700;padding:3px 10px;background:var(--saffron-light);color:var(--saffron-dark);border-radius:var(--radius-full);border:1px solid rgba(245,158,11,.3)}.assessment-question-text{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;color:var(--ink-primary);line-height:1.5;margin-bottom:var(--space-8)}.assessment-options{display:flex;flex-direction:column;gap:var(--space-3)}.assessment-option-btn{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--bg-surface);border:1.5px solid var(--border-medium);border-radius:var(--radius-lg);cursor:pointer;text-align:left;transition:all var(--transition-base);font-family:inherit;width:100%}.assessment-option-btn:hover{border-color:var(--saffron);background:var(--saffron-light);box-shadow:var(--shadow-sm)}.assessment-option-btn--selected{border-color:var(--saffron);background:var(--saffron-light);box-shadow:0 0 0 3px var(--saffron-glow)}.assessment-option-btn__letter{width:32px;height:32px;border-radius:var(--radius-md);background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:var(--text-xs);font-weight:800;color:var(--ink-secondary);flex-shrink:0;transition:all var(--transition-fast)}.assessment-option-btn--selected .assessment-option-btn__letter,.assessment-option-btn:hover .assessment-option-btn__letter{background:var(--saffron);color:#fff}.assessment-option-btn__text{flex:1;font-size:var(--text-base);color:var(--ink-primary);font-weight:500;line-height:1.5}.assessment-option-btn__check{flex-shrink:0;color:var(--saffron);opacity:0;transition:opacity var(--transition-fast)}.assessment-nav{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-top:1px solid var(--border-light);background:var(--bg-surface);flex-shrink:0;gap:var(--space-3)}.assessment-nav__btn{display:flex;align-items:center;gap:var(--space-2);padding:10px 20px;background:var(--bg-elevated);border:1.5px solid var(--border-medium);border-radius:var(--radius-full);font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;color:var(--ink-secondary);cursor:pointer;transition:all var(--transition-fast)}.assessment-nav__btn:hover:not(:disabled){background:var(--bg-surface);border-color:var(--border-strong);color:var(--ink-primary)}.assessment-nav__btn--next{background:var(--saffron);border-color:var(--saffron);color:#fff;box-shadow:var(--shadow-btn)}.assessment-nav__btn--next:hover:not(:disabled){background:var(--saffron-dark);border-color:var(--saffron-dark);box-shadow:var(--shadow-btn-hover)}.assessment-submit-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:var(--space-8) var(--space-5);gap:var(--space-8);max-width:480px;margin:0 auto;width:100%}.assessment-submit-screen__center{display:flex;flex-direction:column;align-items:center;gap:var(--space-6);text-align:center;width:100%}.assessment-submit-screen__icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-2xl);font-weight:800;font-family:var(--font-display)}.assessment-submit-screen__icon--ready{background:var(--success-bg);color:var(--success);border:2px solid var(--success-border)}.assessment-submit-screen__icon--warn{background:var(--warning-bg);color:var(--warning);border:2px solid var(--warning-border)}.assessment-submit-screen__title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:800;color:var(--ink-primary)}.assessment-submit-screen__sub{font-size:var(--text-base);color:var(--ink-secondary)}.assessment-answer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(36px,1fr));gap:var(--space-2);width:100%}.assessment-answer-box{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:var(--bg-elevated);border:1px solid var(--border-light);font-family:var(--font-display);font-size:var(--text-xs);font-weight:700;color:var(--ink-muted)}.assessment-answer-box--answered{background:var(--success-bg);border-color:var(--success-border);color:var(--success)}.assessment-submit-screen__actions{display:flex;flex-direction:column;gap:var(--space-3);width:100%}.assessment-row{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);width:100%;background:transparent;border:none;border-bottom:1px solid var(--border-light);cursor:pointer;text-align:left;font-family:inherit;transition:all var(--transition-fast)}.assessment-row:last-child{border-bottom:none}.assessment-row:hover{background:var(--saffron-light)}.assessment-row__icon{width:40px;height:40px;border-radius:var(--radius-md);background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;flex-shrink:0}.assessment-row__body{flex:1;min-width:0}.assessment-row__subject{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-muted);margin-bottom:2px}.assessment-row__title{font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;color:var(--ink-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.assessment-row__meta{font-size:var(--text-xs);color:var(--ink-muted);margin-top:2px;display:flex;gap:var(--space-2)}.lesson-markdown{font-size:var(--text-base);line-height:1.8;color:var(--ink-primary)}.lesson-markdown h1{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:800;color:var(--ink-primary);margin:var(--space-8) 0 var(--space-4);letter-spacing:-.02em}.lesson-markdown h2{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;color:var(--ink-primary);margin:var(--space-6) 0 var(--space-3)}.lesson-markdown h3{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;color:var(--ink-secondary);margin:var(--space-5) 0 var(--space-3)}.lesson-markdown p{margin:0 0 var(--space-4)}.lesson-markdown ul,.lesson-markdown ol{padding-left:var(--space-6);margin:0 0 var(--space-4)}.lesson-markdown li{margin-bottom:var(--space-2)}.lesson-markdown strong{font-weight:800;color:var(--ink-primary)}.lesson-markdown em{font-style:italic;color:var(--ink-secondary)}.lesson-markdown code{background:var(--bg-elevated);padding:2px 6px;border-radius:var(--radius-sm);font-size:.875em;font-family:Courier New,monospace;color:var(--terracotta);border:1px solid var(--border-light)}.history-shortcut{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-4) var(--space-5);background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);color:var(--ink-secondary);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast);font-family:inherit;margin-top:var(--space-2)}.history-shortcut:hover{background:var(--bg-elevated);border-color:var(--border-medium);color:var(--ink-primary)}:root{--ease-out-expo: cubic-bezier(.23, 1, .32, 1)}.public-page{min-height:100dvh;display:flex;flex-direction:column;background:var(--bg-canvas);position:relative;overflow-x:hidden}.public-page:before{content:"";position:fixed;top:-100px;right:-100px;width:700px;height:700px;background:radial-gradient(circle,rgba(245,158,11,.06) 0%,transparent 65%);pointer-events:none;z-index:0}.public-page:after{content:"";position:fixed;bottom:-100px;left:-100px;width:600px;height:600px;background:radial-gradient(circle,rgba(224,123,84,.05) 0%,transparent 65%);pointer-events:none;z-index:0}.public-nav{display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-8);height:68px;background:linear-gradient(-20.95deg,#ffffff0f 40.13%,#ffffff1a 97.02%);border-bottom:1px solid rgba(255,255,255,.06);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:var(--z-topbar);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.public-nav__brand{font-family:var(--font-display);font-size:1.3rem;font-weight:900;letter-spacing:-.03em;color:var(--ink-primary);background:none;border:none;cursor:pointer;padding:0;transition:opacity .15s ease-out}.public-nav__brand:hover{opacity:.8}.public-nav__brand span{color:var(--saffron)}.public-nav__links{display:flex;align-items:center;gap:var(--space-1)}.public-nav__link{background:none;border:none;color:var(--ink-secondary);font-size:var(--text-sm);font-weight:600;cursor:pointer;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:background .15s ease-out,color .15s ease-out;font-family:inherit}.public-nav__link:hover{background:#ffffff0f;color:var(--ink-primary)}.public-nav__link--active{color:var(--saffron)}.public-content{display:block;flex:1;max-width:1100px;margin:0 auto;padding:calc(68px + var(--space-14)) var(--space-8) var(--space-20);width:100%;position:relative;z-index:1;animation:pubFadeUp .45s var(--ease-out-expo) both}@keyframes pubFadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pubCardIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.public-content{padding:calc(68px + var(--space-8)) var(--space-5) var(--space-16)}}.public-hero{text-align:center;margin-bottom:var(--space-20)}.public-hero__badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:#f59e0b1a;color:var(--saffron);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.1em;border-radius:var(--radius-full);border:1px solid rgba(245,158,11,.25);margin-bottom:var(--space-6);animation:pubFadeUp .45s var(--ease-out-expo) .05s both}.public-hero__title{font-family:var(--font-display);font-size:clamp(2.25rem,5vw,3.75rem);font-weight:900;color:var(--ink-primary);letter-spacing:-.03em;line-height:1.05;margin-bottom:var(--space-6);animation:pubFadeUp .45s var(--ease-out-expo) .1s both}.public-hero__highlight{background:linear-gradient(135deg,var(--saffron) 0%,var(--terracotta) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.public-hero__subtitle{font-size:var(--text-lg);color:var(--ink-secondary);max-width:600px;margin:0 auto;line-height:1.7;animation:pubFadeUp .45s var(--ease-out-expo) .15s both}.public-section{margin-bottom:var(--space-20)}.public-section__title{font-family:var(--font-display);font-size:clamp(1.75rem,3vw,2.5rem);font-weight:900;color:var(--ink-primary);text-align:center;margin-bottom:var(--space-6);letter-spacing:-.03em;line-height:1.1}.public-section__desc{max-width:680px;margin:0 auto var(--space-12);text-align:center;font-size:var(--text-lg);color:var(--ink-secondary);line-height:1.7}.public-grid{display:grid;gap:var(--space-6)}.public-grid--2{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.public-grid--3{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.public-grid--4{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.public-card{background:linear-gradient(-20.95deg,#ffffff0f 40.13%,#ffffff1a 97.02%);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-2xl);padding:var(--space-10);box-shadow:var(--shadow-lg);transition:transform .2s var(--ease-out-expo),border-color .2s ease,box-shadow .2s ease;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);animation:pubCardIn .5s var(--ease-out-expo) both}.public-card:nth-child(1){animation-delay:.05s}.public-card:nth-child(2){animation-delay:.1s}.public-card:nth-child(3){animation-delay:.15s}.public-card:nth-child(4){animation-delay:.2s}.public-card:nth-child(5){animation-delay:.25s}.public-card:nth-child(6){animation-delay:.3s}@media(hover:hover)and (pointer:fine){.public-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:#ffffff24}}.public-card--compact{padding:var(--space-5) var(--space-6);border-radius:var(--radius-xl)}.public-card__icon{font-size:2.25rem;margin-bottom:var(--space-5);display:block}.public-card__title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:800;color:var(--ink-primary);margin-bottom:var(--space-3);letter-spacing:-.01em}.public-card__desc{font-size:var(--text-base);color:var(--ink-secondary);line-height:1.8;margin:0}.public-stat{text-align:center;padding:var(--space-6) var(--space-4);background:linear-gradient(-20.95deg,#ffffff0f 40.13%,#ffffff1a 97.02%);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-2xl);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);animation:pubCardIn .5s var(--ease-out-expo) both}.public-stat:nth-child(1){animation-delay:.05s}.public-stat:nth-child(2){animation-delay:.1s}.public-stat:nth-child(3){animation-delay:.15s}.public-stat:nth-child(4){animation-delay:.2s}.public-stat__value{font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);font-weight:900;color:var(--saffron);letter-spacing:-.03em;line-height:1;margin-bottom:var(--space-2)}.public-stat__label{font-size:var(--text-sm);color:var(--ink-muted);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.public-cta{background:linear-gradient(-20.95deg,#ffffff0f 40.13%,#ffffff1a 97.02%);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-2xl);padding:var(--space-16) var(--space-10) var(--space-12);text-align:center;box-shadow:var(--shadow-xl);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);position:relative;overflow:hidden;margin-top:var(--space-10)}.public-cta:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(245,158,11,.1) 0%,transparent 70%);pointer-events:none}.public-cta__title{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2.25rem);font-weight:900;color:var(--ink-primary);margin-bottom:var(--space-3);letter-spacing:-.02em;position:relative;z-index:1}.public-cta__desc{color:var(--ink-secondary);margin-bottom:var(--space-6);font-size:var(--text-lg);line-height:1.7;position:relative;z-index:1}.public-cta__actions{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap;position:relative;z-index:1;padding-bottom:var(--space-2)}.public-cta__actions .btn:active{transform:scale(.97)}.public-footer{background:linear-gradient(-20.95deg,#ffffff0f 40.13%,#ffffff1a 97.02%);border-top:1px solid rgba(255,255,255,.06);padding:var(--space-12) var(--space-8);text-align:center;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);margin-top:var(--space-16);position:relative;z-index:1}.public-footer__brand{font-family:var(--font-display);font-weight:900;font-size:var(--text-xl);color:var(--ink-primary);margin-bottom:var(--space-2);letter-spacing:-.02em}.public-footer__brand span{color:var(--saffron)}.public-footer__copy{font-size:var(--text-sm);color:var(--ink-muted);margin-bottom:var(--space-5)}.public-footer__links{display:flex;gap:var(--space-6);justify-content:center;flex-wrap:wrap}.public-footer__links button{background:none;border:none;color:var(--ink-secondary);font-size:var(--text-sm);font-weight:600;cursor:pointer;font-family:inherit;transition:color .15s ease-out}.public-footer__links button:hover{color:var(--saffron)}.faq-list{display:flex;flex-direction:column;gap:var(--space-3);max-width:760px;width:100%;margin-left:auto;margin-right:auto;margin-bottom:var(--space-20)}.faq-item{background:linear-gradient(-20.95deg,#ffffff0f 40.13%,#ffffff1a 97.02%);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);animation:pubCardIn .5s var(--ease-out-expo) both}.faq-item:nth-child(1){animation-delay:.05s}.faq-item:nth-child(2){animation-delay:.1s}.faq-item:nth-child(3){animation-delay:.13s}.faq-item:nth-child(4){animation-delay:.16s}.faq-item:nth-child(5){animation-delay:.19s}.faq-item:nth-child(6){animation-delay:.22s}.faq-item:nth-child(7){animation-delay:.25s}.faq-item:nth-child(8){animation-delay:.28s}.faq-item:nth-child(9){animation-delay:.31s}.faq-item:nth-child(10){animation-delay:.34s}.faq-item:nth-child(11){animation-delay:.37s}.faq-item:nth-child(12){animation-delay:.4s}.faq-item--open{border-color:#f59e0b66;box-shadow:0 0 0 1px #f59e0b1f,var(--shadow-lg)}.faq-item__question{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-6) var(--space-8);width:100%;background:none;border:none;cursor:pointer;text-align:left;font-family:var(--font-display);font-size:var(--text-base);font-weight:700;color:var(--ink-primary);transition:background .15s ease-out;line-height:1.4}.faq-item__question:hover{background:#ffffff0a}.faq-item__question:active{background:#ffffff05}.faq-item__chevron{width:20px;height:20px;flex-shrink:0;color:var(--ink-muted);transition:transform .2s var(--ease-out-expo),color .2s ease}.faq-item--open .faq-item__chevron{transform:rotate(180deg);color:var(--saffron)}.faq-item__answer{max-height:0;overflow:hidden;transition:max-height .3s var(--ease-out-expo)}.faq-item--open .faq-item__answer{max-height:600px}.faq-item__answer p{padding:var(--space-5) var(--space-8) var(--space-7);font-size:var(--text-base);color:var(--ink-secondary);line-height:1.85;border-top:1px solid rgba(255,255,255,.06);margin:0;text-align:left}.contact-layout{display:grid;grid-template-columns:1fr 340px;gap:var(--space-6);align-items:stretch;padding-bottom:var(--space-16);margin-bottom:var(--space-8)}@media(max-width:900px){.contact-layout{grid-template-columns:1fr}}.contact-form-wrapper{background:linear-gradient(-20.95deg,#ffffff0f 40.13%,#ffffff1a 97.02%);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);padding:var(--space-10);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);animation:pubCardIn .5s var(--ease-out-expo) .05s both}.contact-form{display:flex;flex-direction:column;gap:var(--space-5);height:100%;justify-content:center}.contact-info{display:flex;flex-direction:column;gap:var(--space-4);height:100%;animation:pubCardIn .5s var(--ease-out-expo) .12s both}.contact-info__card{background:linear-gradient(-20.95deg,#ffffff0f 40.13%,#ffffff1a 97.02%);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-2xl);padding:var(--space-5) var(--space-6);box-shadow:var(--shadow-md);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:transform .2s var(--ease-out-expo),border-color .2s ease;flex:1;display:flex;flex-direction:column;justify-content:center}@media(hover:hover)and (pointer:fine){.contact-info__card:hover{transform:translate(4px);border-color:#ffffff1f}}.contact-info__icon{font-size:1.75rem;margin-bottom:var(--space-2);display:block}.contact-info__title{font-family:var(--font-display);font-size:var(--text-sm);font-weight:800;color:var(--ink-primary);margin-bottom:var(--space-1);text-transform:uppercase;letter-spacing:.06em}.contact-info__value{font-size:var(--text-base);color:var(--ink-secondary);font-weight:500;margin:0}.logout-btn{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:transparent;border:none;border-radius:var(--radius-md);color:var(--error);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast);font-family:inherit;width:100%}.logout-btn:hover{background:var(--error-bg)}.logout-btn__spinner{border-color:#dc262633;border-top-color:var(--error)}.toast-dock{position:fixed;bottom:calc(var(--bottom-nav-height) + var(--space-6));left:50%;transform:translate(-50%);padding:var(--space-3) var(--space-6);background:var(--bg-surface);border:1px solid var(--border-medium);border-radius:var(--radius-full);display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-xs);font-weight:700;z-index:var(--z-toast);animation:fadeUp .2s ease both;box-shadow:var(--shadow-lg);white-space:nowrap;color:var(--ink-primary)}@media(max-width:640px){.hide-mobile{display:none!important}}@media(min-width:641px){.hide-desktop{display:none!important}}.text-center{text-align:center}.text-right{text-align:right}.w-full{width:100%}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.mt-auto{margin-top:auto}.safe-bottom{padding-bottom:env(safe-area-inset-bottom)}.assessment-question{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-4);box-shadow:var(--shadow-card)}.assessment-question__text{font-family:var(--font-display);font-size:var(--text-base);font-weight:600;color:var(--ink-primary);margin-bottom:var(--space-4);line-height:1.5}.assessment-question__number{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--saffron-dark);margin-bottom:var(--space-2)}.assessment-option{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1.5px solid var(--border-medium);border-radius:var(--radius-md);margin-bottom:var(--space-2);cursor:pointer;transition:all var(--transition-fast);background:var(--bg-surface)}.assessment-option:hover,.assessment-option--selected{border-color:var(--saffron);background:var(--saffron-light)}.assessment-option input[type=radio]{accent-color:var(--saffron);width:16px;height:16px;flex-shrink:0}.assessment-option__label{font-size:var(--text-sm);color:var(--ink-primary);cursor:pointer;flex:1}@media(max-width:640px){.card:has(.data-table){overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table th,.data-table td{padding:var(--space-2) var(--space-3);white-space:nowrap}}@media(min-width:768px){.bottom-nav{display:none!important}.has-bottom-nav{padding-bottom:var(--space-8)}}.btn:active:not(:disabled){transform:scale(.97);transition:transform var(--duration-press) var(--ease-out-strong)}.card--clickable:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px);border-color:#f59e0b33}.card--clickable:active{transform:scale(.99);transition:transform .1s var(--ease-out-strong)}.page-enter{animation:fadeUp var(--duration-page) var(--ease-out-strong) both}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.dropdown{transform-origin:top left;animation:scaleIn var(--duration-dropdown) var(--ease-out-strong) both}.stagger-children>*:nth-child(1){animation-delay:0ms}.stagger-children>*:nth-child(2){animation-delay:40ms}.stagger-children>*:nth-child(3){animation-delay:80ms}.stagger-children>*:nth-child(4){animation-delay:.12s}.stagger-children>*:nth-child(5){animation-delay:.16s}.stagger-children>*:nth-child(6){animation-delay:.2s}.stagger-children>*:nth-child(n+7){animation-delay:.24s}.app-layout{display:flex;flex:1;min-height:calc(100dvh - var(--topbar-height));background:var(--bg-canvas)}.app-layout__sidebar{width:var(--sidebar-width);flex-shrink:0;height:calc(100dvh - var(--topbar-height));position:sticky;top:var(--topbar-height);overflow-y:auto;overflow-x:hidden;border-right:1px solid var(--border-light);background:var(--bg-surface);z-index:var(--z-sidebar)}.app-layout__main{flex:1;min-width:0;overflow-y:auto}@media(max-width:767px){.app-layout__sidebar{display:none}}.sidebar__item{transition:background var(--duration-press) var(--ease-out-strong),color var(--duration-press) var(--ease-out-strong)}[data-vaul-drawer]{background:var(--bg-surface)!important;border-radius:var(--radius-xl) var(--radius-xl) 0 0!important}[data-vaul-overlay]{background:var(--bg-overlay)!important}[data-sonner-toaster]{--normal-bg: var(--bg-surface);--normal-text: var(--ink-primary);--normal-border: var(--border-medium);--success-bg: var(--success-bg);--success-text: var(--success);--error-bg: var(--error-bg);--error-text: var(--error);font-family:var(--font-body)!important}.form-input:focus{border-color:var(--saffron);box-shadow:0 0 0 3px #f59e0b26;background:var(--bg-surface);outline:none;transition:border-color var(--duration-press) var(--ease-out-strong),box-shadow var(--duration-press) var(--ease-out-strong)}.assessment-option-btn:active{transform:scale(.98);transition:transform 80ms var(--ease-out-strong)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.page-enter{animation:none;opacity:1;transform:none}}.app-layout__sidebar .sidebar{position:static;height:100%;transform:none!important;box-shadow:none;width:100%}.app-layout__sidebar .sidebar-overlay,.app-layout__sidebar .sidebar__close-btn{display:none!important}.app-shell{display:flex;flex-direction:column;min-height:100dvh;background:var(--bg-canvas)}.app-body{display:flex;flex:1;min-height:0;overflow:hidden}.app-sidebar{width:var(--sidebar-width);flex-shrink:0;height:calc(100dvh - var(--topbar-height));position:sticky;top:var(--topbar-height);background:var(--bg-surface);border-right:1px solid var(--border-light);overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}@media(max-width:767px){.app-sidebar{display:none}}.app-content{flex:1;min-width:0;overflow-y:auto;height:calc(100dvh - var(--topbar-height))}.sidebar-content{display:flex;flex-direction:column;height:100%}.sidebar-content__header{padding:var(--space-5) var(--space-5) var(--space-4);border-bottom:1px solid var(--border-light);flex-shrink:0;background:linear-gradient(180deg,rgba(245,158,11,.03) 0%,transparent 100%)}.sidebar-content__nav{flex:1;overflow-y:auto;padding:var(--space-2) var(--space-3) var(--space-4);scrollbar-width:thin;scrollbar-color:var(--border-medium) transparent}.sidebar-content__section{margin-bottom:var(--space-2)}.sidebar-content__section-label{padding:var(--space-3) var(--space-3) var(--space-1);font-family:var(--font-display);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-muted)}.sidebar-content__item{display:flex;align-items:center;gap:var(--space-3);padding:9px var(--space-3);border-radius:var(--radius-md);background:transparent;border:none;color:var(--ink-secondary);font-size:var(--text-sm);font-weight:500;font-family:var(--font-body);width:100%;text-align:left;cursor:pointer;position:relative;margin-bottom:1px;transition:background var(--duration-press) var(--ease-out-strong),color var(--duration-press) var(--ease-out-strong)}.sidebar-content__item:hover{background:var(--bg-elevated);color:var(--ink-primary)}.sidebar-content__item:active{transform:scale(.98)}.sidebar-content__item--active{font-weight:700}.sidebar-content__item--active:before{content:"";position:absolute;left:0;top:20%;bottom:20%;width:3px;border-radius:0 var(--radius-full) var(--radius-full) 0;background:currentColor;opacity:.6}.sidebar-content__icon{width:18px;height:18px;flex-shrink:0;display:flex;align-items:center;color:var(--ink-muted);transition:color var(--duration-press) var(--ease-out-strong)}.sidebar-content__item:hover .sidebar-content__icon{color:var(--ink-secondary)}.sidebar-content__icon svg{width:18px;height:18px}.sidebar-content__label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-content__active-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;margin-left:auto}.sidebar-content__footer{padding:var(--space-4);border-top:1px solid var(--border-light);flex-shrink:0;background:linear-gradient(0deg,rgba(245,158,11,.03) 0%,transparent 100%)}.sidebar-content__user{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);background:var(--bg-elevated);border:1px solid var(--border-light);margin-bottom:var(--space-3)}.sidebar-content__avatar{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-content__user-info{flex:1;min-width:0}.sidebar-content__user-name{font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;color:var(--ink-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-content__user-role{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;margin-top:1px}.vaul-overlay{position:fixed;inset:0;background:var(--bg-overlay);z-index:59;animation:fadeIn .2s ease}.vaul-drawer-left{position:fixed;top:0;left:0;bottom:0;width:min(var(--sidebar-width),85vw);background:var(--glass-fill);border:none;border-right:1px solid var(--glass-stroke);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow-xl);z-index:60;display:flex;flex-direction:column;outline:none;animation:slideInLeft .28s cubic-bezier(.32,.72,0,1) both}[data-theme=dark] .vaul-drawer-left,:root[data-theme=dark] .vaul-drawer-left{background:var(--glass-fill);border-right-color:var(--glass-stroke)}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.vaul-drag-handle{position:absolute;right:-8px;top:50%;transform:translateY(-50%);width:4px;height:48px;background:var(--border-medium);border-radius:0 var(--radius-full) var(--radius-full) 0;opacity:.5}.auth-loading{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-canvas);gap:var(--space-5);animation:fadeIn .2s ease}.auth-loading__logo{width:72px;height:72px;animation:logoPulse 2s ease-in-out infinite}.auth-loading__logo img,.auth-loading__logo svg{width:100%;height:100%;border-radius:18px;display:block}.auth-loading__logo--text{font-family:var(--font-display);font-size:1.75rem;font-weight:900;letter-spacing:-.04em;color:var(--ink-primary);width:auto;height:auto;animation:none}.auth-loading__logo--text span{color:var(--saffron)}.auth-loading__spinner{width:32px;height:32px;border:2.5px solid var(--border-medium);border-top-color:var(--saffron);border-radius:50%;animation:spin .75s linear infinite}@keyframes logoPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.85}}[data-sonner-toast] [data-title]{font-weight:700!important;color:var(--ink-primary)!important}[data-sonner-toast] [data-description]{font-weight:500!important;color:var(--ink-secondary)!important}[data-sonner-toast] [data-close-button]{background:var(--bg-elevated)!important;border:1px solid var(--glass-stroke)!important;color:var(--ink-primary)!important}[data-sonner-toast] [data-icon]{margin-right:var(--space-2)!important}[data-sonner-toast][data-type=success] [data-icon]{color:var(--success)!important}[data-sonner-toast][data-type=error] [data-icon]{color:var(--error)!important}[data-sonner-toast][data-type=warning] [data-icon]{color:var(--warning)!important}[data-sonner-toast][data-type=info] [data-icon]{color:var(--info)!important}.live-room{display:flex;flex-direction:column;height:100%;width:100%;background:var(--bg-canvas);overflow:hidden}.live-room__header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);background:var(--bg-elevated);border-bottom:1px solid var(--border-light);flex-shrink:0}.live-room__title{font-family:var(--font-display);font-weight:700;font-size:var(--text-base);color:var(--ink-primary);display:flex;align-items:center;gap:var(--space-2)}.live-hand-btn{background:transparent;border:1px solid var(--border-light);border-radius:var(--radius-full);padding:4px 10px;font-size:var(--text-xs);font-weight:600;color:var(--ink-secondary);cursor:pointer;transition:all var(--transition-fast);margin-left:var(--space-3)}.live-hand-btn--active{background:var(--warning-bg);color:var(--warning);border-color:var(--warning-border)}.live-room__body{display:flex;flex:1;min-height:0}.live-room__video{flex:1;position:relative;background:#000;min-width:0;display:flex;flex-direction:column}.live-room__sidebar{width:320px;background:var(--bg-canvas);border-left:1px solid var(--border-light);display:none;flex-direction:column;flex-shrink:0}.live-room__sidebar--open{display:flex}.live-chat-panel,.live-hands-panel{display:flex;flex-direction:column;flex:1;min-height:0}.live-hands-panel{flex:none;max-height:40%;border-bottom:1px solid var(--border-light)}.live-chat-panel__header,.live-hands-panel__header{padding:var(--space-3) var(--space-4);font-family:var(--font-display);font-weight:700;font-size:var(--text-sm);border-bottom:1px solid var(--border-light);background:var(--bg-sunken);color:var(--ink-primary);flex-shrink:0}.live-chat-panel__messages{flex:1;overflow-y:auto;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.live-chat-msg{background:var(--bg-elevated);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);align-self:flex-start;max-width:90%;color:var(--ink-primary);box-shadow:var(--shadow-sm)}.live-chat-msg--mine{align-self:flex-end;background:var(--saffron-glow);color:var(--ink-primary);border:1px solid var(--saffron-glow)}.live-chat-msg__name{display:block;font-size:10px;font-weight:800;opacity:.6;margin-bottom:2px;text-transform:uppercase}.live-chat-panel__empty{margin:auto;color:var(--ink-muted);font-size:var(--text-sm);text-align:center}.live-chat-panel__input{display:flex;padding:var(--space-3) var(--space-4);gap:var(--space-2);border-top:1px solid var(--border-light);background:var(--bg-canvas);flex-shrink:0}.live-hands-panel__item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) var(--space-4);font-size:var(--text-sm);border-bottom:1px solid var(--border-light);color:var(--ink-primary)}.live-controls-bar{background:#0006;padding:var(--space-2) var(--space-4);display:flex;justify-content:space-between;align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:absolute;bottom:0;left:0;right:0;z-index:1000}.lk-grid-layout{z-index:0!important}.lk-control-bar{background:transparent!important;border:none!important;padding:0!important}.lk-button{background:#ffffff1a!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:var(--radius-md)!important;color:#fff!important}.lk-button:hover{background:#fff3!important}.lk-disconnect-button{background:var(--error)!important;border-color:var(--error)!important}.whiteboard-container{flex:1;width:100%;height:100%;min-height:0;background:#fff}.wb-pip-container{will-change:transform}.wb-pip-container:hover .wb-pip-controls{opacity:1!important}.wb-pip-container:active{cursor:grabbing}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}:root{--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--topbar-total: calc(var(--topbar-height) + var(--safe-top));--bottom-nav-total: calc(var(--bottom-nav-height) + var(--safe-bottom))}@media(max-width:767px){.app-content--has-bottom-nav .page-content{padding-bottom:calc(var(--bottom-nav-total) + var(--space-6))}.page-content{padding:var(--space-4);padding-top:calc(var(--topbar-height) + var(--space-4));overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.topbar{height:calc(var(--topbar-height) + var(--safe-top));padding-top:var(--safe-top);align-items:flex-end;padding-bottom:8px}.bottom-nav{height:calc(var(--bottom-nav-height) + var(--safe-bottom));padding-bottom:var(--safe-bottom);z-index:var(--z-topbar)}.card--clickable:hover{transform:none;box-shadow:var(--shadow-card)}.card--clickable:active{transform:scale(.98);background:var(--bg-elevated);transition:transform .1s ease,background .1s ease}.section-header{flex-direction:column;align-items:flex-start;gap:var(--space-2);margin-bottom:var(--space-4)}.section-header__title{font-size:var(--text-lg)}.lesson-markdown{font-size:var(--text-base);line-height:1.7}.lesson-markdown p,.lesson-markdown li{margin-bottom:var(--space-3)}.teacher-quick-actions{display:flex;flex-direction:row;overflow-x:auto;gap:var(--space-3);padding-bottom:var(--space-2);scrollbar-width:none;flex-wrap:nowrap}.teacher-quick-actions::-webkit-scrollbar{display:none}.teacher-quick-actions .btn{flex-shrink:0;white-space:nowrap}.assessment-nav{position:fixed;bottom:var(--bottom-nav-total);left:0;right:0;padding:var(--space-3) var(--space-4);background:var(--glass-fill);border-top:1px solid var(--glass-stroke);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:40}.assessment-question-scroll{padding-bottom:calc(var(--bottom-nav-total) + 80px)}}.bottom-nav__icon-wrap{display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);padding:4px 12px;transition:background .15s ease}.bottom-nav__item--active .bottom-nav__icon-wrap{background:var(--saffron-glow)}.bottom-nav__item--active:before{display:none}.gam-strip{display:flex;gap:var(--space-3);overflow-x:auto;padding:0 var(--space-4) var(--space-2);scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;margin-bottom:var(--space-6)}.gam-strip::-webkit-scrollbar{display:none}.gam-card{flex-shrink:0;width:116px;min-height:96px;border-radius:var(--radius-lg);padding:var(--space-3);display:flex;flex-direction:column;justify-content:space-between;scroll-snap-align:start;border:1px solid var(--glass-stroke);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .1s ease;background:var(--glass-fill)}.gam-card:active{transform:scale(.95)}.gam-card--points{background:linear-gradient(135deg,var(--saffron-glow),rgba(255,63,109,.04));border-color:#ff3f6d33}.gam-card--streak{background:linear-gradient(135deg,#ffa20024,#ffa20008);border-color:#ffa20038}.gam-card--badges{background:linear-gradient(135deg,#2b8cdc1f,#2b8cdc08);border-color:#2b8cdc2e}.gam-card--rank{background:linear-gradient(135deg,#00d5b01f,#00d5b008);border-color:#00d5b02e}.gam-card__emoji{font-size:20px;line-height:1}.gam-card__number{font-family:var(--font-display);font-weight:800;font-size:var(--text-2xl);color:var(--ink-primary);line-height:1}.gam-card__label{font-size:9px;font-weight:700;color:var(--ink-muted);text-transform:uppercase;letter-spacing:.06em}.subject-list-mobile{display:flex;flex-direction:column;gap:var(--space-3)}.subject-row-mobile{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--glass-fill);border:1px solid var(--glass-stroke);border-radius:var(--radius-lg);width:100%;min-height:72px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .1s ease,background .1s ease;text-align:left;font-family:var(--font-body)}.subject-row-mobile:active{transform:scale(.98);background:var(--bg-elevated)}.subject-row-mobile__icon{width:44px;height:44px;border-radius:var(--radius-md);background:var(--saffron-glow);border:1px solid rgba(255,63,109,.15);display:grid;place-items:center;font-size:22px;flex-shrink:0}.subject-row-mobile__body{flex:1;min-width:0}.subject-row-mobile__name{font-size:var(--text-base);font-weight:700;color:var(--ink-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.subject-row-mobile__meta{font-size:var(--text-sm);color:var(--ink-muted);margin-top:2px}.subject-row-mobile__bar{height:3px;background:var(--border-light);border-radius:2px;margin-top:6px;overflow:hidden}.subject-row-mobile__bar-fill{height:100%;border-radius:2px;transition:width .6s ease}.subject-row-mobile__chevron{color:var(--ink-muted);opacity:.5;flex-shrink:0}.sticky-cta-wrap{position:fixed;bottom:calc(var(--bottom-nav-total) + var(--space-3));left:var(--space-4);right:var(--space-4);z-index:calc(var(--z-topbar) - 5)}@media(min-width:768px){.sticky-cta-wrap{position:static;bottom:auto;left:auto;right:auto;margin-top:var(--space-8)}}.btn--sticky{width:100%;height:52px;border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:700;display:flex;align-items:center;justify-content:center;gap:var(--space-2);box-shadow:0 6px 20px #ff3f6d47;-webkit-tap-highlight-color:transparent}.btn--sticky:active{transform:scale(.97);box-shadow:none}.sheet-backdrop{position:fixed;inset:0;background:#0000008c;z-index:calc(var(--z-modal) - 1);opacity:0;pointer-events:none;transition:opacity .2s ease}.sheet-backdrop--visible{opacity:1;pointer-events:all}.bottom-sheet{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-modal);background:var(--bg-elevated);border-radius:20px 20px 0 0;border-top:1px solid var(--border-medium);padding:12px var(--space-4) calc(var(--safe-bottom) + 24px);max-height:80vh;overflow-y:auto;transform:translateY(100%);transition:transform .3s cubic-bezier(.32,.72,0,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.bottom-sheet--open{transform:translateY(0)}.sheet-handle{width:36px;height:4px;background:var(--border-strong);border-radius:2px;margin:0 auto var(--space-4)}.assessment-option-btn{display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:56px;padding:var(--space-3) var(--space-4);background:var(--glass-fill);border:1.5px solid var(--glass-stroke);border-radius:var(--radius-lg);cursor:pointer;text-align:left;color:var(--ink-primary);font-size:var(--text-base);font-weight:500;font-family:var(--font-body);line-height:1.5;margin-bottom:var(--space-2);transition:all .15s ease;-webkit-tap-highlight-color:transparent}.assessment-option-btn:active{transform:scale(.99);background:var(--bg-elevated)}.assessment-option-btn--selected{background:var(--saffron-glow);border-color:var(--saffron)}.assessment-option-btn__letter{width:28px;height:28px;border-radius:var(--radius-full);background:var(--bg-sunken);border:1.5px solid var(--border-medium);display:grid;place-items:center;font-size:var(--text-xs);font-weight:800;font-family:var(--font-display);flex-shrink:0;color:var(--ink-secondary);transition:all .15s ease}.assessment-option-btn--selected .assessment-option-btn__letter{background:var(--saffron);border-color:var(--saffron);color:#fff}.assessment-option-btn__text{flex:1;min-width:0}.assessment-option-btn__check{width:16px;height:16px;flex-shrink:0;opacity:0;color:var(--saffron);transition:opacity .15s ease}.assessment-option-btn--selected .assessment-option-btn__check{opacity:1}@media(display-mode:standalone){.install-banner{display:none}.topbar{height:calc(var(--topbar-height) + var(--safe-top));padding-top:max(var(--safe-top),8px)}}