.mobile-appbar,.mobile-page-tabs,.mobile-dashboard-home,.mobile-bottom-nav{display:none}@media(max-width:720px){:root{--mobile-navy:#07182f;--mobile-navy-2:#0d2b4b;--mobile-gold:#e9bd66;--mobile-line:#dce3ea;--mobile-muted:#718093;--mobile-surface:#fff}html{scroll-padding-top:142px;scroll-padding-bottom:calc(112px + env(safe-area-inset-bottom))}body{padding-bottom:calc(108px + env(safe-area-inset-bottom));background:#f7f8fa!important;color:#122d4b}.topbar,.student-topbar{display:none!important}.mobile-appbar{position:sticky;top:0;z-index:80;display:flex!important;min-height:calc(66px + env(safe-area-inset-top));flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:space-between;gap:10px;padding:calc(8px + env(safe-area-inset-top)) 14px 8px!important;border-bottom:1px solid #e5e8ec;background:#fff;box-shadow:0 4px 18px #07182f0a}.mobile-app-brand{display:flex;min-width:0;max-width:calc(100% - 132px);align-items:center;gap:9px;color:var(--mobile-navy);text-decoration:none}.mobile-app-brand img{width:43px;height:43px;flex:0 0 auto;border:1px solid #d9e2e9;border-radius:13px;background:#fff;object-fit:contain;box-shadow:0 5px 15px #112f5012}.mobile-app-brand>span{display:grid;min-width:0;gap:1px}.mobile-app-brand strong{font-size:13px;letter-spacing:.08em}.mobile-app-brand small{overflow:hidden;color:#718093;font-size:9px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.mobile-app-actions{display:flex;flex:0 0 auto;align-items:center;gap:3px}.mobile-app-actions>button{position:relative;display:grid;width:44px;height:44px;min-height:44px;padding:0;place-items:center;border:0;border-radius:50%;background:transparent;color:#1c2837}.mobile-app-actions>button:active{background:#eef2f5}.mobile-app-actions .mobile-notification-trigger{font-size:25px}.mobile-app-actions .mobile-avatar{width:40px;height:40px;background:#eef1f4;color:#263b52;font-size:12px;font-weight:900;letter-spacing:.03em}.mobile-icon{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}[data-mobile-icon]{display:grid;place-items:center}.mobile-app-actions .mobile-icon{width:23px;height:23px}.mobile-notification-trigger b,.mobile-bottom-notification>b{position:absolute;display:grid;min-width:18px;height:18px;padding:0 4px;place-items:center;border:2px solid #fff;border-radius:999px;background:#e44e42;color:#fff;font-size:8px;line-height:1}.mobile-notification-trigger b{top:1px;right:0}.mobile-bottom-notification>b{top:4px;right:calc(50% - 22px)}.mobile-account-menu{position:absolute;top:calc(100% - 3px);right:12px;z-index:90;display:grid;width:min(250px,calc(100vw - 24px));gap:7px;padding:14px;border:1px solid #dfe5ea;border-radius:17px;background:#fff;box-shadow:0 18px 55px #07182f2e}.mobile-account-menu strong{color:var(--mobile-navy);font-size:13px}.mobile-account-menu small{margin:-4px 0 4px;color:var(--mobile-muted);font-size:9px}.mobile-account-menu button{min-height:42px;padding:0 12px;border:1px solid #dce4ea;border-radius:11px;background:#f8fafb;color:#23435f;text-align:left;font-size:11px;font-weight:800}.mobile-account-menu button.danger{border-color:#f0d4ce;background:#fff7f5;color:#b34936}.mobile-page-tabs{position:sticky;top:calc(66px + env(safe-area-inset-top));z-index:70;display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #dfe4e8;background:#fff}.mobile-page-tabs button{position:relative;min-height:54px;padding:0 8px;border:0;background:#fff;color:#546170;font-size:13px;font-weight:700}.mobile-page-tabs button.active{color:var(--mobile-navy);font-weight:900}.mobile-page-tabs button.active:after{content:"";position:absolute;right:18px;bottom:0;left:18px;height:4px;border-radius:4px 4px 0 0;background:linear-gradient(90deg,var(--mobile-gold),#f1d18e)}#dashboardMain,.student-main{width:100%!important;margin:0 auto 26px!important;padding:0 14px 28px}#dashboardMain>section,.student-main>section{scroll-margin-top:142px;scroll-margin-bottom:calc(104px + env(safe-area-inset-bottom))}.mobile-dashboard-home{display:block;margin:0 -14px 16px;padding:17px 14px 4px;background:linear-gradient(180deg,#fff 0,#f7f8fa)}.mobile-section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-bottom:12px;padding:0 2px}.mobile-section-title small{display:block;margin-bottom:3px;color:#987331;font-size:8px;font-weight:950;letter-spacing:.13em}.mobile-section-title h2{margin:0;color:var(--mobile-navy);font-size:20px;letter-spacing:-.02em}.mobile-section-title>span{max-width:42%;overflow:hidden;padding:6px 9px;border-radius:999px;background:#f4ead6;color:#76571d;font-size:9px;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.mobile-action-window{overflow:hidden;border:1px solid var(--mobile-line);border-radius:18px;background:#fff;box-shadow:0 7px 24px #07182f0b}.mobile-window-toolbar{display:flex;align-items:center;justify-content:space-between;padding:13px 14px 0}.mobile-window-toolbar>span{display:inline-flex;min-height:42px;align-items:center;gap:8px;padding:0 12px;border:1px solid #aeb8c2;border-radius:10px;color:#263340;font-size:12px;font-weight:850}.mobile-window-toolbar>span .mobile-icon{width:18px;height:18px}.mobile-window-toolbar button,.mobile-window-toolbar a{display:grid;width:44px;height:44px;min-height:44px;padding:0;place-items:center;border:0;border-radius:12px;background:#f5f7f9;color:#223142;text-decoration:none}.mobile-window-toolbar button:active,.mobile-window-toolbar a:active{background:#e8edf1}.mobile-action-state{display:grid;min-height:190px;place-items:center;align-content:center;gap:7px;padding:24px;text-align:center}.mobile-action-state>span{display:grid;width:64px;height:64px;place-items:center;border-radius:18px;background:#edf5f1;color:#16815e}.mobile-action-state>span .mobile-icon{width:31px;height:31px;stroke-width:2}.mobile-action-state.is-warning>span{background:#fff0dc;color:#bb6a16}.mobile-action-state.is-danger>span{background:#ffe8e3;color:#bf4933}.mobile-action-state strong{margin-top:5px;color:#273544;font-size:15px}.mobile-action-state small{max-width:280px;color:var(--mobile-muted);font-size:10px;line-height:1.5}.mobile-recent{margin-top:16px;padding:15px 0 4px}.mobile-section-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:10px;padding:0 2px}.mobile-section-heading h3{margin:0;color:var(--mobile-navy);font-size:17px}.mobile-section-heading span{color:#84909c;font-size:9px}.mobile-recent.mobile-highlight{animation:mobile-highlight .8s ease}@keyframes mobile-highlight{50%{filter:drop-shadow(0 0 8px #e9bd6699)}}.mobile-module-track{display:grid;grid-auto-columns:minmax(178px,65vw);grid-auto-flow:column;gap:11px;overflow-x:auto;padding:2px 2px 12px;scroll-snap-type:x mandatory;scrollbar-width:none}.mobile-module-track::-webkit-scrollbar{display:none}.mobile-module-card{display:grid!important;min-height:180px!important;grid-template-rows:86px auto auto;overflow:hidden;padding:0 13px 13px!important;border:1px solid var(--mobile-line)!important;border-radius:17px!important;background:#fff!important;color:#1a3048!important;text-align:left;text-decoration:none;scroll-snap-align:start;box-shadow:0 6px 18px #07182f0b;touch-action:manipulation}.mobile-module-card>span{display:grid;margin:0 -13px 11px;place-items:center;background:linear-gradient(135deg,#dbe7f2,#eef3f7);color:#355c7c}.mobile-module-card>span b{display:grid;min-width:48px;height:48px;padding:0 8px;place-items:center;border-radius:14px;background:#ffffffd9;font-size:17px;font-weight:950;box-shadow:0 7px 18px #17334d18}.mobile-module-card>strong{align-self:end;font-size:13px}.mobile-module-card>small{align-self:start;margin-top:4px;color:#7a8793;font-size:9px}.mobile-module-card.tone-gold>span{background:linear-gradient(135deg,#e8c477,#f8e7be);color:#6d4d15}.mobile-module-card.tone-blue>span{background:linear-gradient(135deg,#83b5ec,#c9e2f7);color:#174f84}.mobile-module-card.tone-violet>span{background:linear-gradient(135deg,#8b83da,#c9c5f4);color:#453b9a}.mobile-module-card.tone-green>span{background:linear-gradient(135deg,#75c9ad,#c6ebdf);color:#17694f}.mobile-module-card.tone-cyan>span{background:linear-gradient(135deg,#71bbcd,#c5e7ed);color:#17677a}.mobile-module-card.tone-orange>span{background:linear-gradient(135deg,#efb85e,#ffe1a6);color:#714b0d}.mobile-module-card.student-refresh-access.is-locked>span{background:linear-gradient(135deg,#d7dde3,#edf1f4);color:#74808b}.mobile-module-card.student-refresh-access.is-locked{border-style:dashed!important;box-shadow:none;opacity:.74}.mobile-module-card>span b .mobile-icon{width:25px;height:25px;stroke-width:2}#dashboardMain>.toolbar{display:none}.toolbar.mobile-tools-open{display:grid!important;grid-template-columns:1fr 1fr;margin:12px 0 17px!important;padding:12px!important;border-radius:17px!important;animation:mobile-reveal .18s ease}.toolbar.mobile-tools-open>input:first-child,.toolbar.mobile-tools-open select{grid-column:1/-1}.toolbar.mobile-tools-open>*{min-width:0}.toolbar.mobile-tools-open .data-action,.toolbar.mobile-tools-open .schedule-link{justify-content:center}@keyframes mobile-reveal{0%{opacity:0;transform:translateY(-8px)}}.student-hero{margin-top:13px;padding:16px!important;border:1px solid #dce4ea;border-radius:19px!important;background:linear-gradient(135deg,var(--mobile-navy),var(--mobile-navy-2))!important;box-shadow:0 10px 28px #07182f1a!important}.student-hero-actions{grid-template-columns:1fr 1fr!important}.student-hero-actions .schedule-cta{min-height:74px;padding:10px!important}.student-hero-actions .driving-refresh-cta{grid-column:1/-1}.schedule-cta>span{width:34px!important;height:34px!important}.schedule-cta small{display:none}.student-refresh-access.is-locked small{display:block}.student-photo-wrap{width:58px!important;height:72px!important}.student-heading h1{font-size:21px!important}.student-heading p,.student-tags span{font-size:8px!important}.portal-section{margin-top:13px!important;padding:16px!important;border-radius:18px!important;box-shadow:0 7px 22px #07182f0a!important}.section-heading h2{font-size:17px!important}.section-heading{margin-bottom:12px!important}.theory-account-grid,.tuition-grid{grid-template-columns:1fr 1fr!important}.theory-account-grid article,.tuition-card{padding:11px!important}.tuition-card>span{width:39px!important;height:39px!important}.tuition-card strong{font-size:17px!important}.progress-grid,.booking-actions{grid-template-columns:1fr!important}.student-attendance-metrics{grid-template-columns:1fr 1fr!important}.contact-footer{display:none!important}.mobile-bottom-nav{position:fixed;right:0;bottom:0;left:0;z-index:1000;display:grid;grid-template-columns:repeat(5,1fr);min-height:calc(70px + env(safe-area-inset-bottom));padding:5px 4px env(safe-area-inset-bottom);border-top:1px solid #dce2e7;background:#fffffff7;box-shadow:0 -8px 28px #07182f14;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.mobile-bottom-nav>a,.mobile-bottom-nav>button{position:relative;display:grid;min-width:0;min-height:60px;place-items:center;align-content:center;gap:4px;padding:3px 1px;border:0;background:transparent;color:#6f7b86;text-decoration:none;touch-action:manipulation}.mobile-bottom-nav .mobile-icon{width:23px;height:23px;stroke-width:1.9}.mobile-bottom-nav small{font-size:9px;font-weight:800}.mobile-bottom-nav .active{color:var(--mobile-navy)}.mobile-bottom-nav .active:before{content:"";position:absolute;top:-6px;width:38px;height:3px;border-radius:0 0 4px 4px;background:var(--mobile-gold)}#studentToast,#toast{bottom:calc(78px + env(safe-area-inset-bottom))!important}dialog{z-index:110}}@media(max-width:390px){.mobile-appbar{padding-inline:10px!important}.mobile-app-brand{max-width:calc(100% - 138px)}.mobile-app-brand small{display:none}.mobile-app-actions{gap:0}.mobile-app-actions>button{width:44px;height:44px;min-height:44px}.mobile-app-actions .mobile-avatar{width:40px;height:40px}.mobile-page-tabs button{font-size:12px}.mobile-module-track{grid-auto-columns:minmax(166px,72vw)}.student-hero-actions{grid-template-columns:1fr!important}}@media(min-width:721px){.mobile-account-menu{display:none!important}}
