.hub-shell{--hub-ink:#172840;--hub-muted:#77808e;--hub-accent:#b17a30;--hub-line:#e9e5de;--hub-paper:#fffefa;min-height:100vh;color:var(--hub-ink);background:#f7f6f2}.hub-shell button,.hub-shell a{transition:background .2s,color .2s,box-shadow .2s,transform .2s}.hub-shell button:disabled{cursor:not-allowed;opacity:.45}.hub-sidebar{color:#e9eef5;z-index:30;background:linear-gradient(160deg,#082442,#061b34);flex-direction:column;width:242px;padding:30px 14px;display:flex;position:fixed;inset:0 auto 0 0}.hub-sidebar .brand{padding:0 7px;font-size:21px}.hub-sidebar .brand-star{font-size:38px}.hub-sidebar .brand-copy small{color:#9aaec4;font-size:8px}.hub-nav-label{letter-spacing:1.7px;color:#7d94ae;padding:35px 15px 13px;font-size:9px}.hub-sidebar nav{gap:8px;display:grid}.hub-sidebar nav a{color:#b9c9da;border-radius:10px;align-items:center;gap:18px;padding:16px 18px;font-size:22px;display:flex}.hub-sidebar nav a span{font-size:13px}.hub-sidebar nav a:hover{background:#17344f;transform:translate(3px)}.hub-sidebar nav a.is-active{color:#fff;background:linear-gradient(105deg,#b3823e,#895c29);box-shadow:inset 0 0 0 1px #dbad68}.hub-sidebar-note{margin-top:auto;padding:40px 17px 12px}.hub-sidebar-note>span{color:#d6a358;margin-bottom:15px;font-size:46px;display:block}.hub-sidebar-note strong{font-size:13px}.hub-sidebar-note p{color:#8ea4bb;font-size:12px;line-height:1.8}.hub-sidebar-note small{letter-spacing:1.5px;color:#6e879f;font-size:8px}.hub-body{margin-left:242px}.hub-header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-color:var(--hub-line);z-index:20;background:#fffefaeb;height:76px;padding:0 28px;position:sticky;top:0}.hub-crumb{align-items:center;gap:17px;min-width:0;font-size:12px;display:flex}.hub-crumb>a{color:#a3763e;white-space:nowrap}.hub-crumb>span{color:#a1a6ac}.hub-crumb strong{text-overflow:ellipsis;white-space:nowrap;max-width:650px;font-weight:500;overflow:hidden}.hub-profile{white-space:nowrap;margin-left:auto;font-size:12px}.hub-profile span{color:#a3763e;margin-left:10px}.hub-menu{display:none}.hub-main{max-width:1850px;padding:24px 22px 36px}.hub-search{border:1px solid var(--hub-line);background:#fffefa;border-radius:12px;align-items:center;gap:12px;max-width:730px;margin:0 0 22px;padding:9px 15px;display:flex;box-shadow:0 4px 20px #122d4403}.hub-search>span{color:#9ca7b5;font-size:24px}.hub-search input{flex:1;min-width:0;background:0 0!important;border:0!important;outline:none!important;margin:0!important;padding:5px!important;font-size:12px!important}.hub-search kbd{color:#8b929b;white-space:nowrap;font-size:9px}.hub-search button{color:#8b929b;background:0 0;border:0;font-size:21px}.hub-columns{grid-template-columns:minmax(0,1fr) 292px;gap:22px;display:grid}.hub-primary{min-width:0}.hub-course-hero{border:1px solid var(--hub-line);background:var(--hub-paper);border-radius:18px;align-items:center;gap:23px;padding:23px;display:flex;box-shadow:0 5px 25px #1c345008}.hub-course-art{color:#d5aa69;background:radial-gradient(at 60% 80%,#285b73,#061c37 70%);border-radius:13px;place-items:center;width:148px;min-width:148px;height:185px;display:grid;position:relative;overflow:hidden}.hub-course-art:before,.hub-course-art:after{content:"";border:1px solid #d2b27a44;border-radius:50%;width:180px;height:180px;position:absolute;transform:rotate(-35deg)scaleX(.45)}.hub-course-art:after{transform:rotate(35deg)scaleX(.5)}.hub-course-art>span{z-index:1;font-size:64px;font-weight:300}.hub-course-art small{letter-spacing:2px;color:#91a5b4;font-size:7px;position:absolute;bottom:17px}.hub-art-orbit{border:1px dotted #d2b27a66;border-radius:50%;width:200px;height:200px;animation:50s linear infinite hub-orbit;position:absolute}.hub-course-copy{flex:1;min-width:0}.hub-eyebrow{letter-spacing:1.3px;color:#aa803f;margin-bottom:12px;font-size:8px}.hub-course-copy h1{letter-spacing:-.7px;margin:0 0 13px;font-size:clamp(21px,1.85vw,31px);font-weight:650;line-height:1.18}.hub-course-copy>p{color:#75808f;margin:0 0 17px;font-size:12px;line-height:1.7}.hub-teacher{align-items:center;gap:9px;display:flex}.hub-teacher>span{text-align:center;color:#aa8751;background:#f2ede3;border-radius:50%;width:36px;height:36px;font-size:29px}.hub-teacher small,.hub-teacher strong{display:block}.hub-teacher small{color:#8b929a;margin-bottom:3px;font-size:9px}.hub-teacher strong{font-size:11px;font-weight:500}.hub-hero-actions{flex-direction:column;gap:10px;width:160px;min-width:150px;display:flex}.hub-shell button:not(.hub-metric):not(.hub-material-button):not(.hub-task-row){font:inherit}.hub-hero-actions>*{text-align:center;background:0 0;border:1px solid #d7c5a8;border-radius:9px;padding:12px 10px;line-height:1.4;font-size:11px!important}.hub-primary-button{box-shadow:0 6px 16px #0a294522;color:#fff!important;background:linear-gradient(105deg,#143655,#08233e)!important;border-color:#08233e!important}.hub-hero-actions>:hover{transform:translateY(-2px);box-shadow:0 8px 20px #20304410}.hub-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:17px 0;display:grid}.hub-metric{text-align:left;background:var(--hub-paper);border:1px solid var(--hub-line);border-radius:14px;flex-direction:column;min-width:0;padding:20px 18px 16px;display:flex;box-shadow:0 4px 12px #17314b04}.hub-metric:hover{transform:translateY(-3px);box-shadow:0 10px 25px #17314b0c}.hub-metric>small{color:#47586c;min-height:16px;font-size:10px}.hub-metric-body{align-items:center;gap:12px;margin:17px 0;display:flex}.hub-progress-ring{border-radius:50%;place-items:center;width:67px;min-width:67px;height:67px;display:grid;box-shadow:0 0 0 5px #f8f6f1}.hub-progress-ring b{background:var(--hub-paper);border-radius:50%;place-items:center;width:54px;height:54px;font-size:16px;display:grid}.hub-metric-body strong{font-size:20px;font-weight:600}.hub-metric-body small{color:var(--hub-muted);margin-top:5px;font-size:10px;display:block}.hub-metric-date{margin:19px 0 4px;font-size:19px;line-height:1.3}.hub-metric-number{margin-top:15px;font-size:30px;font-weight:500}.hub-metric p{color:var(--hub-muted);margin:7px 0 15px;font-size:10px;line-height:1.6}.hub-metric-link{color:#a37534;margin-top:auto;font-size:10px}.hub-muted{color:var(--hub-muted);font-size:11px;line-height:1.7}.hub-metric>.hub-muted{margin-top:auto;font-size:10px}.hub-panel{border:1px solid var(--hub-line);background:var(--hub-paper);border-radius:14px;margin-bottom:16px;padding:22px;box-shadow:0 4px 16px #17314b04}.hub-section-head{justify-content:space-between;align-items:center;gap:15px;margin-bottom:17px;display:flex}.hub-section-head h2{font-size:14px;font-weight:600}.hub-section-head h3{font-size:13px}.hub-section-head p{margin:5px 0 0}.hub-section-head>button,.hub-row-actions>button,.hub-actions>button,.hub-attendance button{color:#806035;background:#f5f0e6;border:1px solid #e4d9c7;border-radius:7px;padding:8px 11px;font-size:11px!important}.hub-content{scroll-margin-top:95px}.hub-tabs{border:1px solid var(--hub-line);background:var(--hub-paper);scrollbar-width:thin;border-bottom:0;border-radius:14px 14px 0 0;gap:20px;padding:0 22px;display:flex;overflow:auto}.hub-tabs button{white-space:nowrap;color:#758094;background:0 0;border:0;padding:19px 0 16px;position:relative;font-size:11px!important}.hub-tabs button:after{content:"";background:var(--hub-accent);height:2px;transition:left .25s,right .25s;position:absolute;bottom:0;left:50%;right:50%}.hub-tabs button.selected{color:#896128;font-weight:600!important}.hub-tabs button.selected:after{left:0;right:0}.hub-tab-content{animation:.32s both hub-enter}.hub-tab-content>.hub-panel:first-child{border-radius:0 0 14px 14px}.hub-task-row{border-top:1px solid #efebe4;align-items:center;gap:15px;padding:18px 0;display:flex}.hub-task-row:hover{background:#f7f4ed;border-radius:8px;transform:translate(3px)}.hub-task-icon{color:#476685;background:#e9edf4;border-radius:10px;place-items:center;width:41px;min-width:41px;height:43px;font-size:24px;display:grid}.hub-task-icon.graded{color:#36874e;background:#e4f2e6}.hub-task-icon.review{color:#436aca;background:#e5ebfb}.hub-task-icon.overdue{color:#c68a24;background:#fff1dc}.hub-task-copy{flex:1;min-width:0}.hub-task-copy h3{margin:0 0 5px;font-size:12px;font-weight:600}.hub-task-copy p{color:#7c8492;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:500px;margin:0 0 5px;font-size:10px;line-height:1.7;display:-webkit-box;overflow:hidden}.hub-task-copy>small{color:#87909b;font-size:9px}.hub-task-end{text-align:right;min-width:105px}.hub-task-end>small{color:#7d8795;margin-top:9px;font-size:9px;display:block}.hub-task-row>span:last-child{color:#ac9169;font-size:14px}.hub-badge{color:#788191;white-space:nowrap;background:#f0f1f3;border-radius:6px;padding:5px 8px;font-size:9px;display:inline-block}.hub-badge.graded{color:#448951;background:#e7f3e8}.hub-badge.review{color:#4a69b4;background:#e8edfc}.hub-badge.overdue{color:#b77c21;background:#fff2df}.hub-badge.draft{color:#927444;background:#eee9e0}.hub-filter{color:#808a97;min-width:130px;font-size:9px}.hub-shell input,.hub-shell select,.hub-shell textarea{font:inherit;color:#25374c;background:#fffefa;border:1px solid #dfded8;border-radius:8px;max-width:100%;padding:10px 11px;font-size:12px}.hub-shell label:not(.course-check){flex-direction:column;gap:7px;margin-bottom:13px;font-size:11px;display:flex}.hub-shell textarea{resize:vertical}.hub-filter select{padding:8px;font-size:10px}.hub-right{min-width:0}.hub-upcoming{gap:12px;margin:23px 0 0;display:flex}.hub-upcoming>span{color:#657c9b;font-size:21px}.hub-upcoming>span.is-deadline{color:#bc8231}.hub-upcoming small{color:#84909e;margin-bottom:8px;font-size:9px;display:block}.hub-upcoming a,.hub-upcoming button{text-align:left;font-weight:500;line-height:1.6;display:block;font-size:11px!important}.hub-upcoming p{color:#7f8996;margin:7px 0 0;font-size:10px}.hub-text-button{color:#997237;text-align:left;background:0 0!important;border:0!important;padding:0!important;font-size:11px!important}.hub-calendar .hub-section-head h2{text-transform:capitalize;font-size:14px}.hub-calendar-arrows{gap:7px;display:flex}.hub-calendar-arrows button{color:#52627a;background:0 0;border:0;padding:0 5px;font-size:24px!important}.hub-week,.hub-days{grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;display:grid}.hub-week{text-align:center;color:#959ca7;margin-bottom:13px;font-size:9px}.hub-days button{aspect-ratio:1;color:#394d67;background:0 0;border:0;border-radius:50%;min-width:0;padding:0;position:relative;font-size:11px!important}.hub-days button:hover{background:#efe8dc;transform:scale(1.08)}.hub-days button.outside{color:#b9bdc4}.hub-days button.selected{color:#fff;background:#173857;box-shadow:0 0 0 3px #ede4d5}.hub-days button[aria-current=date]:not(.selected){box-shadow:inset 0 0 0 1px #be9860}.hub-event-dots{justify-content:center;gap:3px;display:flex;position:absolute;bottom:3px;left:0;right:0}.hub-event-dots i{background:#7998bf;border-radius:50%;width:3px;height:3px}.hub-event-dots i.deadline{background:#d29e45}.hub-calendar-legend{color:#718ba9;flex-wrap:wrap;gap:10px;margin:18px 0;font-size:8px;display:flex}.hub-calendar-legend>span:nth-child(2){color:#b4833d}.hub-calendar-legend button{color:#8b6a36;background:0 0;border:0;margin-left:auto;padding:0;font-size:9px!important}.hub-day-agenda{border-top:1px solid var(--hub-line);padding-top:14px;font-size:10px}.hub-day-agenda>strong{font-size:10px}.hub-day-agenda>p{color:#949ba4;font-size:10px}.hub-day-agenda>div{margin-top:10px}.hub-day-agenda small{color:#949ba4;margin-top:5px;font-size:9px;display:block}.hub-note{color:#7c776e;padding:24px 18px}.hub-note>span{color:#bb945b;font-size:34px}.hub-note h3{color:#575b60;font-size:13px}.hub-note p{font-size:11px;line-height:1.8}.hub-empty{text-align:center;color:#9298a0;padding:34px 15px;font-size:12px;line-height:1.8}.hub-empty>span{color:#b89b6d;font-size:35px}.hub-empty h3{color:#617084;font-size:14px}.hub-empty a{color:#a27c41}.hub-footnote{color:#93999e;padding:0 8px;font-size:9px;line-height:1.8}.hub-search-results>a,.hub-search-results>button{text-align:left;border:0;border-top:1px solid var(--hub-line);background:0 0;justify-content:space-between;gap:12px;width:100%;padding:12px 0;display:flex;font-size:12px!important}.hub-search-results small{color:#959ba3;font-size:9px}.hub-materials{grid-template-columns:190px minmax(0,1fr);gap:25px;display:grid}.hub-material-button{text-align:left;color:#58697d;background:#f6f3ed;border:0;border-radius:7px;width:100%;margin-bottom:7px;padding:12px;font-size:11px;display:block}.hub-material-button[aria-pressed=true]{color:#89652f;background:#eee4d2}.hub-material-button small{margin-top:5px;display:block}.hub-lesson-form{background:#f8f5ef;border:1px solid #e7ded1;border-radius:12px;margin-bottom:20px;padding:20px}.hub-lesson-form h3{margin-top:0;font-size:14px}.hub-form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.hub-actions{gap:10px;margin-top:15px;display:flex}.hub-lesson-row{border-top:1px solid var(--hub-line);align-items:center;gap:15px;padding:17px 0;display:flex}.hub-date-tile{text-align:center;color:#a3875b;background:#f3ede1;border-radius:9px;width:42px;min-width:42px;padding:9px 3px;font-size:9px}.hub-date-tile strong{color:#866732;font-size:20px;font-weight:500;display:block}.hub-lesson-row>div:nth-child(2){flex:1}.hub-lesson-row h3{margin:5px 0;font-size:12px}.hub-lesson-row small{color:#8390a1;font-size:9px}.hub-lesson-row p{color:#7c8797;margin:5px 0;font-size:10px}.hub-row-actions{flex-direction:column;gap:7px;display:flex}.hub-row-actions button{font-size:9px!important}.hub-lesson-row.is-cancelled{opacity:.5}.hub-attendance{border-top:2px solid #e7dbc6;margin-top:15px;padding-top:20px}.hub-attendance-row{border-bottom:1px solid var(--hub-line);justify-content:space-between;align-items:center;padding:10px;flex-direction:row!important;display:flex!important}.hub-attendance-row select{max-width:200px}.hub-loading{text-align:center;color:#8b8d8f;background:linear-gradient(100deg,#f0ece5,#fffefa,#f0ece5) 0 0/200% 100%;border-radius:16px;padding:80px 25px;animation:1.8s infinite hub-shimmer}.hub-list-search{max-width:500px}.hub-body .admin-shell{background:0 0}.hub-body .admin-header{display:none}.hub-body .admin-main{max-width:none;margin:0;padding:0}.hub-calendar-select{max-width:480px}.hub-main>.hub-calendar{max-width:700px}.hub-main>.hub-calendar .hub-days button{aspect-ratio:auto;height:55px;max-height:55px}.hub-tab-content>.hub-calendar{max-width:600px}.hub-tab-content>.hub-calendar .hub-days button{aspect-ratio:auto;height:45px}@keyframes hub-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes hub-orbit{to{transform:rotate(360deg)}}@keyframes hub-shimmer{to{background-position:-200% 0}}@media (min-width:1600px){.hub-course-art{width:190px;min-width:190px;height:200px}.hub-hero-actions{width:190px}.hub-course-hero{padding:25px}.hub-columns{grid-template-columns:minmax(0,1fr) 320px}.hub-main{padding:25px 28px}.hub-metric{padding:24px}.hub-metric-body{gap:18px}}@media (max-width:1250px){.hub-columns{grid-template-columns:minmax(0,1fr)}.hub-right{grid-template-columns:1fr 1fr;gap:16px;display:grid}.hub-right .hub-note{display:none}.hub-course-art{width:125px;min-width:125px;height:160px}.hub-metrics{gap:10px}.hub-metric{padding:17px 13px}.hub-progress-ring{width:55px;min-width:55px;height:55px}.hub-progress-ring b{width:44px;height:44px;font-size:13px}}@media (max-width:800px){.hub-sidebar{width:210px;transition:transform .25s;transform:translate(-100%)}.hub-sidebar.is-open{top:66px;transform:translate(0);box-shadow:20px 0 70px #071e3444}.hub-body{margin-left:0}.hub-menu{color:#25435e;background:0 0;border:0;display:block;font-size:22px!important}.hub-header{gap:14px;height:66px;padding:0 15px}.hub-profile{font-size:10px}.hub-crumb strong{max-width:240px}.hub-main{padding:18px 15px}.hub-course-copy h1{font-size:24px}.hub-course-art{width:110px;min-width:110px;height:145px}.hub-course-hero{gap:17px;padding:20px}.hub-hero-actions{width:135px;min-width:135px}.hub-search kbd{display:none}.hub-metrics{grid-template-columns:1fr 1fr}.hub-metric{padding:20px}.hub-metric-body{margin:16px 0}.hub-metric p{min-height:25px}.hub-tabs{gap:20px;padding:0 18px}.hub-panel{padding:18px}.hub-materials{grid-template-columns:1fr}.hub-calendar-select{width:100%}}@media (max-width:520px){.hub-crumb strong{max-width:125px}.hub-crumb{gap:9px;font-size:10px}.hub-course-hero{flex-wrap:wrap;padding:18px}.hub-course-art{width:65px;min-width:65px;height:95px}.hub-course-art>span{font-size:35px}.hub-course-art small{display:none}.hub-course-copy{width:calc(100% - 85px)}.hub-course-copy h1{font-size:21px;line-height:1.3}.hub-course-copy>p{font-size:11px}.hub-hero-actions{flex-flow:wrap;width:100%}.hub-hero-actions>*{flex:1;min-width:120px}.hub-eyebrow{font-size:7px}.hub-metric{padding:17px 14px}.hub-metric-date{font-size:18px}.hub-metric-number{font-size:26px}.hub-right{grid-template-columns:1fr}.hub-task-row{flex-wrap:wrap;gap:9px}.hub-task-icon{width:32px;min-width:32px;height:36px;font-size:21px}.hub-task-copy{flex:auto;width:calc(100% - 55px)}.hub-task-end{text-align:left;flex:1;align-items:center;gap:10px;margin-left:41px;display:flex}.hub-task-end>small{margin:0}.hub-section-head{align-items:flex-start}.hub-filter{min-width:110px}.hub-form-grid{grid-template-columns:1fr}.hub-attendance-row{align-items:flex-start!important}.hub-attendance-row select{max-width:160px;font-size:10px}.hub-lesson-row{flex-wrap:wrap}.hub-row-actions{flex-direction:row;margin-left:57px}.hub-search-results>a,.hub-search-results>button{flex-wrap:wrap}.hub-progress-ring{width:49px;min-width:49px;height:49px}.hub-progress-ring b{width:39px;height:39px;font-size:11px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.hub-shell *,.hub-shell :before,.hub-shell :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.hub-course-create{max-width:650px;margin-top:30px}.hub-course-create h2{margin-bottom:20px}.hub-course-create button{border:1px solid #193957;border-radius:8px;padding:12px 18px}.hub-shell .files-panel,.hub-shell .course-create{background:var(--hub-paper);border-color:var(--hub-line)}.hub-sidebar{overflow-y:auto}.hub-sidebar nav,.hub-sidebar-note{flex-shrink:0}.hub-tabs{z-index:12;border:1px solid var(--hub-line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffefaef;border-radius:14px;gap:5px;width:fit-content;max-width:100%;margin-bottom:14px;padding:6px;position:sticky;top:88px;box-shadow:0 6px 26px #21354c0b}.hub-tabs button{border-radius:9px;padding:12px 18px;transition:background-color .22s,color .22s,box-shadow .22s}.hub-tabs button.selected{color:#fff;background:#19354c;box-shadow:0 2px 5px #19354c12}.hub-tabs button:after{display:none}@media (max-width:800px){.hub-tabs{top:76px}.hub-tabs button{padding:11px 13px}}.hub-tabs.sliding-navigation{isolation:isolate}.sliding-navigation-indicator{pointer-events:none;z-index:-1;background:#19354c;border-radius:9px;transition:transform .28s cubic-bezier(.2,.8,.2,1),width .28s cubic-bezier(.2,.8,.2,1);position:absolute;top:6px;bottom:6px;left:0}.hub-tabs.sliding-navigation button.selected{box-shadow:none;background:0 0}@media (prefers-reduced-motion:reduce){.sliding-navigation-indicator{transition:none}}@media (max-width:650px){.hub-header .hub-crumb{display:none}.hub-header{gap:10px}.hub-header .hub-menu{flex-shrink:0}.hub-header .inbox-trigger{margin-left:auto;padding:9px 11px;font-size:12px}.hub-header .notice-wrap,.hub-header .hub-profile{margin-left:0}}