.teacher-webapp-page{background:radial-gradient(circle at 15% 0,#7dd3fc33,#0000 34%),radial-gradient(circle at 88% 12%,#a78bfa3b,#0000 34%),linear-gradient(#fff 0%,#f7f9ff 46%,#eef4ff 100%);width:100%;min-height:100vh;overflow-x:hidden}.page-inner{max-width:1180px;margin:0 auto;padding:0 20px}.not-found-card{text-align:center;background:#fff;border:1px dashed #cbd5e1;border-radius:20px;margin-top:40px;padding:48px 24px}.not-found-card p{color:#94a3b8;font-size:18px;font-weight:700}.not-found-sub{color:#64748b;margin:8px 0 0;font-size:14px;font-weight:500}.tenant-subroute-card h2{color:#1e293b;margin-bottom:8px;font-size:24px;font-weight:700}.tenant-subroute-card p{color:#64748b;margin-bottom:8px;font-size:16px}.tenant-subroute-card .not-found-sub{color:#94a3b8;font-family:monospace;font-size:14px}.tenant-subroute-card .secondary-btn{color:#475569;background:#f1f5f9;border-radius:8px;padding:12px 24px;font-weight:500;text-decoration:none;transition:background .2s;display:inline-block}.tenant-subroute-card .secondary-btn:hover{background:#e2e8f0}@media (max-width:768px){.page-inner{padding:0 16px}}.teacher-webapp-header{z-index:100;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f8fafcdb;border-bottom:1px solid #e2e8f0b8;position:sticky;top:0}.header-inner{max-width:1180px;margin:0 auto;padding:12px 20px}.header-content{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(#ffffffb8,#f7faff75);border:1px solid #94a3b838;border-radius:22px;justify-content:space-between;align-items:center;gap:16px;min-height:58px;padding:8px 10px 8px 14px;display:flex;box-shadow:0 24px 70px #0f172a1a,inset 0 1px #fffc}.teacher-brand{-webkit-tap-highlight-color:transparent;flex:1;align-items:center;gap:12px;min-height:44px;text-decoration:none;display:flex}.teacher-logo{object-fit:contain;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;width:42px;height:42px}.teacher-name{color:#0f172a;overflow-wrap:anywhere;font-size:20px;font-weight:800;line-height:1.15}.header-actions{align-items:center;gap:10px;display:flex}.desktop-nav{align-items:center;gap:4px;display:none}.nav-link{color:#64748b;-webkit-tap-highlight-color:transparent;border-radius:999px;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:0 10px;font-size:14px;font-weight:600;text-decoration:none;transition:background .2s,color .2s,transform .1s;display:inline-flex}.nav-link:hover{color:#0f172a;background:#f1f5f9}.nav-link:active{color:#0f172a;background:#e2e8f0;transform:scale(.98)}.nav-pending-spinner,.header-navigation-pending-spinner{border:2px solid #0f172a2e;border-top-color:#2563ebf2;border-radius:999px;flex:none;width:14px;height:14px;margin-left:6px;animation:.75s linear infinite skiloxNavSpin}.header-navigation-pending{z-index:20;background:#ffffffeb;border:1px solid #0f172a14;border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex;position:absolute;bottom:-18px;right:16px;box-shadow:0 10px 30px #0f172a1f}.header-navigation-pending-spinner{margin-left:0}@keyframes skiloxNavSpin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.nav-pending-spinner,.header-navigation-pending-spinner{animation:none}}.auth-nav{align-items:center;gap:6px;display:none}.account-context-label{color:#4338ca;white-space:nowrap;background:#6366f114;border:1px solid #6366f147;border-radius:999px;padding:8px 10px;font-size:12px;font-weight:700;line-height:1}.auth-link{color:#64748b;-webkit-tap-highlight-color:transparent;border-radius:999px;justify-content:center;align-items:center;min-height:44px;padding:0 12px;font-size:13px;font-weight:700;text-decoration:none;transition:background .2s,color .2s,transform .1s;display:inline-flex}.auth-link:hover{color:#0f172a;background:#f1f5f9}.auth-link:active{color:#0f172a;background:#e2e8f0;transform:scale(.98)}.auth-link-secondary{color:#94a3b8;font-size:12px}.auth-link-secondary:hover{color:#0f172a;background:#f1f5f9}.auth-logout-btn{cursor:pointer;background:0 0;border:none;font-family:inherit}.cta-button{color:#fff;-webkit-tap-highlight-color:transparent;background:#0f172a;border-radius:999px;justify-content:center;align-items:center;min-height:44px;padding:0 18px;font-size:14px;font-weight:700;text-decoration:none;transition:background .2s,transform .1s;display:inline-flex;box-shadow:0 10px 22px #0f172a29}.cta-button:hover{background:#1e293b}.cta-button:active{background:#0f172a;transform:scale(.96)}.mobile-menu-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;min-width:44px;min-height:44px;padding:0;transition:background .2s,transform .1s;display:flex}.mobile-menu-btn:active{background:#e2e8f0;transform:scale(.96)}.menu-bar{background:#0f172a;border-radius:2px;width:24px;height:2px;transition:transform .25s,opacity .25s}.menu-bar.open:first-child{transform:rotate(45deg)translate(5px,5px)}.menu-bar.open:nth-child(2){opacity:0}.menu-bar.open:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.mobile-menu-backdrop{z-index:90;background:#00000080;position:fixed;inset:0}.mobile-menu{z-index:100;background:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;gap:4px;padding:10px;display:flex;position:absolute;top:calc(100% + 8px);left:16px;right:16px;box-shadow:0 20px 40px #0f172a29}.mobile-nav-link{color:#0f172a;-webkit-tap-highlight-color:transparent;border-radius:12px;padding:14px 16px;font-size:16px;font-weight:600;text-decoration:none;transition:background .15s}.mobile-nav-link:hover{background:#f1f5f9}.mobile-nav-link:active{background:#e2e8f0}.mobile-nav-link-secondary{color:#94a3b8;font-size:14px}.mobile-nav-link-secondary:hover{background:#f1f5f9}.mobile-consultation-link{color:#fff;text-align:center;background:#0f172a;justify-content:center;font-weight:700}.mobile-consultation-link:hover{background:#1e293b}.mobile-consultation-link:active{background:#0f172a;transform:scale(.96)}.mobile-auth-divider{background:#e2e8f0;height:1px;margin:4px 8px}.mobile-account-context-label{color:#4338ca;background:#6366f114;border:1px solid #6366f147;border-radius:10px;padding:10px 12px;font-size:13px;font-weight:700}.mobile-logout-btn{cursor:pointer;text-align:left;background:0 0;border:none;width:100%;font-family:inherit}.auth-placeholder{width:80px}.mobile-auth-placeholder{width:100%}@media (min-width:769px){.desktop-nav,.auth-nav{display:flex!important}.mobile-menu-btn{display:none!important}}@media (max-width:768px){.teacher-name{font-size:17px}.cta-button,.desktop-nav,.auth-nav{display:none!important}.mobile-menu-btn{display:flex!important}}.teacher-locale-select{display:inline-block;position:relative}.locale-trigger{color:#0f172a;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffffeb;border:1px solid #e2e8f0;border-radius:999px;justify-content:center;align-items:center;gap:6px;min-width:58px;min-height:44px;padding:0 12px;font-size:14px;font-weight:800;transition:background .2s,border-color .2s,transform .1s;display:inline-flex;box-shadow:0 8px 22px #0f172a0f}.locale-trigger:hover{background:#fff;border-color:#cbd5e1}.locale-trigger:active{transform:scale(.96)}.locale-chevron{color:#64748b;font-size:10px;line-height:1}.locale-backdrop{z-index:40;cursor:default;background:0 0;border:0;position:fixed;inset:0}.locale-menu{z-index:50;background:#fff;border:1px solid #e2e8f0;border-radius:16px;min-width:76px;padding:6px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 36px #0f172a24}.locale-option{color:#64748b;-webkit-tap-highlight-color:transparent;border-radius:12px;justify-content:center;align-items:center;min-height:44px;font-size:14px;font-weight:800;text-decoration:none;transition:background .15s,color .15s,transform .1s;display:flex}.locale-option:hover,.locale-option.active{color:#0f172a;background:#f1f5f9}.locale-option:active{transform:scale(.97)}