.video-player{max-width:100%;position:relative;overflow:hidden;display:block;border-radius:20px;min-width:80vw;min-height:60vh}.video-title{margin:10px 20px!important;font-size:.8rem!important}.video{width:100%;background-color:#000}.player-controls{display:block;position:absolute;z-index:500;bottom:-21px;left:0;width:100%;transform:translateY(100%) translateY(-5px);transition:.3s;background:#0009}.right-controls{display:flex;flex:1;justify-content:flex-end;align-items:center;gap:0px}.control-bar{width:100%;display:flex;position:relative;align-items:center;gap:20px}.ad-tag{position:absolute;top:-50px;right:10px;align-items:center;justify-content:center}.ad-tag-skip{height:40px;border-radius:20px;width:auto;padding:0 25px;color:#fff;display:flex;align-items:center;justify-content:center;font-family:Roboto,sans-serif;font-size:1rem;background-color:#00000080;box-shadow:0 0 8px 2px #ffffff47}.skip-active{padding:0 12px 0 25px;cursor:pointer}.ad-tag>div{display:flex;align-items:center;justify-content:center}.player-controls-hover{transform:translateY(-2px)}.play-button{flex:0 0 10%;border:none;background:var(--btn-blue-color-);color:#fff;padding:10px}.play-button:focus{outline:none}.time{font-size:1em;color:#fff;flex:0 0 15%;text-align:center;font-family:Roboto,sans-serif;display:flex;align-items:center;justify-content:center;font-size:.9rem;gap:5px}.audio,.screen,.speed,.cc{flex:0 0 20px;color:#fff;padding:0;margin:0;justify-content:center;align-items:center;display:flex;text-align:center}.screen,.speed,.cc{flex:0 0 60px;margin:0;padding:0;cursor:pointer}.audio,.speed{position:relative}.player-space{flex:1 0 0;display:block}.audio>div{width:150px;display:flex;position:absolute;gap:10px;border-radius:17px;background-color:#000000bf;padding:5px;transform:rotate(270deg);bottom:58px;left:-68px;box-shadow:0 0 8px 1px #ffffff26}.speed>div{width:45px;display:flex;position:absolute;flex-direction:column;gap:10px;border-radius:22.5px;background-color:#000000bf;color:#fff;bottom:-10px;left:7.5px;padding:10px 0;overflow:hidden;box-shadow:0 0 8px 1px #ffffff26;transition:.3s all}.speed>div>div{font-size:.8rem;padding:5px 0}.speed>div>div:hover{color:var(--btn-blue-color-)}.speed-active{color:var(--btn-blue-color-)}.mute{cursor:pointer}.audio>div>span{transform:rotate(90deg)}input[type=range]{-webkit-appearance:none;background:transparent;margin:0}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{flex:0 0 110px;height:2px;border-radius:2px;cursor:pointer;background:#ffffff80}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:10px;width:10px;border-radius:50%;background:#fff;cursor:pointer;top:-4px;position:relative}.video-progress{display:flex;width:100%;height:4px;transition:.3s;background:#fff3;cursor:pointer;transition:.3s all;position:relative;-webkit-user-select:none;user-select:none}.video-progress-null{cursor:default}.video-progress-overlay{width:100%;height:4px;display:block;position:absolute;top:0;left:0}.video-progress-filled{width:0%;background:#007bff;border-radius:2px;box-shadow:0 0 10px 1px #007bff;transition:.1s all}.video-progress-yellow{border-radius:2px;background-color:#fd0;box-shadow:0 0 10px 1px #fd0}.playBtn{position:absolute;width:100%;height:100%;left:0;top:0;display:block;background-color:#000000a6;cursor:pointer;z-index:0}.playBtnIcon{position:absolute;left:50%;top:50%;padding:5px 53px;color:#fff;line-height:2.5rem;font-size:1.4rem;background-color:var(--btn-blue-color-);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:10px}.video-load-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px 0;color:var(--text-white-);font-size:.9rem}.video-load-error .material-symbols-outlined{font-size:2.5rem;opacity:.5}.BannerAd{position:absolute;z-index:1000;top:20px;right:20px;width:auto}.BannerAd>img,.BannerAd>a>img{max-height:60px;max-width:320px}@property --border-angle{syntax: "<angle>"; inherits: false; initial-value: 315deg;}@font-face{font-family:Roboto;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(/assets/roboto-latin-DSCY9ty2.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Roboto;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(/assets/roboto-latin-ext-ThqUyHr0.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Material Symbols Outlined;font-style:normal;font-weight:100 700;font-display:block;src:url(/assets/material-symbols-outlined-C8BKe4LW.woff2) format("woff2")}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";font-feature-settings:"liga";-webkit-font-smoothing:antialiased}:root{--c-black-rgb-: 0, 0, 0;--c-white-rgb-: 255, 255, 255;--c-grey-light-rgb-: 230, 230, 230;--c-grey-track-rgb-: 225, 225, 225;--c-grey-cool-rgb-: 180, 185, 190;--c-grey-mid-rgb-: 112, 112, 112;--c-grey-dark-rgb-: 85, 85, 85;--c-grey-panel-rgb-: 124, 125, 128;--c-grey-010-: #fdfdfd;--c-grey-015-: #fcfcfc;--c-grey-025-: #f9f9f9;--c-grey-030-: #f8f8f8;--c-grey-035-: #f7f7f7;--c-grey-050-: #f1f1f1;--c-grey-100-: #ebebeb;--c-grey-150-: #ececec;--c-grey-200-: #e4e6ea;--c-grey-300-: #d3d3d3;--c-grey-500-: #777777;--c-grey-550-: #707070;--c-grey-580-: #666666;--c-grey-600-: #606060;--c-grey-620-: #5a5a5a;--c-grey-650-: #5f6368;--c-grey-700-: #575c62;--c-grey-750-: #4e4e4e;--c-grey-800-: #3c4043;--c-grey-820-: #3a3a3a;--c-grey-850-: #333333;--c-grey-870-: #282828;--c-grey-880-: #1e1e1e;--c-grey-900-: #1f2328;--c-grey-920-: #1f1f1f;--c-grey-950-: #1f1d17;--c-tan-400-: #b1aa95;--c-blue-rgb-: 66, 133, 244;--c-blue-mid-rgb-: 50, 99, 175;--c-blue-deep-rgb-: 23, 75, 153;--c-blue-accent-rgb-: 52, 113, 217;--c-blue-sheen-a-rgb-: 239, 245, 255;--c-blue-sheen-b-rgb-: 190, 210, 240;--c-blue-020-: #edf5ff;--c-blue-022-: #edf2fb;--c-blue-025-: #f4f8ff;--c-blue-050-: #e8f0fe;--c-blue-100-: #dbeafe;--c-blue-150-: #c9e5fd;--c-blue-200-: #d6e7fe;--c-blue-250-: #b9d2f8;--c-blue-300-: #6ebdf5;--c-blue-500-: #4285f4;--c-blue-600-: #1a73e8;--c-blue-650-: #065fd4;--c-blue-700-: #3165bc;--c-blue-750-: #185abc;--c-blue-800-: #1e40af;--c-blue-royal-: #2a45ab;--c-navy-100-: #dbe2ec;--c-navy-300-: #e6eaef;--c-navy-500-: #324464;--c-navy-deep-: #1c4973;--c-green-rgb-: 52, 168, 83;--c-green-100-: #ceead6;--c-green-500-: #34a853;--c-green-700-: #1e7837;--c-green-800-: #0d652d;--c-lime-500-: #7cbb00;--c-red-rgb-: 219, 68, 55;--c-red-alt-rgb-: 211, 47, 47;--c-red-bright-rgb-: 239, 68, 68;--c-red-050-: #eee6e6;--c-red-500-: #db4437;--c-red-600-: #ea4335;--c-red-700-: #9e352c;--c-red-800-: #b43228;--c-red-900-: #b91c1c;--c-amber-rgb-: 251, 188, 5;--c-amber-alt-rgb-: 251, 191, 36;--c-amber-050-: #fff8e1;--c-amber-060-: #fef9c3;--c-amber-100-: #fff3cd;--c-amber-200-: #fbeaa0;--c-amber-300-: #f9df7b;--c-amber-450-: #fbbc04;--c-amber-500-: #fbbc05;--c-amber-520-: #f5a623;--c-amber-550-: #f59e0b;--c-amber-600-: #c89400;--c-amber-650-: #b45309;--c-amber-700-: #b08710;--c-amber-750-: #a06e00;--c-amber-800-: #92620a;--c-amber-820-: #8a6500;--c-amber-900-: #6b4c00;--c-amber-950-: #5a4000;--body-background-: var(--c-grey-025-);--background-light-: rgba(var(--c-white-rgb-), 1);--bar-color-: rgba(var(--c-white-rgb-), 1);--bg-panel-: rgba(var(--c-grey-panel-rgb-), .05);--bg-card-: var(--c-grey-015-);--bg-card-alt-: var(--c-grey-015-);--bg-item-: var(--c-grey-035-);--bg-search-: var(--c-grey-030-);--bg-white-: rgba(var(--c-white-rgb-), 1);--bg-subtle-: rgba(var(--c-black-rgb-), .03);--bg-signout-: var(--c-grey-700-);--bg-blue-light-: var(--c-blue-200-);--bg-blue-hover-: var(--c-blue-020-);--bg-blue-hover-alt-: var(--c-blue-022-);--bg-blue-tint-: rgba(var(--c-blue-rgb-), .15);--bg-grade-: rgba(var(--c-blue-mid-rgb-), .05);--text-color-: var(--c-grey-650-);--text-color-sub-: var(--c-grey-950-);--text-color-dark-sub-: var(--c-tan-400-);--text-white-: rgba(var(--c-white-rgb-), 1);--text-muted-: var(--c-grey-550-);--text-grey-: var(--c-grey-500-);--text-grey-light-: rgba(var(--c-grey-mid-rgb-), 1);--text-dark-: rgba(var(--c-grey-dark-rgb-), 1);--text-dark-alpha-: rgba(var(--c-grey-dark-rgb-), .9);--text-secondary-: var(--c-grey-580-);--text-header-: var(--c-grey-750-);--border-color-: var(--c-grey-300-);--border-hr-color-: rgba(var(--c-black-rgb-), .1);--grey-border-: rgba(var(--c-grey-light-rgb-), 1);--grey-border-alpha-: rgba(var(--c-grey-light-rgb-), .25);--grey-bg-: var(--c-grey-500-);--blue-accent-: rgba(var(--c-blue-accent-rgb-), 1);--blue-accent-alpha-: rgba(var(--c-blue-accent-rgb-), .75);--blue-navy-: var(--c-blue-royal-);--link-color-: var(--c-blue-600-);--link-color-hover-: var(--c-blue-750-);--link-color-dark-: rgba(var(--c-blue-deep-rgb-), 1);--green-text-: var(--c-lime-500-);--green-color-: var(--c-green-500-);--green-dark-: var(--c-green-800-);--yellow-: rgba(var(--c-amber-rgb-), 1);--red-: var(--c-red-600-);--input-background-: rgba(var(--c-black-rgb-), .02);--input-background-active-: rgba(var(--c-black-rgb-), .09);--input-color-: var(--c-grey-650-);--input-border-: var(--c-grey-300-);--input-lable-color-: var(--c-grey-950-);--input-btn-color: var(--c-grey-600-);--input-btn-inactive: var(--c-grey-150-);--input-btn-active: var(--c-blue-650-);--input-btn-color-active: rgba(var(--c-white-rgb-), 1);--input-btn-dark-color-: var(--c-grey-650-);--input-btn-dark-background-: var(--c-grey-050-);--input-btn-light-color-: var(--c-grey-650-);--input-btn-light-background-: var(--c-grey-030-);--input-btn-hover-: var(--c-grey-150-);--btn-hover-: rgba(var(--c-black-rgb-), .1);--btn-blue-color-: var(--c-blue-500-);--btn-blue-light-color-: var(--c-blue-700-);--btn-blue-border-: var(--c-blue-500-);--btn-blue-border-two-: var(--c-blue-300-);--btn-blue-background-: rgba(var(--c-blue-rgb-), .05);--btn-blue-background-hover-: rgba(var(--c-blue-rgb-), .2);--btn-bg-color-blue-: var(--c-navy-300-);--btn-border-color-blue-: var(--c-grey-900-);--btn-text-color-blue-: var(--c-blue-700-);--btn-background-white-alpha-: rgba(var(--c-white-rgb-), 1);--btn-red-border-: var(--c-red-500-);--btn-red-light-color-: var(--c-red-700-);--btn-red-background-: rgba(var(--c-red-rgb-), .05);--btn-red-background-hover-: rgba(var(--c-red-rgb-), .2);--btn-red-background-heavy-: rgba(var(--c-red-rgb-), .6);--btn-red-background-heavy-hover-: rgba(var(--c-red-rgb-), .3);--btn-bg-color-red-: var(--c-red-050-);--btn-border-color-red-: var(--c-red-500-);--btn-text-color-red-: var(--c-red-700-);--btn-green-color-: var(--c-green-500-);--edit-btn-background-: rgba(var(--c-white-rgb-), 1);--edit-btn-color-: var(--c-grey-850-);--edit-btn-background-hover-: var(--c-grey-850-);--edit-btn-color-hover-: var(--c-blue-300-);--pending-color-yellow-: var(--c-amber-700-);--pending-color-yellow-hover-: var(--c-amber-500-);--background-list-item-odd-: rgba(var(--c-black-rgb-), .02);--background-list-item-even-: rgba(var(--c-black-rgb-), .04);--background-list-item-sub-: rgba(var(--c-black-rgb-), .02);--background-list-hover-item-: rgba(var(--c-black-rgb-), .06);--background-list-hover-item-sub-: rgba(var(--c-black-rgb-), .06);--card-overlay-color-: rgba(var(--c-blue-rgb-), .95);--overlay-dark-: rgba(var(--c-black-rgb-), .4);--overlay-medium-: rgba(var(--c-black-rgb-), .4);--overlay-content-: var(--c-grey-880-);--progress-track-: rgba(var(--c-grey-track-rgb-), .5);--progress-center-: var(--c-grey-035-);--transition-: all .3s}:root[data-theme=dark]{--c-dark-surface-: #202020;--c-dark-input-: #2a2a2a;--c-dark-elevated-: #333333;--c-dark-hover-: #4e4e4e;--c-dark-on-accent-: #030303;--c-dark-blue-accent-: #3ea6ff;--c-dark-amber-: #554517;--c-dark-navy-: #4264c8;--c-grey-015-: #252525;--c-grey-025-: #181818;--c-grey-030-: #2a2a2a;--c-grey-035-: #252525;--c-grey-050-: #2a2a2a;--c-grey-150-: #303030;--c-grey-300-: #373737;--c-grey-500-: #999999;--c-grey-550-: #a0a0a0;--c-grey-580-: #b4b4b4;--c-grey-600-: #aaaaaa;--c-grey-650-: #f1f1f1;--c-grey-700-: #3a3f45;--c-grey-750-: #c0c0c0;--c-grey-900-: #e6eaef;--c-grey-950-: #f9f9f9;--c-tan-400-: #7a7a7a;--c-grey-light-rgb-: 55, 55, 55;--c-grey-track-rgb-: 80, 80, 80;--c-grey-mid-rgb-: 170, 170, 170;--c-grey-dark-rgb-: 200, 200, 200;--c-grey-panel-rgb-: 200, 200, 200;--c-blue-600-: #5da4f5;--c-blue-750-: #4285f4;--c-blue-deep-rgb-: 93, 164, 245;--c-navy-300-: #1f2328;--c-red-050-: #271f1f;--background-light-: var(--c-dark-surface-);--bar-color-: var(--c-dark-surface-);--bg-item-: var(--c-grey-880-);--bg-white-: var(--c-grey-870-);--bg-subtle-: rgba(var(--c-white-rgb-), .03);--bg-blue-light-: rgba(var(--c-blue-rgb-), .2);--bg-blue-hover-: rgba(var(--c-blue-rgb-), .1);--bg-blue-hover-alt-: rgba(var(--c-blue-rgb-), .08);--bg-grade-: rgba(var(--c-blue-mid-rgb-), .1);--border-hr-color-: rgba(var(--c-white-rgb-), .1);--grey-bg-: var(--c-dark-elevated-);--grey-border-alpha-: rgba(var(--c-grey-light-rgb-), .5);--blue-navy-: var(--c-dark-navy-);--link-color-dark-: rgba(var(--c-blue-deep-rgb-), .8);--btn-hover-: rgba(var(--c-black-rgb-), .25);--input-background-: rgba(var(--c-black-rgb-), .55);--input-background-active-: rgba(var(--c-black-rgb-), .85);--input-border-: var(--c-dark-input-);--input-btn-active: var(--c-dark-blue-accent-);--input-btn-color-active: var(--c-dark-on-accent-);--input-btn-light-background-: var(--c-dark-elevated-);--input-btn-hover-: var(--c-dark-hover-);--pending-color-yellow-: var(--c-dark-amber-);--pending-color-yellow-hover-: var(--c-amber-700-);--background-list-item-odd-: rgba(var(--c-white-rgb-), .02);--background-list-item-even-: rgba(var(--c-white-rgb-), .04);--background-list-item-sub-: rgba(var(--c-white-rgb-), .01);--background-list-hover-item-: rgba(var(--c-white-rgb-), .06);--background-list-hover-item-sub-: rgba(var(--c-white-rgb-), .05)}.missing{color:var(--btn-red-background-heavy-)!important;background-color:var(--btn-red-background-hover-)!important}.missing:hover{background-color:var(--btn-red-background-hover-)!important}.missing:hover>div{color:var(--btn-red-background-heavy-)!important}.missing.grade-table-row{background-color:rgba(var(--c-red-rgb-),.05)!important;color:var(--text-dark-)!important}.missing.grade-table-row:hover{background-color:rgba(var(--c-red-rgb-),.08)!important}.assigned.grade-table-row{background-color:rgba(var(--c-green-rgb-),.05)!important;color:var(--text-dark-)!important}.assigned.grade-table-row:hover{background-color:rgba(var(--c-green-rgb-),.08)!important}.missing.grade-table-row>div,.assigned.grade-table-row>div{color:var(--text-dark-)!important}.missing.grade-table-row:hover>div,.assigned.grade-table-row:hover>div{color:var(--blue-accent-)!important}.status-cell{text-transform:capitalize}.count-box{display:flex;flex-direction:column;align-items:center;justify-content:center;height:auto;padding:4px 12px}.missing-count-box{color:var(--btn-red-background-heavy-)}.missing-count-label{font-size:9px;font-weight:500;color:var(--text-dark-)}.missing-count-number{font-size:13px;font-weight:700;line-height:1.2}.graded-count-box{color:var(--text-dark-);border-right:1px solid rgba(var(--c-grey-mid-rgb-),.5)}.assigned-count-box{color:var(--c-green-500-);border-right:1px solid rgba(var(--c-grey-mid-rgb-),.5)}.assigned{color:var(--c-green-500-)!important;background-color:var(--c-green-100-)!important}.assigned:hover{background-color:var(--c-green-100-)!important}.assigned:hover>div{color:var(--c-green-500-)!important}.clickable{cursor:pointer}.status-graded{color:var(--c-green-500-)}.calc-subheader-end{justify-content:flex-end}.pt-10{padding-top:10px}.pt-20{padding-top:20px}.mt-20{margin-top:20px}.link-reset{display:contents;text-decoration:none;color:inherit}html{overflow-y:scroll}body{position:relative;width:100%;padding:0;margin:0;overflow-x:clip;background:var(--body-background-);color:var(--text-color-);font-family:Roboto,sans-serif;transition:var(--transition-)}.header-signout-btn:after,.panel-card>div:nth-child(3):after,.item-header-btn:after,.schedule-view-btn:after,.grade-calculator-btn:after,.calc-reset-all-btn:after,.grade-calc-action-btn:after,.grade-details-action-btn:after,.card-student-videos .item-view-all:after,.schedule-videos-btn:after,.close-misc-overlay:after{display:none}input,select,textarea{outline:none;border:none;font-size:14px;background:none}input:focus{outline:none;border:none}button{background:none;border:none;cursor:pointer;font-family:inherit}button:focus-visible{outline:2px solid var(--blue-accent-);outline-offset:2px}textarea{resize:none;width:100%}h1{font-size:1.2rem;font-family:Roboto,sans-serif;font-style:normal;font-weight:400}h2{font-size:.9rem;font-family:Roboto,sans-serif;font-style:normal;font-weight:600;color:var(--btn-blue-color-)}hr{border-color:var(--border-hr-color-);margin:20px auto;border-top:none}a.inline-link{color:var(--link-color-);font-weight:500}a.inline-link:hover{color:var(--link-color-hover-)}a.inline-link-white{color:var(--text-white-);font-weight:500}a.inline-link-blue{color:var(--link-color-dark-);font-weight:400;text-decoration:none}img.logo{width:60px;height:auto;margin:20px auto -20px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--body-background-)}::-webkit-scrollbar-thumb{background:var(--input-btn-light-background-);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--input-btn-hover-)}.header{width:100%;height:60px;position:fixed;top:0;z-index:1000;background-color:var(--bg-white-);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(var(--c-black-rgb-),.08)}.header>div{height:60px;display:flex;margin:auto;width:100%;align-items:center}.header>div>img{margin:auto 20px}.header-logo-full{width:160px;margin-left:20px}.header-logo-icon{display:none;width:32px;height:32px;object-fit:contain;margin-left:20px}.header-spacer{flex:1}.header-signout-btn{display:flex;height:30px;border-radius:9999px;padding:0 20px;gap:8px;font-size:.7rem;flex-direction:row;align-items:center;margin-right:20px;background:var(--c-grey-100-);color:var(--c-grey-820-);border:none;transition:var(--transition-);position:relative;cursor:pointer}.header-signout-btn:before{content:"";position:absolute;inset:0;border-radius:9999px;background:rgba(var(--c-black-rgb-),.09);opacity:0;transition:var(--transition-);pointer-events:none}.header-signout-btn:hover:before{opacity:1}.header-signout-btn:after{content:"";position:absolute;inset:0;border-radius:9999px;padding:2px;background:conic-gradient(from var(--border-angle),rgba(var(--c-grey-cool-rgb-),.8),transparent 90deg,rgba(var(--c-grey-cool-rgb-),.8) 180deg,transparent 270deg,rgba(var(--c-grey-cool-rgb-),.8) 360deg);-webkit-mask:linear-gradient(rgb(var(--c-white-rgb-)) 0 0) content-box,linear-gradient(rgb(var(--c-white-rgb-)) 0 0);-webkit-mask-composite:destination-out;mask-composite:exclude;pointer-events:none}.header-signout-btn>*{position:relative;z-index:1}.header-signout-btn>span{font-size:1.1rem}.header>:nth-child(2){flex:1}.header-title{display:flex;gap:10px;justify-content:center;align-items:center}.header-title img{width:auto;height:20px}.header-title div{color:var(--text-header-);font-size:.9rem}.dashboard{width:100%;margin:auto}.dashboard-content{display:flex;margin:20px;padding:60px 0 0}.dashboard-content>div:nth-child(1){width:90vw;position:fixed;left:-90vw;background-color:var(--bg-panel-);min-height:calc(100vh - 100px);border-radius:10px}.dashboard-content>div:nth-child(2){width:100%;display:flex;flex:1;flex-direction:column}.page-content-card{background-color:var(--bg-white-);border-radius:10px;padding:20px 10px;width:100%;box-sizing:border-box}.content-divider{border:none;border-top:1px solid var(--grey-border-);margin:6px 10px}.page-container{width:100%;margin-inline:auto}.page-container>h1{text-transform:uppercase}.flex-container{display:flex;gap:20px;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start;position:relative;flex:1}.flex-list{display:flex;position:relative;gap:20px;justify-content:flex-start;align-items:stretch;flex-wrap:wrap;margin-bottom:60px}.sidebar-flex{display:flex;flex-direction:column;height:100%}.sidebar-settings-btn{display:flex;align-items:center;justify-content:flex-start;gap:10px;width:100%;margin-top:auto;padding:16px 27px;border-radius:0 0 10px 10px;background:var(--c-amber-050-);color:var(--c-amber-820-);font-size:.82rem;font-weight:400;cursor:pointer;transition:var(--transition-);box-sizing:border-box}.sidebar-settings-btn:hover{background:var(--c-amber-100-);color:var(--c-amber-820-)}.sidebar-settings-btn .material-symbols-outlined{font-size:1.4rem;color:var(--c-amber-600-)}.sidebar-settings-btn--active,.sidebar-settings-btn--active:hover{background:var(--c-amber-200-);color:var(--c-amber-900-)}.link-list{margin:12px;display:flex;flex-direction:column;gap:0}.link-list>a{padding:7px 15px;font-weight:500;font-size:14px}.link-list>a .material-symbols-outlined{font-size:18px}.active{background-color:var(--c-blue-150-);border-radius:9999px;color:var(--c-navy-deep-);text-decoration:none;display:flex;flex-direction:row;align-items:center;gap:8px}.inactive{background-color:transparent;border-radius:9999px;color:var(--c-grey-920-);text-decoration:none;display:flex;flex-direction:row;align-items:center;gap:8px;transition:var(--transition-)}.inactive:hover{background-color:var(--c-navy-100-);color:var(--c-grey-920-)}.list-panel{display:flex;flex-direction:column;gap:1px;margin:6px 20px 1px}.panel-title{margin:10px 20px 0;font-weight:600;color:var(--text-grey-);text-align:left}.hr{margin:0 25px}.mobile-report-cards{display:none}.footer-menu{width:calc(100% - 40px);height:60px;padding:0 20px;display:flex;background-color:var(--btn-blue-color-);position:fixed;top:calc(100vh - 60px);justify-content:center;align-items:center;gap:2px;z-index:100}.footer-active{background-color:var(--blue-accent-alpha-);border-radius:10px;color:var(--text-white-);text-decoration:none;display:flex;flex-direction:column;align-items:center;padding:8px 4px;margin:8px 0;gap:2px;font-weight:500;flex:1}.footer-active>span:nth-child(1),.footer-inactive>span:nth-child(1){font-size:1.1rem}.footer-active>div:nth-child(2),.footer-inactive>div:nth-child(2){font-size:.7rem;font-weight:300}.footer-inactive{background-color:transparent;border-radius:10px;color:var(--text-white-);text-decoration:none;display:flex;flex-direction:column;align-items:center;padding:8px 4px;margin:8px 0;gap:2px;font-weight:500;flex:1;transition:var(--transition-)}.footer-inactive:hover{background-color:var(--blue-accent-alpha-)}.link-list .student-item-count,.footer-menu .student-item-count{min-width:18px;height:18px;padding:0 5px;border-radius:9999px;background-color:var(--red-);color:var(--text-white-);font-size:.7rem;line-height:1}.link-list>a .student-item-count{margin-left:auto}.footer-menu>a:has(.student-item-count){position:relative}.footer-menu>a .student-item-count{position:absolute;top:2px;right:8px}.mobile-sub-header{display:none;width:100%;height:36px;position:fixed;top:60px;z-index:999;background-color:var(--c-grey-010-);align-items:center;padding:0 12px;box-sizing:border-box;gap:4px}.mobile-sub-header-profile{display:flex;align-items:center;color:var(--btn-blue-color-);text-decoration:none;padding:4px 8px;border-radius:8px;transition:var(--transition-)}.mobile-sub-header-profile:hover,.mobile-sub-header-profile--active{background-color:var(--bg-blue-hover-)}.mobile-sub-header-avatar{width:22px;height:22px;border-radius:50%;object-fit:cover}.mobile-sub-header-profile>.material-symbols-outlined{font-size:1.2rem}.mobile-sub-header-spacer{flex:1}.mobile-sub-header-link{display:flex;align-items:center;color:var(--btn-blue-color-);text-decoration:none;padding:4px 10px;border-radius:8px;transition:var(--transition-)}.mobile-sub-header-link>.material-symbols-outlined{font-size:1.1rem}.mobile-sub-header-link:hover,.mobile-sub-header-link--active{background-color:var(--bg-blue-hover-)}.mobile-sub-header-link:has(.student-item-count){position:relative}.mobile-sub-header .student-item-count{min-width:15px;height:15px;padding:0 4px;border-radius:9999px;background-color:var(--red-);color:var(--text-white-);font-size:.6rem;line-height:1;position:absolute;top:0;right:2px;display:flex;align-items:center;justify-content:center}.mobile-top-nav-skeleton{display:block;flex:0 0 auto;width:18px;height:18px;margin:4px 10px;border-radius:4px}.mobile-sub-header-btn{display:flex;align-items:center;color:var(--btn-blue-color-);background:transparent;padding:4px 10px;border-radius:8px;cursor:pointer;transition:var(--transition-)}.mobile-sub-header-btn>.material-symbols-outlined{font-size:1.1rem}.mobile-sub-header-btn:hover,.mobile-sub-header-btn--active{background-color:var(--bg-blue-hover-)}.card{border-radius:10px;background-color:transparent;display:flex;padding:0;flex-direction:column}.card-header{width:calc(100% - 20px);padding:0 10px;display:flex;height:90px;gap:10px;background-color:var(--bg-white-);border-radius:8px 8px 0 0;align-items:center}.card-header-avatar{width:60px;height:60px;border-radius:30px;display:flex;align-items:center;justify-content:center;background-color:var(--grey-border-);color:var(--text-grey-);flex-shrink:0}.card-header-avatar>span{font-size:2rem}.card-header-title{flex:1;font-weight:600;color:var(--text-grey-);min-width:0}.card-header-title--breadcrumb{font-size:1.6rem;font-weight:300;text-transform:uppercase;letter-spacing:.06em;color:var(--text-grey-)}.card-header:has(.card-header-title--breadcrumb){height:60px}.card-header-action{display:flex;align-items:center;gap:10px}.empty-message{display:flex;align-items:center;justify-content:center;width:100%;padding:20px;color:var(--link-color-dark-);font-size:14px}.error-message{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:100%;padding:24px 20px;text-align:center}.error-message-text{max-width:42ch;color:var(--link-color-dark-);font-size:14px;line-height:1.5}.error-message-retry{padding:8px 18px;border:1px solid var(--link-color-dark-);border-radius:8px;background:transparent;color:var(--link-color-dark-);font-size:14px;cursor:pointer}.error-message-retry:hover{background:var(--link-color-dark-);color:#fff}.nav-profile{display:flex;align-items:center;gap:10px;padding:10px 16px;margin:10px 14px 0;border-radius:10px;text-decoration:none;transition:background .15s ease}.nav-profile:hover{background:var(--c-navy-100-)}.nav-profile--active{background:var(--c-blue-150-);color:var(--c-navy-deep-)}.nav-profile-avatar{width:30px;height:30px;border-radius:50%;object-fit:cover}.nav-profile-name{font-size:14px;color:gray;font-weight:700}.home-empty-videos{background-color:var(--grey-border-alpha-);border-radius:10px;padding:10px;margin:0 10px}.panel-card{border-radius:10px;background-color:var(--bg-card-alt-);display:flex;text-decoration:none;color:var(--text-dark-);box-shadow:0 2px 4px 1px rgba(var(--c-black-rgb-),.05);align-items:center;border:2px solid var(--bg-card-alt-);transition:var(--transition-);padding:6px 6px 6px 8px;gap:10px;text-align:left}.panel-card:hover{border:2px solid var(--blue-accent-)}.panel-card>div:nth-child(1){width:34px;height:34px;border-radius:50%;background-color:var(--bg-blue-light-);display:flex;justify-content:center;align-items:center;color:var(--blue-navy-);font-weight:700;font-size:.8rem;flex-shrink:0}.panel-card>div:nth-child(1)>span{font-size:1.1rem}.panel-card>div:nth-child(2){display:flex;flex-direction:column;flex:1;font-size:.8rem;min-width:0}.panel-card>div:nth-child(2)>div:nth-child(1){font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.panel-card>div:nth-child(2)>div:nth-child(2){font-weight:300;font-size:.75rem;color:var(--text-dark-alpha-)}.panel-card>div:nth-child(3){width:50px;height:36px;border-radius:10px;background:var(--btn-blue-light-color-);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;position:relative;cursor:pointer;transition:var(--transition-)}.panel-card>div:nth-child(3):before{content:"";position:absolute;inset:0;border-radius:10px;background:var(--blue-navy-);opacity:0;transition:var(--transition-);pointer-events:none}.panel-card>div:nth-child(3):hover:before{opacity:1;filter:brightness(.8)}.panel-card>div:nth-child(3):after{content:"";position:absolute;inset:0;border-radius:10px;padding:2px;background:conic-gradient(from var(--border-angle),var(--btn-blue-border-two-),transparent 90deg,var(--btn-blue-border-two-) 180deg,transparent 270deg,var(--btn-blue-border-two-) 360deg);-webkit-mask:linear-gradient(rgb(var(--c-white-rgb-)) 0 0) content-box,linear-gradient(rgb(var(--c-white-rgb-)) 0 0);-webkit-mask-composite:destination-out;mask-composite:exclude;pointer-events:none}.panel-card>div:nth-child(3)>span{position:relative;z-index:1}.panel-card>div:nth-child(3)>span{font-size:18px}.student-card{border-radius:21px;width:100%;background-color:var(--bg-card-);filter:drop-shadow(0px 3px 6px rgba(var(--c-black-rgb-),.16));display:flex;margin-top:10px}.student-card>div:nth-child(1){flex:1;margin:10px;display:flex;gap:10px}.student-card>div:nth-child(1)>div:nth-child(1){border-radius:30px;flex:0 0 60px;height:60px;background-color:var(--bg-blue-light-);color:var(--blue-navy-);display:flex;text-align:center;justify-content:center;align-items:center}.student-card>div:nth-child(1)>div:nth-child(2){flex:1;margin-top:10px}.student-card>div:nth-child(2){flex:0 0 35px;margin:1px;background-color:var(--grey-border-alpha-);border-radius:5px 21px 21px 5px;display:flex;align-items:center;color:var(--text-grey-);text-align:center;justify-content:center;font-size:.8rem}.student-card>div:nth-child(2) span{font-size:.8rem}.student-titles{color:var(--text-dark-alpha-)}.student-titles div:nth-child(1){font-size:16px}.student-titles div:nth-child(2){font-size:14px}.student-item{width:100%;background-color:transparent;border-radius:8px;box-shadow:none;margin-bottom:0}.student-item-header{width:calc(100% - 20px);padding:0 10px;display:flex;height:90px;gap:10px;background-color:var(--bg-white-);border-radius:8px 8px 0 0;z-index:50;align-items:center;position:sticky;top:100px}.student-item-header-closed{border-radius:8px}.item-header-avatar{width:60px;height:60px;border-radius:30px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-blue-light-);color:var(--c-navy-500-)}.item-header-avatar>span{font-size:2rem}.item-header-titles{flex:1;min-width:0;display:flex;flex-direction:column;color:var(--text-dark-)}.item-header-titles>div:nth-child(1){font-weight:600}.item-header-titles>div:nth-child(2){font-weight:300;font-size:.85rem}.item-header-btn{width:60px;height:60px;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:var(--transition-);background:rgb(var(--c-white-rgb-));color:var(--text-secondary-);position:relative}.item-header-btn:before{content:"";position:absolute;inset:0;border-radius:10px;background:var(--bg-blue-hover-alt-);opacity:0;transition:var(--transition-);pointer-events:none}.item-header-btn:hover:before{opacity:1;filter:brightness(.95)}.item-header-btn:hover{color:var(--blue-accent-)}.item-header-btn:after{content:"";position:absolute;inset:0;border-radius:10px;padding:2px;background:conic-gradient(from var(--border-angle),rgba(var(--c-grey-cool-rgb-),.8),transparent 90deg,rgba(var(--c-grey-cool-rgb-),.8) 180deg,transparent 270deg,rgba(var(--c-grey-cool-rgb-),.8) 360deg);-webkit-mask:linear-gradient(rgb(var(--c-white-rgb-)) 0 0) content-box,linear-gradient(rgb(var(--c-white-rgb-)) 0 0);-webkit-mask-composite:destination-out;mask-composite:exclude;pointer-events:none}.item-header-btn .material-symbols-outlined{position:relative;z-index:1}.student-item-count{min-width:48px;height:48px;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--bg-blue-light-);color:var(--blue-accent-);font-size:.85rem;font-weight:700;padding:0 8px;gap:1px}.student-item-count-label{font-size:.45rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--blue-accent-);opacity:.7;line-height:1}.student-item-action-row{display:contents}.lunch-pin-badge{align-self:flex-start;margin-top:4px;height:20px;padding:0 8px;border-radius:9999px;background-color:var(--bg-blue-light-);color:var(--blue-accent-);display:flex;align-items:center;gap:5px;white-space:nowrap}.lunch-pin-label{font-size:.55rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;opacity:.7}.lunch-pin-value{font-size:.55rem;font-weight:700;letter-spacing:.08em}.student-item-header:has(.lunch-pin-badge){height:auto;min-height:90px;padding-top:10px;padding-bottom:10px}@media (max-width: 570px){.student-item-header:has(.schedule-today-label){flex-wrap:wrap;height:auto;padding-top:10px;padding-bottom:10px}.student-item-header:has(.schedule-today-label) .student-item-action-row{display:flex;flex:0 0 100%;align-items:center;justify-content:flex-end;gap:8px}.student-item-header:has(.schedule-today-label) .student-item-count{flex:0 0 auto;min-width:48px;height:48px}}.schedule-view-panel{display:none}.schedule-view-panel.active{display:block;background-color:var(--bg-item-);color:inherit}.schedule-view-toggle{display:flex;margin-left:auto;padding-right:10px}.schedule-view-btn{height:36px;padding:0 10px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--bg-item-);color:var(--text-secondary-);border:none;cursor:pointer;transition:var(--transition-);position:relative}.schedule-view-btn:before{content:"";position:absolute;inset:0;border-radius:10px;background:var(--bg-blue-hover-alt-);opacity:0;transition:var(--transition-);pointer-events:none}.schedule-view-btn:hover:before{opacity:1;filter:brightness(.95)}.schedule-view-btn:hover{color:var(--blue-accent-)}.schedule-view-btn:after{content:"";position:absolute;inset:0;border-radius:10px;padding:2px;background:conic-gradient(from var(--border-angle),var(--btn-blue-border-two-),transparent 90deg,var(--btn-blue-border-two-) 180deg,transparent 270deg,var(--btn-blue-border-two-) 360deg);-webkit-mask:linear-gradient(rgb(var(--c-white-rgb-)) 0 0) content-box,linear-gradient(rgb(var(--c-white-rgb-)) 0 0);-webkit-mask-composite:destination-out;mask-composite:exclude;pointer-events:none}.schedule-view-btn .material-symbols-outlined{position:relative;z-index:1;font-size:20px;font-variation-settings:"OPSZ" 20}.schedule-view-btn.active{background:var(--btn-blue-light-color-);color:#fff}.schedule-view-btn.active:before{background:var(--blue-navy-)}.schedule-view-btn:has(.schedule-today-label){height:48px}.schedule-no-school{cursor:default;opacity:.6}.schedule-today-label{position:relative;z-index:1;font-size:.75rem;font-weight:600;margin-left:6px;white-space:nowrap}.schedule-view-toggle>button:first-child,.schedule-view-toggle>button:first-child:before,.schedule-view-toggle>button:first-child:after{border-radius:50px 0 0 50px}.schedule-view-toggle>button:first-child{padding-left:14px}.schedule-view-toggle>button:last-child,.schedule-view-toggle>button:last-child:before,.schedule-view-toggle>button:last-child:after{border-radius:0 50px 50px 0}.schedule-view-toggle>button:last-child{padding-right:14px}.schedule-view-btn:not(.active):after{background:conic-gradient(from var(--border-angle),var(--grey-border-),transparent 90deg,var(--grey-border-) 180deg,transparent 270deg,var(--grey-border-) 360deg)}.schedule-week-view{display:flex;gap:5px;padding:10px;overflow-x:auto;background:var(--bg-secondary-);border-radius:0 0 8px 8px}.schedule-week-col{display:flex;flex-direction:column;flex:1 1 0;gap:6px;padding:7px;background-color:rgba(var(--c-black-rgb-),.02);border-radius:10px}.schedule-week-col-header{padding:2px 2px 8px}.schedule-week-col-day{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-primary-)}.schedule-week-col-header.today .schedule-week-col-day{color:var(--btn-blue-light-color-)}.schedule-week-col-date{font-size:.62rem;color:var(--text-secondary-);margin-top:2px}.schedule-week-cell{border-radius:12px;padding:15px 10px;display:flex;flex-direction:column;gap:5px;width:100%;border:none;cursor:pointer;text-align:left;margin:0;background:var(--bg-white-);box-shadow:0 1px 4px rgba(var(--c-black-rgb-),.078);transition:box-shadow .2s;box-sizing:border-box}.schedule-week-cell:hover{box-shadow:none;background:var(--btn-blue-light-color-)}.schedule-week-cell:hover .schedule-week-cell-period,.schedule-week-cell:hover .schedule-week-cell-course,.schedule-week-cell:hover .schedule-week-cell-meta{color:rgba(var(--c-white-rgb-),.9)}.schedule-week-cell:hover .schedule-week-cell-code{background:rgba(var(--c-white-rgb-),.25);color:rgb(var(--c-white-rgb-))}.schedule-week-cell-top{display:flex;align-items:center;justify-content:space-between;gap:4px}.schedule-week-cell-period{font-size:.62rem;color:var(--text-secondary-);font-weight:400}.schedule-week-cell-code{display:inline-flex;align-items:center;justify-content:center;padding:1px 6px;border-radius:20px;background:var(--btn-blue-light-color-);color:#fff;font-size:.55rem;font-weight:700;flex-shrink:0;letter-spacing:.03em}.schedule-week-cell-course{font-size:.78rem;font-weight:700;color:var(--text-primary-);line-height:1.25}.schedule-week-cell-meta{font-size:.62rem;color:var(--text-secondary-)}.schedule-week-cell-videos{margin-top:4px;background:var(--bg-subtle-);color:var(--text-secondary-);font-size:.75rem;font-weight:500;text-align:center;padding:6px 10px;border-radius:20px}.schedule-section-modal-overlay{position:fixed;inset:0;background:rgba(var(--c-black-rgb-),.4);z-index:1000;display:flex;align-items:center;justify-content:center}.schedule-section-modal{background:var(--bg-white-);border-radius:12px;width:520px;max-width:calc(100vw - 40px);box-shadow:0 8px 32px rgba(var(--c-black-rgb-),.18);overflow:hidden;padding:0 20px}.schedule-section-modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 0 16px;border-bottom:1px solid rgba(var(--c-black-rgb-),.06)}.schedule-section-modal-title{font-size:1rem;font-weight:700;color:var(--text-primary-)}.schedule-section-modal-code{font-size:.75rem;color:var(--text-secondary-);margin-top:2px}.schedule-section-modal-close{background:none;border:none;cursor:pointer;color:var(--text-secondary-);padding:0;display:flex;align-items:center;margin-left:12px;flex-shrink:0}.schedule-section-modal-close:hover{color:var(--text-primary-)}.schedule-section-modal-body{padding:8px 0 16px;display:flex;flex-direction:column}.schedule-section-modal-body>div:nth-child(odd){background-color:rgba(var(--c-white-rgb-),0)}.schedule-section-modal-body>div:nth-child(2n){background-color:var(--background-list-item-even-)}.schedule-section-modal-row{display:flex;align-items:flex-start;gap:10px;font-size:.85rem;color:var(--text-primary-);padding:10px 8px;border-radius:5px}.schedule-section-modal-row .material-symbols-outlined{font-size:1.1rem;color:var(--text-secondary-);flex-shrink:0;margin-top:1px}.schedule-section-modal-email{font-size:.78rem;color:var(--btn-blue-light-color-);text-decoration:none;display:block;margin-top:2px}.schedule-section-modal-email:hover{text-decoration:underline}.schedule-section-modal-days{display:flex;gap:6px;padding:10px 8px;border-radius:5px}.schedule-section-modal-day{flex:1;display:flex;align-items:center;justify-content:center;padding:10px 0;border-radius:6px;font-size:.85rem;font-weight:600;background:var(--bg-item-);color:var(--text-secondary-)}.schedule-section-modal-day.active{background:var(--btn-blue-light-color-);color:#fff}.item-view-container{z-index:10;position:relative;overflow:clip;transition:var(--transition-);height:auto;padding:0 10px}.display-open{height:auto;transition:var(--transition-)}.display-closed{height:0px;transition:var(--transition-)}.flip-icon{transform:rotateY(180deg)}.item-view-header{display:flex;background-color:var(--bg-white-);color:var(--text-secondary-);font-size:.8rem;font-weight:700;padding:10px 45px;gap:10px}.item-view-header>div:nth-child(1){flex:1;padding:0 0 0 25px}.item-view-header>div:nth-child(2){padding:0}.item-view-list{padding:0;display:flex;flex-direction:column;gap:1px}.item-view-list.grades-overview{margin:4px 0}.item-view-list.grades-overview>div{padding:6px 10px;min-height:52px;display:flex;align-items:center;gap:8px}.item-view-list.grades-overview>div:nth-child(2n),.item-view-list.attendance-detail>div:nth-child(2n),.item-view-list.four-col>div:nth-child(2n){background-color:var(--bg-white-)}.item-view-list.grades-overview>div:nth-child(odd),.item-view-list.attendance-detail>div:nth-child(odd),.item-view-list.four-col>div:nth-child(odd){background-color:rgba(var(--c-black-rgb-),.03)}.item-view-list>div{padding:10px 25px;border-radius:5px;transition:var(--transition-);z-index:0;position:relative;display:flex;align-items:center;justify-content:start;gap:10px;cursor:pointer;text-decoration:none;color:var(--text-dark-);font-size:.8rem}.item-view-list>div>a>div:nth-child(1){flex:1}.item-view-list>div:nth-child(2n){background-color:var(--bg-white-)}.item-view-list>div:nth-child(odd){background-color:rgba(var(--c-white-rgb-),0)}.item-view-list>div:hover{background-color:var(--bg-blue-hover-);z-index:1}.item-view-list>div:hover>div{color:var(--blue-accent-)}.item-view-list.grades-overview>div:hover,.item-view-list.attendance-detail>div:hover,.item-view-list.four-col>div:hover{background-color:var(--bg-blue-hover-)}.item-view-list.attendance-detail>div:hover>div,.item-view-list.four-col>div:hover>div{color:var(--blue-accent-)}.item-view-list.grades-overview>div:hover>a{color:var(--blue-accent-)}.item-view-header.grades-overview{padding:10px}.item-view-header.grades-overview>div:nth-child(1){flex:1;padding:0}.item-view-header.grades-overview>div:nth-child(2){flex:0 0 250px}.item-view-header.grades-overview>div:nth-child(3){flex:0 0 150px;text-align:left;padding:0}.grades-overview-with-announce>div:nth-child(4){flex:0 0 60px}.item-view-list.grades-overview>div>a{display:flex;flex:1;align-items:center;gap:10px;text-decoration:none;color:inherit}.item-view-list.grades-overview>div>a>div:nth-child(1){flex:1}.item-view-list.grades-overview>div>a>div:nth-child(2){flex:0 0 250px}.item-view-list.grades-overview>div>a>div:nth-child(3){flex:0 0 150px;display:flex;align-items:center}.grade-bar-wrap{position:relative;width:100%;height:20px;background-color:var(--c-grey-200-);border-radius:4px;overflow:hidden}.item-view-list.grades-overview .grade-bar-wrap{overflow:visible}.item-view-list.grades-overview .grade-override-badge{top:-12px;right:-7px}.grade-bar-fill{position:absolute;top:0;left:0;height:100%;border-radius:4px}.grade-bar-label{position:absolute;left:8px;top:50%;transform:translateY(-50%);font-size:.72rem;font-weight:700;color:rgb(var(--c-white-rgb-));text-shadow:0 1px 2px rgba(var(--c-black-rgb-),.35);z-index:1;white-space:nowrap}.item-view-all{border-radius:10px;color:var(--text-white-);font-weight:600;background-color:var(--green-color-);font-size:.8rem;text-decoration:none;display:flex;transition:var(--transition-)}.item-view-all>div{display:flex;gap:10px;width:100%;border-radius:10px;align-items:center;justify-content:center;margin:3px;padding:8px 20px}.item-view-all:hover{background-color:var(--green-dark-)}.item-view-all.disabled{background-color:var(--grey-bg-);box-shadow:none;pointer-events:none;opacity:.6}.item-attendance-header{display:flex;background-color:var(--bg-white-);color:var(--text-secondary-);font-size:.8rem;font-weight:700;padding:10px 45px;gap:10px}.item-attendance-header>div:nth-child(1){padding:0;flex:0 0 200px}.item-attendance-header>div:nth-child(2){padding:0;flex:1}.item-attendance-list{padding:10px 20px;background-color:var(--bg-item-)}.item-attendance-list>div{padding:10px 25px;border-radius:5px;transition:var(--transition-);z-index:0;position:relative;display:flex;align-items:center;justify-content:start;gap:20px;cursor:pointer;font-size:.8rem;border-left:1px solid transparent}.item-attendance-list>div>div:nth-child(1){flex:1}.item-view-list.four-col>div>div:nth-child(1){flex:1}.item-view-header.four-col>div:nth-child(1){flex:1}.item-view-header.four-col>div:nth-child(2){flex:1}.item-view-header.four-col>div:nth-child(3){flex:1}.item-view-header.four-col>div:nth-child(4){flex:0 0 300px}.item-view-list.four-col>div>div:nth-child(2),.item-view-list.four-col>div>div:nth-child(3){flex:1}.item-view-list.four-col:not(.schedule)>div>div:nth-child(2){color:var(--btn-border-color-red-)}.item-view-header.schedule>div:nth-child(1){flex:2}.item-view-header.schedule>div:nth-child(2){flex:0 0 80px}.item-view-header.schedule>div:nth-child(3){flex:2}.item-view-header.schedule>div:nth-child(4){flex:0 0 170px}.item-attendance-list.schedule>div+div{border-top:2px solid var(--bg-secondary-)}.item-attendance-list.schedule>div{flex-direction:column;align-items:stretch;gap:2px;cursor:default;padding:8px 20px}.schedule-row-top{display:flex;width:100%;align-items:center;gap:10px}.schedule-row-icon{width:56px;height:56px;border-radius:12px;background:var(--btn-blue-light-color-);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:rgb(var(--c-white-rgb-));font-size:1.6rem}.schedule-row-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.schedule-row-course{font-size:.85rem;font-weight:700;color:var(--text-primary-)}.schedule-row-teacher{display:flex;align-items:center;gap:4px;font-size:.72rem;color:var(--text-secondary-)}.schedule-row-teacher .material-symbols-outlined{font-size:.85rem}.schedule-row-period-badge{width:32px;height:32px;border-radius:50%;background:var(--btn-blue-light-color-);display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;gap:0}.schedule-row-period-label{font-size:.42rem;font-weight:600;color:rgba(var(--c-white-rgb-),.7);text-transform:uppercase;letter-spacing:.05em;line-height:1}.schedule-row-period-num{font-size:.85rem;font-weight:700;color:rgb(var(--c-white-rgb-));line-height:1.1}.schedule-row-videos-header{display:flex;align-items:center;gap:12px;margin:16px 0 10px}.schedule-row-videos-title{font-size:.95rem;font-weight:700;color:var(--text-primary-);white-space:nowrap}.schedule-row-videos-divider{flex:1;height:1px;background:var(--grey-border-)}.schedule-row-videos-viewall{font-size:.78rem;color:var(--btn-blue-light-color-);text-decoration:none;white-space:nowrap;font-weight:500}.schedule-row-videos-viewall:hover{color:var(--c-navy-500-);text-decoration:none}.schedule-video-preview{display:flex;flex-wrap:wrap;gap:12px;padding:0 0 6px}.schedule-video-preview .video-list-item{width:calc(33.333% - 8px);box-sizing:border-box;margin-bottom:0}.schedule-row-days-wrap{display:flex;flex-direction:column;gap:10px;padding-top:16px;padding-bottom:6px}.schedule-row-days-label{font-size:.65rem;font-weight:700;color:var(--text-secondary-);letter-spacing:.08em;text-transform:uppercase}.schedule-row-days{display:flex;width:100%;font-size:.8rem;gap:6px}.schedule-row-days>span{flex:1;padding:10px 12px;border-radius:8px;text-align:center;background:rgba(var(--c-black-rgb-),.03);color:var(--text-secondary-);font-weight:500}.schedule-row-days>span.active{background:var(--btn-blue-light-color-);color:rgb(var(--c-white-rgb-));font-weight:600}.schedule-term-header{font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgb(var(--c-white-rgb-));background:var(--c-grey-820-);border-radius:8px;margin:8px 0 4px}.schedule-row-term-badge{padding:0 6px;height:24px;border-radius:6px;background:var(--c-grey-820-);color:rgb(var(--c-white-rgb-));font-size:.6rem;font-weight:600;display:flex;align-items:center;justify-content:center;white-space:nowrap}.schedule-row-days-inline{display:flex;gap:4px;flex-shrink:0}.schedule-row-days-col{display:flex;flex-direction:column;align-items:flex-start;gap:3px}.schedule-row-days-col-label{font-size:.55rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary-);white-space:nowrap}.schedule-row-days-nums{display:flex;gap:4px}.schedule-row-days-nums>span{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:rgba(var(--c-black-rgb-),.05);color:var(--text-secondary-);font-size:.7rem;font-weight:600}.schedule-row-days-all{height:24px;padding:0 8px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:var(--c-blue-100-);color:var(--c-blue-800-);font-size:.65rem;font-weight:700;letter-spacing:.05em}.schedule-row-days-nums>.schedule-row-term-badge{background:var(--c-amber-520-);color:rgb(var(--c-white-rgb-));width:auto;margin-left:4px}.schedule-row-announce-btn{display:flex;align-items:center;gap:4px;padding:4px 10px;border:none;border-radius:8px;background:var(--bg-blue-light-);color:var(--blue-accent-);cursor:pointer;transition:var(--transition-);flex-shrink:0;align-self:flex-end}.schedule-row-announce-btn:hover{background:var(--btn-blue-light-color-);color:rgb(var(--c-white-rgb-))}.schedule-row-announce-btn .material-symbols-outlined{font-size:18px}.item-view-list.grades-overview .schedule-row-announce-btn{align-self:center}.schedule-row-announce-btn--inactive{background:rgba(var(--c-black-rgb-),.04);color:var(--text-secondary-);cursor:default}.schedule-row-announce-btn--inactive:hover{background:rgba(var(--c-black-rgb-),.04);color:var(--text-secondary-)}.schedule-row-announce-count{font-size:.7rem;font-weight:700;min-width:2.4ch;text-align:center}.schedule-announcements-list{display:flex;flex-direction:column;gap:12px}.schedule-announcement-item{padding:10px;border-radius:8px;background:var(--bg-item-)}.schedule-announcement-title{font-weight:600;font-size:.85rem}.schedule-announcement-text{font-size:.78rem;color:var(--text-grey-light-);margin-top:4px}.schedule-announcement-date{font-size:.65rem;color:var(--text-grey-light-);margin-top:6px}.schedule-announcement-materials{margin-top:8px;display:flex;flex-wrap:wrap;gap:6px}.schedule-announcement-materials-label{display:flex;align-items:center;gap:4px;font-size:.72rem;font-weight:600;color:var(--text-secondary-);flex:0 0 100%}.schedule-announcement-materials-label .material-symbols-outlined{font-size:.85rem}.schedule-material-item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px;border-radius:6px;background:rgba(var(--c-black-rgb-),.04);text-decoration:none;color:var(--text-primary-);font-size:.72rem;transition:background .15s;text-align:center}.schedule-material-item:hover{background:var(--bg-blue-light-)}.schedule-material-icon-lg{font-size:2.5rem;color:var(--text-secondary-)}.schedule-material-thumb{width:48px;height:48px;border-radius:6px;object-fit:cover;flex-shrink:0}.schedule-material-title{flex:1;min-width:0}.item-view-header.four-col>div:nth-child(4),.item-view-list.four-col>div>div:nth-child(4){flex:0 0 150px}.item-view-header.attendance-detail>div:nth-child(1){flex:0 0 100px}.item-view-header.attendance-detail>div:nth-child(2){flex:1}.item-view-header.attendance-detail>div:nth-child(3){flex:1}.item-view-header.attendance-detail>div:nth-child(4){flex:1}.item-view-list.attendance-detail>div>div:nth-child(1){flex:0 0 100px}.item-view-list.attendance-detail>div>div:nth-child(2){flex:1}.item-view-list.attendance-detail>div>div:nth-child(3){flex:1}.item-view-list.attendance-detail>div>div:nth-child(4){flex:1}.item-attendance-list>div:nth-child(2n){background-color:var(--bg-white-)}.item-attendance-list>div:nth-child(odd){background-color:rgba(var(--c-white-rgb-),0)}.item-attendance-list>div:hover{background-color:var(--bg-blue-hover-);box-shadow:0 2px 4px 1px rgba(var(--c-black-rgb-),.09);z-index:1}.item-attendance-list.schedule>div{transition:none}.item-attendance-list.schedule>div:hover{border-left:1px solid transparent;box-shadow:none}.item-attendance-list.schedule>div:nth-child(2n):hover{background-color:var(--bg-white-)}.item-attendance-list.schedule>div:nth-child(odd):hover{background-color:rgba(var(--c-white-rgb-),0)}.item-attendance-list.schedule>div.schedule-term-header,.item-attendance-list.schedule>div.schedule-term-header:hover{background:var(--c-grey-820-);box-shadow:none;border-left:none;cursor:default;z-index:auto}.item-attendance-list>div:hover>div{color:inherit}.item-attendance-list>div.no-hover:hover,.item-view-list>div.no-hover:hover{background-color:transparent;box-shadow:none;border-left:1px solid transparent;cursor:default}.attendance-state{padding:3px 10px;width:auto;border-radius:5px;color:var(--text-white-);display:inline-flex;font-size:.9rem;box-shadow:0 2px 4px 1px rgba(var(--c-black-rgb-),.09)}.yellow{background-color:var(--yellow-)}.red{background-color:var(--red-)}.discipline-list{display:flex;flex-direction:column;padding:0 0 16px;gap:12px}.discipline-record-item{background:var(--bg-white-);border-radius:12px;padding:16px 18px 0;cursor:default;width:100%;box-sizing:border-box;background-color:rgba(var(--c-black-rgb-),.03)}.discipline-record-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.discipline-record-date-label{font-size:.62rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary-);margin-bottom:4px}.discipline-record-date{font-size:.85rem;font-weight:700;color:var(--c-navy-500-)}.discipline-record-status{padding:4px 12px;border-radius:20px;background:rgba(var(--c-red-rgb-),.1);color:var(--c-red-800-);font-size:.62rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.discipline-record-status.green{background:rgba(var(--c-green-rgb-),.1);color:var(--c-green-700-)}.discipline-record-status.yellow{background:rgba(var(--c-amber-rgb-),.15);color:var(--c-amber-750-)}.attendance-record-code{font-size:.72rem;color:var(--text-secondary-);margin-bottom:6px}.discipline-record-infraction{font-size:1.15rem;font-weight:700;color:var(--text-primary-);margin-bottom:6px}.discipline-record-location{display:flex;align-items:center;gap:4px;font-size:.78rem;color:var(--text-secondary-);margin-bottom:14px}.discipline-record-location .material-symbols-outlined{font-size:1rem}.discipline-record-footer-divider{border:none;border-top:1px solid rgba(var(--c-black-rgb-),.07);margin:4px 10px 0}.discipline-record-footer{display:flex;align-items:center;justify-content:space-between;width:calc(100% + 36px);box-sizing:border-box;margin-top:0;transition:background .2s;border-radius:0 0 12px 12px;margin-left:-18px;padding:10px 18px;font-size:inherit;color:inherit}.discipline-record-footer:hover{background:var(--bg-blue-light-)}.discipline-record-footer:hover .discipline-record-footer-left,.discipline-record-footer:hover .discipline-record-footer-left span,.discipline-record-footer:hover .discipline-record-footer-icon .material-symbols-outlined,.discipline-record-footer:hover>.material-symbols-outlined{color:var(--c-navy-500-)}.discipline-record-footer-left{display:flex;align-items:center;gap:10px;font-size:.82rem;color:var(--text-secondary-);font-weight:500}.discipline-record-footer-icon{width:32px;height:32px;border-radius:8px;background:var(--bg-secondary-);display:flex;align-items:center;justify-content:center}.discipline-record-footer-icon .material-symbols-outlined{font-size:1.1rem;color:var(--text-secondary-)}.discipline-record-footer>.material-symbols-outlined{font-size:1.2rem;color:var(--text-secondary-)}.attendance-date{font-size:.8rem}.submit-absence-btn{display:flex;align-items:center;gap:6px;padding:0 16px;height:48px;border-radius:10px;background:var(--btn-blue-light-color-);color:var(--text-white-);font-size:.8rem;font-weight:600;cursor:pointer;transition:var(--transition-);white-space:nowrap}.submit-absence-btn:hover{background:var(--blue-navy-)}.submit-absence-btn .material-symbols-outlined{font-size:1.1rem}.attendance-summary-grid{display:flex;flex-wrap:wrap;padding:10px 0;background-color:rgba(var(--c-black-rgb-),.02);border-radius:10px;margin:0 0 16px}.attendance-summary-item{flex:1;display:flex;flex-direction:column;align-items:center;padding:0 20px;text-align:center;border-right:1px solid rgba(var(--c-black-rgb-),.1)}.attendance-summary-item:last-child{border-right:none}.attendance-summary-item:nth-child(odd),.attendance-summary-item:nth-child(2n){background-color:transparent}.attendance-summary-label{font-size:.65rem;color:var(--text-secondary-);font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-bottom:0;min-height:2em;display:flex;align-items:flex-start}.attendance-summary-value{font-size:1.2rem;color:var(--c-navy-500-);font-weight:700}.attendance-action-group{display:flex;align-items:center;gap:1px}.attendance-action-group .schedule-view-btn{height:48px;width:48px;padding:0;border-radius:10px;flex-shrink:0}.attendance-action-group .schedule-view-btn:before,.attendance-action-group .schedule-view-btn:after{border-radius:10px}@media (max-width: 570px){.student-item-header:has(.attendance-action-group){flex-wrap:wrap;height:auto;padding-top:10px;padding-bottom:10px}.student-item-header:has(.attendance-action-group) .student-item-action-row{display:flex;flex:0 0 100%;align-items:center;justify-content:flex-end;gap:8px}.student-item-header:has(.attendance-action-group) .student-item-count{flex:0 0 auto;min-width:48px;height:48px}}.absence-profile-card{padding:16px 10px 8px}.absence-profile-name{font-size:1.6rem}.absence-profile-sub{font-size:.85rem}.absence-profile-grid{display:flex;flex-direction:row;align-items:center;gap:16px;padding:0 0 12px;font-size:.9rem;color:var(--text-dark-)}.absence-profile-avatar{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:3rem;height:3rem;border-radius:50%;background:var(--btn-blue-background-);color:var(--blue-navy-);font-size:1rem;font-weight:700;text-transform:uppercase}.absence-submitting-overlay{position:absolute;inset:0;background:rgba(var(--c-white-rgb-),.75);z-index:10;display:flex;align-items:center;justify-content:center;border-radius:10px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.absence-submitting-content{display:flex;flex-direction:column;align-items:center;gap:14px}.absence-policy-banner{display:flex;gap:14px;background:var(--bg-blue-hover-alt-);border-left:4px solid var(--blue-accent-);border-radius:8px;padding:16px 18px}.absence-policy-icon{flex-shrink:0;font-size:1.3rem;color:var(--blue-accent-);margin-top:1px}.absence-policy-title{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--blue-accent-);margin-bottom:4px}.absence-policy-text{font-size:.82rem;color:var(--text-color-sub-);line-height:1.5;margin:0}.absence-form{display:flex;flex-direction:column;gap:18px;padding:16px 10px;position:relative}.absence-form-field{display:flex;flex-direction:column;gap:6px}.absence-form-label{font-size:.88rem;font-weight:700;color:var(--text-color-sub-)}.absence-form-input{height:52px;padding:0 18px;border-radius:5px;background:var(--bg-search-);border:none;color:var(--text-color-sub-);font-size:.9rem;font-family:inherit;cursor:pointer;width:100%;box-sizing:border-box;box-shadow:inset 0 0 0 2px rgba(var(--c-black-rgb-),0);transition:var(--transition-)}select.absence-form-input,select.settings-form-input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23888' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:36px}.absence-form-input:focus{background-color:var(--bg-blue-hover-alt-);box-shadow:inset 0 0 0 2px var(--c-blue-600-);outline:none}.absence-form-input--error{background-color:rgba(var(--c-red-alt-rgb-),.04)}.absence-form-error{display:block;font-size:.72rem;color:rgb(var(--c-red-alt-rgb-));background:rgba(var(--c-red-alt-rgb-),.05);border-radius:6px;padding:6px 10px;width:100%;box-sizing:border-box}.absence-form-textarea{padding:14px 18px;border-radius:10px;background:var(--bg-search-);border:none;color:var(--text-color-sub-);font-size:.9rem;width:100%;min-height:130px;box-sizing:border-box;font-family:inherit;resize:vertical;box-shadow:inset 0 0 0 2px rgba(var(--c-black-rgb-),0);transition:var(--transition-)}.absence-form-textarea::placeholder{color:var(--text-secondary-)}.absence-form-textarea:focus{background:var(--bg-blue-hover-alt-);box-shadow:inset 0 0 0 2px var(--c-blue-600-);outline:none}.absence-form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}.absence-cancel-btn{display:flex;align-items:center;justify-content:center;height:44px;padding:0 24px;border-radius:10px;background:var(--input-btn-inactive);color:var(--text-secondary-);font-size:.9rem;font-weight:600;cursor:pointer;transition:var(--transition-);border:none}.absence-cancel-btn:hover{background:var(--btn-hover-);color:var(--text-color-sub-)}.absence-submit-btn{display:flex;align-items:center;justify-content:center;height:44px;padding:0 28px;border-radius:10px;background:var(--btn-blue-light-color-);color:var(--text-white-);font-size:.9rem;font-weight:600;cursor:pointer;transition:var(--transition-);border:none}.absence-submit-btn:hover{background:var(--blue-navy-)}.absence-form-row{display:flex;gap:10px}.absence-form-row .absence-form-field{flex:1}.absence-form-row .absence-form-field--short{flex:0 0 80px}.profile-page-content{padding:10px 20px}.profile-page-identity{display:flex;align-items:center;gap:16px;padding:10px 10px 14px}.profile-page-avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;flex-shrink:0}.profile-page-name{font-size:1.3rem;font-weight:700}.profile-page-fields{display:flex;flex-direction:column;gap:12px;padding:14px 10px 4px}.profile-page-field{display:flex;align-items:baseline;gap:12px}.profile-page-field-label{font-size:.8rem;color:gray;flex:0 0 110px}.profile-page-field-value{font-size:.95rem;word-break:break-all}@media (max-width: 550px){.absence-profile-name{font-size:1.2rem}.absence-form-row{flex-wrap:wrap}.absence-form-row .absence-form-field,.absence-form-row .absence-form-field--short{flex:1 1 100%}}@media (max-width: 400px){.absence-form-actions{flex-direction:column}.absence-form-actions .absence-cancel-btn,.absence-form-actions .absence-submit-btn{width:100%}}.settings-layout{display:flex;gap:0;padding:10px 0 24px;min-height:60vh;position:relative}.settings-sidebar{width:220px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;padding:10px 0;box-sizing:border-box}.settings-sidebar-panel{width:100%;background:var(--bg-subtle-);border-radius:12px;border:1px solid var(--grey-border-);box-sizing:border-box;overflow:hidden;padding-bottom:12px}.settings-student-card{display:flex;flex-direction:column;align-items:center;width:100%;background:rgb(var(--c-white-rgb-));border-radius:10px 10px 0 0;padding:20px 0;margin-bottom:4px}.settings-avatar{display:flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;background:var(--btn-blue-background-);color:var(--blue-navy-);font-size:1.6rem;font-weight:700;text-transform:uppercase;flex-shrink:0;margin-bottom:12px}.settings-student-name{font-size:1rem;font-weight:600;color:var(--text-color-sub-);text-align:center}.settings-student-sub{font-size:.75rem;color:var(--text-secondary-);text-align:center;margin-top:4px}.settings-sidebar-divider{width:100%;border:none;border-top:1px solid var(--grey-border-);margin:20px 0 12px}.settings-other-label{font-size:.65rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary-);align-self:flex-start;margin:14px 12px 8px}.settings-student-list{margin:0 12px}.settings-other-item{display:flex;align-items:center;gap:8px;width:100%;padding:6px 10px;border-radius:0;cursor:pointer;transition:var(--transition-);margin:0 0 1px;background:var(--bg-card-alt-);border:none;box-sizing:border-box}.settings-student-list .settings-other-item:first-child{border-radius:8px 8px 0 0}.settings-student-list .settings-other-item:last-child{border-radius:0 0 8px 8px;margin-bottom:0}.settings-student-list .settings-other-item:only-child{border-radius:8px}.settings-other-item:hover{background:var(--btn-blue-light-color-)}.settings-other-item--active{background:var(--btn-blue-light-color-);cursor:default}.settings-other-item--active:hover{background:var(--btn-blue-light-color-);transform:none}.settings-other-avatar{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--btn-blue-light-color-);color:var(--bg-blue-light-);font-size:.55rem;font-weight:700;text-transform:uppercase;flex-shrink:0}.settings-other-item--active .settings-other-avatar,.settings-other-item:hover .settings-other-avatar{background:var(--bg-blue-light-);color:var(--btn-blue-light-color-)}.settings-other-name{font-size:.82rem;font-weight:600;color:var(--text-grey-light-)}.settings-other-item--active .settings-other-name,.settings-other-item:hover .settings-other-name{color:var(--bg-blue-light-)}.settings-other-sub{font-size:.7rem;color:var(--text-secondary-);margin-top:1px}.settings-main{flex:1;display:flex;flex-direction:column;gap:8px;padding:10px 24px;min-width:0}.settings-section{display:flex;flex-direction:column;gap:16px;padding-bottom:24px;padding-left:20px;padding-right:20px}.settings-section-header{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--blue-accent-);padding-bottom:10px;border-bottom:1px solid var(--grey-border-)}.settings-info-grid{display:flex;gap:24px;flex-wrap:wrap}.settings-info-item{display:flex;flex-direction:column;gap:4px;min-width:120px}.settings-info-label{font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary-)}.settings-info-value{font-size:.95rem;font-weight:500;color:var(--text-color-sub-)}.settings-section--boxed{background:var(--bg-subtle-);border-radius:12px;padding:20px;margin-bottom:20px}.settings-form-row{display:flex;gap:14px}.settings-form-field{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}.settings-form-field--short{flex:0 0 90px}.settings-form-label{font-size:.82rem;font-weight:600;color:var(--text-color-sub-)}.settings-optional{font-weight:400;color:var(--text-secondary-)}.settings-form-input{height:38px;padding:0 20px;border-radius:5px;background:rgba(var(--c-white-rgb-),.75);border:none;color:var(--text-color-sub-);font-size:.9rem;width:100%;box-sizing:border-box;box-shadow:inset 0 0 0 2px rgba(var(--c-black-rgb-),0);transition:var(--transition-);font-family:inherit}textarea.settings-form-input{border-radius:10px}.settings-form-input:focus{background-color:var(--bg-blue-hover-alt-);box-shadow:inset 0 0 0 2px var(--c-blue-600-);outline:none}.settings-form-input--error{background-color:rgba(var(--c-red-alt-rgb-),.04)}.settings-form-actions{display:flex;justify-content:flex-end;gap:10px;padding:8px 20px 0;margin-top:auto}.settings-save-btn{display:flex;align-items:center;justify-content:center;height:44px;padding:0 28px;border-radius:10px;background:var(--btn-blue-light-color-);color:var(--text-white-);font-size:.9rem;font-weight:600;cursor:pointer;transition:var(--transition-);border:none}.settings-save-btn:hover{background:var(--blue-navy-)}@media (max-width: 900px){.settings-layout{flex-direction:column}.settings-sidebar{width:100%;flex-direction:row;align-items:center;flex-wrap:wrap;padding:16px 16px 12px;border-right:none;border-bottom:none;gap:12px}.settings-student-card{flex-direction:row;align-items:center;gap:12px;padding:12px 14px;margin-bottom:0;text-align:left}.settings-avatar{margin-bottom:0;width:52px;height:52px;font-size:1.2rem}.settings-student-name,.settings-student-sub{text-align:left}.settings-sidebar-divider,.settings-other-label{display:none}.settings-other-item{margin-bottom:0}.settings-main{padding:16px 12px}}@media (max-width: 600px){.settings-form-row{flex-wrap:wrap}.settings-form-field,.settings-form-field--short{flex:1 1 100%}.settings-section:not(.settings-section--boxed){padding-left:8px;padding-right:8px}.settings-form-actions{padding-left:8px;padding-right:8px}}@media (max-width: 400px){.settings-form-actions{flex-direction:column}.settings-form-actions .absence-cancel-btn,.settings-form-actions .settings-save-btn{width:100%}}.settings-saving-overlay{position:absolute;inset:0;background:rgba(var(--c-white-rgb-),.75);z-index:10;display:flex;align-items:center;justify-content:center;border-radius:10px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.settings-saving-content{display:flex;flex-direction:column;align-items:center;gap:14px}.settings-saving-spinner{display:block;width:36px;height:36px;border:3px solid var(--grey-border-);border-top-color:var(--btn-blue-light-color-);border-radius:50%;animation:settings-spin .7s linear infinite}@keyframes settings-spin{to{transform:rotate(360deg)}}.settings-saving-text{font-size:.9rem;font-weight:600;color:var(--text-color-sub-);letter-spacing:.03em}.settings-unsaved-overlay{position:fixed;inset:0;background:rgba(var(--c-black-rgb-),.4);z-index:1000;display:flex;align-items:center;justify-content:center}.settings-unsaved-modal{background:var(--bg-white-);border-radius:12px;width:360px;max-width:calc(100vw - 40px);box-shadow:0 8px 32px rgba(var(--c-black-rgb-),.18);padding:28px 24px 24px;display:flex;flex-direction:column;align-items:center;gap:10px}.settings-unsaved-icon{width:52px;height:52px;border-radius:50%;background:var(--btn-blue-background-);display:flex;align-items:center;justify-content:center;margin-bottom:4px}.settings-unsaved-icon .material-symbols-outlined{font-size:1.6rem;color:var(--blue-navy-)}.settings-unsaved-title{font-size:1rem;font-weight:700;color:var(--text-color-sub-)}.settings-unsaved-body{font-size:.85rem;color:var(--text-secondary-);text-align:center;line-height:1.5;margin-bottom:8px}.settings-unsaved-actions{display:flex;gap:10px;width:100%;justify-content:center}.settings-unsaved-leave-btn{display:flex;align-items:center;justify-content:center;height:40px;padding:0 24px;border-radius:10px;background:var(--btn-bg-color-red-);color:var(--btn-text-color-red-);border:1px solid var(--btn-border-color-red-);font-size:.9rem;font-weight:600;cursor:pointer;transition:var(--transition-)}.settings-unsaved-leave-btn:hover{background:var(--btn-border-color-red-);color:var(--text-white-)}.attendance-calendar{padding:10px 0;width:100%;max-width:100%;overflow:hidden;box-sizing:border-box}.attendance-calendar-nav{display:flex;align-items:center;justify-content:space-between;padding:0 4px 10px}.cal-month-title{font-weight:600;font-size:.95rem;color:var(--text-primary-)}.cal-nav-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:var(--bg-item-);color:var(--text-secondary-);cursor:pointer;transition:var(--transition-)}.cal-nav-btn:hover{color:var(--blue-accent-)}.cal-nav-btn .material-symbols-outlined{font-size:20px}.attendance-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;width:100%}.cal-dow-header{text-align:center;font-size:.72rem;font-weight:600;color:var(--text-secondary-);padding:4px 0}.cal-day-cell{display:flex;align-items:center;justify-content:center;aspect-ratio:1;border-radius:2px;border:none;background:var(--bg-item-);cursor:default;transition:var(--transition-);position:relative;padding:4px;font-family:inherit;font-size:inherit;color:inherit}.cal-day-cell.cal-day-empty{background:transparent}.cal-day-num{position:absolute;top:4px;right:5px;font-size:.72rem;color:var(--text-primary-);line-height:1}.cal-today{background:var(--btn-blue-light-color-)}.cal-today .cal-day-num{font-weight:700}.cal-absence-label{font-size:.55rem;font-weight:600;text-align:center;line-height:1.2;color:var(--text-primary-);word-break:break-word;overflow-wrap:break-word;white-space:normal;padding:0 2px;margin-top:8px;max-width:100%}.cal-dot{display:none;width:5px;height:5px;border-radius:50%;background:var(--text-secondary-)}.cal-day-cell.cal-excused{background:rgba(var(--c-amber-alt-rgb-),.15);cursor:pointer}.cal-day-cell.cal-excused .cal-absence-label{color:var(--c-amber-800-)}.cal-day-cell.cal-excused .cal-dot{background:var(--c-amber-550-)}.cal-day-cell.cal-unexcused{background:rgba(var(--c-red-bright-rgb-),.1);cursor:pointer}.cal-day-cell.cal-unexcused .cal-absence-label{color:var(--c-red-900-)}.cal-day-cell.cal-unexcused .cal-dot{background:rgb(var(--c-red-bright-rgb-))}.cal-today .cal-day-num,.cal-today .cal-absence-label,.cal-today .cal-dot{color:rgb(var(--c-white-rgb-))}.cal-today .cal-dot{background:rgba(var(--c-white-rgb-),.8)}.cal-day-cell.cal-day-available{cursor:pointer}.cal-day-cell.cal-day-available:hover{background:var(--bg-blue-hover-alt-)}.cal-day-cell.cal-day-past{cursor:default;opacity:.45}.cal-day-cell.cal-excused:hover,.cal-day-cell.cal-unexcused:hover{filter:brightness(.95)}@media (max-width: 500px){.cal-absence-label{display:none}.cal-dot{display:block}}.page-main-title{width:100%;margin:0 0 20px;display:block!important}.page-main-title>div{width:100%}.header-page-title{display:flex;justify-content:left;align-items:start;font-size:2.2rem;flex-wrap:wrap}.header-page-title>span:nth-child(1){font-weight:300;color:var(--blue-accent-)}.header-page-title>span:nth-child(2){font-weight:200;color:var(--text-grey-light-);padding:0 18px}.header-page-title>span:nth-child(3){font-weight:300;color:var(--text-grey-light-)}.page-header-right{flex:1;margin-right:10px;display:flex;align-items:center;justify-content:flex-end;gap:10px;font-size:1rem}.page-header-right .search-container,.page-header-right .search-dropdown-wrap{flex:0 0 60%}.page-header-right .pill-select{flex:0 0 auto}.page-header-right:has(.pill-select) .search-dropdown-wrap{flex:1 1 auto;min-width:0}.search-dropdown-wrap{position:relative}.search-dropdown-wrap .search-container{position:relative;z-index:2}.search-dropdown{position:absolute;top:calc(100% - 12px);left:0;right:0;padding-top:12px;background-color:var(--bg-search-);border-radius:0 0 25px 25px;box-shadow:0 6px 16px rgba(var(--c-black-rgb-),.12);z-index:1;overflow:hidden;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s ease,visibility .15s ease}.search-dropdown--open{opacity:1;visibility:visible;pointer-events:auto}.search-dropdown-item{width:100%;display:flex;align-items:center;gap:8px;padding:10px 14px;background:none;border:none;text-align:left;font-size:.85rem;color:var(--text-color-);cursor:pointer;transition:var(--transition-)}.search-dropdown-item .material-symbols-outlined{font-size:1rem;color:var(--btn-blue-color-)}.search-dropdown-item:hover{background-color:var(--bg-blue-hover-);color:var(--text-color-sub-)}.breadcrumb-active-link{display:inline-flex;padding:5px 16px 5px 10px;border-radius:0;background-color:var(--bg-blue-tint-);color:var(--blue-accent-);text-decoration:none;font-size:.7rem;gap:5px;font-weight:700;justify-content:center;align-items:center;text-transform:capitalize;transition:background-color .2s}.breadcrumb-active-link:hover{background-color:rgba(var(--c-blue-rgb-),.28);color:var(--blue-accent-)}.breadcrumb-inactive-link{display:inline-flex;padding:5px 16px;border-radius:0;background-color:var(--bg-subtle-);color:var(--text-dark-);text-decoration:none;font-size:.7rem;gap:5px;font-weight:700;justify-content:center;align-items:center;text-transform:capitalize}.breadcrumb-active-link>div:nth-child(1){font-size:.9rem}.breadcrumb-list>:first-child{border-radius:5px 0 0 5px}.breadcrumb-list>:last-child{border-radius:0 5px 5px 0}.page-main-title--enhanced{margin:0 0 24px;padding:0 10px;box-sizing:border-box}.breadcrumb-list{display:flex;align-items:center;gap:2px;flex-wrap:wrap;margin-bottom:16px;margin-left:10px;position:sticky;top:60px;background-color:var(--bg-white-);z-index:100;padding-top:8px;padding-bottom:8px}.breadcrumb-enhanced{display:flex;align-items:center;gap:1px;margin-bottom:10px}.breadcrumb-enhanced-parent{font-size:1.6rem;font-weight:300;text-transform:uppercase;letter-spacing:.06em;color:var(--text-grey-)}.breadcrumb-enhanced-sep{font-size:1.6rem;font-weight:200;color:var(--text-grey-);padding:0 18px}.breadcrumb-enhanced-current{font-size:1.6rem;font-weight:300;text-transform:uppercase;letter-spacing:.06em;color:var(--blue-accent-)}.header-page-title--enhanced{display:flex;align-items:center;font-size:2.2rem;font-weight:300;color:var(--text-dark-);line-height:1.15;margin-bottom:10px}.page-header-description{font-size:.82rem;color:var(--text-color-sub-);line-height:1.5;margin:0;background:var(--bg-blue-hover-alt-);border-left:4px solid var(--blue-accent-);border-radius:8px;padding:16px 18px}.page-title{color:var(--btn-blue-color-);display:flex;align-items:center;gap:10px}.expand-toggle-row{display:flex;justify-content:flex-end;align-items:center;margin-bottom:12px;margin-right:10px;margin-left:10px}.expand-toggle-row .rc-select-wrapper{margin-right:10px}.term-filter-group{display:flex;gap:0;margin-right:auto;border-radius:8px;overflow:hidden}.term-filter-group .expand-toggle-btn:not(:last-child){border-right:1px solid rgb(var(--c-white-rgb-))}.term-filter-group .expand-toggle-btn{background-color:var(--bg-blue-light-);color:var(--blue-accent-);font-weight:600;border:none;border-radius:0}.term-filter-group .expand-toggle-btn:hover{background-color:var(--c-blue-250-)}.term-filter-group .expand-toggle-btn--active{background-color:var(--blue-accent-);color:rgb(var(--c-white-rgb-))}.term-filter-group .expand-toggle-btn--active:hover{background-color:var(--blue-accent-)}.expand-toggle-btn{display:flex;align-items:center;gap:6px;padding:6px 14px 6px 10px;border-radius:9999px;border:1px solid var(--c-grey-920-);background:rgb(var(--c-white-rgb-));color:var(--c-grey-920-);font-size:.8rem;font-weight:400;cursor:pointer;transition:var(--transition-)}.expand-toggle-btn:hover{background:var(--c-grey-150-)}.expand-toggle-btn .material-symbols-outlined{font-size:1.1rem}@media (max-width: 570px){.expand-toggle-row{flex-direction:column;align-items:stretch;gap:6px}.expand-toggle-row .rc-select-wrapper{margin-right:0}.term-filter-group{flex-wrap:wrap;margin-right:0;border-radius:8px}.term-filter-group .expand-toggle-btn{flex:1;margin-top:0}.expand-toggle-btn{justify-content:center}}.page-title>span:nth-child(2){font-weight:800}.list-title{margin:10px 10px 10px 0;font-weight:700}.display-class-grades{margin:0}.grade-details-wrapper{position:relative;margin:0}.grade-details-mask{position:relative}.grade-details{width:100%;margin:0;padding:0;background-color:transparent;border-radius:10px;position:relative}.grade-details-closed{background-color:transparent}.grade-details>div:nth-child(1){width:100%;box-sizing:border-box;display:flex;gap:10px;margin:0;padding:6px 10px;align-items:center;justify-content:center;border-radius:10px;transition:var(--transition-);position:sticky;top:186px;z-index:30;background-color:var(--bg-white-)}.grade-details>div:nth-child(1):hover .item-header-btn{color:var(--blue-accent-)}.grade-details>div:nth-child(1):hover .item-header-btn:before{opacity:1;filter:brightness(.95)}.grade-details>div:nth-child(1)>div:nth-child(1){flex:0 0 auto}.grade-details>div:nth-child(1)>div:nth-child(2){flex:1}.grade-details>div:nth-child(2){width:100%}.count-box-group{display:contents}.grade-calculator-btn{flex:0 0 auto;width:50px;height:48px;border-radius:10px;background:var(--btn-blue-light-color-);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;margin:0 10px;transition:var(--transition-);position:relative;isolation:isolate}.grade-calculator-btn:before{content:"";position:absolute;inset:0;border-radius:10px;background:var(--blue-navy-);opacity:0;transition:var(--transition-);pointer-events:none}.grade-calculator-btn:hover:before{opacity:1;filter:brightness(.8)}.grade-calculator-btn:after{content:"";position:absolute;inset:0;border-radius:10px;padding:2px;background:conic-gradient(from var(--border-angle),var(--btn-blue-border-two-),transparent 90deg,var(--btn-blue-border-two-) 180deg,transparent 270deg,var(--btn-blue-border-two-) 360deg);-webkit-mask:linear-gradient(rgb(var(--c-white-rgb-)) 0 0) content-box,linear-gradient(rgb(var(--c-white-rgb-)) 0 0);-webkit-mask-composite:destination-out;mask-composite:exclude;pointer-events:none;transition:--border-angle .3s ease}.grade-calculator-btn .material-symbols-outlined{font-size:24px;position:relative;z-index:3}.calc-reset-all-btn{flex:0 0 auto;width:30px;height:26px;border-radius:6px;background:var(--pending-color-yellow-hover-);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:var(--transition-);position:relative}.calc-reset-all-btn:before{content:"";position:absolute;inset:0;border-radius:10px;background:var(--pending-color-yellow-);opacity:0;transition:var(--transition-);pointer-events:none}.calc-reset-all-btn:hover:before{opacity:1;filter:brightness(.8)}.calc-reset-all-btn:after{display:none}.calc-reset-all-btn>*{position:relative;z-index:1}.calc-reset-all-btn .material-symbols-outlined{font-size:15px}.calc-order-btn{background:var(--blue-navy-)}.calc-order-btn:before{background:var(--blue-navy-)}.calc-sort-btn{background:var(--btn-blue-light-color-);width:auto;padding:0 12px;gap:4px}.calc-sort-btn:before{background:var(--blue-navy-)}.calc-sort-btn:after{display:none}.calc-sort-label{font-size:.7rem;font-weight:600;letter-spacing:.03em}.calc-sort-btn:hover{background:var(--btn-blue-light-color-)}.calc-reset-all-btn.calc-sort-btn.calc-filter-active{background:var(--blue-navy-)}.calc-reset-all-btn.calc-sort-btn.calc-filter-active:before{opacity:1;filter:none}.grade-calc-action-btn{background:var(--btn-blue-light-color-);position:relative;isolation:isolate;width:50px;height:48px;flex:0 0 50px;padding:0;display:inline-flex;align-items:center;justify-content:center}.grade-calc-action-btn:before{content:"";position:absolute;inset:0;border-radius:10px;background:var(--blue-navy-);opacity:0;transition:var(--transition-);pointer-events:none}.grade-calc-action-btn:hover:before{opacity:1;filter:brightness(.8)}.grade-calc-action-btn:after{display:none}.grade-calc-action-btn>span{position:relative;z-index:3}.grade-action-group{display:flex;gap:1px}.grade-action-group .grade-calc-action-btn,.grade-action-group .grade-calc-action-btn:before,.grade-action-group .grade-calc-action-btn:after{border-radius:10px 0 0 10px}.grade-action-group .grade-details-action-btn,.grade-action-group .grade-details-action-btn:before,.grade-action-group .grade-details-action-btn:after,.grade-action-group .disabled:last-child,.grade-action-group .disabled:last-child>div{border-radius:0 10px 10px 0}.grade-details-action-btn{background:var(--btn-blue-light-color-);color:var(--bg-blue-light-);position:relative}.grade-details-action-btn:before{content:"";position:absolute;inset:0;border-radius:0 10px 10px 0;background:var(--blue-navy-);opacity:0;transition:var(--transition-);pointer-events:none}.grade-details-action-btn:hover:before{opacity:1;filter:brightness(.8)}.grade-details-action-btn:after{display:none}.grade-details-action-btn>div{position:relative;z-index:1}@media (max-width: 570px){.student-item-header:has(.grade-action-group){flex-wrap:wrap;height:auto;padding-top:10px;padding-bottom:10px}.grade-action-group{flex:0 0 100%;justify-content:flex-end}}.card-student-videos .card-header-avatar{width:30px;height:30px;border-radius:15px}.card-student-videos .card-header-avatar>span{font-size:1rem}.card-student-videos .item-view-all{background:rgb(var(--c-white-rgb-));color:var(--c-grey-920-);border:1px solid var(--c-grey-920-);border-radius:9999px;font-size:.9rem;font-weight:400;position:relative}.card-student-videos .item-view-all .material-symbols-outlined{font-size:1.25rem}.card-student-videos .item-view-all:hover{background:var(--c-grey-150-)}.card-student-videos .item-view-all:after{display:none}.card-student-videos .item-view-all>div{border-radius:9999px;position:relative;z-index:1}.view-all-badge{background:rgba(var(--c-black-rgb-),.5);color:rgb(var(--c-white-rgb-));font-size:.65rem;font-weight:700;padding:2px 6px;border-radius:9999px;margin-left:4px}.schedule-videos-btn{background:var(--btn-blue-light-color-)}.schedule-videos-btn:before,.schedule-videos-btn:after{display:none}.schedule-videos-btn>div{color:rgb(var(--c-white-rgb-))}.schedule-videos-btn:hover{background:var(--blue-navy-)}.calc-term-sticky{position:sticky;top:0;z-index:1;background-color:var(--body-background-);padding-bottom:10px}.calc-term-group{display:flex;flex-direction:column;gap:1px}.calc-overlay-list>.calc-term-group+.calc-term-group{border-top:1px solid var(--border-hr-color-);padding-top:10px}.calc-term-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;font-weight:700;font-size:1.2rem;color:var(--text-dark-)}.calc-term-group:nth-child(2n){padding:10px;border-radius:10px}.calc-term-group:nth-child(odd){padding:10px;border-radius:10px}.calc-term-group .calc-overlay-row:nth-child(2n){background-color:var(--bg-blue-hover-alt-)}.calc-term-group .calc-overlay-row:nth-child(odd){background-color:var(--body-background-)}.calc-overlay-list{display:flex;flex-direction:column;gap:10px}.calc-overlay-header{display:flex;justify-content:flex-start;align-items:center;gap:16px;padding:0 12px 6px;border-bottom:1px solid var(--grey-border-alpha-);position:sticky;top:0;background-color:var(--body-background-);z-index:1}.calc-overlay-header .calc-overlay-name,.calc-overlay-header .calc-overlay-date,.calc-overlay-header .calc-overlay-grade{font-size:.85rem;font-weight:700;opacity:1;color:var(--text-dark-);text-align:inherit}.calc-overlay-row{display:flex;justify-content:flex-start;align-items:center;gap:16px;padding:8px 12px;min-height:52px;border-radius:5px}.calc-overlay-row:nth-child(odd){background-color:var(--bg-blue-hover-alt-)}.calc-overlay-row:nth-child(2n){background-color:var(--body-background-)}.calc-overlay-row:not(.calc-row-modified):not(.missing):hover{background-color:var(--bg-blue-hover-)}.calc-overlay-row:not(.calc-row-modified):not(.missing):hover>div{color:var(--blue-accent-)}.calc-overlay-row.missing{background-color:rgba(var(--c-red-rgb-),.05)!important;color:var(--text-grey-light-)!important}.calc-overlay-row.missing:hover{background-color:rgba(var(--c-red-rgb-),.08)!important}.calc-overlay-row.missing>div,.calc-overlay-row.assigned>div{color:var(--text-grey-light-)!important}.calc-overlay-row.assigned{background-color:rgba(var(--c-green-rgb-),.05)!important;color:var(--text-grey-light-)!important}.calc-overlay-row.assigned:hover{background-color:rgba(var(--c-green-rgb-),.08)!important}.calc-name-cell{display:flex;align-items:center;gap:10px}.calc-status-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;flex-shrink:0}.calc-status-icon .material-symbols-outlined{font-size:18px;font-variation-settings:"FILL" 1}.calc-status-icon--missing{background:rgba(var(--c-red-rgb-),.15)}.calc-status-icon--missing .material-symbols-outlined{color:var(--btn-red-border-)}.calc-status-icon--graded{background:rgba(var(--c-green-rgb-),.15)}.calc-status-icon--graded .material-symbols-outlined{color:var(--green-color-)}.calc-name-title{font-size:.85rem;color:var(--text-grey-light-);font-weight:500}.calc-status-tag{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;margin-top:1px}.calc-status-tag--missing{color:var(--btn-red-border-)}.calc-status-tag--graded,.calc-status-tag--assigned{color:var(--green-color-)}.calc-status-tag--unknown{color:var(--text-grey-light-)}.calc-overlay-name{font-size:.85rem;flex:1;color:var(--text-grey-light-)}.calc-overlay-date{font-size:.85rem;color:var(--text-grey-light-);flex:0 0 90px;white-space:nowrap;text-align:left;opacity:.7}.calc-overlay-grade{font-size:.85rem;font-weight:700;color:var(--text-grey-light-);flex:0 0 150px;text-align:right;margin-left:auto}.grade-progress{flex:0 0 50px;position:relative;display:flex;align-items:center;justify-content:center}.grade-progress>div:nth-child(2){position:absolute;text-align:center;font-size:.7rem;font-weight:700}.progress-circle{--percentage: 33;width:65px;height:65px;border-radius:50%;background:conic-gradient(var(--grade-color) calc(var(--percentage) * 1%),var(--progress-track-) 0);display:flex;align-items:center;justify-content:center;-webkit-mask:radial-gradient(circle closest-side,transparent 80%,black 80%);mask:radial-gradient(circle closest-side,transparent 80%,black 80%)}.grade-override-badge{position:absolute;top:-2px;right:-2px;width:20px;height:20px;border-radius:5px;background:var(--pending-color-yellow-hover-);display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-card-)}.grade-override-badge .material-symbols-outlined{font-size:15px;color:#fff}.tooltip-popup{position:fixed;transform:translate(-50%,calc(-100% - 4px));background:var(--c-grey-850-);color:rgb(var(--c-white-rgb-));font-size:.7rem;white-space:nowrap;padding:3px 7px;border-radius:4px;pointer-events:none;z-index:9999}.grade-details-title{font-size:1.1rem;font-weight:600;color:var(--c-grey-800-);display:flex;flex-direction:column;gap:3px}.grade-details-title-row{display:flex;align-items:center;gap:8px}.section-term-badge{display:inline-flex;align-items:center;justify-content:center;background:var(--c-amber-060-);color:var(--c-amber-650-);font-size:.68rem;font-weight:700;padding:2px 7px;border-radius:4px;white-space:nowrap;flex-shrink:0}.grade-section-teacher{font-size:.72rem;font-weight:400;color:var(--text-grey-);margin-top:2px}.grade-section-info{display:flex;flex-wrap:wrap;gap:10px;font-size:.68rem;font-weight:400;color:var(--text-grey-)}.grade-section-info-item{display:flex;align-items:center;gap:2px}.grade-section-info-item .material-symbols-outlined{font-size:.8rem}.grade-overview-col-content{display:flex;flex-direction:column;gap:2px}.grade-section-meta{display:flex;flex-wrap:wrap;gap:6px;font-size:.68rem;color:var(--text-grey-)}.grade-section-meta>span{display:flex;align-items:center;gap:2px}.grade-section-meta .material-symbols-outlined{font-size:.8rem}.grade-table-header{display:flex;padding:10px;font-size:.85rem;font-weight:700;color:var(--text-dark-)}.grade-table-header>div:nth-child(1){flex:0 0 26%}.grade-table-header>div:nth-child(2){flex:0 0 16%}.grade-table-header>div:nth-child(3){flex:0 0 16%}.grade-table-header>div:nth-child(4){flex:1}.grade-table-header>div:nth-child(5){flex:0 0 90px;text-align:right;padding-right:10px}.grade-table-body{padding:0;display:flex;flex-direction:column;gap:1px}.grade-table-row{display:flex;padding:6px 10px;min-height:52px;width:100%;font-size:.8rem;align-items:center;transition:var(--transition-);z-index:0;position:relative;cursor:pointer;color:var(--text-dark-);border-radius:5px;text-align:left}.grade-table-row:nth-child(odd){background-color:rgba(var(--c-black-rgb-),.03)}.grade-table-row:nth-child(2n){background-color:var(--bg-white-)}.grade-table-row:hover{background-color:var(--bg-blue-hover-)}.grade-table-row:hover>div{color:var(--blue-accent-)}.grade-table-row>div:nth-child(1){flex:0 0 26%}.grade-table-row>div:nth-child(2){flex:0 0 16%}.grade-table-row>div:nth-child(3){flex:0 0 16%}.grade-table-row>div:nth-child(4){flex:1;font-size:.75rem;color:var(--text-muted-)}.grade-table-row>div:nth-child(5){flex:0 0 90px;text-align:right;padding-right:10px;font-weight:600}.overlay-detail-row{display:flex;justify-content:space-between;align-items:center;padding:10px 25px;border-radius:5px;gap:12px;font-size:.8rem;color:var(--text-dark-)}.overlay-detail-row:nth-child(odd){background-color:rgba(var(--c-white-rgb-),0)}.overlay-detail-row:nth-child(2n){background-color:var(--bg-white-)}.overlay-detail-label{font-weight:700;font-size:.8rem;color:var(--text-grey-);flex:0 0 40%}.overlay-detail-value{font-size:.85rem;color:var(--text-dark-);text-align:right;flex:1}.info-banner{display:flex;align-items:flex-start;gap:12px;background-color:var(--c-amber-050-);border:1px solid var(--c-amber-300-);border-radius:14px;padding:14px 16px;margin:0 10px 16px;color:var(--c-amber-820-);position:relative}.info-banner-icon{font-size:22px;flex-shrink:0;margin-top:1px;color:var(--c-amber-600-);font-variation-settings:"FILL" 1}.info-banner-body{flex:1;display:flex;flex-direction:column;gap:10px}.info-banner-text{font-size:.85rem;line-height:1.5;margin:0}.info-banner-link{display:flex;align-items:center;justify-content:center;gap:6px;background:var(--c-amber-200-);color:var(--c-amber-900-);font-size:.8rem;font-weight:600;padding:6px 12px;border-radius:8px;text-decoration:none;transition:var(--transition-)}.info-banner-link:hover{background:var(--c-amber-300-);color:var(--c-amber-950-)}.info-banner-link .material-symbols-outlined{font-size:16px}.info-banner-close{flex-shrink:0;background:none;border:none;cursor:pointer;padding:0;color:var(--c-amber-700-);display:flex;align-items:center;justify-content:center;border-radius:6px;transition:var(--transition-)}.info-banner-close:hover{color:var(--c-amber-820-);background-color:rgba(var(--c-black-rgb-),.06)}.info-banner-close .material-symbols-outlined{font-size:18px}.no-announcements{display:flex;align-items:center;justify-content:center;gap:32px;padding:20px 40px;margin:0 10px;background:linear-gradient(to bottom right,rgba(var(--c-blue-sheen-a-rgb-),.45),rgba(var(--c-blue-sheen-b-rgb-),.55));border-radius:20px}.no-announcements-icon-wrap{position:relative;flex-shrink:0;width:80px;height:80px;display:flex;align-items:center;justify-content:center;overflow:visible}.no-announcements-circle{position:absolute;inset:0;border-radius:50%;background-color:rgba(var(--c-white-rgb-),.63)}.no-announcements-icon{position:relative;width:110px;height:110px;object-fit:contain}.no-announcements-text{max-width:340px}.no-announcements-heading{font-size:1.2rem;font-weight:700;color:rgb(var(--c-blue-mid-rgb-));line-height:1.3rem;margin-bottom:10px}.no-announcements-sub{font-size:.82rem;color:var(--text-grey-);line-height:1.4}@media (max-width: 640px){.no-announcements{flex-direction:column;text-align:center;gap:28px;padding:20px}.no-announcements-icon-wrap{width:52px;height:52px}.no-announcements-icon{font-size:3rem}}.video-container{width:100%;display:flex;position:relative;gap:20px;align-items:center;justify-content:center}.video{height:30vw;background-color:rgb(var(--c-black-rgb-))}.video-player{flex:0 0 100%}.video-player>div:nth-child(2){width:100%;margin:20px 0;font-size:1rem}.video-player>div:nth-child(2)>div:nth-child(1){font-size:1rem;font-weight:700}.video-player>div:nth-child(2)>div:nth-child(2){font-size:.8rem}.up-next{flex:0 0 25%;position:relative}.next-video{display:flex;justify-content:flex-start;align-items:flex-start;position:relative;margin-top:15px;width:100%;color:var(--text-color-);text-decoration:none;gap:10px;height:auto}.next-video>div:nth-child(1){flex:0 0 45%;background-color:var(--background-light-);display:flex;position:relative}.next-video>div:nth-child(1)>img{width:100%;height:auto}.next-video>div:nth-child(2){flex:0 0 55%;font-size:.9rem}.next-video>div:nth-child(2)>div:nth-child(1){font-weight:600}.misc-overlay{background-color:var(--overlay-dark-);width:100vw;height:100vh;position:fixed;display:flex;justify-content:center;align-items:center;top:0;left:0;z-index:5000}.misc-overlay-content{position:relative;background-color:var(--body-background-);border-radius:25px;padding:30px;width:60vw;max-width:95vw;min-height:50vh;max-height:85vh;display:flex;flex-direction:column}.video-overlay{background-color:var(--overlay-dark-);width:100vw;height:100vh;position:fixed;display:flex;justify-content:center;align-items:center;top:0;left:0;z-index:5000}.video-overlay-content{position:relative;background-color:var(--overlay-content-);border-radius:25px;padding:20px}.video-overlay-close,.misc-close{display:block;position:absolute;top:0;left:0;width:100vw;height:100vh}.misc-overlay-header{display:flex;gap:10px;font-size:1.2rem;width:100%;color:var(--text-color-);border-bottom:1px solid var(--input-border-);padding-bottom:20px}.close-misc-overlay{background:var(--btn-blue-light-color-);border-radius:10px;padding:8px 20px;display:flex;gap:5px;align-items:center;justify-content:center;color:var(--background-light-);transition:var(--transition-);position:relative}.close-misc-overlay:before{content:"";position:absolute;inset:0;border-radius:10px;background:var(--blue-navy-);opacity:0;transition:var(--transition-);pointer-events:none}.close-misc-overlay:hover:before{opacity:1;filter:brightness(.8)}.close-misc-overlay:after{content:"";position:absolute;inset:0;border-radius:10px;padding:2px;background:conic-gradient(from var(--border-angle),var(--btn-blue-border-two-),transparent 90deg,var(--btn-blue-border-two-) 180deg,transparent 270deg,var(--btn-blue-border-two-) 360deg);-webkit-mask:linear-gradient(rgb(var(--c-white-rgb-)) 0 0) content-box,linear-gradient(rgb(var(--c-white-rgb-)) 0 0);-webkit-mask-composite:destination-out;mask-composite:exclude;pointer-events:none}.close-misc-overlay>*{position:relative;z-index:1}.misc-overlay-subheader{padding:10px 0 6px}.misc-overlay-header:has(+.misc-overlay-subheader){border-bottom:none;padding-bottom:10px}.calc-subheader{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-right:12px}.calc-subheader .rc-select-group{margin-bottom:0}.calc-subheader .rc-select-label{display:block}.calc-subheader .rc-select-wrapper{display:inline-flex}.calc-subheader .rc-select{min-width:auto}.calc-subheader-stats{display:flex;align-items:center;gap:6px;margin-left:auto}.calc-subheader .calc-reset-all-btn{height:30px}.calc-filter-pill{display:flex;align-items:center}.calc-count-pill{display:flex;align-items:stretch;gap:0}.calc-count-pill .count-box{flex-direction:column;align-items:center;border:none;border-radius:0;cursor:pointer;background:rgba(var(--c-black-rgb-),.04);padding:10px 16px;min-width:80px}.calc-count-pill .graded-count-box,.calc-count-pill .assigned-count-box{border-right:none}.calc-count-pill .count-box:hover{background:rgba(var(--c-black-rgb-),.08)}.calc-count-pill .missing-count-label{font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted-)}.calc-count-pill .missing-count-number{font-size:1.5rem;font-weight:700;line-height:1.1;margin-top:2px;color:var(--blue-accent-)}.calc-count-pill .count-box.calc-filter-active{background:rgb(var(--c-grey-dark-rgb-));color:#fff}.calc-count-pill .count-box.calc-filter-active .missing-count-label,.calc-count-pill .count-box.calc-filter-active .missing-count-number{color:#fff}.calc-count-pill .calc-filter-active:hover{filter:brightness(.9)}.calc-subheader-stats .calc-filter-pill>button{border-radius:0}.calc-filter-pill>button:first-child,.calc-filter-pill>button:first-child:before,.calc-filter-pill>button:first-child:after{border-radius:10px 0 0 10px}.calc-filter-pill>button:first-child{padding-left:14px}.calc-filter-pill>button:last-child,.calc-filter-pill>button:last-child:before,.calc-filter-pill>button:last-child:after{border-radius:0 10px 10px 0}.calc-filter-pill>button:last-child{padding-right:14px}.calc-filter-pill>button:not(:last-child){border-right:1px solid rgba(var(--c-grey-mid-rgb-),.15)}.calc-projected-grade{display:flex;flex-direction:column;align-items:flex-end;flex:0 0 auto!important;position:relative;margin-left:10px}.calc-projected-grade>div:first-child{font-size:1.75rem;font-weight:700;line-height:1}.calc-projected-label{font-size:9px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted-);margin-top:3px}.calc-row-modified{background-color:var(--c-amber-050-)!important;color:var(--c-amber-700-)}.calc-row-modified .calc-overlay-name,.calc-row-modified .calc-overlay-date,.calc-row-modified .calc-overlay-grade,.calc-row-modified span{color:var(--c-amber-700-)}.calc-row-modified .calc-score-input{background-color:var(--c-amber-100-);border-color:var(--c-amber-450-);color:var(--c-amber-700-)}.calc-input-group{display:flex;align-items:stretch;gap:4px}.calc-score-input{width:55px;padding:3px 6px;border:none;border-radius:6px;background:rgba(var(--c-black-rgb-),.06);color:var(--text-grey-light-);font-size:.85rem;font-weight:700;text-align:center}.calc-score-input:focus{outline:none}.calc-term-badge-col{flex:0 0 24px;display:flex;align-items:center;justify-content:center}.calc-term-override-badge{position:static;top:unset;right:unset}.calc-reset-btn{flex:0 0 auto;width:30px;border-radius:6px;background:var(--pending-color-yellow-hover-);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:var(--transition-);position:relative;isolation:isolate}.calc-reset-btn:before{content:"";position:absolute;inset:0;border-radius:6px;background:var(--pending-color-yellow-);opacity:0;transition:var(--transition-);pointer-events:none}.calc-reset-btn:hover:before{opacity:1;filter:brightness(.8)}.calc-reset-btn:after{display:none}.calc-reset-btn>*{position:relative;z-index:1}.calc-reset-btn .material-symbols-outlined{font-size:15px}.calc-reset-btn:hover .material-symbols-outlined{color:#fff}.misc-overlay-children{margin:10px 0;overflow-y:scroll;width:100%;flex:1;min-height:0}.misc-overlay-footer{display:flex;gap:10px;font-size:1.2rem;width:100%;border-top:1px solid var(--input-border-);padding-top:20px;justify-content:right}.filter-item{width:100%;border-radius:10px;padding:0;margin-bottom:1px}.filter-item-title{font-size:.7rem;font-weight:700;color:var(--btn-blue-color-);margin-bottom:10px}.filter-item-btn-row{display:flex;gap:10px;width:100%;justify-content:right}.misc-overlay-header>div:nth-child(2){flex:1}.list{display:flex;flex-wrap:wrap;flex-grow:1}.video-list-item{display:flex;flex-direction:column;align-items:flex-start;width:calc(100% - 20px);border-radius:10px;padding:10px;margin:0 10px 10px;transition:var(--transition-);cursor:pointer;text-align:left;color:inherit}.video-list-item:hover{background-color:var(--bg-blue-light-);box-shadow:0 3px 6px 1px rgba(var(--c-black-rgb-),.05);transform:scale(1.05)}.video-thumbnail-wrap{position:relative;display:block;width:100%;border-radius:5px;overflow:hidden}.video-thumbnail-wrap>img{width:100%;background-color:rgb(var(--c-black-rgb-));height:auto;display:block;aspect-ratio:16 / 9;object-fit:cover}.video-thumbnail-placeholder{width:100%;aspect-ratio:16 / 9;background-color:var(--btn-blue-color-);display:flex;align-items:center;justify-content:center}.video-thumbnail-placeholder>img{width:40%;opacity:.9}.video-thumbnail-wrap:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(var(--c-black-rgb-),.55) 0%,transparent 45%);border-radius:5px;pointer-events:none}.video-duration{position:absolute;bottom:7px;left:7px;background:rgba(var(--c-black-rgb-),.7);color:rgb(var(--c-white-rgb-));font-size:.62rem;font-weight:600;padding:2px 7px;border-radius:5px;z-index:1;pointer-events:none}.video-date{position:absolute;bottom:7px;right:7px;background:rgba(var(--c-black-rgb-),.7);color:rgb(var(--c-white-rgb-));font-size:.62rem;font-weight:600;padding:2px 7px;border-radius:5px;z-index:1;pointer-events:none}.video-list-item>div:nth-child(2){width:100%;margin:5px;font-size:.8rem}.video-list-info{display:flex;justify-content:space-between;align-items:center;gap:8px}.video-list-title{font-weight:600}.video-list-teacher{font-size:.7rem;color:var(--text-grey-light-);margin-top:2px}.list.list-view{flex-direction:column;flex-wrap:nowrap}.list.list-view .video-list-item{width:calc(100% - 20px);display:flex;flex-direction:row;align-items:center;gap:12px}.list.list-view .video-thumbnail-wrap{flex:0 0 140px;width:140px}.list.list-view .video-thumbnail-wrap>img{aspect-ratio:16 / 9;object-fit:cover}.list.list-view .video-list-item>div:nth-child(2){width:auto;flex:1;margin:0}.list.list-view .video-list-item:nth-child(2n){background-color:transparent}.list.list-view .video-list-item:nth-child(odd){background-color:rgba(var(--c-black-rgb-),.03)}.list.list-view .video-list-item:hover{box-shadow:none;transform:scale(1.02)}.announcement-item--text{cursor:default;width:calc(100% - 20px)}.announcement-body{font-size:.72rem;color:var(--text-grey-light-);margin-top:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.announcement-date-badge{flex-shrink:0;font-size:.62rem;font-weight:600;color:var(--text-grey-light-)}.ask-question,.question-reply,.question-reply-sub{display:flex;position:relative;justify-content:flex-start;align-items:center;gap:10px}.question-reply{align-items:flex-start;margin:35px 0}.question-reply-sub{align-items:flex-start;margin:25px 0}.ask-reply{display:flex;position:relative;justify-content:flex-start;align-items:center;gap:10px;margin:15px 0 20px}.ask-reply>div:nth-child(1){flex:0 0 24px;width:24px;height:24px;border-radius:20px;background-color:var(--bar-color-);background-size:cover}.ask-question>div:nth-child(1),.question-reply>div:nth-child(1){flex:0 0 40px;width:40px;height:40px;border-radius:20px;background-color:var(--bar-color-);background-size:cover}.question-reply-sub>div:nth-child(1){flex:0 0 24px;width:24px;height:24px;border-radius:12px;background-color:var(--bar-color-);background-size:cover}.ask-reply>div:nth-child(2),.question-reply>div:nth-child(2),.question-reply-sub>div:nth-child(2){flex:1;position:relative}.question-reply>div:nth-child(2)>div:nth-child(1),.question-reply-sub>div:nth-child(2)>div:nth-child(1){color:var(--text-color-sub-);font-size:1rem;font-weight:700}.question-reply-sub>div:nth-child(2)>div:nth-child(1){font-size:.8rem}.question-reply>div:nth-child(2)>div:nth-child(2){color:var(--text-color-sub-);font-size:.9rem;font-weight:400;line-height:1.2rem;margin-top:5px}.question-reply-sub>div:nth-child(2)>div:nth-child(2){color:var(--text-color-sub-);font-size:.8rem;font-weight:400;line-height:1.1rem;margin-top:5px}.question-reply>div:nth-child(2)>button:nth-child(4){display:flex;justify-items:flex-start;align-items:center;margin:10px 0 0;padding:0;color:var(--input-btn-active)}.ask-question>div:nth-child(2){flex:1;position:relative}.ask-question>div:nth-child(2)>input,.ask-reply>div:nth-child(2)>input{width:100%;color:var(--input-color-);border-bottom:1px solid var(--input-border-);padding:5px 0;font-size:1rem;top:-10px;position:relative}.ask-reply>div:nth-child(2)>input{padding:5px 0;font-size:.8rem;top:-5px}.ask-question>div:nth-child(3),.ask-reply>div:nth-child(3){position:absolute;bottom:-30px;right:0;display:flex}.ask-reply>div:nth-child(3){bottom:-35px}.ask-question>div:nth-child(3)>button,.ask-reply>div:nth-child(3)>button{padding:8px 22px;color:var(--input-btn-color);text-transform:uppercase;font-weight:700;border-radius:3px;font-size:.8rem;letter-spacing:.1rem}.ask-reply>div:nth-child(3)>button{padding:10px 15px;color:var(--input-btn-color);text-transform:uppercase;font-weight:700;border-radius:3px;font-size:.7rem;letter-spacing:0rem}.ask-question>div:nth-child(3)>button:nth-child(2),.ask-reply>div:nth-child(3)>button:nth-child(2){padding:5px 20px;color:var(--input-btn-color);text-transform:uppercase;font-weight:700;background-color:var(--input-btn-inactive)}.ask-btn-active{color:var(--input-btn-color-active)!important;background-color:var(--input-btn-active)!important}.question-reply>div:nth-child(2)>div:nth-child(3){margin-top:15px}.question-reply-sub>div:nth-child(2)>div:nth-child(3){margin-top:10px}.question-reply>div:nth-child(2)>div:nth-child(3)>button:nth-child(1),.question-reply-sub>div:nth-child(2)>div:nth-child(3)>button:nth-child(1){color:var(--text-color-sub-);margin:0;padding:0;font-weight:700;font-size:.8rem}.assignment-block{width:100%;display:flex;position:relative;justify-content:flex-start;align-items:flex-start;margin:20px 0 0;gap:20px}.assignment-left{flex:0 0 75%}.assignment-right{flex:0 0 25%}.assignment-title-bar{width:100%;display:flex;align-items:stretch;justify-content:flex-start;gap:10px}.assignment-title-bar>div>div{padding:5px 10px;font-size:.9rem;font-weight:700;font-family:Roboto,sans-serif}.assignment-title-bar>div:nth-child(1){background-color:var(--input-btn-dark-color-);color:var(--input-btn-dark-background-);border-radius:5px}.assignment-title-bar>div:nth-child(2){background-color:var(--btn-blue-color-);color:var(--text-white-);border-radius:5px}.assignment-title-bar>div:nth-child(3){background-color:var(--input-btn-light-background-);color:var(--input-btn-light-color-);border-radius:5px}.assignment-title-bar>div:nth-child(4){display:flex}.assignment-copy{width:100%;margin:10px 0 0;font-size:.84rem;line-height:1.2rem}.assignment-link-btn{display:flex;width:calc(100% - 44px);align-items:center;justify-content:flex-start;text-decoration:none;color:var(--btn-blue-color-);background-color:var(--btn-blue-background-);border:1px solid var(--btn-blue-border-);border-radius:3px;transition:var(--transition-);padding:10px 20px;gap:10px}.assignment-link-btn:hover{background-color:var(--btn-blue-background-hover-)}.assignment-files{display:flex;gap:20px;margin-top:20px}.assignment-files>div{display:flex;flex-direction:column;gap:10px;padding:10px 20px 10px 0}.assignment-files>div:nth-child(1){border-right:1px solid var(--border-color-);flex:1}.assignment-files>div:nth-child(2){flex:1}.assignment-files>div>div:nth-child(1){font-size:.8rem;font-weight:800}.assignment-files>div>div:nth-child(2){display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.assignment-file{min-width:90px}.assignment-file>a,.assignment-file>button{color:var(--text-color-);text-decoration:none}.assignment-file>div{border:1px dashed var(--border-color-);cursor:pointer;width:100%;display:block;color:var(--text-color-);text-decoration:none}.assignment-file>a:nth-child(1),.assignment-file>div:nth-child(1){display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center}.assignment-file>a:nth-child(1)>span:nth-child(1),.assignment-file>div:nth-child(1)>span:nth-child(1){font-size:2.5rem}.assignment-related-container{display:flex;align-items:flex-start;gap:20px;text-decoration:none;color:var(--text-color-);transition:var(--transition-)}.assignment-related-title{padding:5px 0;font-size:.9rem;font-weight:700;font-family:Roboto,sans-serif}.assignment-related-container>div:nth-child(1){flex:0 0 50%;display:block;height:auto;position:relative}.assignment-related-container>div:nth-child(1)>img{width:100%;height:auto}.assignment-related-container>div:nth-child(1)>span{position:absolute;top:50%;left:50%;font-size:3rem;margin:-24px 0 0 -24px;text-shadow:0px 0px 6px rgba(var(--c-black-rgb-),.88);opacity:0;transition:var(--transition-);color:var(--text-white-)}.assignment-related-container>div:nth-child(1)>div{position:absolute;top:0;left:0;width:100%;height:calc(100% - 4px);background-color:rgba(var(--c-black-rgb-),.5);opacity:0;transition:var(--transition-)}.assignment-related-container:hover>div:nth-child(1)>span,.assignment-related-container:hover>div:nth-child(1)>div{opacity:1}.assignment-related-container>div:nth-child(2){flex:0 0 50%;display:block}.assignment-related-container>div:nth-child(2)>div:nth-child(1){padding:5px 0;font-size:.9rem;font-weight:700}.assignment-related-container>div:nth-child(2)>div:nth-child(2),.assignment-related-container>div:nth-child(2)>div:nth-child(3){padding:2px 0;font-size:.8rem}.file-link-delete,.file-upload-upload,.file-upload-cancel{padding:5px 10px;width:100%;margin-top:5px;font-size:.7rem;border-radius:5px;visibility:hidden;border:1px solid rgba(var(--c-black-rgb-),0)}.file-upload-upload,.file-upload-cancel{width:calc(100% + 10px)!important}.file-upload-error{padding:5px!important;text-align:center;margin-top:5px;font-size:.7rem;cursor:default!important;border-radius:5px;border:1px solid var(--btn-red-border-)!important;color:var(--btn-red-border-)!important;background-color:var(--btn-red-background-)}.file-upload-upload{color:var(--text-white-)!important}.cancel-btn-hover{visibility:visible;border:1px solid var(--btn-blue-border-);background-color:var(--btn-blue-background-);transition:var(--transition-)}.upload-btn-hover{visibility:visible;border:1px solid var(--btn-blue-border-);background-color:var(--btn-blue-border-);transition:var(--transition-)}.upload-btn-hover:hover{background-color:var(--btn-blue-border-)}.cancel-btn-hover:hover{background-color:var(--btn-blue-background-hover-)}.delete-hover{visibility:visible;border:1px solid var(--btn-red-border-);background-color:var(--btn-red-background-);transition:var(--transition-)}.delete-hover:hover{background-color:var(--btn-red-background-hover-)}.file-link-download{padding:20px 5px;border-radius:5px;border:1px solid rgba(var(--c-black-rgb-),0)}.upload-hover{border:1px dashed var(--btn-blue-border-);background-color:var(--btn-blue-background-);transition:var(--transition-)}.upload-hover:hover{border:1px dashed var(--btn-blue-border-);background-color:var(--btn-blue-background-hover-)}.download-hover:hover{border:1px solid var(--btn-blue-border-);background-color:var(--btn-blue-background-hover-)}.file-link-download>span:nth-child(2){font-size:.7rem;text-align:center;margin:0 10px}.upload-file>div:nth-child(1)>span:nth-child(1){font-size:1.6rem}.upload-file>div{padding-bottom:5px;padding-top:15px}.box::-webkit-file-upload-button{visibility:hidden}.box::-webkit-file-upload-text{visibility:hidden}.box__file{display:none}.select-file{height:100%;width:100%;display:flex;margin:5px auto auto;flex-direction:column;gap:10px;align-items:center;vertical-align:middle;align-content:center;justify-content:center;text-align:center;cursor:pointer;transition:var(--transition-)}.select-file>div:nth-child(2){font-size:.7rem;font-weight:400;font-family:Roboto,sans-serif;margin:0 10px}.select-file>div:nth-child(3){font-size:.8rem;font-weight:400;font-family:Roboto,sans-serif;color:var(--btn-blue-color-);min-height:20px;margin:0 10px}.filters-search{display:flex;justify-content:center;align-items:center;width:100%}.blue-btn{background-color:var(--bg-blue-light-);color:var(--text-white-);border-radius:7px;padding:0;margin:0}.blue-btn>div{background-color:var(--blue-accent-);border-radius:5px;margin:3px;padding:5px 15px;display:flex;align-items:center;justify-content:center;gap:5px}.blue-btn-outline{background-color:var(--bg-blue-light-);color:var(--text-white-);border-radius:7px;padding:0;margin:0}.blue-btn-outline>div{background-color:gray;border-radius:5px;margin:3px;padding:5px 15px;display:flex;align-items:center;justify-content:center;gap:5px}.filter-container{flex:1}.filter-container .rc-select-group{margin-bottom:0}.filter-container .rc-select{padding-top:10px;padding-bottom:10px}.search-container{background-color:var(--bg-search-);border-radius:50px;display:flex;flex:1;padding:10px 10px 10px 15px;align-items:center;justify-content:center;transition:var(--transition-)}.search-container:hover{background-color:var(--bg-blue-hover-)}.search-container>span:nth-child(1){flex:0 0 30px}.search-container-white{background-color:rgb(var(--c-white-rgb-))}.search-close-hidden{visibility:hidden;pointer-events:none}.search-close-active{background-color:rgba(var(--c-black-rgb-),.08);border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center}.search-container>input{flex:1;background:none;border:none;outline:none;font-size:inherit;color:inherit;font-family:inherit}.cancel-btn,.delete-btn{display:flex;padding:10px 40px;letter-spacing:.05rem;margin:0;align-items:center;font-weight:600;text-decoration:none;font-size:1rem;background:var(--btn-blue-background-hover-);color:var(--btn-blue-color-);box-shadow:0 1px 3px 1px rgba(var(--c-black-rgb-),.15);font-style:normal;font-family:Roboto,sans-serif;border-radius:4px;transition:var(--transition-)}.cancel-btn{background-color:var(--btn-blue-color-);color:var(--text-white-)}.delete-btn{background-color:var(--btn-red-border-);color:var(--text-white-)}.cancel-btn:hover{background-color:var(--btn-blue-light-color-);box-shadow:0 0 10px 0 var(--btn-blue-color-)}.delete-btn:hover{background-color:var(--btn-red-light-color-);box-shadow:0 0 10px 0 var(--btn-red-light-color-)}.confirm-delete-overlay{background-color:var(--overlay-medium-);height:100vh;width:100vw;position:fixed;top:0;left:0;z-index:5000;display:flex;justify-content:center;align-items:center;animation-name:fade;animation-duration:.25s;animation-iteration-count:1;animation-timing-function:linear;transform-origin:50% 50%}.confirmation-container{background-color:var(--body-background-);border-radius:8px;flex:0 0 32vw;padding:30px 40px 50px;display:flex;flex-direction:column;gap:20px;box-shadow:-1px 5px 5px rgba(var(--c-black-rgb-),.25);border:1px solid var(--border-color-);opacity:0;position:relative;animation-name:opacity;animation-duration:.25s;animation-delay:.25s;animation-iteration-count:1;animation-timing-function:linear;animation-fill-mode:forwards}.confirmation-container>div:nth-child(1){text-align:center}.confirmation-container>div:nth-child(1)>div:nth-child(1){font-size:1.2rem;margin-bottom:10px;font-weight:800}.confirmation-container>div:nth-child(1)>div:nth-child(2){font-size:.9rem;color:var(--text-color-sub-);font-weight:300}.confirmation-container>div:nth-child(2){text-align:center;display:flex;gap:30px;align-items:center;justify-content:center}.blue{color:var(--btn-blue-color-)}.spinner-loop>span:nth-of-type(1){animation-name:spin;animation-duration:5s;animation-iteration-count:infinite;animation-timing-function:linear;transform-origin:50% 50%}.loader>span,.spin{animation-name:spin;animation-duration:5s;animation-iteration-count:infinite;animation-timing-function:linear;transform-origin:50% 50%}.page-loader{display:flex;gap:10px;justify-content:center;align-items:center;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:24px 32px;background:rgb(var(--c-white-rgb-));border-radius:16px;box-shadow:0 4px 24px rgba(var(--c-black-rgb-),.12);z-index:100}.page-loader-spinner{width:28px;height:28px;animation:page-loader-rotate 2s linear infinite}.page-loader-spinner circle{stroke:var(--c-navy-deep-);animation:page-loader-dash 1.5s ease-in-out infinite}@keyframes page-loader-rotate{to{transform:rotate(360deg)}}@keyframes page-loader-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.default-loader{font-weight:400;display:flex;position:relative;justify-items:center;justify-content:center;align-items:center;width:100%;margin:20px 0;padding:20px 0;border-radius:5px;gap:10px;color:var(--btn-blue-color-);background-color:var(--btn-blue-background-)}.not-found{display:flex;position:relative;justify-items:center;justify-content:center;align-items:center;width:100%;margin:20px 0;padding:20px 0;border-radius:5px;gap:10px;color:var(--btn-blue-color-);background-color:var(--btn-blue-background-)}.not-found-page{display:flex;gap:20px;justify-content:center;align-items:center;margin:0;width:calc(100vw + -0px);height:calc(100vh - 82px)}.empty-result{width:100%;height:65px;display:flex;align-items:center;justify-content:center;gap:10px;padding:20px 0}.rc-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(var(--c-black-rgb-),.5);z-index:6000;display:flex;align-items:center;justify-content:center}.rc-modal{background:var(--bg-white-);border-radius:16px;width:90%;max-width:680px;max-height:85vh;overflow-y:auto;box-shadow:0 10px 40px rgba(var(--c-black-rgb-),.2);display:flex;flex-direction:column}.rc-modal-header{padding:32px 32px 0}.rc-modal-title{font-size:1.5rem;margin-bottom:20px}.rc-student-name{font-weight:700;color:var(--text-dark-)}.rc-title-label{font-weight:300;color:var(--text-grey-);margin-left:6px}.rc-divider{border:none;border-top:1px solid var(--border-color-);margin:0}.rc-modal-body{padding:24px 32px;flex:1}.rc-select-group{margin-bottom:20px}.rc-select-label{display:block;font-size:.78rem;color:var(--text-grey-);margin-bottom:8px}.rc-select-wrapper{position:relative;display:inline-block}.rc-select{appearance:none;background-color:var(--bg-blue-light-);border:none;border-radius:8px;padding:6px 40px 6px 14px;color:var(--blue-accent-);font-weight:600;font-size:.85rem;font-family:inherit;cursor:pointer;min-width:220px;outline:none}.rc-select-wrapper:after{content:"";position:absolute;right:14px;top:50%;transform:translateY(-50%);border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid var(--blue-accent-);pointer-events:none}.rc-card{display:flex;align-items:center;background-color:var(--bg-item-);border-radius:12px;padding:20px 20px 20px 24px;gap:16px}.rc-card-info{flex:1}.rc-card-title{color:var(--blue-accent-);font-weight:700;font-size:1rem;margin-bottom:6px}.rc-card-desc{color:var(--text-grey-);font-size:.85rem}.rc-pdf-btn{width:72px;height:72px;border-radius:12px;background-color:var(--blue-accent-);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;transition:var(--transition-)}.rc-pdf-btn>span{font-size:32px}.rc-pdf-btn:hover{background-color:var(--blue-navy-)}.rc-empty{color:var(--text-grey-);font-size:.85rem;padding:16px 0}.rc-modal-footer{padding:0 32px 32px;display:flex;flex-direction:column;align-items:flex-end}.rc-modal-footer .rc-divider{margin-bottom:20px}.rc-close-btn{background-color:var(--blue-accent-);color:#fff;border-radius:12px;padding:14px 48px;font-size:1rem;font-weight:500;font-family:inherit;float:right;transition:var(--transition-)}.rc-close-btn:hover{background-color:var(--blue-navy-)}@keyframes spin{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes fade{0%{background-color:rgba(var(--c-black-rgb-),0)}to{background-color:rgba(var(--c-black-rgb-),.55)}}@keyframes opacity{0%{top:-10px;opacity:0}to{top:0;opacity:1}}.loading-spin{animation:spin 1s linear infinite}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton{background-color:var(--c-blue-050-);background-image:linear-gradient(90deg,var(--c-blue-050-) 25%,var(--c-blue-025-) 37%,var(--c-blue-050-) 63%);background-size:200% 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite;border-radius:6px}.skeleton-line{display:block;height:12px;width:100%}.skeleton-line-title{height:14px;width:55%}.skeleton-line-sub{width:35%}.skeleton-line-short{width:70%}.skeleton-student-list{display:flex;flex-direction:column;gap:12px}.skeleton-student{display:flex;align-items:center;gap:10px;height:90px;padding:0 10px;background-color:var(--bg-white-);border-radius:8px}.skeleton-avatar{flex:0 0 60px;width:60px;height:60px;border-radius:30px}.skeleton-student-titles{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.skeleton-count{flex:0 0 auto;width:64px;height:40px;border-radius:8px}.nav-skeleton{display:flex;flex-direction:row;align-items:center;gap:8px;padding:7px 15px}.nav-skeleton-icon{flex:0 0 18px;width:18px;height:18px;border-radius:4px}.nav-skeleton-label{display:block;height:12px;width:60%}.footer-nav-skeleton{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;margin:8px 0}.footer-nav-skeleton .nav-skeleton-label{width:70%}.footer-nav-skeleton .skeleton{background-color:#ffffff40;background-image:linear-gradient(90deg,#ffffff40 25%,#ffffff73 37%,#ffffff40 63%)}.skeleton-card{cursor:default;pointer-events:none}.skeleton-card:hover{background-color:transparent;box-shadow:none;transform:none}.skeleton-thumb{width:100%;aspect-ratio:16 / 9;border-radius:5px}.list.list-view .skeleton-thumb{flex:0 0 140px;width:140px}.skeleton-card-body{width:100%;margin:5px;display:flex;flex-direction:column;gap:8px}@media screen and (min-width: 550px){.video-list-item{width:calc(50% - 20px)}}@media screen and (min-width: 1200px){.dashboard-content{gap:20px;flex:1;margin:20px auto;width:1200px;padding:60px 0 0}.dashboard-content>div:nth-child(1){width:280px;position:fixed;top:80px;left:calc((100vw - 1200px)/2);background-color:var(--bg-panel-);height:calc(100vh - 100px);overflow-y:auto;border-radius:10px}.dashboard-content>div:nth-child(2){margin-left:300px}.video-list-item{width:calc(33.33333333% - 20px)}.header>div{width:1200px}.footer-menu{display:none}}@media screen and (max-width: 1199px){.header-logo-full{display:none}.header-logo-icon{display:block;width:26px;height:26px}.mobile-report-cards{display:block;margin-bottom:30px}.mobile-report-cards .list-panel{margin:6px 10px 1px}.mobile-report-cards .panel-title{margin:0 10px}.dashboard-content{padding-top:96px;padding-bottom:80px}.mobile-sub-header{display:flex}.student-item-header{top:96px}}@media screen and (max-width: 1400px){.assignment-related-container{flex-direction:column}}@media screen and (max-width: 1080px){.assignment-files{flex-direction:column}.assignment-files>div:nth-child(1){border-right:none;border-bottom:1px solid var(--border-color-)}}@media screen and (max-width: 900px){.header-page-title,.header-page-title--enhanced{font-size:1.8rem}.breadcrumb-enhanced-parent,.breadcrumb-enhanced-sep,.breadcrumb-enhanced-current,.card-header-title--breadcrumb{font-size:1.3rem}.assignment-block{flex-direction:column}.assignment-related-container{flex-direction:row}.grade-details-wrapper{margin:0 10px 2px}.grade-details{width:100%;margin:0}.grade-table-header>div:nth-child(2),.grade-table-row>div:nth-child(2),.grade-table-header>div:nth-child(4),.grade-table-row>div:nth-child(4){display:none}.grade-table-header>div:nth-child(1),.grade-table-row>div:nth-child(1){flex:0 0 40%}.grade-table-header>div:nth-child(3),.grade-table-row>div:nth-child(3){flex:0 0 22%}.attendance-summary-item{flex:1 1 calc(33.33% - 5px);min-width:calc(33.33% - 5px)}.item-view-header.attendance-detail>div:nth-child(4),.item-view-list.attendance-detail>div>div:nth-child(4){display:none}.item-view-header.four-col:not(.schedule)>div:nth-child(3),.item-view-list.four-col:not(.schedule)>div>div:nth-child(3){display:none}.item-view-header.grades-overview>div:nth-child(2),.item-view-list.grades-overview>div>a>div:nth-child(2){display:none}.schedule-row-icon{display:none}.misc-overlay-content{width:80vw}}@media screen and (max-width: 750px){.schedule-week-view{flex-direction:column;gap:8px}.schedule-week-col{flex-direction:row;flex-wrap:wrap;min-width:unset}.schedule-week-col-header{flex:0 0 100%;padding:4px 4px 8px}.schedule-week-cell{flex:1 1 140px;width:auto}}@media screen and (max-width: 700px){.header-page-title,.header-page-title--enhanced{font-size:1.5rem}.breadcrumb-enhanced-parent,.breadcrumb-enhanced-sep,.breadcrumb-enhanced-current,.card-header-title--breadcrumb{font-size:1.1rem}.breadcrumb-enhanced-sep{padding:0 12px}.calc-overlay-header .calc-overlay-date,.calc-overlay-row .calc-overlay-date{display:none}.calc-overlay-grade{flex:0 0 130px}.item-attendance-list.schedule>div{padding:8px 16px}.schedule-term-header{margin:6px 16px 0;padding:5px 12px}.schedule-week-view{padding:10px;gap:8px}.schedule-week-col-day{font-size:.75rem}.schedule-week-cell{padding:10px;gap:6px}.schedule-section-modal{padding:0 14px}.schedule-section-modal-header{padding:14px 0 12px}.schedule-video-preview .video-list-item{width:calc(50% - 6px)}.assignment-title-bar{align-items:flex-start;flex-direction:column}.assignment-title-bar>div{width:100%}.student-item-header{height:auto;padding:15px 20px;width:calc(100% - 40px)}.filters-search{flex-direction:column;gap:10px;align-items:stretch}.filter-container{width:100%;box-sizing:border-box}.search-container{flex:none;width:100%;box-sizing:border-box}.page-header-right{margin-left:0;margin-top:8px;width:100%}.page-header-right .search-container,.page-header-right .search-dropdown-wrap{flex:0 0 auto;width:100%}.page-header-right:has(.pill-select){flex-wrap:wrap}.misc-overlay-content{width:90vw;padding:24px 18px;border-radius:18px}.misc-overlay-header{font-size:1rem}.schedule-material-thumb{width:40px;height:40px}.schedule-material-icon-lg{font-size:2rem}}@media screen and (max-width: 550px){.profile-page-content{padding:10px}.profile-page-avatar{width:50px;height:50px}.profile-page-name{font-size:1.1rem}.profile-page-field{flex-direction:column;gap:2px}.profile-page-field-label{flex:unset}.schedule-week-cell-course{font-size:.88rem}.schedule-week-cell-meta{font-size:.68rem}.schedule-section-modal{width:100%;max-width:calc(100vw - 24px);padding:0 12px}.schedule-section-modal-days{flex-wrap:wrap}.schedule-section-modal-day{flex:1 1 auto;min-width:44px;padding:8px 0;font-size:.78rem}.header-page-title,.header-page-title--enhanced{font-size:1.2rem;flex-wrap:wrap}.header-page-title>span:nth-child(2){padding:0 10px}.breadcrumb-list{flex-wrap:wrap}.breadcrumb-enhanced-parent,.breadcrumb-enhanced-sep,.breadcrumb-enhanced-current,.card-header-title--breadcrumb{font-size:.95rem}.breadcrumb-enhanced-sep{padding:0 10px}.misc-overlay-content{padding:20px 16px}.calc-input-group>span{display:none}.misc-overlay-header .breadcrumb-enhanced-parent,.misc-overlay-header .breadcrumb-enhanced-sep,.misc-overlay-header .breadcrumb-enhanced-current{font-size:1.1rem}.misc-overlay-header .breadcrumb-enhanced-sep{padding:0 12px}.calc-subheader-stats .calc-count-pill{flex:0 0 100%}.calc-term-header{font-size:1rem;padding:6px 10px}.calc-projected-grade>div:first-child{font-size:1.4rem}.calc-overlay-row{padding:6px 10px;gap:10px;min-height:44px}.calc-overlay-name{font-size:.78rem}.calc-overlay-grade{flex:0 0 120px}.student-item-header{height:auto;padding:20px 15px;width:calc(100% - 30px);gap:8px;flex-wrap:wrap}.student-item-count{flex:0 0 100%;height:30px;min-width:unset;border-radius:6px;justify-content:center}.item-header-avatar{display:none}.item-header-titles{font-size:.85rem}.item-header-titles>div:nth-child(2){font-size:.75rem}.item-header-btn{width:40px;height:40px}.schedule-view-toggle{padding-right:0}.schedule-view-btn{padding:0 6px}.schedule-view-toggle>button:first-child{padding-left:10px}.schedule-view-toggle>button:last-child{padding-right:10px}.schedule-video-preview .video-list-item{width:calc(100% - 20px)}.grade-details-wrapper{width:100%;margin:0 0 2px;border-radius:0}.grade-details-wrapper:before{display:none}.grade-details-mask{margin:0;border-radius:0}.grade-details{width:100%;margin:0;border-radius:0}.grade-details>div:nth-child(1){width:calc(100% - 24px);padding:10px 12px;flex-wrap:wrap;justify-content:flex-start;top:200px}.count-box-group{display:flex;flex:0 0 100%;margin-top:6px}.graded-count-box,.assigned-count-box,.missing-count-box{flex:1;box-sizing:border-box;padding:4px 10px}.grade-progress{flex:0 0 100%;justify-content:center;margin-top:8px}.grade-calculator-btn{flex:0 0 100%;width:100%;margin:8px 0}.grade-details-title{font-size:1rem}.progress-circle{width:60px;height:60px}.grade-progress>div:nth-child(2){font-size:.75rem}.grade-table-header{display:none}.missing.grade-table-row,.assigned.grade-table-row{padding:14px 20px}.grade-table-row{flex-direction:column;gap:6px;padding:14px 20px;min-height:unset}.grade-table-row>div{display:flex;justify-content:space-between;align-items:center;flex:1!important;text-align:right;padding-right:0!important;width:100%}.grade-table-row>div:before{content:attr(data-label);font-weight:700;font-size:.8rem;color:var(--text-grey-);flex:0 0 45%;text-align:left}.grade-table-row>div:nth-child(1){flex-direction:column;align-items:flex-start;gap:4px}.grade-table-row>div:nth-child(1):before{flex:0 0 auto}.grade-table-row>div:nth-child(1) .calc-name-cell{width:100%}.grade-table-row>div:nth-child(2),.grade-table-row>div:nth-child(3),.grade-table-row>div:nth-child(4),.grade-table-row>div:nth-child(5){display:flex}.calc-overlay-header{display:none}.calc-overlay-row{flex-direction:column;gap:6px;padding:14px 20px;min-height:unset}.calc-overlay-row>div{display:flex;justify-content:space-between;align-items:center;flex:1!important;white-space:normal;padding:0!important;width:100%;opacity:1!important}.calc-overlay-row>div:before{content:attr(data-label);font-weight:700;font-size:.8rem;color:var(--text-grey-);flex:0 0 45%;text-align:left}.calc-overlay-row>div:nth-child(1){flex-direction:column;align-items:flex-start;gap:4px}.calc-overlay-row>div:nth-child(1):before{flex:0 0 auto}.calc-overlay-row>div:nth-child(1) .calc-name-cell{width:100%}.calc-status-icon{width:24px;height:24px}.calc-status-icon .material-symbols-outlined{font-size:14px}.attendance-summary-item{flex:1 1 calc(50% - 5px);min-width:calc(50% - 5px)}.item-view-header.attendance-detail{display:none}.item-view-list.attendance-detail>div{flex-direction:column;gap:6px;padding:14px 25px}.item-view-list.attendance-detail>div>div{display:flex;justify-content:space-between;align-items:center;flex:1!important;text-align:left;width:100%}.item-view-list.attendance-detail>div>div:before{font-weight:700;font-size:.8rem;color:var(--text-grey-);flex:0 0 45%}.item-view-list.attendance-detail>div>div:nth-child(1):before{content:"Date"}.item-view-list.attendance-detail>div>div:nth-child(2):before{content:"Status"}.item-view-list.attendance-detail>div>div:nth-child(3):before{content:"Excused"}.item-view-list.attendance-detail>div>div:nth-child(4):before{content:"Minutes Absent"}.item-view-header.four-col{display:none}.item-view-list.four-col>div{flex-direction:column;gap:6px;padding:14px 25px}.item-view-list.four-col>div>div{display:flex;justify-content:space-between;align-items:center;flex:1!important;text-align:left;width:100%}.item-view-list.four-col:not(.schedule)>div>div:nth-child(3){display:flex}.item-view-list.four-col>div>div:before{font-weight:700;font-size:.8rem;color:var(--text-grey-);flex:0 0 45%}.item-view-list.four-col:not(.schedule)>div>div:nth-child(1):before{content:"Date"}.item-view-list.four-col:not(.schedule)>div>div:nth-child(2):before{content:"Infraction"}.item-view-list.four-col:not(.schedule)>div>div:nth-child(3):before{content:"Location"}.item-view-list.four-col:not(.schedule)>div>div:nth-child(4):before{content:"Status"}.item-attendance-list.schedule>div{padding:6px 14px}.schedule-row-top{flex-wrap:wrap;gap:8px;row-gap:4px}.schedule-row-days-inline{flex:0 0 100%;margin-left:40px}.item-view-all>div>div{display:none}.item-view-all>div{padding:8px 12px}.card-student-videos .item-view-all>div>div{display:flex}.card-student-videos .item-view-all>div{padding:8px 16px}.card-student-videos .card-header{flex-direction:column;align-items:stretch;height:auto;padding:12px 10px;gap:8px}.card-student-videos .card-header-action,.card-student-videos .item-view-all{width:100%}.schedule-row-top>.item-view-all{flex:0 0 auto;width:100%}.schedule-row-top .item-view-all>div>div{display:flex}.schedule-row-top .item-view-all>div{padding:8px 20px}.item-view-header.grades-overview{display:none}.item-view-list.grades-overview>div{flex-direction:column;gap:6px;padding:14px 25px}.item-view-list.grades-overview>div>a{flex-direction:column;width:100%;gap:4px}.item-view-list.grades-overview>div>a>div:nth-child(2){display:flex}.item-view-list.grades-overview>div>a>div{display:flex;justify-content:space-between;align-items:center;flex:1!important;text-align:left;width:100%}.item-view-list.grades-overview>div>a>div:before{font-weight:700;font-size:.8rem;color:var(--text-grey-);flex:0 0 45%}.item-view-list.grades-overview>div>a>div:nth-child(1):before{content:"Class"}.item-view-list.grades-overview>div>a>div:nth-child(2):before{content:"Teacher"}.item-view-list.grades-overview>div>a>div:nth-child(3):before{content:"Grade"}.item-view-list.grades-overview>div:hover>a>div:nth-child(2){color:var(--text-primary-)}.item-view-list.grades-overview>div>a>div:nth-child(3):before{color:var(--text-primary-)}.item-view-list.grades-overview>div>a>div:nth-child(3){justify-content:space-between}.grade-bar-wrap{flex:1}.misc-overlay-content{min-width:auto;width:95vw;padding:20px 14px;border-radius:14px;min-height:40vh;max-height:90vh}.misc-overlay-header{font-size:.9rem;padding-bottom:14px}.misc-overlay-footer{padding-top:14px}.misc-overlay-children{max-height:none;flex:1}.schedule-announcement-title{font-size:.8rem}.schedule-announcement-text{font-size:.72rem}.schedule-material-thumb{width:36px;height:36px}.schedule-material-icon-lg{font-size:1.8rem}.schedule-material-item{padding:8px;font-size:.65rem}.confirmation-container{flex:0 0 90vw;padding:24px 20px 40px}.rc-select{min-width:auto;width:100%}.rc-select-wrapper{display:block;width:100%}}@media screen and (max-width: 804px){.misc-overlay-header .breadcrumb-enhanced-parent,.misc-overlay-header .breadcrumb-enhanced-sep,.misc-overlay-header .breadcrumb-enhanced-current{font-size:1.3rem}.calc-subheader{flex-direction:column;align-items:stretch}.calc-count-pill{width:100%;justify-content:stretch}.calc-count-pill .count-box{flex:1}.calc-subheader-stats{flex-wrap:wrap;justify-content:flex-end}.calc-subheader-stats .calc-reset-all-btn{flex:1;width:auto}.calc-subheader-stats .calc-filter-pill{flex:1}.calc-subheader-stats .calc-filter-pill>button{flex:1}.calc-sort-label{display:none}.calc-projected-grade{flex:0 0 100%;flex-direction:row;align-items:baseline;justify-content:flex-end;gap:8px;margin-left:0;padding-left:0;border-left:none;margin-top:6px}.calc-projected-label{margin-top:0}}@media screen and (max-width: 400px){.profile-page-avatar{width:42px;height:42px}.profile-page-name{font-size:1rem}.dashboard-content{margin:10px}.assignment-related-container{flex-direction:column}.graded-count-box,.assigned-count-box,.missing-count-box{padding:6px 8px}.calc-count-pill .count-box{padding:6px 8px;min-width:60px}.calc-count-pill .missing-count-label{font-size:9px}.calc-count-pill .missing-count-number{font-size:1.2rem}.header-page-title,.header-page-title--enhanced{font-size:1rem}.header-page-title>span:nth-child(2){padding:0 6px}.breadcrumb-enhanced-parent,.breadcrumb-enhanced-sep,.breadcrumb-enhanced-current,.card-header-title--breadcrumb{font-size:.85rem}.breadcrumb-enhanced-sep{padding:0 8px}.misc-overlay-header .breadcrumb-enhanced-parent,.misc-overlay-header .breadcrumb-enhanced-sep,.misc-overlay-header .breadcrumb-enhanced-current{font-size:.95rem}.misc-overlay-header .breadcrumb-enhanced-sep{padding:0 8px}.calc-term-header{font-size:.9rem}.calc-projected-grade>div:first-child{font-size:1.2rem}.student-item-header{width:calc(100% - 20px);padding:12px 10px;height:auto}.item-header-btn{width:40px;height:40px}.item-attendance-list.schedule>div{padding:6px 12px}.schedule-row-period-badge{width:28px;height:28px}.schedule-row-period-num{font-size:.75rem}.schedule-row-period-label{font-size:.38rem}.schedule-row-days-inline{margin-left:36px}}.inactivity-overlay{position:fixed;inset:0;background:rgba(var(--c-black-rgb-),.55);z-index:9999;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.inactivity-modal{background:rgb(var(--c-white-rgb-));border-radius:12px;padding:36px 32px 28px;width:340px;max-width:90vw;text-align:center;box-shadow:0 8px 32px rgba(var(--c-black-rgb-),.2);display:flex;flex-direction:column;align-items:center;gap:12px}.inactivity-icon{font-size:2.8rem;color:rgb(var(--c-blue-deep-rgb-))}.inactivity-title{font-size:1.3rem;font-weight:700;color:var(--c-grey-870-);letter-spacing:-.02em}.inactivity-message{font-size:.9rem;color:var(--c-grey-620-);line-height:1.5}.inactivity-countdown{font-weight:700;color:rgb(var(--c-blue-deep-rgb-));font-size:1rem}.inactivity-stay-btn{margin-top:8px;width:100%;padding:12px;border-radius:8px;font-size:1rem;font-weight:600;color:rgb(var(--c-white-rgb-));background:linear-gradient(156deg,rgb(var(--c-blue-mid-rgb-)),rgb(var(--c-blue-deep-rgb-)));cursor:pointer;transition:box-shadow .2s}.inactivity-stay-btn:hover{box-shadow:0 4px 14px rgba(var(--c-blue-deep-rgb-),.4)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.wallet-panel{display:flex;flex-direction:column;gap:16px}.wallet-hero{background:var(--bg-white-);border-radius:12px;padding:20px 18px;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.wallet-hero-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary-)}.wallet-hero-value{font-size:2.4rem;font-weight:800;color:var(--c-navy-500-);line-height:1}.wallet-earn-action-slot{width:100%}.wallet-lock-icon{font-size:.95rem!important;vertical-align:middle;margin-left:4px;color:var(--pending-color-yellow-)}.wallet-pending-row{display:flex;align-items:center;gap:12px;background:var(--c-amber-050-);border-radius:10px;padding:12px 16px}.wallet-pending-row>.material-symbols-outlined{color:var(--pending-color-yellow-);font-size:1.4rem}.wallet-pending-label{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--pending-color-yellow-)}.wallet-pending-value{font-size:1.1rem;font-weight:700;color:var(--c-amber-900-)}.wallet-sponsor-card{display:flex;align-items:center;gap:16px;background:var(--bg-white-);border-radius:12px;padding:16px 18px;flex-wrap:wrap}.wallet-sponsor-qr img{width:84px;height:84px;border-radius:8px;display:block}.wallet-sponsor-details{flex:1;min-width:160px;display:flex;flex-direction:column;gap:4px}.wallet-sponsor-label{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary-)}.wallet-sponsor-code{font-size:1.1rem;font-weight:700;color:var(--c-navy-500-);letter-spacing:.02em}.wallet-sponsor-link{display:flex;align-items:center;gap:4px;font-size:.8rem;color:var(--link-color-);overflow-wrap:anywhere}.wallet-sponsor-link .material-symbols-outlined{font-size:1rem}.wallet-sponsor-share-btn{align-self:flex-start;display:flex;align-items:center;gap:6px;margin-top:6px;padding:8px 16px;border-radius:8px;border:none;background:var(--btn-blue-background-);color:var(--btn-blue-light-color-);font-weight:600;font-size:.85rem;cursor:pointer}.wallet-sponsor-share-btn:hover{background:var(--btn-blue-background-hover-)}.wallet-sponsor-share-btn:disabled{opacity:.5;cursor:not-allowed}.wallet-journal-header{font-weight:600;color:var(--text-grey-)}.wallet-journal-list{display:flex;flex-direction:column;gap:8px}.wallet-journal-item{display:flex;align-items:center;gap:12px;background:rgba(var(--c-black-rgb-),.03);border-radius:10px;padding:10px 14px}.wallet-journal-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:rgba(var(--c-grey-mid-rgb-),.12);color:var(--text-secondary-)}.wallet-journal-icon--in{background:rgba(var(--c-green-rgb-),.12);color:var(--c-green-700-)}.wallet-journal-icon--out{background:rgba(var(--c-red-rgb-),.1);color:var(--c-red-700-)}.wallet-journal-body{flex:1;min-width:0}.wallet-journal-description{font-weight:600;font-size:.9rem;color:var(--c-navy-500-);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wallet-journal-label{font-size:.72rem;color:var(--text-secondary-)}.wallet-journal-date{font-size:.68rem;color:var(--text-muted-);margin-top:2px}.wallet-journal-amount{font-weight:700;font-size:.95rem;white-space:nowrap;color:var(--text-color-)}.wallet-journal-amount--in{color:var(--c-green-700-)}.wallet-journal-amount--out{color:var(--c-red-700-)}.wallet-accounts{display:flex;gap:12px;margin:4px 0 16px;flex-wrap:wrap}.wallet-account{flex:1 1 160px;border:1px solid var(--border-color-);border-radius:14px;padding:16px;background:var(--bg-card-)}.wallet-account--daily{border-top:3px solid #2563eb}.wallet-account--fund{border-top:3px solid #0d9488}.wallet-account-head{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text-secondary-, #556)}.wallet-account-head .material-symbols-outlined{font-size:20px}.wallet-account--daily .wallet-account-head .material-symbols-outlined{color:#2563eb}.wallet-account--fund .wallet-account-head .material-symbols-outlined{color:#0d9488}.wallet-account-name{flex:1}.wallet-lock-icon{font-size:16px!important;color:#0d9488}.wallet-account-value{font-size:28px;font-weight:700;margin:8px 0 4px}.wallet-account-note{font-size:12px;color:var(--text-secondary-, #778);line-height:1.35}.wallet-input-rewards{border:1px solid var(--border-color-);border-top:3px solid #0d9488;border-radius:12px;padding:16px;margin-bottom:16px;background:var(--bg-card-)}.wallet-input-rewards-head{display:flex;gap:10px;align-items:flex-start}.wallet-input-rewards-head>.material-symbols-outlined{color:#0d9488;font-size:24px}.wallet-input-rewards-title{font-weight:600;margin-bottom:2px}.wallet-input-rewards-sub{font-size:12px;color:var(--text-secondary-, #778);line-height:1.4}.wallet-input-progress{margin-top:14px}.wallet-input-progress-track{height:6px;border-radius:999px;background:#d9dee6;overflow:hidden}.wallet-input-progress-fill{height:100%;background:#0d9488;transition:width .4s ease}.wallet-input-progress-caption{font-size:12px;color:var(--text-secondary-, #778);margin-top:6px}.wallet-input-recent{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}.wallet-input-recent-item{display:flex;align-items:center;gap:8px;font-size:13px}.wallet-input-recent-item>.material-symbols-outlined{font-size:18px;color:#0d9488}.wallet-input-recent-label{flex:1}.wallet-input-recent-reward{font-weight:600;color:#0d9488}.wallet-input-empty{margin-top:12px;font-size:12px;color:var(--text-secondary-, #778)}.pill-select{--pill-select-bg-: var(--c-blue-050-);--pill-select-accent-: var(--blue-accent-);--pill-select-text-: var(--c-navy-500-);position:relative;display:inline-flex;max-width:100%}:root[data-theme=dark] .pill-select{--pill-select-bg-: rgba(var(--c-blue-rgb-), .14);--pill-select-accent-: var(--c-dark-blue-accent-);--pill-select-text-: var(--c-grey-650-)}.pill-select-pill{display:flex;align-items:center;gap:10px;min-width:0;padding:5px 5px 5px 14px;border-radius:999px;background:var(--pill-select-bg-)}.pill-select-icon{font-size:20px;color:var(--pill-select-accent-);flex-shrink:0}.pill-select-label{font-size:14px;font-weight:600;color:var(--pill-select-accent-);white-space:nowrap}.pill-select-trigger{display:flex;align-items:center;gap:6px;min-width:0;padding:8px 10px 8px 16px;border:0;border-radius:999px;background:var(--bg-white-);color:var(--pill-select-text-);font-family:inherit;font-size:14px;font-weight:600;cursor:pointer}.pill-select-trigger:focus-visible{outline:2px solid var(--pill-select-accent-);outline-offset:2px}.pill-select-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pill-select-caret{font-size:20px;flex-shrink:0;transition:transform .15s ease}.pill-select--open .pill-select-caret{transform:rotate(180deg)}.pill-select-panel{position:absolute;top:4px;left:6px;right:6px;z-index:60;border-radius:16px;background:var(--bg-white-);box-shadow:0 10px 30px rgba(var(--c-black-rgb-),.18);overflow:hidden}.pill-select-panel-head{display:flex;align-items:center;gap:8px;padding:16px 20px 10px;font-size:15px;font-weight:700;color:var(--pill-select-accent-);white-space:nowrap}.pill-select-panel-head>.material-symbols-outlined{font-size:20px;color:var(--pill-select-accent-)}.pill-select-options{padding-bottom:8px;max-height:260px;overflow-y:auto;outline:none}.pill-select-option{padding:11px 20px;font-size:15px;color:var(--pill-select-text-);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.pill-select-option--active{background:var(--bg-blue-hover-alt-)}.pill-select-option--selected{background:var(--bg-blue-hover-alt-);color:var(--pill-select-accent-);font-weight:700}.card-sticky-header .card-header{position:sticky;top:100px;z-index:50;background-color:var(--bg-white-)}.card-sticky-header .card-header:has(.pill-select--open){z-index:60}@media screen and (max-width: 1199px){.card-sticky-header .card-header{top:96px}}@media screen and (max-width: 700px){.card-header-action .pill-select-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.card-header-action .pill-select-pill{padding-left:8px}}@media screen and (max-width: 550px){.card-header-action:has(.pill-select){flex-direction:column;align-items:stretch}.card-header-action .pill-select{display:flex}.card-header-action .pill-select-pill{flex:1}.card-header-action .pill-select-trigger{flex:1;justify-content:space-between}}.wallet-adearn-cta{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;margin-bottom:16px;border:none;border-radius:12px;background:linear-gradient(90deg,#2563eb,#0d9488);color:#fff;font-size:15px;font-weight:600;cursor:pointer}.wallet-adearn-cta:hover{opacity:.94}.wallet-adearn{border-radius:12px;padding:16px;margin-bottom:16px;background:var(--bg-subtle-, #f4f6f8);border:1px solid var(--border-color-)}.wallet-adearn--playing{text-align:center}.wallet-adearn-badge{display:inline-block;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#667;border:1px solid var(--border-color-);border-radius:999px;padding:2px 8px;margin-bottom:8px}.wallet-adearn-title{font-weight:600;margin-bottom:10px}.wallet-adearn-progress{height:6px;border-radius:999px;background:#d9dee6;overflow:hidden}.wallet-adearn-progress-fill{height:100%;background:#2563eb;transition:width 1s linear}.wallet-adearn-caption{font-size:12px;color:#778;margin-top:6px}.wallet-adearn--earned{display:flex;align-items:center;gap:12px}.wallet-adearn--earned .material-symbols-outlined{color:#0d9488;font-size:28px}.wallet-adearn-earned-title{font-weight:600;color:var(--c-green-700-, #15803d)}.wallet-adearn-earned-note{font-size:12px;color:#778}.wallet-adearn-again{margin-left:auto;border:1px solid var(--border-color-);background:var(--bg-white-, #fff);border-radius:8px;padding:8px 12px;font-size:13px;font-weight:600;cursor:pointer}.wallet-sponsor-share{margin-top:12px}.wallet-sponsor-share-platforms{display:flex;flex-wrap:wrap;gap:6px}.wallet-share-chip{border:none;border-radius:999px;padding:7px 14px;font-size:12px;font-weight:600;color:#fff;cursor:pointer}.wallet-share-chip:hover{opacity:.92}.wallet-share-chip--facebook{background:#1877f2}.wallet-share-chip--x{background:#000}.wallet-share-chip--linkedin{background:#0a66c2}.wallet-share-chip--whatsapp{background:#25d366}.wallet-share-chip--sms{background:#5b6b7c}.wallet-share-chip--email{background:#4b5563}.wallet-sponsor-share-actions{display:flex;gap:8px;margin-top:10px}