:root,:host{--fa-font-solid:normal 900 1em/1 "Font Awesome 7 Free";--fa-font-regular:normal 400 1em/1 "Font Awesome 7 Free";--fa-font-light:normal 300 1em/1 "Font Awesome 7 Pro";--fa-font-thin:normal 100 1em/1 "Font Awesome 7 Pro";--fa-font-duotone:normal 900 1em/1 "Font Awesome 7 Duotone";--fa-font-duotone-regular:normal 400 1em/1 "Font Awesome 7 Duotone";--fa-font-duotone-light:normal 300 1em/1 "Font Awesome 7 Duotone";--fa-font-duotone-thin:normal 100 1em/1 "Font Awesome 7 Duotone";--fa-font-brands:normal 400 1em/1 "Font Awesome 7 Brands";--fa-font-sharp-solid:normal 900 1em/1 "Font Awesome 7 Sharp";--fa-font-sharp-regular:normal 400 1em/1 "Font Awesome 7 Sharp";--fa-font-sharp-light:normal 300 1em/1 "Font Awesome 7 Sharp";--fa-font-sharp-thin:normal 100 1em/1 "Font Awesome 7 Sharp";--fa-font-sharp-duotone-solid:normal 900 1em/1 "Font Awesome 7 Sharp Duotone";--fa-font-sharp-duotone-regular:normal 400 1em/1 "Font Awesome 7 Sharp Duotone";--fa-font-sharp-duotone-light:normal 300 1em/1 "Font Awesome 7 Sharp Duotone";--fa-font-sharp-duotone-thin:normal 100 1em/1 "Font Awesome 7 Sharp Duotone";--fa-font-slab-regular:normal 400 1em/1 "Font Awesome 7 Slab";--fa-font-slab-press-regular:normal 400 1em/1 "Font Awesome 7 Slab Press";--fa-font-whiteboard-semibold:normal 600 1em/1 "Font Awesome 7 Whiteboard";--fa-font-thumbprint-light:normal 300 1em/1 "Font Awesome 7 Thumbprint";--fa-font-notdog-solid:normal 900 1em/1 "Font Awesome 7 Notdog";--fa-font-notdog-duo-solid:normal 900 1em/1 "Font Awesome 7 Notdog Duo";--fa-font-etch-solid:normal 900 1em/1 "Font Awesome 7 Etch";--fa-font-jelly-regular:normal 400 1em/1 "Font Awesome 7 Jelly";--fa-font-jelly-fill-regular:normal 400 1em/1 "Font Awesome 7 Jelly Fill";--fa-font-jelly-duo-regular:normal 400 1em/1 "Font Awesome 7 Jelly Duo";--fa-font-chisel-regular:normal 400 1em/1 "Font Awesome 7 Chisel";--fa-font-utility-semibold:normal 600 1em/1 "Font Awesome 7 Utility";--fa-font-utility-duo-semibold:normal 600 1em/1 "Font Awesome 7 Utility Duo";--fa-font-utility-fill-semibold:normal 600 1em/1 "Font Awesome 7 Utility Fill"}.svg-inline--fa{box-sizing:content-box;display:var(--fa-display,inline-block);vertical-align:-.125em;height:1em;width:var(--fa-width,1.25em);overflow:visible}.svg-inline--fa.fa-2xs{vertical-align:.1em}.svg-inline--fa.fa-xs{vertical-align:0}.svg-inline--fa.fa-sm{vertical-align:-.0714286em}.svg-inline--fa.fa-lg{vertical-align:-.2em}.svg-inline--fa.fa-xl{vertical-align:-.25em}.svg-inline--fa.fa-2xl{vertical-align:-.3125em}.svg-inline--fa.fa-pull-left,.svg-inline--fa .fa-pull-start{float:inline-start;margin-inline-end:var(--fa-pull-margin,.3em)}.svg-inline--fa.fa-pull-right,.svg-inline--fa .fa-pull-end{float:inline-end;margin-inline-start:var(--fa-pull-margin,.3em)}.svg-inline--fa.fa-li{width:var(--fa-li-width,2em);inset-block-start:.25em;inset-inline-start:calc(-1*var(--fa-li-width,2em))}.fa-layers-counter,.fa-layers-text{text-align:center;display:inline-block;position:absolute}.fa-layers{text-align:center;vertical-align:-.125em;height:1em;width:var(--fa-width,1.25em);display:inline-block;position:relative}.fa-layers .svg-inline--fa{transform-origin:50%;margin:auto;position:absolute;inset:0}.fa-layers-text{transform-origin:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.fa-layers-counter{background-color:var(--fa-counter-background-color,#ff253a);border-radius:var(--fa-counter-border-radius,1em);box-sizing:border-box;color:var(--fa-inverse,#fff);line-height:var(--fa-counter-line-height,1);max-width:var(--fa-counter-max-width,5em);min-width:var(--fa-counter-min-width,1.5em);padding:var(--fa-counter-padding,.25em .5em);right:var(--fa-right,0);text-overflow:ellipsis;top:var(--fa-top,0);transform:scale(var(--fa-counter-scale,.25));transform-origin:100% 0;overflow:hidden}.fa-layers-bottom-right{bottom:var(--fa-bottom,0);right:var(--fa-right,0);transform:scale(var(--fa-layers-scale,.25));transform-origin:100% 100%;top:auto}.fa-layers-bottom-left{bottom:var(--fa-bottom,0);left:var(--fa-left,0);transform:scale(var(--fa-layers-scale,.25));transform-origin:0 100%;top:auto;right:auto}.fa-layers-top-right{top:var(--fa-top,0);right:var(--fa-right,0);transform:scale(var(--fa-layers-scale,.25));transform-origin:100% 0}.fa-layers-top-left{left:var(--fa-left,0);right:auto;top:var(--fa-top,0);transform:scale(var(--fa-layers-scale,.25));transform-origin:0 0}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-2xs{vertical-align:.225em;font-size:.625em;line-height:.1em}.fa-xs{vertical-align:.125em;font-size:.75em;line-height:.0833333em}.fa-sm{vertical-align:.0535715em;font-size:.875em;line-height:.0714286em}.fa-lg{vertical-align:-.075em;font-size:1.25em;line-height:.05em}.fa-xl{vertical-align:-.125em;font-size:1.5em;line-height:.0416667em}.fa-2xl{vertical-align:-.1875em;font-size:2em;line-height:.03125em}.fa-width-auto{--fa-width:auto}.fa-fw,.fa-width-fixed{--fa-width:1.25em}.fa-ul{margin-inline-start:var(--fa-li-margin,2.5em);padding-inline-start:0;list-style-type:none}.fa-ul>li{position:relative}.fa-li{text-align:center;width:var(--fa-li-width,2em);line-height:inherit;position:absolute;inset-inline-start:calc(-1*var(--fa-li-width,2em))}.fa-border{border-color:var(--fa-border-color,#eee);border-radius:var(--fa-border-radius,.1em);border-style:var(--fa-border-style,solid);border-width:var(--fa-border-width,.0625em);box-sizing:var(--fa-border-box-sizing,content-box);padding:var(--fa-border-padding,.1875em .25em)}.fa-pull-left,.fa-pull-start{float:inline-start;margin-inline-end:var(--fa-pull-margin,.3em)}.fa-pull-right,.fa-pull-end{float:inline-end;margin-inline-start:var(--fa-pull-margin,.3em)}.fa-beat{animation-name:fa-beat;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-bounce{animation-name:fa-bounce;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1))}.fa-fade{animation-name:fa-fade;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-beat-fade{animation-name:fa-beat-fade;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-flip{animation-name:fa-flip;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-shake{animation-name:fa-shake;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,linear)}.fa-spin{animation-name:fa-spin;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,2s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,linear)}.fa-spin-reverse{--fa-animation-direction:reverse}.fa-pulse,.fa-spin-pulse{animation-name:fa-spin;animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,steps(8))}@media (prefers-reduced-motion:reduce){.fa-beat,.fa-bounce,.fa-fade,.fa-beat-fade,.fa-flip,.fa-pulse,.fa-shake,.fa-spin,.fa-spin-pulse{transition:none!important;animation:none!important}}@keyframes fa-beat{0%,90%{transform:scale(1)}45%{transform:scale(var(--fa-beat-scale,1.25))}}@keyframes fa-bounce{0%{transform:scale(1)translateY(0)}10%{transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9))translateY(0)}30%{transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1))translateY(var(--fa-bounce-height,-.5em))}50%{transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95))translateY(0)}57%{transform:scale(1,1)translateY(var(--fa-bounce-rebound,-.125em))}64%{transform:scale(1)translateY(0)}to{transform:scale(1)translateY(0)}}@keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}}@keyframes fa-beat-fade{0%,to{opacity:var(--fa-beat-fade-opacity,.4);transform:scale(1)}50%{opacity:1;transform:scale(var(--fa-beat-fade-scale,1.125))}}@keyframes fa-flip{50%{transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}@keyframes fa-shake{0%{transform:rotate(-15deg)}4%{transform:rotate(15deg)}8%,24%{transform:rotate(-18deg)}12%,28%{transform:rotate(18deg)}16%{transform:rotate(-22deg)}20%{transform:rotate(22deg)}32%{transform:rotate(-12deg)}36%{transform:rotate(12deg)}40%,to{transform:rotate(0)}}@keyframes fa-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fa-rotate-90{transform:rotate(90deg)}.fa-rotate-180{transform:rotate(180deg)}.fa-rotate-270{transform:rotate(270deg)}.fa-flip-horizontal{transform:scaleX(-1)}.fa-flip-vertical{transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{transform:scale(-1)}.fa-rotate-by{transform:rotate(var(--fa-rotate-angle,0))}.svg-inline--fa .fa-primary{fill:var(--fa-primary-color,currentColor);opacity:var(--fa-primary-opacity,1)}.svg-inline--fa .fa-secondary{fill:var(--fa-secondary-color,currentColor);opacity:var(--fa-secondary-opacity,.4)}.svg-inline--fa.fa-swap-opacity .fa-primary{opacity:var(--fa-secondary-opacity,.4)}.svg-inline--fa.fa-swap-opacity .fa-secondary{opacity:var(--fa-primary-opacity,1)}.svg-inline--fa mask .fa-primary,.svg-inline--fa mask .fa-secondary{fill:#000}.svg-inline--fa.fa-inverse{fill:var(--fa-inverse,#fff)}.fa-stack{vertical-align:middle;width:2.5em;height:2em;line-height:2em;display:inline-block;position:relative}.fa-inverse{color:var(--fa-inverse,#fff)}.svg-inline--fa.fa-stack-1x{--fa-width:1.25em;height:1em;width:var(--fa-width)}.svg-inline--fa.fa-stack-2x{--fa-width:2.5em;height:2em;width:var(--fa-width)}.fa-stack-1x,.fa-stack-2x{z-index:var(--fa-stack-z-index,auto);margin:auto;position:absolute;inset:0}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;color:var(--color-text);background:#f7f7f7;background:var(--blue);font-family:system-ui,-apple-system,sans-serif;line-height:1.5;overflow:hidden}a{color:inherit;text-decoration:none}button,input{font-family:inherit}:focus-visible{outline:2px solid var(--color-secondary);outline-offset:2px}.loginLogo{width:fit-content;height:80px;display:block;margin:0 auto 2rem!important}.growOnHover:hover{outline:solid var(--border-color)1px;transform:scale(1.05)}.centered{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.column{flex-direction:column;display:flex}.status-pill{text-transform:uppercase;letter-spacing:.05em;border-radius:12px;margin:0 .5rem;padding:.25rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.status-pill--active{background-color:var(--light-green);color:var(--dark-green)}.status-pill--inactive{color:#050505;background-color:#ffaeae}.todo{background:#9bff9b}.placeholderImage{color:#555;background:#e5e5e5;border:1px solid #ccc;border-radius:8px;justify-content:center;align-items:center;width:100%;height:180px;font-size:14px;display:flex}:root{--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--shadow-sm:0 2px 4px #0000000f;--shadow-md:0 4px 12px #00000014;--page-max-width:1100px;--page-padding:1.5rem;--fs-xs:.75rem;--fs-sm:.9rem;--fs-md:1rem;--fs-lg:1.25rem;--fs-xl:1.75rem;--fs-xxl:2.4rem}.auth-container{background:#fff;border:1px solid #e5e5e5;border-radius:12px;width:min(420px,100% - 1.5rem);max-width:420px;margin:6rem auto;padding:2rem;box-shadow:0 4px 12px #0000000f}@media (max-width:640px){.auth-container{margin:2.5rem auto;padding:1.25rem}}.auth-container--thin{box-shadow:none;background:0 0;border:none;padding:1rem}.auth-title{text-align:center;margin-bottom:1.5rem;font-family:UnicaOne;font-size:1.75rem;font-weight:600}.auth-form{flex-direction:column;gap:1.25rem;display:flex}.auth-label{color:#555;font-size:.95rem;font-weight:500}.auth-input{background:#fafafa;border:1px solid #ccc;border-radius:8px;width:100%;padding:.75rem 1rem;font-size:1rem;transition:border-color .15s,background .15s}.auth-input:focus{background:#fff;border-color:#777;outline:none}.auth-button{background:var(--green-gradient-dark);color:#000;cursor:pointer;text-align:center;border:none;border-radius:8px;padding:.75rem 1rem;font-size:1rem;font-weight:600;transition:transform .25s}.auth-button:hover{transform:scale(1.05)}.auth-button[disabled]{opacity:.6;cursor:not-allowed}.auth-error{color:#c10000;background:#ffe6e6;border:1px solid #ffb3b3;border-radius:6px;padding:.75rem 1rem;font-size:.9rem}:root{--blue:#006a98;--green:#75d68a;--dark-blue:#004563;--dark-green:#1e7e34;--light-green:#91e176;--gray:#eee;--lightGray:#fafafa;--black:#000;--white:#fff;--border-color:#66ce53;--card-bg:#fafafa;--red:#ff004c;--yellow:#ffbf00;--light-yellow:#fff4d4;--green-gradient-primary:linear-gradient(135deg,#b5ff9c 0%,#65fbc6 100%);--green-gradient-dark:linear-gradient(135deg,#74c888 0%,#7fe7af 100%);--green-gradient-tertiary:linear-gradient(to right,#b4e8a2 0%,#7ff0c6 130%);--activity-cat-scheduling-accent:#0587cd;--activity-cat-scheduling-bg-start:#d8eff8;--activity-cat-scheduling-bg-end:#aadceeb8;--activity-cat-messages-accent:#6f5cd6;--activity-cat-messages-bg-start:#e2defab8;--activity-cat-messages-bg-end:#ccd9fc85;--activity-cat-progress-accent:#ffc800;--activity-cat-progress-bg-start:#f5df923d;--activity-cat-progress-bg-end:#eabf802e;--activity-cat-songs-accent:#5abe69;--activity-cat-songs-bg-start:#e0f5de;--activity-cat-songs-bg-end:#c2e6ca;--activity-cat-billing-accent:red;--activity-cat-billing-bg-start:#f4c2c247;--activity-cat-billing-bg-end:#e8bed22e;--activity-cat-amplify-accent:#1598e4;--activity-cat-amplify-bg-start:#93d8a152;--activity-cat-amplify-bg-end:#1598e429;--activity-cat-misc-accent:#a0a0a0;--activity-cat-misc-bg-start:#d6d6d657;--activity-cat-misc-bg-end:#cdcde42e;--color-light:#fafafa;--color-dark:#000;--color-muted:#eee}@font-face{font-family:JosefinSans;src:url(/fonts/JosefinSans.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:JennaSue;src:url(/fonts/JennaSue.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:UnicaOne;src:url(/fonts/UnicaOne-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}.heading{text-underline-offset:5px;color:#000;text-transform:uppercase;margin-bottom:.5rem;font-family:JosefinSans;font-weight:700;line-height:1.2;text-decoration:underline}.heading--xl{font-size:var(--fs-xxl)}.heading--lg{font-size:var(--fs-xl)}.heading--md{font-size:var(--fs-lg)}.heading--page{letter-spacing:.02em;font-size:1.35rem;line-height:1.2}@media (min-width:768px){.heading--page{font-size:var(--fs-xl)}}.heading--blue{color:#006a98;text-decoration-color:#91e176}.heading--white{color:#fff;text-decoration-color:#91e176}.subheading{font-size:var(--fs-sm);color:#004563;margin-bottom:.75rem;font-weight:500}.subheading--light{color:#fafafa}.subheading--dark{color:#000}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:#666}.student-name-link{color:#006a98;font-size:1.1rem;font-weight:500;-webkit-text-decoration:underline #75d68a;text-decoration:underline #75d68a;transition:color .15s}.student-name-link:hover{color:#004563}.cardHeader{margin:0 0 .5rem;font-size:1.2rem;font-weight:600}.cardText{color:#555;margin:0;font-size:.95rem;line-height:1.4}.btn{border-radius:var(--radius-sm);font-weight:400;font-size:var(--fs-md);cursor:pointer;border:none;justify-content:center;align-items:center;padding:.6rem 1rem;transition:background .2s,opacity .2s,transform .25s;display:inline-flex}.btn:hover:not(:disabled){transform:scale(1.05)}.btn--primary{border-radius:var(--radius-sm);font-weight:400;font-size:var(--fs-md);cursor:pointer;border:none;justify-content:center;align-items:center;padding:.6rem 1rem;transition:background .2s,opacity .2s,transform .25s;display:inline-flex}.btn--primary:hover:not(:disabled){transform:scale(1.05)}.btn--primary{color:#000;background:#fff;border:none;border-radius:3px;height:fit-content;margin:1rem 2rem;padding:.5rem 1rem;font-size:1rem;display:inline-block}.btn--primary:hover{transform:scale(1.05)}.btn--gray{border-radius:var(--radius-sm);font-weight:400;font-size:var(--fs-md);cursor:pointer;border:none;justify-content:center;align-items:center;padding:.6rem 1rem;transition:background .2s,opacity .2s,transform .25s;display:inline-flex}.btn--gray:hover:not(:disabled){transform:scale(1.05)}.btn--gray{color:#000;background:#eee;border:1px solid #d8d8d8;border-radius:3px;height:fit-content}.btn--blue{border-radius:var(--radius-sm);font-weight:400;font-size:var(--fs-md);cursor:pointer;border:none;justify-content:center;align-items:center;padding:.6rem 1rem;transition:background .2s,opacity .2s,transform .25s;display:inline-flex}.btn--blue:hover:not(:disabled){transform:scale(1.05)}.btn--blue{color:#fff;background:#006a98;border:none}.btn--blue:hover:not(:disabled){color:#000;background:linear-gradient(to bottom left,#b4e8a2 0%,#7ff0c6 100%);outline:1px solid #02c702}.btn--danger{border-radius:var(--radius-sm);font-weight:400;font-size:var(--fs-md);cursor:pointer;border:none;justify-content:center;align-items:center;padding:.6rem 1rem;transition:background .2s,opacity .2s,transform .25s;display:inline-flex}.btn--danger:hover:not(:disabled){transform:scale(1.05)}.btn--danger{color:#000!important;background:#ff8686!important;outline:1px solid #e70000!important}.btn--danger:hover:not(:disabled){color:#fff!important;background:#ef4141!important;outline:1px solid #e70000!important}.btn--green{border-radius:var(--radius-sm);font-weight:400;font-size:var(--fs-md);cursor:pointer;border:none;justify-content:center;align-items:center;padding:.6rem 1rem;transition:background .2s,opacity .2s,transform .25s;display:inline-flex}.btn--green:hover:not(:disabled){transform:scale(1.05)}.btn--green{background:linear-gradient(90deg,#b4e8a2 0%,#7ff0c6 130%)!important;border:none!important;border-radius:3px!important;outline:1px solid #66ce53!important}.btn--green:hover:not(:disabled){color:#000;border:none!important;outline:1px solid #66ce53!important}.section{width:100%;padding:3rem var(--page-padding)}.section--primary{background:var(--section-bg-primary);color:var(--color-light)}.section--secondary{background:var(--section-bg-secondary);color:var(--color-primary)}.section--light{background:var(--section-bg-light);color:var(--color-text)}.section--dark{background:var(--section-bg-dark);color:var(--color-light)}.section__content{max-width:var(--page-max-width);margin:0 auto}.section__header{margin-bottom:1.5rem}.cardColumn{flex-direction:column;padding:.5rem;display:flex}@media (max-width:768px){.cardColumn{padding:0}}.cardGrid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;padding:1.5rem;display:grid}.icon-edit-button{cursor:pointer;background:0 0;border:none;padding:0;position:absolute;top:.5rem;right:.5rem}.icon-edit{opacity:.7;font-size:.85rem}.icon-edit-button:hover .icon-edit{opacity:1}.infoCards{position:relative}input[type=checkbox]{accent-color:var(--blue,#2563eb)}@media (max-width:640px){.modal__panel{border-radius:6px;width:94%;max-height:92vh}.modal__header,.modal__body,.modal__footer{padding-left:1rem;padding-right:1rem}.drawer__panel{width:100%}.drawer__header,.drawer__body,.drawer__footer{padding-left:1rem;padding-right:1rem}.form-row{flex-direction:column}}.pageContentWrapper{border-radius:12px;width:1200px;max-width:98%;height:100%;margin:2rem auto;padding:1rem}@media (max-width:768px){.pageContentWrapper{border-radius:0;width:100%;max-width:100%;margin:.75rem auto;padding:.5rem 8px}}.white{background:#fff!important}.whitebg10,.whitebg9,.whitebg8,.whitebg85,.whitebg7{border-radius:12px;padding:1rem}.whitebg10{background:#fff!important}.whitebg9{background:#ffffffe6!important}.whitebg85{background:#ffffffd9!important}.whitebg7{background:#ffffffb3!important}.row{gap:1rem;display:flex}.row--center{justify-content:center;align-items:center}.row--between{justify-content:space-between;align-items:center}.stack{flex-direction:column;gap:1rem;display:flex}.stack--sm{gap:.5rem}.stack--lg{gap:1.5rem}.card{background:var(--color-light);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:1.5rem}.wrapper{max-width:var(--page-max-width);padding:0 var(--page-padding);margin:0 auto}.teacher-layout,.student-layout,.platform-admin-layout{z-index:1;background:#e1e4ec;height:100dvh;position:relative;overflow-y:auto}@media (max-width:768px){.student-layout{background:var(--blue);font-size:1rem}.studentPracticePageContentWrapper{height:auto;min-height:0;margin-bottom:0}}.tab-player-layout{height:100dvh;padding-top:0;overflow:hidden}.platform-admin-layout{background:var(--blue)}.teacher-layout{background:#e1e4ec}.toast{z-index:1100;color:#fff;background:#16a34a;border-radius:6px;align-items:center;gap:.5rem;padding:.6rem .9rem;font-size:.9rem;display:inline-flex;position:fixed;bottom:1rem;right:1rem;box-shadow:0 4px 12px #0000002e}.toast--success{color:#000;background:linear-gradient(90deg,#b4e8a2 0%,#7ff0c6 130%)}.toast--error{background:#b91c1c}.toast--info{background:#2563eb}.toast__close{color:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-size:1rem;line-height:1}.student-subnav__item{cursor:pointer;text-transform:uppercase;color:#555;border-bottom:2px solid #0000;padding:.75rem .25rem;font-weight:400;text-decoration:none;display:inline-block}.student-subnav__item--active{color:var(--blue);border-bottom-color:var(--green);width:100%;font-weight:600}.infoCards{background:#fafafa;border-radius:8px;margin:.75rem 0;padding:1.25rem;text-decoration:none;transition:transform .25s;display:block;box-shadow:0 2px 6px #0000000a}@media (max-width:768px){.infoCards{padding:1rem}}.space-between{justify-content:space-between;align-items:center;display:flex}.family-card__student{margin-left:2px 0 2px 1rem;border:none;flex-direction:column;font-size:.95rem;line-height:1.3;display:flex}.modal-overlay{padding:env(safe-area-inset-top)env(safe-area-inset-right)env(safe-area-inset-bottom)env(safe-area-inset-left);z-index:3000;background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed!important;inset:0!important}.modal{background:#fff;border-radius:8px;flex-direction:column;width:100%;max-width:720px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 18px 45px #0000002e}.modal__header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.modal__title{margin:0;font-size:1.25rem}.modal__close{cursor:pointer;color:#666;background:0 0;border:none;padding:0;font-size:1.5rem;line-height:1}.modal__body{-webkit-overflow-scrolling:touch;flex:auto;min-height:0;padding:1rem 1.25rem;overflow-y:auto}.modal__header,.modal__footer{flex-shrink:0}.modal__section{border-bottom:1px solid #f0f0f0;margin-bottom:1.25rem;padding-bottom:1rem}.modal__section:last-of-type{border-bottom:none;padding-bottom:0}.modal__section-title{margin:0 0 .75rem;font-size:1rem;font-weight:600}.modal__field{margin-bottom:.75rem}.modal__field-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.modal__label{margin-bottom:.25rem;font-size:.85rem;font-weight:500;display:block}.modal__input{border:1px solid #ddd;border-radius:4px;width:100%;padding:.45rem .5rem;font-size:.95rem}.modal__input:focus{border-color:#444;outline:none}.modal__input--textarea{resize:vertical;min-height:60px}.modal__toggle-group{gap:1rem;margin-bottom:.75rem;display:flex}.modal__radio{align-items:center;gap:.35rem;font-size:.9rem;display:inline-flex}.modal__checkbox{align-items:center;gap:.35rem;margin-top:.5rem;margin-right:1.5rem;font-size:.9rem;display:inline-flex}.modal__hint{color:#777;font-size:.85rem}.modal__error{color:#b3261e;margin-top:.25rem;font-size:.85rem}.modal__error--main{background:#fdecea;border:1px solid #f5c2c0;border-radius:4px;margin-top:.75rem;padding:.5rem .6rem}.modal__footer{border-top:1px solid #eee;justify-content:flex-end;gap:.5rem;margin-top:.5rem;padding-top:.75rem;display:flex}@media (max-width:640px){.modal{width:100%;max-width:100%;max-height:90svh}.modal__field-row{grid-template-columns:minmax(0,1fr)}.modal__panel{border-radius:6px;width:94%;max-height:92vh}.modal__header,.modal__body,.modal__footer{padding-left:1rem;padding-right:1rem}.form-row{flex-direction:column}}.entryPanel{margin-top:2rem}.heading{margin-bottom:.75rem}.toggle{border:1px solid #1f2937;border-radius:999px;margin-bottom:1rem;display:inline-flex;overflow:hidden}.toggleButton{color:#000;cursor:pointer;background:0 0;border:none;padding:.4rem .9rem;font-size:.9rem;transition:background .15s,color .15s}.toggleButton:hover{color:#000}.toggleButtonActive{background:var(--blue);color:#fff}.toggleButtonActive:hover{color:#fff}.form{flex-direction:column;gap:.75rem;max-width:420px;display:flex}.field{flex-direction:column;font-size:.9rem;display:flex}.labelText{margin-bottom:.25rem}.input{border:1px solid var(--green);background:var(--lightGray);color:#000;border-radius:8px;padding:.4rem .6rem}.input[type=date]{font-family:inherit}.textarea{border:1px solid var(--green);background:var(--lightGray);color:#000;resize:vertical;border-radius:8px;min-height:70px;padding:.4rem .6rem}.primaryButton{align-self:flex-start;margin-top:.25rem}.stopwatchPane{flex-direction:column;gap:.75rem;max-width:420px;display:flex}.stopwatchTime{font-variant-numeric:tabular-nums;font-size:2rem;font-weight:600}.stopwatchControls{align-items:center;gap:.5rem;display:flex}input:active,input:focus,textarea:active,textarea:focus{border:solid var(--border-color);outline:none}.drawer{z-index:1000;justify-content:flex-end;align-items:stretch;display:flex;position:fixed;inset:0}.drawer__backdrop{cursor:pointer;opacity:0;background:#000000a6;border:none;margin:0;padding:0;animation:.25s ease-out forwards drawer-backdrop-in;position:absolute;inset:0}.drawer__panel{z-index:1;background:#fff;flex-direction:column;width:min(440px,100%);max-width:100%;height:100%;animation:.25s ease-out forwards drawer-slide-in;display:flex;position:relative;transform:translate(100%);box-shadow:-4px 0 12px #00000026}@keyframes drawer-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes drawer-backdrop-in{0%{opacity:0}to{opacity:1}}.drawer__header{border-bottom:1px solid var(--border-color,#e0e0e0);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.drawer__body{flex:1;padding:1rem 1.25rem 1.5rem;overflow-y:auto}.drawer__footer{border-top:1px solid var(--border-color,#e0e0e0);justify-content:flex-end;gap:.5rem;padding:.75rem 1.25rem 1rem;display:flex}@media (max-width:640px){.drawer__panel{width:100%}.drawer__header,.drawer__body,.drawer__footer{padding-left:1rem;padding-right:1rem}.form-row{flex-direction:column}}.form-row{flex-wrap:wrap;gap:.75rem;margin-bottom:.75rem;display:flex}.form-label{flex-direction:column;flex:1;gap:.25rem;font-size:.85rem;display:flex}.form-input{font:inherit;background:#fff;border-radius:4px;padding:.35rem .5rem;border:1px solid var(--gray,#d0d0d0)!important}.form-input:focus{outline:none;box-shadow:0 0 0 1px #2563eb26;border-color:var(--border-color)!important}.form-group{margin-bottom:1rem}.checkbox-label{align-items:center;gap:.5rem;margin-bottom:.25rem;font-size:.9rem;display:flex}.checkbox-label input[type=checkbox]{width:16px;height:16px}.divider{border:0;border-top:1px solid var(--border-color,#e0e0e0);margin:1rem 0}.text-error{color:#b91c1c;font-size:.85rem}.navbar{z-index:1;margin-top:1rem;padding-top:1rem;position:absolute;top:20%;left:50%;transform:translate(-50%,-50%)}@media (max-width:768px){.navbar{display:none}}.navbar__list{gap:2rem;list-style:none;display:flex}.navbar__link{color:#ffffffbf;text-transform:uppercase;align-items:center;gap:.4rem;padding:.2rem 0;font-size:1rem;line-height:1;text-decoration:none;transition:color .15s;display:inline-flex}.navbar__link:hover{color:#fff}.navbar__link.is-active{color:#fff;font-weight:600}@media (max-width:1200px){.navbar__link{flex-direction:column;justify-content:center;gap:.2rem;line-height:1}}.navbar__label{border-bottom:2px solid #0000;align-items:center;padding-bottom:0;line-height:1;transition:border-color .15s;display:inline-flex}.navbar__link.is-active .navbar__label{border-color:var(--light-green)}@media (max-width:1200px){.navbar__label{letter-spacing:.04em;text-align:center;padding-bottom:0;font-size:.65rem;line-height:1.1;display:block}}.navbar__icon{align-items:center;font-size:.85em;display:inline-flex}@media (max-width:1200px){.navbar__icon{font-size:1.15em}}.navbar__item.is-active>.navbar__link{font-weight:600}.navbar__item--has-subnav{position:relative}.navbar__subnav{opacity:0;pointer-events:none;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;min-width:180px;margin-top:0;padding:.4rem 0;list-style:none;transition:opacity .15s,transform .15s;position:absolute;top:100%;left:0;transform:translateY(4px);box-shadow:0 10px 25px #0f172a1f}.navbar__item--has-subnav:hover .navbar__subnav{opacity:1;pointer-events:auto;transform:translateY(0)}.navbar__subnav-item{margin:0}.navbar__subnav-link{color:#4b5563;white-space:nowrap;padding:.4rem .9rem;font-size:1rem;text-decoration:none;transition:background .15s,color .15s,font-weight .15s;display:block}.navbar__subnav-link:hover{color:#111827;background:linear-gradient(90deg,#b4e8a2 0%,#7ff0c6 130%)}.navbar__subnav-link.is-active{font-weight:600}.navbar__chevron{opacity:.7;margin-left:.35rem;font-size:.65rem;transition:transform .2s}@media (max-width:1200px){.navbar__chevron{display:none}}.navbar__chevron.is-open{opacity:1;transform:rotate(180deg)}body[data-secondary-nav-preview=true] .navbar__link{color:#ffffffbd}body[data-secondary-nav-preview=true] .navbar__subnav{background:linear-gradient(145deg,#004e66f5,#002234fa),#003048;border:1px solid #ffffff3d;box-shadow:0 18px 44px #0000006b}body[data-secondary-nav-preview=true] .navbar__subnav-link{color:#ffffffc2;border:1px solid #0000;border-radius:8px;transition:background .15s,color .15s,font-weight .15s,border-color .15s,box-shadow .15s}body[data-secondary-nav-preview=true] .navbar__subnav-link:hover{color:#fff;background:#ffffff17;border-color:#ffffff2e}body[data-secondary-nav-preview=true] .navbar__subnav-link.is-active{color:#fff;border-color:#abe887c2;font-weight:500;box-shadow:0 0 0 2px #abe88724}.icon-yes{color:var(--light-green)}.icon-no{color:var(--red)}.icon-edit-button{cursor:pointer;color:#666;float:right;background:0 0;border:none;padding:0;font-size:1.2rem;line-height:1}.icon-edit{cursor:pointer;border-radius:6px;width:1.5rem;height:1.5rem;padding:.5rem;transition:background .2s,transform .2s}.msgBtn{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:#0000;background:#00000008;border:1px solid #0000001f;border-radius:12px;justify-content:center;align-items:center;width:36px;height:36px;transition:transform 80ms,background .12s,border-color .12s,color .12s;display:inline-flex;position:relative}.msgBtn:hover{background:#0000000f;transform:translateY(-1px)}.msgBtn:active{transform:translateY(0)}.msgBtn:disabled{opacity:.45;cursor:not-allowed;transform:none}.msgBtn__icon{color:#13213a;justify-content:center;align-items:center;font-size:16px;display:inline-flex}.msgBtn__icon svg{width:1em;height:1em;color:inherit;fill:currentColor;display:block}.msgBtn__badge{color:#000000bf;background:#0000000f;border:1px solid #0000001a;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 6px;font-size:11px;font-weight:800;display:inline-flex;position:absolute;top:-6px;right:-6px}.msgBtn--empty{background:#00000008;border-color:#0000001f}.msgBtn--active{background:#0078ff1a;border-color:#0078ff3d}.msgBtn--active .msgBtn__icon{color:var(--color-blue)}.msgBtn--active .msgBtn__badge{color:var(--color-blue);background:#0078ff2e;border-color:#0078ff38}.notesBtn{cursor:pointer;opacity:.95;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 12px;font-weight:700;transition:transform 80ms,background .12s,border-color .12s;display:inline-flex;position:relative;background:0 0!important;border-radius:8px!important}.notesBtn:hover{transform:scale(1.05);background:#ffffff6e!important}.notesBtnIcon{color:var(--blue);z-index:1;justify-content:center;align-items:center;font-size:16px;display:inline-flex;position:relative}.notesBtnText{font-size:13px}.notesBadge{z-index:3;box-sizing:border-box;color:#13213a;pointer-events:none;background:#a3dfaf;border-radius:999px;justify-content:center;align-items:center;width:20px;min-width:20px;height:20px;padding:0;font-size:10px;font-weight:800;line-height:1;display:inline-flex;position:absolute;top:2px;right:2px}.notesBtnActive{color:var(--color-blue)}.notesBtnActive:hover{background:0 0}.notesBtnActive .notesBadge{color:#13213a;background:#a3dfaf}.notesBtnEmpty{color:#000000bf;background:0 0;border-color:#0000}.notesBtnEmpty:hover{background:0 0}