.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#fff;padding:20px;border-radius:10px;text-align:center;max-width:300px}.close-btn{position:absolute;top:10px;right:10px;cursor:pointer;color:#fff}.flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;background:#fff;-webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,.08);box-shadow:1px 0 #e6e6e6,-1px 0 #e6e6e6,0 1px #e6e6e6,0 -1px #e6e6e6,0 3px 13px #00000014}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown .3s cubic-bezier(.23,1,.32,1);animation:fpFadeInDown .3s cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none!important;box-shadow:none!important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-2px 0 #e6e6e6,5px 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:"";height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-months .flatpickr-month{background:transparent;color:#000000e6;fill:#000000e6;height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:#000000e6;fill:#000000e6}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{left:0}.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{right:0}.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{-webkit-transition:fill .1s;transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,.15);-webkit-box-sizing:border-box;box-sizing:border-box}.numInputWrapper span:hover{background:rgba(0,0,0,.1)}.numInputWrapper span:active{background:rgba(0,0,0,.2)}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,.6);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:#00000080}.numInputWrapper:hover{background:rgba(0,0,0,.05)}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0;line-height:1;height:34px;display:inline-block;text-align:center;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{background:rgba(0,0,0,.05)}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch\fffd;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:#000000e6}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:#000000e6}.flatpickr-current-month input.cur-year{background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:#00000080;background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:rgba(0,0,0,.05)}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:28px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:#0000008a;line-height:1;margin:0;text-align:center;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0}.flatpickr-days{position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;width:307.875px}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;-webkit-transform:translate3d(0,0,0);transform:translateZ(0);opacity:1}.dayContainer+.dayContainer{-webkit-box-shadow:-1px 0 0 #e6e6e6;box-shadow:-1px 0 #e6e6e6}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;-webkit-flex-basis:14.2857143%;-ms-flex-preferred-size:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)){-webkit-box-shadow:-10px 0 0 #569ff7;box-shadow:-10px 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-5px 0 #e6e6e6,5px 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:#3939394d;background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:#3939391a}.flatpickr-day.week.selected{border-radius:0;-webkit-box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7;box-shadow:-5px 0 #569ff7,5px 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;-webkit-box-shadow:1px 0 0 #e6e6e6;box-shadow:1px 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:#3939394d;background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:14px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:700}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:700;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes fpFadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.adding-cmp-enter-active,.adding-cmp-leave-active{transition:transform .5s ease-out}.adding-cmp-enter,.adding-cmp-leave-to{transform:translateY(100%)}.adding-cmp-enter-to,.adding-cmp-leave{transform:translateY(0)}.student-list-move{transition:all .4s ease}.student-list-enter-active,.student-list-leave-active{transition:all .6s ease}.student-list-enter-from,.student-list-leave-to{opacity:0;transform:translate(-50px)}.student-list-leave-to{transform:translate(50px)}.student-list-leave-active{position:absolute;bottom:0}.lesson-list-enter-active,.lesson-list-leave-active{transition:all .4s ease}.lesson-list-enter-from{opacity:0;transform:translate(-100px)}.lesson-list-leave-to{opacity:0;transform:translate(100px)}.lesson-list-move{transition:all .8s ease}.lesson-list-leave-active{position:absolute}svg{height:150px}ul{list-style:none;padding:0;margin:0}.drag-item{display:flex;align-items:center;padding:10px;margin-bottom:5px;background-color:#f3f3f3;border:1px solid #ccc;border-radius:4px;cursor:grab;user-select:none;transition:background-color .2s ease}.drag-item:hover{background-color:#e0e0e0}.drag-item:active{cursor:grabbing}.dragging{opacity:.5}.drag-ghost{position:absolute;pointer-events:none;background-color:#c8c8c8cc;padding:10px;border:1px solid #ccc;border-radius:4px;box-shadow:0 4px 6px #0000001a}.row[data-v-f8a27eee]{display:flex;align-items:center;padding:10px 12px;background:#f3f4f6;border-radius:8px;margin-bottom:8px;transition:transform .16s ease,background .16s ease}.row.drag-over[data-v-f8a27eee]{background:#d9e8ff;transform:scale(1.03)}.row.dragging[data-v-f8a27eee]{background:#fff1c9;transform:scale(1.02)}.handle[data-v-f8a27eee]{margin-right:10px;font-size:20px;cursor:grab;user-select:none;width:28px;text-align:center}.label[data-v-f8a27eee]{flex:1}.preview[data-v-f8a27eee]{margin-top:12px;background:#f6f7fb;padding:10px;border-radius:6px}.content{max-height:0px;transition:1s;overflow:hidden}.active{max-height:350px}.switch-enter-from,.switch-leave-to{opacity:0;transform:translate(500px)}.switch-leave-to{transform:translate(-500px)}.switch-enter-to,.switch-leave-from{opacity:1;transform:translate(0)}.switch-leave-active,.switch-enter-active{transition:all .5s ease}@font-face{font-family:varela;src:url(/journal-app-test/assets/VarelaRound-Regular.4ecfc7e6.ttf)}.fs8{font-size:.5rem}.fs10{font-size:.625rem}.fs12{font-size:.75rem}.fs14{font-size:.875rem}.fs16{font-size:1rem}.fs18{font-size:1.125rem}.fs20{font-size:1.25rem}.fs24{font-size:1.5rem}.fs28{font-size:1.75rem}.fs30{font-size:1.875rem}.text-center{text-align:center;width:100%}.flex{display:flex}.flex>*.full{flex:1}.flex.column{flex-direction:column}.flex.justify-center{justify-content:center}.flex.justify-space{justify-content:space-between}.flex.align-center{align-items:center}.flex.align-end{align-items:end}.flex.gap20{gap:20px}.flex.gap10{gap:10px}.bold{font-weight:700}.square-ratio{position:relative;overflow:hidden}.square-ratio:before{display:block;content:"";width:100%;padding-top:100%}.square-ratio>*{position:absolute;top:0;left:0;right:0;bottom:0}.square-ratio>img{height:100%;object-fit:cover}.video-ratio{position:relative;overflow:hidden}.video-ratio:before{display:block;content:"";width:100%;padding-top:56.25%}.video-ratio>*{position:absolute;top:0;left:0;right:0;bottom:0}.video-ratio>img{height:100%;object-fit:cover}.portrait-ratio{position:relative;overflow:hidden}.portrait-ratio:before{display:block;content:"";width:100%;padding-top:177.7777777778%}.portrait-ratio>*{position:absolute;top:0;left:0;right:0;bottom:0}.portrait-ratio>img{height:100%;object-fit:cover}.container{max-width:1500px;padding:10px}.main-container{display:grid;grid-template-columns:20px 1fr 20px}.main-container>*{grid-column:2}.main-container>*.full{grid-column:1/-1}@media (min-width: 500px){.main-container{grid-template-columns:minmax(20px,1fr) minmax(auto,460px) minmax(20px,1fr)}}@media (min-width: 760px){.main-container{grid-template-columns:minmax(20px,1fr) minmax(auto,720px) minmax(20px,1fr)}}@media (min-width: 1000px){.main-container{grid-template-columns:minmax(20px,1fr) minmax(auto,960px) minmax(20px,1fr)}}.studentd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:20px}*{box-sizing:border-box}html{font-family:montserrat;line-height:1.6;color:#515c5e;background-color:#e1eceb;-webkit-tap-highlight-color:transparent}*::-webkit-scrollbar{width:6px}*::-webkit-scrollbar-thumb{background:rgba(0,0,0,.3);border-radius:3px}*::-webkit-scrollbar-track{background:transparent}body{background-color:#e1eceb;font-size:1.125rem;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}body.no-scroll{overflow:hidden;height:100%}@media (min-width: 650px){body{overflow:hidden}}h1,h2,h3,h4,h5,h6,button,input,a,label,span,p{font-family:varela}h1,h2,h3,h4,h5,h6{margin:0 0 .6em;line-height:1}p{max-width:40ch;margin:0}a{text-decoration:none}button{cursor:pointer;border-radius:9px}ul{margin:0;padding:0;list-style-type:none}.container{padding-block:1rem;padding-inline:1.5rem}.main-page{display:flex;height:100vh;width:100%;background-color:#e1eceb}.main-page>*{width:80%}.main-page header{width:20%}@media (max-width: 650px){.main-page{height:100%;min-height:100vh;flex-direction:column;padding-bottom:10vh}.main-page>*{width:100%}.main-page header{position:fixed;bottom:0;width:100%;height:10vh}}.main-loader{display:flex;align-items:center;justify-content:center;height:100vh}.main-loader img{width:100px;height:100px}.arrival-btn{width:25px;height:25px;background-color:transparent;padding:0;margin:0}.arrival-btn img{width:100%;height:100%;border-radius:25px}input[type=time]{padding:.6em .75em;border-radius:8px;border:1px solid #ccc;font-size:1rem}button{border:0;background-color:#425c5a;color:#f5f5f5;padding:5px 10px}.flatpickr-calendar{border-radius:15px!important;box-shadow:0 10px 25px #0000002e}.flatpickr-time{border-top:none}.flatpickr-calendar,.numInput{border-radius:15px!important}.flatpickr-calendar.hasTime{width:150px!important}.flatpickr-monthDropdown-month{border:1px solid gray!important;border-radius:5px!important;font-family:varela!important;font-size:1rem;color:#425c5a;cursor:pointer!important}.flatpickr-monthDropdown-months{border-radius:5px!important;background-color:#95adbe!important;cursor:pointer!important}.flatpickr-month,.flatpickr-weekdays{background-color:#95adbe!important}.flatpickr-month{border-top-left-radius:15px;border-top-right-radius:15px}.flatpickr-months>*{color:#f5f5f5!important}header{display:flex;flex-direction:column;background-color:#e1eceb;z-index:100}header .loggedin-user{display:flex;align-items:center;flex-direction:column;justify-content:center;background-color:#3d5654;width:100%;border-start-end-radius:50px;height:25%}header .loggedin-user img{width:4em;height:4em;border-radius:50%;object-fit:cover}header nav{display:flex;flex-direction:column;align-items:center;height:100%;width:100%;gap:15px;background-color:#425c5a;border-end-end-radius:50px;border-start-end-radius:50px}header nav a{color:#f5f5f5;font-weight:500}header nav a.upper-curve{border-bottom-right-radius:20px}header nav a.lower-curve{border-top-right-radius:20px}header nav .link-container{width:100%;padding-inline-start:40px}header nav .link-container .a-container{display:flex;gap:20px;align-items:center;padding:10px;padding-inline:20px}header nav .link-container .a-container img{width:30px;height:30px}header nav .link-container .a-container:hover,header nav .link-container .a-container.active{color:#425c5a;background-color:#e1eceb;border-start-start-radius:50px;border-end-start-radius:50px;transition:background-color .5s}@media (max-width: 1000px){header p{display:none}}@media (max-width: 650px){header{z-index:100}header img{width:30px!important;height:30px!important}header nav{flex-direction:row;border-radius:20px 20px 0 0}header nav .loggedin-user{background-color:#394641;position:absolute;width:70px;height:70px;top:-50%;left:50%;transform:translate(-50%);border-radius:70px;outline:4px solid white}header nav .loggedin-user p{font-size:.7rem}header nav .link-container{padding-inline-start:0px;display:flex;justify-content:center}header nav .link-container .a-container:hover,header nav .link-container .a-container.active{background-color:#e1ecebcb;border-radius:5px;transition:background-color .5s}}.alert{background-color:#fff;position:fixed;top:-100px;left:50%;transform:translate(-50%);padding:2em;width:40%;border-radius:10px;z-index:100;box-shadow:#00000059 0 5px 15px;font-weight:500;transition:1.1s}.alert.scroll-down{transform:translate(-50%,180%)}.alert.alert-error{background-color:#f08080}@media (max-width: 650px){.alert{width:90%}}.review-list{list-style:none;display:flex;flex-wrap:wrap}.review-list li{background-color:#515c5e;color:#fff;padding:5px;margin:5px}.review-list a{color:#425c5a;padding:10px}.review-list pre{background-color:#ddd;color:#333;padding:10px 5px;margin:5px}.student-list{list-style:none;display:flex;flex-wrap:wrap}.student-list li{background-color:#515c5e;color:#fff;padding:5px}.student-list a{color:#425c5a;padding:10px}.calendar-container .calendar-header{display:flex;align-items:center;justify-content:space-around;margin-block:15px;gap:15px;text-align:center}.calendar-container .calendar-header button{display:flex;align-items:center;justify-content:center;background-color:transparent;flex:1}.calendar-container .calendar-header h2{flex:4}.calendar-container .calendar-header img{width:20px}.calendar-container .calendar-header>*{margin:0}.calendar-container .calendar{width:100%}.calendar-container .calendar th,.calendar-container .calendar td{border-radius:10px;text-align:center;width:14.2857142857%}.calendar-container .calendar td{cursor:pointer;padding:5px}.calendar-container .calendar td .calendar-date{font-weight:600;margin:0}.calendar-container .calendar td .students-count{font-size:.6rem}.calendar-container .calendar td.today{background-color:#add8e6}.calendar-container .calendar td.chosen-day{background-color:#4996af}.calendar-container .calendar td.empty-cell{cursor:default}@media (max-width: 600px){.calendar-container .calendar-header button{flex:0}.calendar-container .calendar td .students-in-day{display:none}}.day-container{position:relative;display:flex;flex-direction:column;height:94vh}.day-container .day-top-header{display:flex;justify-content:space-between}.day-container .day-top-header h2,.day-container .day-header{margin-bottom:10px}.day-container .hour{position:relative;height:7.1428571429%;display:flex;border-top:1px solid rgba(207,207,207,.699)}.day-container .hour:last-child{border-bottom:1px solid rgba(207,207,207,.699)}.day-container .hour .note-img{position:absolute;height:18px;width:18px;border-radius:5px;left:0;background-color:#425c5a;padding:2px;margin-left:5px}.day-container .hour .note-img:hover{opacity:.8}.day-container .hour .note-img.active-status{opacity:1}.day-container .hour-label{align-self:center;justify-self:center}.day-container .student-slot{position:absolute;width:80%;height:100%;right:0%;z-index:20;margin:0}.day-container .student{display:flex;align-items:center;justify-content:space-between;background-color:#add8e6;border-radius:5px;box-shadow:#00000029 0 1px 4px;padding:2px 30px}.day-container .student p{font-size:16px;color:#fff;font-weight:500}.day-container .btns-container{display:flex;gap:10px;height:100%;width:30%;justify-content:space-around}.day-container .btns-container button{background-color:transparent;padding:0;margin:0;height:100%;max-width:25px}.day-container .btns-container button img{height:100%;width:100%;border-radius:25px;opacity:.4;transition:.4s}.day-container .btns-container button img:hover{opacity:.8}.day-container .btns-container button img.active-status{opacity:1}.day-container .lesson-info{display:flex;flex-direction:column;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:30px;border-radius:10px;z-index:100;background-color:#fff;align-items:center;gap:8px}.day-container .lesson-info a{list-style:none;color:#95adbe;font-weight:600}.day-container .lesson-info .note-input{border:1px solid rgb(172,166,166);padding:3px;padding-inline:5px;border-radius:5px;font-size:12px;outline:none;resize:none;overflow:hidden}.day-container .lesson-info .close--lesson-btn{position:absolute;right:4px;top:4px}@media (max-width: 650px){.day-container{padding:0}.day-container .student .btns-container{width:45%}}.stats-page-container{display:flex;flex-direction:column;height:250px;background-color:#fff;border-radius:10px;padding:5px}.stats-page-container .stats-container{display:flex;gap:15px;height:100%;align-items:end}.stats-page-container .stats-container .month-stats{display:flex;align-items:end;justify-content:flex-end;flex-direction:column;align-items:center;width:100%;height:100%}.stats-page-container .stats-container .month-stats .candle{position:relative;border-top-right-radius:5px;border-top-left-radius:5px;width:25%;background-color:#3d5654}.stats-page-container .stats-container .month-stats .candle:hover,.stats-page-container .stats-container .month-stats .candle:active{background-color:#43726e}.stats-page-container .stats-container .month-stats .candle:hover p.earning,.stats-page-container .stats-container .month-stats .candle:active p.earning{display:block}.stats-page-container .stats-container .month-stats .candle .earning{display:none;position:absolute;top:-30px;left:20px;font-size:.8rem;padding:5px;border-radius:5px;background-color:#fff;box-shadow:#00000059 0 5px 15px;z-index:20}.add-student-container{display:flex;flex-direction:column;align-items:center;background-color:#fff;border-radius:10px;padding:15px}.add-student-container form{width:100%;display:flex;flex-direction:column;align-items:center}.add-student-container form>*{margin:5px}.add-student-container form button{padding:8px}.add-student-container form label{display:flex;justify-content:space-between;width:80%}.add-student-container form label option{padding:5px}.add-student-container form label .custom-select,.add-student-container form label input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border:1px solid #ccc;padding:8px 16px;border-radius:4px;font-size:16px;width:150px;position:relative}.add-student-container form label .custom-select:focus,.add-student-container form label input:focus{outline:none;border-color:#757b83}.add-student-container form label .custom-select:hover{border-color:#aaa}.add-student-container form .btn-container{width:100%;display:flex;align-items:center;justify-content:center}.add-student-container form .btn-container button{font-size:11px}.add-student-container form .btn-container button.not-active{opacity:.5}.add-student-container form .lessons-info-container{display:flex;flex-direction:column;width:100%;gap:5px;align-items:center}.add-student-container form .submit-btn{padding:10px;width:70%}.add-student-container .confirm-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:1000}.add-student-container .confirm-modal{background:#fff;width:90%;max-width:420px;padding:24px;border-radius:14px;box-shadow:0 20px 50px #00000040;animation:scaleIn .2s ease}.add-student-container .confirm-modal h3{margin-bottom:8px}.add-student-container .confirm-modal p{color:#555;margin-bottom:20px;line-height:1.4}.add-student-container .confirm-modal .actions{display:flex;gap:12px;justify-content:flex-end}.add-student-container .confirm-modal .actions button{padding:8px 14px;border-radius:8px;border:none;cursor:pointer}.add-student-container .confirm-modal .actions .danger{background:#e53935;color:#fff}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@media (max-width: 650px){.add-student-container{width:100%}}.charts-container{padding:15px}.charts-container .chart-header{display:flex;justify-content:space-between;align-items:center;padding-block:15px}.charts-container .chart-header button{padding-top:7px;margin:0;border-radius:50%;max-width:40px;max-height:40px}.charts-container .chart-header button img{width:80%;height:100%;border-radius:100%}.charts-container .table-container{overflow-x:auto;border-radius:10px;box-shadow:0 4px 6px #5756561a;max-height:500px;overflow-y:scroll}.charts-container .table-container ::-webkit-scrollbar-track{background-color:#d41717;border-radius:10px;margin-top:5px;margin-bottom:5px}.charts-container table{width:100%;border-collapse:collapse;margin:0;padding:0;table-layout:fixed}.charts-container table th,.charts-container table td{border-bottom:1px solid #ddd;text-align:center}.charts-container table thead{position:sticky;top:0;z-index:1}.charts-container table thead th{background-color:#95adbe;color:#fff;padding:12px}.charts-container table tbody td{padding:12px;vertical-align:middle}.charts-container table tbody tr:nth-child(even){background-color:#f2f2f2}.charts-container table tbody tr:hover{background-color:#ddd}.charts-container table .total-line{position:sticky;bottom:-2px;background-color:#95adbe!important;color:#fff;z-index:1}.charts-container table .student-name{max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.charts-container table .student-name.expanded{white-space:normal;overflow:visible;max-width:none}.charts-container .card{display:none}@media screen and (max-width: 600px){.charts-container .table-container th{padding:5px}.charts-container .table-container th button{margin:0 0 3px}.charts-container .table-container td{padding:8px}.charts-container .table-container .student-name{font-size:16px;font-weight:600}}.add-to-group-container{background-color:#e4e4e4;border-top-left-radius:15px;border-top-right-radius:15px;display:flex;align-items:center;flex-direction:column;padding:15px;gap:15px}.add-to-group-container .cmp-header{display:flex;align-items:center;justify-content:space-between;width:100%}.add-to-group-container .cmp-header h3{margin-bottom:0}.add-to-group-container input{width:90%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border:1px solid #ccc;padding:6px 12px;border-radius:4px}.add-to-group-container ul{background-color:#fff;padding:15px;border-radius:15px;width:90%}.deep-statistics-container{background-color:#fff;padding:10px;border-radius:10px;display:flex;flex-direction:column;width:100%}.deep-statistics-container .chart-header{display:flex;justify-content:space-between;align-items:center;padding-block:15px}.deep-statistics-container .chart-header button{padding-top:7px;margin:0;border-radius:50%;max-width:40px;max-height:40px}.deep-statistics-container .chart-header button img{width:80%;height:100%;border-radius:100%}.deep-statistics-container .main-statistics h4{margin-top:10px}.deep-statistics-container .main-statistics .monthly-statistics .stat-container{display:flex;flex-direction:column;gap:1px}.deep-statistics-container .stat{width:90%;background-color:#76a1a165;height:5px;border-radius:5px;align-self:center}.deep-statistics-container .stat .stat-fill{background-color:#42caca;height:5px;border-radius:5px;width:20%}.home{display:flex;flex-direction:column;align-items:center;gap:10px}.home a{list-style:none;color:#425c5a}.home img{border-radius:10px}.home .vi-image{width:25px;margin-inline-end:10px}.login-container{display:flex;flex-direction:column;align-items:center;gap:20px}.login-container h2{align-self:center}.login-container .login-signup{display:flex;flex-direction:column;gap:10px}.login-container .admin-only{width:100%;display:flex;gap:10px;justify-content:space-around;flex-wrap:wrap}.login-container input,.login-container select{padding:8px;border:1px solid rgb(197,197,197);border-radius:5px}.login-container input option,.login-container select option{color:#979595}.login-container button{font-weight:700;padding:8px;transition:.3s}.login-container button:hover{opacity:.9}.loader-gif{border-radius:15px;max-width:100%}.today-container{height:100vh}@media (max-width: 650px){.today-container{height:90vh}}.students-container .students-header{display:flex;flex-direction:column;margin-block:20px;gap:10px}.students-container .students-header .sub-students-header{display:flex;align-items:center;justify-content:space-between;width:100%}.students-container .students-header .sub-students-header h3{margin:0}.students-container .students-header input{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border:1px solid #ccc;padding:6px 12px;border-radius:4px}.students-container .inactive-btn{background-color:#fff;color:#425c5a}.students-container .days-container{display:flex;gap:10px;position:relative}.students-container .days-container .students-list{width:100%;max-width:25%;position:relative}.students-container .days-container .students-list .student-list{gap:10px}.students-container .days-container .students-list .student-list li{flex:1 0 auto;border-radius:10px;margin:0;padding:0;width:100%;box-shadow:#64646f33 0 7px 29px;background-color:#95adbe}.students-container .days-container .students-list .student-list li a{display:flex;position:relative;color:#fff;align-items:center;gap:10px}.students-container .days-container .students-list .student-list li a img{width:30px;height:30px;color:#fff}.students-container .days-container .students-list .student-list li a .student-name{font-size:1.3rem;font-weight:500}.students-container .days-container .students-list .student-list li a .student-day{font-size:.8rem}.students-container .days-container .students-list .student-list li a .delete-btn{position:absolute;right:3px;top:3px}.students-container .days-container .students-list .lessons-imgs{display:flex;gap:5px}.students-container .days-container .students-list .lessons-imgs div{display:flex}.students-container .days-container .students-list .lessons-imgs img{width:17px;height:17px;align-self:center}.students-container .days-container .groups-container{background-color:#0ff}.students-container .delete-student-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;background-color:#fff;padding:10px;border-radius:5px}.students-container .delete-student-container .btns-delete-container{display:flex}@media (max-width: 650px){.students-container .days-container{flex-direction:column;gap:0px}.students-container .days-container .students-list{min-width:100%;margin-bottom:15px}.students-container .days-container .students-list .student-list li{width:100%;max-width:100%}}.overlay-fade-enter-active,.overlay-fade-leave-active{transition:opacity .25s ease}.overlay-fade-enter-from,.overlay-fade-leave-to{opacity:0}.adding-cmp-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:2000;display:flex}.bottom-sheet-enter-active,.bottom-sheet-leave-active{transition:transform .42s cubic-bezier(.25,.8,.25,1)}.bottom-sheet-enter-from,.bottom-sheet-leave-to{transform:translateY(100%)}.adding-cmp-container{width:100%;height:92%;align-self:flex-end;background:#fff;border-radius:18px 18px 0 0;padding:20px;overflow-y:auto;box-shadow:0 -4px 18px #0000001f}.menu-screen{display:flex;flex-direction:column;gap:16px}.close-btn{align-self:flex-end;background:none;border:none;font-size:22px}.option-btn{display:flex;gap:12px;align-items:center;padding:14px;border-radius:12px;border:1px solid #ddd;font-size:16px}.option-btn img{width:22px}.option-btn:active{background:#eee}.journal-container{height:min-content;display:flex;flex-direction:row}.journal-container>*{flex:1}.journal-container .day-container{height:95vh}@media (max-width: 650px){.journal-container{flex-direction:column}.journal-container .day-container{height:600px;margin-block:15px}}.dashboard-container{display:grid;padding:30px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(5,1fr);gap:30px;grid-template-areas:"user monthly total" "list list stats" "list list stats" "some student student" "some student student"}.dashboard-container>*{background-color:#fff;padding:15px;border-radius:10px;box-shadow:#64646f33 0 7px 29px}.dashboard-container .normal-font{font-size:.875rem;font-weight:400}.dashboard-container .bold-font{font-size:1.125rem;font-weight:500}.dashboard-container .user-details{grid-area:user;display:flex;justify-content:space-between;align-items:flex-start;box-shadow:#00000026 1.95px 1.95px 2.6px}.dashboard-container .user-details img{width:100%;max-width:50px;max-height:50px;align-self:center;border-radius:100%;object-fit:cover}.dashboard-container .user-details .user-details-container{display:flex;flex-direction:column;justify-content:space-between;height:100%}.dashboard-container .user-details .user-details-container button{padding:10px;font-size:14px;font-weight:500;margin:0}.dashboard-container .students-list{grid-area:list;overflow-y:auto}.dashboard-container .students-list ul{display:flex;flex-wrap:wrap;width:100%}.dashboard-container .students-list ul li{flex:1 1 20%;padding:5px;max-width:25%}.dashboard-container .students-list ul li button{margin:0;width:100%;min-width:100px;padding:15px}.dashboard-container .students-list ul .currStudent{background-color:#3ec0a4}.dashboard-container .stats{grid-area:stats;display:flex;flex-direction:column;align-items:baseline;justify-content:space-between}.dashboard-container .student-info{grid-area:student}.dashboard-container .student-info li{display:flex;flex-direction:column;align-items:baseline}.dashboard-container .student-info a{color:#95adbe;font-weight:600}.dashboard-container .student-info button{padding:10px;margin:0 0 3px}.dashboard-container .monthly-income-container{grid-area:monthly;background-color:#425c5a;display:flex;flex-direction:column;gap:10px}.dashboard-container .monthly-income-container button{margin:0;padding:0;display:flex;width:100%;align-items:center;justify-content:center}.dashboard-container .monthly-income-container button img{width:10px;margin-bottom:8px}.dashboard-container .monthly-income-container .stat{width:90%;background-color:#76a1a165;height:8px;border-radius:8px;align-self:center}.dashboard-container .monthly-income-container .stat .stat-fill{background-color:#42caca;height:8px;border-radius:8px;width:20%}.dashboard-container .total,.dashboard-container .monthly-income{display:flex;align-items:baseline;width:100%;background-color:#425c5a;color:#fff;font-weight:500}.dashboard-container .total .month-name,.dashboard-container .monthly-income .month-name{flex:2;text-align:center;font-size:1.25rem}.dashboard-container .total div,.dashboard-container .monthly-income div{display:flex;flex-direction:column;align-items:center;width:62px}.dashboard-container .total{grid-area:total;flex-direction:column}.dashboard-container .some{grid-area:some;overflow-y:auto}.dashboard-container .some ul{display:flex;flex-direction:column;gap:5px}@media (max-width: 650px){.dashboard-container{display:flex;flex-direction:column}.dashboard-container .students-list{max-height:450px}.dashboard-container .students-list ul li{max-width:50%}.dashboard-container .stats{height:250px}.dashboard-container .some{max-height:450px}.dashboard-container .some ul{gap:12px}.dashboard-container .some ul .arrival-btn{width:30px;height:30px}}.charts-stats-container{display:flex;padding:15px}.charts-stats-container .stats-page-container{width:100%}@media (max-width: 650px){.charts-stats-container{flex-direction:column}}.user-detail-container{display:flex;flex-direction:column;gap:10px;cursor:pointer}.user-detail-container>*{text-align:center;display:flex;flex-direction:column;align-items:center;background-color:#fff;padding:10px;border-radius:5px;overflow:hidden}.user-detail-container>* form{display:flex;flex-direction:column;align-items:center}.user-detail-container>* form>*{margin:3px}.student-details-container{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(5,1fr);grid-template-areas:"card notes btn" "lessons notes edit" "lessons reports edit" "lessons reports edit" "lessons reports edit";gap:30px}.student-details-container .student-card{grid-area:card;display:flex;flex-direction:column;color:#fff;background-color:#425c5a;padding:10px;border-radius:10px;font-weight:500}.student-details-container .student-card div{display:flex;justify-content:space-between}.student-details-container .student-card button{align-self:center}.student-details-container .last-lessons{grid-area:lessons;background-color:#fff;padding:15px;border-radius:10px;display:flex;flex-direction:column}.student-details-container .last-lessons .btn-container{display:flex;justify-content:space-between}.student-details-container .last-lessons .btn-container h3{margin-bottom:0;align-self:center}.student-details-container .last-lessons .lessons-list .monthly-header{display:flex;position:relative;width:100%}.student-details-container .last-lessons .lessons-list .monthly-header h4{margin-top:20px;align-self:center}.student-details-container .last-lessons .lessons-list .monthly-header .pay-all-btn{width:25px;height:25px;background-color:transparent;padding:0;margin:0;position:absolute;right:0;top:10px}.student-details-container .last-lessons .lessons-list .monthly-header .pay-all-btn img{width:100%;height:100%;border-radius:25px;margin-top:5px}.student-details-container .last-lessons .lessons-list .lesson-item{display:flex;justify-content:space-between;align-items:center}.student-details-container .last-lessons .lessons-list .lesson-item .edit-lesson{display:flex;align-items:center;justify-content:center}.student-details-container .last-lessons .lessons-list .lesson-item .edit-lesson button{width:30px;height:30px;display:flex;align-items:center;justify-content:center;padding:7px;margin:2px}.student-details-container .last-lessons .lessons-list .lesson-item .edit-lesson button img{width:100%;height:100%}.student-details-container .last-lessons .lessons-list .btns-container{display:flex;gap:8px;height:100%;justify-content:center;align-items:center}.student-details-container .last-lessons .lessons-list .btns-container button{background-color:transparent;padding:0;margin:0;height:100%}.student-details-container .last-lessons .lessons-list .btns-container button img{height:100%;width:100%;width:25px;height:25px;border-radius:25px;opacity:.4;transition:.6s}.student-details-container .last-lessons .lessons-list .btns-container button img:hover{opacity:.8}.student-details-container .last-lessons .lessons-list .btns-container button img.active-status{opacity:1}.student-details-container .last-lessons .lessons-list .lesson-list{display:flex;flex-direction:column;position:relative}.student-details-container .last-lessons .lessons-list .lesson-list li{display:flex;align-items:center;justify-content:space-between}.student-details-container .last-lessons .lessons-list .lesson-list li p{margin:0}.student-details-container .notes-container{display:flex;flex-direction:column;padding:15px;border-radius:15px;overflow-y:auto;background-color:#fff}.student-details-container .notes-container h3{align-self:center}.student-details-container .notes-container ul{display:flex;flex-direction:column;gap:10px}.student-details-container .notes-container ul li button{width:100%;padding:10px;margin:0}.student-details-container .add-btn{grid-area:btn}.student-details-container .notes{grid-area:notes}.student-details-container .reports{grid-area:reports}.student-details-container .edit{grid-area:edit}@media (max-width: 650px){.student-details-container{display:flex;margin-bottom:30px;flex-direction:column;gap:20px}.student-details-container>*{width:100%}}.alert[data-v-8ba4534e]{position:fixed;top:20px;padding:13px;text-align:center;z-index:1000;border-bottom-left-radius:10px;border-bottom-right-radius:10px;transition:top .8s ease}.slide-down-enter-active[data-v-8ba4534e],.slide-down-leave-active[data-v-8ba4534e]{transition:top .8s ease}.slide-down-enter[data-v-8ba4534e],.slide-down-leave-to[data-v-8ba4534e]{top:-150px}.pull-to-refresh[data-v-63ede1fd]{position:relative}.spinner-container[data-v-63ede1fd]{position:fixed;top:-100px;left:50%;transform:translate(-50%);margin-top:10px;display:flex;justify-content:center;align-items:center;display:none;opacity:0;transition:.3s}.spinner-container.active[data-v-63ede1fd]{opacity:1;display:block;transform:translate(-50%,120px)}.spinner[data-v-63ede1fd]{border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#000;width:24px;height:24px;animation:spin-63ede1fd 2s linear infinite}@keyframes spin-63ede1fd{to{transform:rotate(360deg)}}