:root{--shell-top:82px;--shell-side:238px;--parity-blue:#087fc2;--parity-deep:#075784;--parity-line:#cfe5ef;--parity-bg:#f3fbff;--parity-muted:#657f91}
*{box-sizing:border-box}.app-shell{min-height:100vh}.topbar{position:fixed!important;z-index:70;inset:0 0 auto 0;height:var(--shell-top)!important;min-height:var(--shell-top);display:flex!important;align-items:center;justify-content:space-between;padding:8px 24px!important;border-bottom:4px solid #ffd92f;background:linear-gradient(120deg,#0694cf,#22c1dd)!important}.brand-row{display:flex;align-items:center;gap:12px}.mobile-menu{display:none;width:42px;height:42px;padding:0;border:1px solid rgba(255,255,255,.62);border-radius:13px;background:rgba(255,255,255,.14);color:#fff;font-size:24px}.topbar .brand{margin:0!important}.topbar .brand-logo-frame{width:92px!important;height:58px!important;padding:7px!important;border-radius:14px!important}.topbar .center-identity b{font-size:18px!important}.topbar .center-identity strong{font-size:10px!important}.topbar .userbox{display:flex!important;align-items:center;gap:10px}.topbar .user-identity{display:grid;color:#fff;text-align:right}.topbar .user-identity small{font-size:10px;opacity:.88}.topbar .mode-link,.topbar .link-button{min-height:40px!important;padding:8px 12px!important;border:1px solid rgba(255,255,255,.7)!important;border-radius:13px!important;background:transparent!important;color:#fff!important}.topbar .mode-link{display:flex!important;align-items:center;gap:6px}.topbar .mode-link i,.topbar .mode-link em{font-style:normal}.topbar .mode-link em{font-size:12px;font-weight:850}
.sidebar{position:fixed;z-index:55;top:var(--shell-top);bottom:0;left:0;width:var(--shell-side);overflow-y:auto;padding:18px 12px 28px;border-right:1px solid var(--parity-line);background:#fff}.sidebar nav{display:grid;gap:5px}.sidebar .nav-label{margin:14px 10px 5px;color:#8196a5;font-size:10px;font-weight:950;letter-spacing:.15em;text-transform:uppercase}.sidebar .nav-label:first-child{margin-top:0}.sidebar a{display:flex;min-height:43px;align-items:center;gap:11px;padding:10px 12px;border-radius:12px;color:#34586e;font-weight:850;text-decoration:none}.sidebar a span{display:grid;width:24px;place-items:center;color:#078abc;font-size:19px}.sidebar a:hover{background:#f0faff}.sidebar a.active{background:#dff5ff;color:#057aae;box-shadow:inset 4px 0 #0aa3d7}.menu-backdrop{display:none}.content{width:auto!important;max-width:none!important;min-height:100vh;margin:0!important;padding:calc(var(--shell-top) + 28px) 28px 44px calc(var(--shell-side) + 28px)!important;background:linear-gradient(180deg,#f5fcff,#edf9fd 62%,#f8fcff)}.view-as-banner{position:fixed!important;z-index:80;top:var(--shell-top)!important;right:0;left:var(--shell-side)!important}.is-viewing-as .sidebar{top:142px}.is-viewing-as .content{padding-top:166px!important}.mobile-bottom-nav{display:none}
.page-head,.panel-head{display:flex;align-items:center;justify-content:space-between;gap:18px}.page-head{margin:0 0 18px}.page-head h1,.panel h2{margin:2px 0 5px}.muted{color:var(--parity-muted)}.panel{margin-bottom:18px;padding:20px;border:1px solid var(--parity-line);border-radius:19px;background:#fff;box-shadow:0 8px 24px rgba(9,92,132,.07)}.panel-head{margin-bottom:15px}.panel-head h2,.panel-head p{margin-block:0 4px}.actions{display:flex;flex-wrap:wrap;gap:9px}.student-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 2px;border-bottom:1px solid #e3eef3}.student-row:last-child{border-bottom:0}.student-row strong,.student-row small{display:block}.student-row small{margin-top:3px;color:var(--parity-muted)}
.dashboard-hero{min-height:210px!important;margin-bottom:16px!important}.mini-stats{margin:0 0 16px!important}.compact-menu-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}.compact-menu-card{min-height:112px!important}.compact-menu-card:nth-child(n){border-top-color:#21afe0!important}.compact-menu-card:nth-child(2n){border-top-color:#ffd62b!important}.compact-menu-card:nth-child(3n){border-top-color:#75cf49!important}.compact-menu-card small{white-space:normal!important}.directory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.directory-entry{display:flex;min-width:0;align-items:center;gap:12px;padding:13px 14px;border:1px solid var(--parity-line);border-radius:15px;background:#f9fdff}.directory-entry>div{min-width:0}.directory-entry strong,.directory-entry small{display:block;overflow-wrap:anywhere}.directory-entry small{margin-top:3px;color:var(--parity-muted)}.directory-entry>a{margin-left:auto;color:var(--parity-blue);font-weight:900;text-decoration:none}.directory-entry .actions{margin-left:auto}.directory-entry .actions a{color:var(--parity-blue);font-size:12px;font-weight:900;text-decoration:none}.coach-student-search{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:end!important;gap:10px!important;max-width:560px;margin:0 0 18px!important;padding:0!important;box-shadow:none!important}.coach-student-search label{display:grid;gap:6px}.report-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.report-stats a{text-decoration:none}.settings-links{max-width:760px}
.student-search-heading{min-height:170px!important}.master-enrollment{margin-bottom:14px}.selected-student-list{display:grid!important;gap:8px!important}.selected-student-card{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;gap:14px!important;min-height:94px!important;padding:14px 16px!important;border-radius:16px!important}.selected-student-card .profile-avatar{width:50px;height:50px}.selected-student-main h2{margin:2px 0 4px!important;font-size:18px!important}.selected-student-main p{margin:5px 0 0!important;font-size:12px!important}.selected-student-card .student-quick-actions{display:flex!important;grid-column:auto!important;margin:0!important;padding:0!important;border:0!important}.selected-student-card .student-quick-actions a{min-width:118px!important}.profile-identity-card{display:flex!important;align-items:center;justify-content:space-between;min-height:180px!important}.profile-action-grid{position:sticky;z-index:20;top:calc(var(--shell-top) + 8px);margin:0 0 16px!important;padding:8px;border:1px solid var(--parity-line);border-radius:16px;background:rgba(255,255,255,.96);box-shadow:0 7px 22px rgba(9,92,132,.09);backdrop-filter:blur(12px)}.profile-action-grid a{min-height:60px!important}.profile-summary-grid{gap:12px!important}.student-schedule-detail,.parent-info-card,.latest-spr-profile{border:1px solid var(--parity-line)!important}
.attendance-card{border:1px solid var(--parity-line)!important}.attendance-actions.two-status{align-items:stretch!important}.attendance-btn{min-height:48px}.spr-entry{min-width:112px;text-align:center}.spr-history-list{display:grid;gap:12px}.spr-history-card{border:1px solid var(--parity-line)!important}.practice-heading,.section-heading{margin-bottom:16px}.practice-card{border:1px solid var(--parity-line)!important}
.portal-grid.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.portal-card{border:1px solid var(--parity-line)!important}.portal-list{display:grid;gap:11px}.portal-row{border:1px solid var(--parity-line)!important}
@media(max-width:980px){:root{--shell-side:218px}.compact-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.directory-grid{grid-template-columns:1fr}.report-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){:root{--shell-top:74px}.topbar{height:var(--shell-top)!important;min-height:var(--shell-top);padding:7px 12px!important}.mobile-menu{display:grid;place-items:center}.topbar .brand-logo-frame{width:70px!important;height:50px!important}.topbar .center-identity b{font-size:15px!important}.topbar .center-identity strong{font-size:9px!important}.topbar .user-identity,.topbar .mode-link em{display:none}.topbar .mode-link{width:40px;justify-content:center;padding:7px!important}.topbar .link-button{font-size:11px}.sidebar{top:var(--shell-top);width:min(310px,86vw);transform:translateX(-105%);box-shadow:20px 0 60px rgba(3,49,73,.22);transition:transform .2s ease}.menu-open .sidebar{transform:translateX(0)}.menu-backdrop{position:fixed;z-index:50;inset:var(--shell-top) 0 0;display:block;border:0;background:rgba(3,34,52,.42);opacity:0;pointer-events:none;transition:opacity .2s}.menu-open .menu-backdrop{opacity:1;pointer-events:auto}.content{padding:calc(var(--shell-top) + 16px) 13px calc(96px + env(safe-area-inset-bottom))!important}.mobile-bottom-nav{position:fixed;z-index:60;right:8px;bottom:max(7px,env(safe-area-inset-bottom));left:8px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));min-height:70px;padding:6px;border:1px solid #d8e8ef;border-radius:21px;background:rgba(255,255,255,.97);box-shadow:0 12px 34px rgba(7,72,105,.22);backdrop-filter:blur(15px)}.mobile-bottom-nav a{display:flex;min-width:0;min-height:56px;align-items:center;justify-content:center;flex-direction:column;gap:2px;border-radius:15px;color:#587286;text-decoration:none}.mobile-bottom-nav a.active{background:#dff5ff;color:#0585ba}.mobile-bottom-nav span{font-size:21px;line-height:1}.mobile-bottom-nav small{max-width:100%;overflow:hidden;font-size:9px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.view-as-banner{top:var(--shell-top)!important;left:0!important}.is-viewing-as .sidebar{top:139px}.is-viewing-as .content{padding-top:153px!important}.page-head,.panel-head{align-items:flex-start;flex-direction:column}.dashboard-hero{min-height:190px!important}.compact-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.compact-menu-card{min-height:104px!important;padding:13px!important}.compact-menu-card small{display:none!important}.report-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.selected-student-card{grid-template-columns:auto minmax(0,1fr)!important}.selected-student-card .student-quick-actions{grid-column:1/-1!important;width:100%!important}.selected-student-card .student-quick-actions a{width:100%!important}.profile-action-grid{position:static;grid-template-columns:repeat(3,minmax(0,1fr))!important}.profile-summary-grid,.portal-grid.dashboard-grid{grid-template-columns:1fr!important}.coach-student-search{grid-template-columns:1fr!important;width:100%!important}.coach-student-search .btn{width:100%}.directory-entry.coach-directory-entry{align-items:flex-start;flex-wrap:wrap}.directory-entry.coach-directory-entry .actions{width:100%;margin-left:62px}.attendance-card{padding:14px!important}.attendance-actions.two-status{grid-template-columns:1fr 1fr!important}.spr-filter{grid-template-columns:1fr!important}}
@media(max-width:390px){.topbar .center-identity{display:none}.topbar .userbox{gap:5px}.topbar .mode-link,.topbar .link-button{width:36px;min-height:36px!important;padding:6px!important}.topbar .link-button{font-size:0}.topbar .link-button::after{content:'↗';font-size:18px}.compact-menu-grid{grid-template-columns:1fr!important}.mini-stats>a{padding-inline:8px!important}.mini-stats strong{font-size:26px!important}.mini-stats span{font-size:10px!important}.profile-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}