.student-sidebar-layout{min-height:100vh}.student-sidebar{position:fixed;inset:0 auto 0 0;z-index:40;width:84px;display:flex;flex-direction:column;padding:14px 10px 12px;border-right:1px solid #dbe1ea;background:#12233f;color:#dce6f6;box-shadow:4px 0 18px rgba(20,37,64,.08);transition:width 180ms ease}.student-sidebar:hover,.student-sidebar:focus-within{width:250px}

/* Deterministic PhoBee brand states: collapsed mark OR expanded lockup, never both. */
.student-sidebar__brand{height:68px;min-height:68px;display:flex;align-items:center;justify-content:center;padding:0;color:#fff;text-decoration:none;white-space:nowrap;overflow:hidden}
.student-brand-mark{display:block;width:54px;height:58px;max-width:54px;object-fit:contain;flex:0 0 auto}
.student-brand-lockup{display:none;align-items:center;gap:10px;width:202px;max-width:202px;height:58px;overflow:hidden}
.student-brand-lockup__mark{display:block;width:54px;height:58px;object-fit:contain;flex:0 0 54px}
.student-brand-lockup__name{display:flex;align-items:baseline;font-family:var(--font-ui,"Nunito Sans",sans-serif);font-size:1.85rem;font-weight:900;line-height:1;letter-spacing:-.045em}
.student-brand-pho{color:#fff}.student-brand-bee{color:#f2b441}
.student-sidebar:hover .student-sidebar__brand,.student-sidebar:focus-within .student-sidebar__brand{justify-content:flex-start;padding-left:10px}
.student-sidebar:hover .student-brand-mark,.student-sidebar:focus-within .student-brand-mark{display:none}
.student-sidebar:hover .student-brand-lockup,.student-sidebar:focus-within .student-brand-lockup{display:flex}

.student-side-nav{display:flex;flex-direction:column;gap:6px;margin-top:16px}.student-side-nav__item,.student-side-profile,.student-side-signout{height:48px;display:flex;align-items:center;gap:14px;padding:0 14px;border:0;border-radius:10px;color:#b9c8dc;background:transparent;text-decoration:none;font:800 .95rem/1 var(--font-ui,"Nunito Sans",sans-serif);white-space:nowrap;overflow:hidden;cursor:pointer}.student-side-nav__item:hover,.student-side-profile:hover,.student-side-signout:hover{color:#fff;background:rgba(255,255,255,.09)}.student-side-nav__item.is-active{color:#fff;background:#159a8e}.student-side-icon{width:24px;height:24px;min-width:24px}.student-side-nav__item span,.student-side-signout span,.student-side-profile>span{opacity:0;transition:opacity 120ms ease}.student-sidebar:hover .student-side-nav__item span,.student-sidebar:hover .student-side-signout span,.student-sidebar:hover .student-side-profile>span,.student-sidebar:focus-within .student-side-nav__item span,.student-sidebar:focus-within .student-side-signout span,.student-sidebar:focus-within .student-side-profile>span{opacity:1}.student-side-nav__divider{height:1px;margin:8px 10px;background:rgba(255,255,255,.18)}.student-sidebar__footer{margin-top:auto;display:grid;gap:6px;padding-top:10px}.student-side-profile{height:54px}.student-side-profile>span{display:grid;gap:3px;min-width:0}.student-side-profile strong{overflow:hidden;text-overflow:ellipsis}.student-side-profile small{color:#879ab4;font-size:.72rem}.student-side-signout{width:100%}.student-sidebar-content{min-height:100vh;margin-left:84px}.student-sidebar-content>.student-main{min-height:100vh}.student-sidebar-content .student-header{display:none!important}

.student-classes-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.student-join-class-button,.student-class-small-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:10px 16px;border:1.5px solid #4050c8;border-radius:10px;color:#4050c8;background:#fff;font-weight:900;text-decoration:none;white-space:nowrap}.student-join-class-button .ui-icon{width:20px;height:20px}.student-class-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.student-class-card{overflow:hidden;border:1px solid #d7deea;border-radius:16px;background:#fff;box-shadow:0 7px 22px rgba(32,48,75,.06)}.student-class-card__head{display:flex;align-items:center;gap:15px;padding:20px 20px 16px}.student-class-card__icon{width:50px;height:50px;display:grid;place-items:center;flex:none;border-radius:14px;background:#e7f7f4;color:#0c8278}.student-class-card__icon .ui-icon{width:27px;height:27px}.student-class-card__head p{margin:0;color:#6a7890;font-size:.72rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.student-class-card__head h2{margin:2px 0 1px;color:#20304b;font-size:1.25rem}.student-class-card__head span{color:#66758a;font-size:.88rem}.student-class-card__stats{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #edf0f4;border-bottom:1px solid #edf0f4;background:#fafbfd}.student-class-card__stats>div{display:grid;gap:2px;padding:14px 20px}.student-class-card__stats>div+div{border-left:1px solid #e3e8ef}.student-class-card__stats strong{font-size:1.45rem;color:#18305d}.student-class-card__stats span{color:#66758a;font-size:.78rem}.student-class-card__next{display:grid;gap:2px;padding:16px 20px}.student-class-card__next span{color:#6a7890;font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.student-class-card__next strong{color:#20304b}.student-class-card__next small{color:#68768a}.student-class-card__action{display:flex;align-items:center;justify-content:space-between;padding:13px 20px;border-top:1px solid #e8edf3;color:#0d8178;font-weight:900;text-decoration:none;background:#fbfdfd}.student-class-card__action .ui-icon{width:18px;height:18px}.student-class-detail-page{max-width:1000px}.student-class-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:24px 26px;border:1px solid #d7deea;border-radius:16px;background:#fff}.student-class-hero .eyebrow{margin:0;color:#63708a;font-size:.78rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.student-class-hero h1{margin:4px 0;color:#18305d;font-size:clamp(2rem,4vw,2.8rem)}.student-class-hero p{margin:0;color:#66758a}.student-class-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0}.student-class-summary article{display:grid;gap:3px;padding:17px 18px;border:1px solid #d7deea;border-radius:12px;background:#fff}.student-class-summary strong{font-size:1.55rem;color:#18305d}.student-class-summary span{color:#66758a;font-size:.82rem}.student-class-next{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:12px;padding:18px 20px;border:1px solid #cfe8e4;border-radius:13px;background:#f0faf8}.student-class-next .eyebrow{margin:0;color:#0d8178;font-size:.72rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.student-class-next h2{margin:3px 0;color:#20304b;font-size:1.18rem}.student-class-next p{margin:0;color:#64748a;font-size:.86rem}.student-class-assignments{padding:22px;border:1px solid #d7deea;border-radius:14px;background:#fff}.student-class-assignment-list{display:grid;gap:9px}.student-class-assignment-row{display:grid;grid-template-columns:minmax(0,1fr) 190px 132px;align-items:center;gap:16px;padding:14px 0;border-top:1px solid #e9edf2}.student-class-assignment-row:first-child{border-top:0}.student-class-assignment-copy h3{margin:4px 0 2px;color:#20304b;font-size:1rem}.student-class-assignment-copy p{margin:0;color:#68768a;font-size:.8rem}.student-class-assignment-progress{display:grid;gap:6px}.student-class-assignment-progress>div:first-child{display:flex;justify-content:space-between;color:#6a7890;font-size:.76rem}.student-class-assignment-progress strong{color:#20304b}.student-class-assignment-row .student-refine-action{min-width:124px}

@media(max-width:900px){.student-sidebar{width:76px}.student-sidebar-content{margin-left:76px}.student-sidebar:hover,.student-sidebar:focus-within{width:228px}.student-brand-mark{width:50px;height:55px;max-width:50px}.student-brand-lockup{width:190px;max-width:190px}.student-brand-lockup__mark{width:50px;height:55px;flex-basis:50px}.student-brand-lockup__name{font-size:1.7rem}.student-class-grid{grid-template-columns:1fr}.student-class-assignment-row{grid-template-columns:minmax(0,1fr) 150px}.student-class-assignment-row .student-refine-action{grid-column:2;grid-row:1/3}.student-class-assignment-progress{grid-column:1}}
@media(max-width:650px){.student-sidebar{width:68px;padding-left:7px;padding-right:7px}.student-sidebar-content{margin-left:68px}.student-sidebar:hover,.student-sidebar:focus-within{width:210px}.student-sidebar:hover .student-sidebar__brand,.student-sidebar:focus-within .student-sidebar__brand{padding-left:7px}.student-brand-mark{width:46px;height:52px;max-width:46px}.student-brand-lockup{width:178px;max-width:178px;gap:8px}.student-brand-lockup__mark{width:46px;height:52px;flex-basis:46px}.student-brand-lockup__name{font-size:1.55rem}.student-side-nav__item,.student-side-profile,.student-side-signout{padding-left:11px}.student-classes-heading,.student-class-hero,.student-class-next{align-items:flex-start;flex-direction:column}.student-class-summary{grid-template-columns:1fr}.student-class-assignment-row{grid-template-columns:1fr}.student-class-assignment-progress,.student-class-assignment-row .student-refine-action{grid-column:auto;grid-row:auto}.student-class-assignment-row .student-refine-action{width:100%}}