@media screen{body[data-ui-page] :is(.file-card h3,.content-card h3,.empty p,.help,.broadcast-body){overflow-wrap:anywhere}body[data-ui-page] :is(input,select,textarea){scroll-margin-block:100px}body[data-ui-page] :is(.stat .value,.dashboard-metrics,.event-countdown,.fee-amount){font-variant-numeric:tabular-nums}body[data-ui-page] :is(.view:not(.hidden),.auth-form:not(.hidden)){animation:seh-view-enter .18s ease-out}body[data-ui-page] :is(dialog[open],.user-menu.open,.bell-panel.open){animation:seh-panel-enter .16s ease-out}body[data-ui-page] :is(.btn,.icon-btn,.tab,.offered-program,.publication-controls button){transition:transform .16s ease,background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease}body[data-ui-page] :is(.btn,.icon-btn):active:not(:disabled){transform:scale(.98)}body[data-ui-page] dialog{max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overscroll-behavior:contain}body[data-ui-page] :is(.file-preview-dialog,.workspace-dialog){overflow-y:auto}body[data-ui-page=home] main>section{scroll-margin-top:100px}body[data-ui-page=student] .card:has(#welcome) :is(h2,p){color:var(--n-800)!important}body[data-ui-page=student] #examTag{background:var(--brand-100)!important;color:var(--brand-700)!important}body[data-ui-page=student] [data-home-go]{cursor:pointer}body[data-ui-page=student] .home-alert-card.home-alert-urgent{animation:none}.student-mobile-nav,.student-menu-heading{display:none}}@keyframes seh-view-enter{from{opacity:.55}to{opacity:1}}@keyframes seh-panel-enter{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width:980px){body[data-ui-page=student]{--ui-header-height:64px;--student-nav-height:70px}body.student-loading .student-mobile-nav{visibility:hidden}body[data-ui-page=student] .topbar{height:calc(64px + env(safe-area-inset-top,0px));min-height:calc(64px + env(safe-area-inset-top,0px));display:grid;grid-template-columns:minmax(0,1fr) repeat(3,44px);grid-template-rows:44px;gap:6px;padding:calc(10px + env(safe-area-inset-top,0px)) 12px 10px}body[data-ui-page=student] .topbar .mobile-toggle{display:none!important}body[data-ui-page=student] .topbar .page-title{grid-column:1;grid-row:1;font-size:14px}body[data-ui-page=student] #studentRefreshVersionBtn{grid-column:2;grid-row:1}body[data-ui-page=student] .topbar .bell{grid-column:3;grid-row:1}body[data-ui-page=student] .topbar .user-chip{grid-column:4;grid-row:1;width:44px;height:44px;padding:4px;justify-content:center}body[data-ui-page=student] .topbar .user-chip .meta,body[data-ui-page=student] .topbar .app-version-badge{display:none!important}body[data-ui-page=student] .topbar .avatar{width:34px;height:34px}body[data-ui-page=student] .main{padding-top:calc(64px + env(safe-area-inset-top,0px));padding-bottom:calc(70px + env(safe-area-inset-bottom,0px))!important}body[data-ui-page=student] .app.student-app .sidebar{position:fixed!important;top:calc(64px + env(safe-area-inset-top,0px))!important;bottom:auto!important;left:0!important;width:100%!important;max-width:none!important;height:calc(100dvh - 134px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;padding:18px 18px 28px!important;overflow-y:auto!important;overflow-x:hidden!important;background:var(--n-50);border:0;box-shadow:none;z-index:115!important;transform:translateX(-105%)!important}body[data-ui-page=student] .app.student-app .sidebar.open{transform:translateX(0)!important}body[data-ui-page=student] .sidebar.open::after{display:none!important}body[data-ui-page=student] .app.student-app .sidebar .brand{display:none!important}body[data-ui-page=student] .app.student-app .sidebar .side-foot{display:block!important;margin-top:18px;border:0}.student-menu-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;color:var(--n-900)}.student-menu-heading button{height:44px;width:44px;border:1px solid var(--n-200);border-radius:50%;background:white;color:var(--n-700);font-size:24px;cursor:pointer}body[data-ui-page=student] .app.student-app .side-nav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0;overflow:visible}body[data-ui-page=student] .app.student-app .side-nav a{display:flex;flex:none;width:auto;height:auto;min-height:76px;margin:0;padding:14px;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;font-size:12px;text-align:left;white-space:normal;background:white;border-radius:18px}body[data-ui-page=student] .app.student-app .side-nav a.active{background:var(--brand-100);color:var(--brand-700)}.student-mobile-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:fixed;bottom:0;left:0;right:0;height:calc(70px + env(safe-area-inset-bottom,0px));padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px));gap:4px;background:#fffffffa;border-top:1px solid var(--n-200);z-index:125}.student-mobile-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:52px;border:0;border-radius:14px;background:transparent;color:var(--n-500);font:inherit;font-size:10px;cursor:pointer}.student-mobile-nav button.active{background:var(--brand-100);color:var(--brand-700);font-weight:700}.student-mobile-nav svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}}@media screen and (max-width:767px){body[data-ui-page=student] .page{padding:20px 16px 32px!important}body[data-ui-page=student] .view :is(.row,.grid-2,.grid-3){gap:12px}body[data-ui-page=student] .view .row{flex-wrap:wrap}body[data-ui-page=student] .view .row>:is(.input,.select,.field){flex:1 1 100%;width:100%;max-width:none!important;min-width:0}body[data-ui-page=student] :is(.input,.select,.textarea){min-height:48px;font-size:16px;max-width:100%}body[data-ui-page=student] :is(.card,.stat,.file-card){padding:18px;border-radius:20px;min-width:0}body[data-ui-page=student] .view .btn{min-height:44px;white-space:normal;font-size:13px}body[data-ui-page=student] .view .grid-4{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px}body[data-ui-page=student] .stat .value{font-size:28px}body[data-ui-page=student] .stat .label{font-size:11px}body[data-ui-page=student] .stat .sub{font-size:11px;line-height:1.6}body[data-ui-page=student] .student-fee-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}body[data-ui-page=student] .student-fee-grid>div{padding:12px;min-width:0}body[data-ui-page=student] .student-fee-grid strong{font-size:14px;overflow-wrap:anywhere}body[data-ui-page=student] .student-fee-grid>div:last-child{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px}body[data-ui-page=student] .student-fee-grid>div:last-child span{margin:0}body[data-ui-page] .file-card-actions{flex-wrap:wrap}body[data-ui-page] .file-card-actions .btn{flex:1 1 110px;min-width:0}body[data-ui-page] :is(.modal-content,.file-preview-dialog){max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow-y:auto}}@media screen and (hover:none){body[data-ui-page] :is(.stat,.feature,.class-card,.card-hover,.offered-program):hover{transform:none}}@media(prefers-reduced-motion:reduce){body[data-ui-page] *,body[data-ui-page] *::before,body[data-ui-page] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}