@import"https://fonts.googleapis.com/css2?family=Lato:wght@400;500;600;700;800;900&family=Nunito:wght@400;500;600;700;800&display=swap";.login-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f3f2ff,#fdf3ff)}.login-card{width:min(420px,90vw);padding:32px;border-radius:20px;box-shadow:0 20px 45px #19143c26}.login-title{color:#372b66;font-weight:700}.login-form{margin-top:24px}.header{background-color:var(--color-primary);color:var(--color-blue-1);padding:0;display:flex;justify-content:space-between;align-items:center;gap:var(--space-16);flex-wrap:wrap}h1{margin:0;font-size:var(--font-size-24)}h2{font-size:var(--font-size-28);font-weight:var(--font-weight-extra-bold);color:var(--color-blue-1, #1f347b);padding:0;margin:0;font-family:Nunito;font-style:normal;line-height:34px}h3{color:var(--color-blue-1, #1f347b);padding:0;margin:0;font-family:Nunito;font-size:var(--font-size-22);font-style:normal;font-weight:var(--font-weight-extra-bold);line-height:28px}h4{margin:0;font-size:var(--font-size-14);font-weight:var(--font-weight-normal)}h5{margin:0;color:var(--color-black, #1f2330);font-family:Nunito;font-size:var(--font-size-16);font-style:normal;font-weight:var(--font-weight-extra-bold);line-height:22px}h6{margin:0;font-size:var(--font-size-10);font-weight:var(--font-weight-normal)}.sasbadi-dashboard{max-width:1244px;margin:0 auto;padding:20px}.chart-container{display:flex;flex-direction:row;align-items:flex-end}.chart-container>label,.chart-container>label span{color:var(--color-grey-5, #4d4555);font-family:Lato;font-size:var(--font-size-14);font-style:normal;font-weight:var(--font-weight-bold);line-height:20px}.chart-showcase{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;margin-top:24px}.card-container{margin-bottom:24px}.student-statistics{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;margin-top:24px}.student-statistics__chart{grid-column:span 8;display:flex;flex-direction:column;min-height:260px;padding:0}.student-statistics__chart-paper{height:100%}.student-statistics__chart .MuiPaper-root{width:100%;box-sizing:border-box}.student-statistics__details{grid-column:span 4}.student-statistics__goal{grid-column:span 12}@media(max-width:960px){.student-statistics__chart,.student-statistics__details{grid-column:span 12}}.books-completed-chart-paper{margin-bottom:40px}.books-panel{margin-top:32px}.books-panel__paper{padding:var(--space-16)}.books-panel__controls{display:flex;align-items:flex-end;gap:var(--gap-16);margin-bottom:var(--gap-16);justify-content:space-between;flex-wrap:wrap}.books-panel__controls .MuiTextField-root{flex:1;min-width:240px}.books-panel__status{white-space:nowrap;margin-left:auto}.books-panel__paper .data-table-panel{background:transparent;box-shadow:none}.books-panel__paper .data-table-panel__body{padding:0}.books-panel__paper .data-table-panel__table-wrapper{margin:0 var(--space-16) var(--space-16)}.book-title-cell{display:flex;align-items:center;gap:var(--gap-12)}.book-title-cell__cover{width:40px;height:40px;object-fit:cover;border-radius:6px;background-color:var(--color-grey-1, #f4f5f8)}.book-title-cell__name{font-weight:600}.book-title-cell__author{font-size:.85rem;color:var(--color-grey-5, #7a6c8c)}.student-table-panel,.books-panel .books-panel__search{margin-top:25px;margin-bottom:40px}.book-statistics{margin-top:40px}.data-table-panel{display:flex;flex-direction:column;min-width:320px;margin-top:16px;margin-bottom:16px}.data-table-panel__header{padding:var(--space-12) var(--space-16);display:flex;justify-content:space-between;align-items:center;flex:0 0 auto}.data-table-panel__header-actions{display:flex;align-items:center;gap:var(--gap-8);color:#8d45ff}.data-table-panel__info-button{color:#8d45ff;white-space:nowrap}.data-table-panel__body{flex:1 1 auto;padding-bottom:0}.data-table-panel__table-wrapper{overflow-x:auto;border-radius:0}table .data-table-panel__cell{background:#fff;box-shadow:none;padding:14px}.data-table-panel__table-wrapper table,.data-table-panel__table-wrapper table td,.data-table-panel__table-wrapper table th{border-collapse:collapse;border-spacing:0}.data-table-panel__cell--sticky-left-first,.data-table-panel__cell--sticky-left-second,.data-table-panel__cell--sticky-right-first{position:sticky;z-index:100!important;white-space:nowrap}.data-table-panel__cell--sticky-left-first{left:0}.data-table-panel__cell--sticky-left-second{left:var(--sticky-left-second, 0)}.data-table-panel__cell--sticky-right-first{right:0}.data-table-panel__footer{padding:var(--space-8) var(--space-16);display:flex;justify-content:space-between;align-items:center;gap:var(--gap-12);flex:0 0 auto}.data-table-panel__footer-left{display:flex;align-items:center;gap:var(--gap-8)}.data-table-panel__footer-right{display:flex;align-items:center;gap:var(--gap-12)}.data-table-panel__pagination{display:flex;gap:var(--gap-4);align-items:center}.data-table-panel svg{font-size:18px}.data-table-panel input[type=checkbox]{width:16px;height:16px}.assign-modal__title{display:flex;align-items:center;justify-content:space-between}.assign-modal__content{display:flex;flex-direction:column;gap:var(--gap-16);padding-bottom:var(--gap-16)}.assign-modal__filters{display:flex;align-items:center;gap:var(--gap-16);flex-wrap:wrap}.assign-modal__select{min-width:160px}.assign-modal__manage{margin-left:auto;text-transform:none;display:inline-flex;align-items:center;gap:var(--gap-4)}.assign-modal__subtitle{margin-bottom:var(--gap-8)}.assign-modal__license{display:inline-flex;padding:.25rem .75rem;border-radius:999px;font-size:.75rem;font-weight:600}.assign-modal__license--active{background:#e6f7ff;color:#0b72ff}.assign-modal__license--missing{background:#ffe9ef;color:#d60024}.assign-modal__license--expired{background:#fff0d6;color:#ce7a00}.datepicker{width:-moz-min-content;width:min-content}.datepicker:not(.active){display:none}.datepicker-dropdown{padding-top:4px;position:absolute;z-index:20}.datepicker-dropdown.datepicker-orient-top{padding-bottom:4px;padding-top:0}.datepicker-picker{background-color:#fff;border-radius:4px;display:flex;flex-direction:column}.datepicker-dropdown .datepicker-picker{box-shadow:0 2px 3px #0a0a0a1a,0 0 0 1px #0a0a0a1a}.datepicker-main{flex:auto;padding:2px}.datepicker-footer{background-color:#f5f5f5;box-shadow:inset 0 1px 1px #0a0a0a1a}.datepicker-title{background-color:#f5f5f5;box-shadow:inset 0 -1px 1px #0a0a0a1a;font-weight:700;padding:.375rem .75rem;text-align:center}.datepicker-controls{display:flex}.datepicker-header .datepicker-controls{padding:2px 2px 0}.datepicker-controls .button{align-items:center;background-color:#fff;border:1px solid #dcdcdc;border-radius:4px;box-shadow:none;color:#363636;cursor:pointer;display:inline-flex;font-size:1rem;height:2.25em;justify-content:center;line-height:1.5;margin:0;padding:calc(.375em - 1px) .75em;position:relative;text-align:center;vertical-align:top;white-space:nowrap}.datepicker-controls .button:active,.datepicker-controls .button:focus{outline:none}.datepicker-controls .button:hover{border-color:#b8b8b8;color:#363636}.datepicker-controls .button:focus{border-color:#3273dc;color:#363636}.datepicker-controls .button:focus:not(:active){box-shadow:0 0 0 .125em #3273dc40}.datepicker-controls .button:active{border-color:#474747;color:#363636}.datepicker-controls .button[disabled]{cursor:not-allowed}.datepicker-header .datepicker-controls .button{border-color:transparent;font-weight:700}.datepicker-header .datepicker-controls .button:hover{background-color:#f9f9f9}.datepicker-header .datepicker-controls .button:active{background-color:#f2f2f2}.datepicker-footer .datepicker-controls .button{border-radius:2px;flex:auto;font-size:.75rem;margin:calc(.375rem - 1px) .375rem}.datepicker-controls .view-switch{flex:auto}.datepicker-controls .next-button,.datepicker-controls .prev-button{flex:0 0 14.2857142857%;padding-left:.375rem;padding-right:.375rem}.datepicker-controls .next-button.disabled,.datepicker-controls .prev-button.disabled{visibility:hidden}.datepicker-grid,.datepicker-view{display:flex}.datepicker-view{align-items:stretch;width:15.75rem}.datepicker-grid{flex:auto;flex-wrap:wrap}.datepicker .days{display:flex;flex:auto;flex-direction:column}.datepicker .days-of-week{display:flex}.datepicker .week-numbers{display:flex;flex:0 0 9.6774193548%;flex-direction:column}.datepicker .weeks{align-items:stretch;display:flex;flex:auto;flex-direction:column}.datepicker span{-webkit-touch-callout:none;align-items:center;border-radius:4px;cursor:default;display:flex;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.datepicker .dow{font-size:.875rem;font-weight:700;height:1.5rem}.datepicker .week{color:#b8b8b8;flex:auto;font-size:.75rem}.datepicker .days .dow,.datepicker-cell{flex-basis:14.2857142857%}.datepicker-cell{height:2.25rem}.datepicker-cell:not(.day){flex-basis:25%;height:4.5rem}.datepicker-cell:not(.disabled):hover{background-color:#f9f9f9;cursor:pointer}.datepicker-cell.focused:not(.selected){background-color:#e9e9e9}.datepicker-cell.selected,.datepicker-cell.selected:hover{background-color:#3273dc;color:#fff;font-weight:600}.datepicker-cell.disabled{color:#dcdcdc}.datepicker-cell.next:not(.disabled),.datepicker-cell.prev:not(.disabled){color:#7a7a7a}.datepicker-cell.next.selected,.datepicker-cell.prev.selected{color:#e6e6e6}.datepicker-cell.highlighted:not(.selected):not(.range):not(.today){background-color:#f5f5f5;border-radius:0}.datepicker-cell.highlighted:not(.selected):not(.range):not(.today):not(.disabled):hover{background-color:#efefef}.datepicker-cell.highlighted:not(.selected):not(.range):not(.today).focused{background-color:#e9e9e9}.datepicker-cell.today:not(.selected){background-color:#00d1b2}.datepicker-cell.today:not(.selected):not(.disabled){color:#fff}.datepicker-cell.today.focused:not(.selected){background-color:#00ccad}.datepicker-cell.range-end:not(.selected),.datepicker-cell.range-start:not(.selected){background-color:#b8b8b8;color:#fff}.datepicker-cell.range-end.focused:not(.selected),.datepicker-cell.range-start.focused:not(.selected){background-color:#b3b3b3}.datepicker-cell.range-start:not(.range-end){border-radius:4px 0 0 4px}.datepicker-cell.range-end:not(.range-start){border-radius:0 4px 4px 0}.datepicker-cell.range{background-color:#dcdcdc;border-radius:0}.datepicker-cell.range:not(.disabled):not(.focused):not(.today):hover{background-color:#d7d7d7}.datepicker-cell.range.disabled{color:#c6c6c6}.datepicker-cell.range.focused{background-color:#d1d1d1}.datepicker-input.in-edit{border-color:#276bda}.datepicker-input.in-edit:active,.datepicker-input.in-edit:focus{box-shadow:0 0 .25em .25em #276bda33}.date-range{position:relative;display:inline-flex}.date-range__pop{position:absolute;top:calc(100% + 4px);left:0;z-index:9999;display:none}.dp-range-wrapper{position:relative}.dp-container{position:absolute;top:0;left:0;width:100%;z-index:9999;display:none}.hidden-input{position:absolute;left:-9999px;opacity:0}.datepicker-picker{background:#fff;border:none}.datepicker .datepicker-header .datepicker-title{font-weight:700;color:#5a6280}.datepicker .datepicker-controls .button{color:#5a6280}.datepicker .datepicker-view .dow{color:#8a8fa3}.datepicker .datepicker-cell{border-radius:0;color:#4a5268}.datepicker .datepicker-cell.range{background:#ede7ff;color:#6130c7}.datepicker .datepicker-cell.selected,.datepicker .datepicker-cell.range-start,.datepicker .datepicker-cell.range-end{background:#8d45ff;color:#fff;box-shadow:0 6px 12px #8d45ff59}.datepicker .datepicker-cell:hover{background:#f0e8ff}.flatpickr-footer,.datepicker-footer{padding:10px;border-top:1px solid #e6e8f3;display:flex;justify-content:flex-end;gap:8px;background:#fafbff}.fp-filter-btn{padding:8px 14px;border-radius:10px;border:none;background:linear-gradient(135deg,#8d45ff,#a86aff);color:#fff;font-weight:600;cursor:pointer;box-shadow:0 8px 16px #8d45ff40}.fp-filter-btn.disabled{opacity:.6;cursor:not-allowed}.date-multi-filter{display:flex;flex-wrap:wrap;align-items:center;flex-direction:row;gap:16px}.date-multi-filter .date-multi-filter__item{min-width:110px}.date-multi-filter .date-multi-filter__item--date{min-width:160px}.info-card{padding:var(--space-18);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.info-card .info-card__label{font-size:var(--font-size-16);font-weight:var(--font-weight-bold);color:var(--color-grey-5);text-align:center;margin:0;pad:0px;font-family:Nunito;font-style:normal;font-weight:var(--font-weight-extra-bold);line-height:22px}.info-card .info-card__value{display:flex;align-items:flex-end;text-align:center;font-size:var(--font-size-22);font-weight:var(--font-weight-extra-bold);color:var(--color-blue-2);line-height:28px;font-family:Nunito}.info-card img{width:80px;height:80px;object-fit:contain}.card-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-24)}.card-container-with-image{margin-top:25px;margin-bottom:40px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-24)}@media(max-width:600px){.card-container-with-image{grid-template-columns:1fr}}.chart-panel{display:flex;flex-direction:column;gap:8px;padding:16px}.chart-panel__title{font-size:14px;font-weight:600;text-align:center;color:#0f172a}.chart-panel__canvas{position:relative;height:100%;min-height:220px;max-height:330px}.chart-panel canvas{display:block;width:100%;min-height:220px;height:100%;max-height:330px}.chart-panel__date-range{font-size:14px;font-weight:600;color:#0f172a;text-align:center;margin-top:12px}.leaderboard-card{height:100%;border-radius:24px;display:flex;flex-direction:column;overflow:hidden}.leaderboard-card__header{background:var(--color-blue-2, #4269ef);padding:25px;text-align:center}.leaderboard-card__header h5{color:var(--color-white, #fff);text-align:center;font-size:var(--font-size-16);font-style:normal;font-weight:var(--font-weight-extra-bold);line-height:22px}.leaderboard-card__primary{padding:24px 20px 12px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;position:relative;margin-bottom:20px}.leaderboard-card__primary .leaderboard-card__badge{margin-top:-10px}.leaderboard-card__badge{border-radius:999px;background:var(--color-yellow);width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--font-size-18);position:absolute}.leaderboard-card__avatar{width:70px;height:70px;border-radius:50%;border-width:12px;border-color:var(--color-yellow);border-style:solid;display:flex;align-items:center;justify-content:center;background-color:var(--color-blue-5)}.leaderboard-card__avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover}.leaderboard-card__name{text-align:center;font-weight:var(--font-weight-semi-bold);font-size:var(--font-size-14);color:var(--color-black);font-style:normal;line-height:20px}.leaderboard-card__info{text-align:center;display:flex;gap:12px;color:var(--color-black);font-size:var(--font-size-12);font-style:normal;font-weight:var(--font-weight-semi-bold);line-height:16px}.leaderboard-card__list{padding:12px 20px 20px;display:flex;flex-wrap:row;gap:16px}.leaderboard-card__list-content{display:flex;flex-direction:column;gap:8px}.leaderboard-card__list-item{display:flex;flex-direction:column;gap:12px;align-items:center;flex:1 1 45%;min-width:160px}.leaderboard-card__list-name{font-weight:var(--font-weight-semi-bold);font-size:var(--font-size-14);color:var(--color-black);font-style:normal;line-height:20px;text-align:center}.leaderboard-card__list-info{color:var(--color-black);font-size:var(--font-size-12);font-style:normal;font-weight:var(--font-weight-semi-bold);line-height:10px;display:flex;flex-direction:column;gap:4px;align-items:center}.leaderboard-card__rank-badge{font-weight:600;font-size:var(--font-size-18);color:#111827;background:var(--color-yellow);width:27px;height:27px;display:flex;align-items:center;justify-content:center;border-radius:50%}.day-calendar{--rdp-cell-size: 45px}.goal-calendar-panel{display:flex;gap:var(--gap-24);align-items:center;padding:0 var(--space-24);flex-wrap:wrap}.daily-goal{flex:0 0 330px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--gap-12)}.daily-goal__title,.daily-goal__meta,.daily-goal__date{width:100%;text-align:center;color:var(--color-gray-3, #8b7f97);font-family:Lato;font-size:var(--font-size-12);font-style:normal;font-weight:var(--font-weight-medium);line-height:16px}.daily-goal__ring{width:115px;height:115px;border-radius:50%;border:18px solid var(--color-goal-color);display:flex;flex-direction:column;justify-content:center;align-items:center;background:radial-gradient(circle at center,var(--color-white) 60%,rgba(66,105,239,.1) 100%)}.daily-goal__value,.daily-goal__progress-value{color:var(--color-blue-2, #4269ef);text-align:center;font-family:Nunito;font-size:var(--font-size-22);font-style:normal;font-weight:var(--font-weight-bold);line-height:28px}.daily-goal__details{display:flex;flex-direction:column;gap:var(--gap-8);text-align:center}.daily-goal__stats{display:flex;flex-direction:column;gap:var(--gap-4);font-size:var(--font-size-14);color:var(--color-grey-4)}.daily-goal__sub-label{font-size:var(--font-size-12)}.day-calendar{flex:1;padding:var(--space-8) var(--space-16) var(--space-16);display:flex;flex-direction:column;gap:var(--gap-12);align-items:center;text-align:center;justify-content:center}.day-calendar__picker{width:100%;max-width:320px;--rdp-day-size: 42px}.day-calendar .rdp{width:100%}.day-calendar .rdp-nav{width:100%;display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--gap-10)}.day-calendar .rdp-caption{position:relative}.day-calendar .rdp-nav_button{width:34px;height:34px;background:var(--color-white);color:var(--color-grey-4);font-size:var(--font-size-18);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .16s ease,color .16s ease,transform .16s ease;box-shadow:var(--shadow-soft)}.day-calendar .rdp-nav_button:disabled{opacity:.4;cursor:default}.day-calendar .rdp-nav_button:hover:not(:disabled){color:var(--color-blue-2)}.day-calendar .rdp-caption_label{position:absolute;display:flex;align-items:center;justify-content:center;z-index:0;width:100%;font-size:var(--font-size-16);font-weight:var(--font-weight-semi-bold);color:var(--color-grey-4);letter-spacing:.04em;text-transform:capitalize}.day-calendar .rdp-table{width:100%;border-collapse:separate;border-spacing:var(--gap-6) var(--gap-6)}.day-calendar .rdp-head{display:none}.day-calendar .rdp-head_cell{color:var(--color-grey-3);font-size:var(--font-size-12);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.12em}.day-calendar .rdp-cell{aspect-ratio:1/1;width:45px;height:45px}.day-calendar .rdp-day{display:block;width:45px;height:45px;border-radius:50%;border:1px solid transparent;font-size:var(--font-size-14);font-weight:var(--font-weight-semi-bold);color:var(--grey-grey-3, #8b7f97);text-align:center;max-width:none;margin:2px;font-family:Lato;font-size:14px;font-style:normal;font-weight:500;line-height:20px;background-color:transparent;transition:border-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease}.day-calendar .rdp-day:not(.rdp-day_disabled):hover,.day-calendar .rdp-day:not(.rdp-day_disabled).day-calendar__day--selected{--bg: var(--bg-hover)}.day-calendar .day-calendar__day--partial,.day-calendar .day-calendar__day--full{border-color:transparent;background:#fff;box-shadow:none}.day-calendar .day-calendar__day--partial,.day-calendar .day-calendar__day--full{--b: 6px;--r: 50%;--c1: #2fc7b6;--c2: #c9c5d6;--bg: #ffffff;--bg-hover: var(--color-green-3);--bg-selected: #eefbf9;border:var(--b) solid transparent;border-radius:var(--r);transition:all 80ms ease;background:linear-gradient(var(--bg),var(--bg)) padding-box,linear-gradient(90deg,var(--c2) 0 50%,var(--c1) 50% 100%) border-box;transition:background .16s ease,transform .16s ease,box-shadow .16s ease;box-shadow:0 8px 22px #11182714}.day-calendar .day-calendar__day--full{--c2: #2fc7b6}.day-calendar .day-calendar__day--selected:not(.day-calendar__day--partial):not(.day-calendar__day--full){border-color:none;color:var(--color-white);background-color:var(--color-green-2);box-shadow:0 0 0 4px #4269ef33}.day-calendar .day-calendar__day--selected:not(.day-calendar__day--partial):not(.day-calendar__day--full):hover{color:var(--color-blue-2)}.day-calendar .rdp-day_disabled{color:var(--color-grey-3)}.day-calendar .rdp-day:focus-visible{outline:2px solid var(--color-blue-2);outline-offset:4px}@media(max-width:960px){.goal-calendar-panel{flex-direction:column;padding:0 var(--space-16)}.day-calendar{border-left:none;padding-left:0;border-top:1px solid var(--color-grey-2);padding-top:var(--space-16)}}.rdp{--rdp-cell-size: 40px;--rdp-caption-font-size: 18px;--rdp-accent-color: #0000ff;--rdp-background-color: #e7edff;--rdp-accent-color-dark: #3003e1;--rdp-background-color-dark: #180270;--rdp-outline: 2px solid var(--rdp-accent-color);--rdp-outline-selected: 3px solid var(--rdp-accent-color);--rdp-selected-color: #fff;margin:1em}.rdp-vhidden{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:absolute!important;top:0;width:1px!important;height:1px!important;padding:0!important;overflow:hidden!important;clip:rect(1px,1px,1px,1px)!important;border:0!important}.rdp-button_reset{appearance:none;position:relative;margin:0;padding:0;cursor:default;color:inherit;background:none;font:inherit;-moz-appearance:none;-webkit-appearance:none}.rdp-button_reset:focus-visible{outline:none}.rdp-button{border:2px solid transparent}.rdp-button[disabled]:not(.rdp-day_selected){opacity:.25}.rdp-button:not([disabled]){cursor:pointer}.rdp-button:focus-visible:not([disabled]){color:inherit;background-color:var(--rdp-background-color);border:var(--rdp-outline)}.rdp-button:hover:not([disabled]):not(.rdp-day_selected){background-color:var(--rdp-background-color)}.rdp-months{display:flex}.rdp-month{margin:0 1em}.rdp-month:first-child{margin-left:0}.rdp-month:last-child{margin-right:0}.rdp-table{margin:0;max-width:calc(var(--rdp-cell-size) * 7);border-collapse:collapse}.rdp-with_weeknumber .rdp-table{max-width:calc(var(--rdp-cell-size) * 8);border-collapse:collapse}.rdp-caption{display:flex;align-items:center;justify-content:space-between;padding:0;text-align:left}.rdp-multiple_months .rdp-caption{position:relative;display:block;text-align:center}.rdp-caption_dropdowns{position:relative;display:inline-flex}.rdp-caption_label{position:relative;z-index:1;display:inline-flex;align-items:center;margin:0;padding:0 .25em;white-space:nowrap;color:currentColor;border:0;border:2px solid transparent;font-family:inherit;font-size:var(--rdp-caption-font-size);font-weight:700}.rdp-nav{white-space:nowrap}.rdp-multiple_months .rdp-caption_start .rdp-nav{position:absolute;top:50%;left:0;transform:translateY(-50%)}.rdp-multiple_months .rdp-caption_end .rdp-nav{position:absolute;top:50%;right:0;transform:translateY(-50%)}.rdp-nav_button{display:inline-flex;align-items:center;justify-content:center;width:var(--rdp-cell-size);height:var(--rdp-cell-size);padding:.25em;border-radius:100%}.rdp-dropdown_year,.rdp-dropdown_month{position:relative;display:inline-flex;align-items:center}.rdp-dropdown{appearance:none;position:absolute;z-index:2;top:0;bottom:0;left:0;width:100%;margin:0;padding:0;cursor:inherit;opacity:0;border:none;background-color:transparent;font-family:inherit;font-size:inherit;line-height:inherit}.rdp-dropdown[disabled]{opacity:unset;color:unset}.rdp-dropdown:focus-visible:not([disabled])+.rdp-caption_label{background-color:var(--rdp-background-color);border:var(--rdp-outline);border-radius:6px}.rdp-dropdown_icon{margin:0 0 0 5px}.rdp-head{border:0}.rdp-head_row,.rdp-row{height:100%}.rdp-head_cell{vertical-align:middle;font-size:.75em;font-weight:700;text-align:center;height:100%;height:var(--rdp-cell-size);padding:0;text-transform:uppercase}.rdp-tbody{border:0}.rdp-tfoot{margin:.5em}.rdp-cell{width:var(--rdp-cell-size);height:100%;height:var(--rdp-cell-size);padding:0;text-align:center}.rdp-weeknumber{font-size:.75em}.rdp-weeknumber,.rdp-day{display:flex;overflow:hidden;align-items:center;justify-content:center;box-sizing:border-box;width:var(--rdp-cell-size);max-width:var(--rdp-cell-size);height:var(--rdp-cell-size);margin:0;border:2px solid transparent;border-radius:100%}.rdp-day_today:not(.rdp-day_outside){font-weight:700}.rdp-day_selected,.rdp-day_selected:focus-visible,.rdp-day_selected:hover{color:var(--rdp-selected-color);opacity:1;background-color:var(--rdp-accent-color)}.rdp-day_outside{opacity:.5}.rdp-day_selected:focus-visible{outline:var(--rdp-outline);outline-offset:2px;z-index:1}.rdp:not([dir=rtl]) .rdp-day_range_start:not(.rdp-day_range_end){border-top-right-radius:0;border-bottom-right-radius:0}.rdp:not([dir=rtl]) .rdp-day_range_end:not(.rdp-day_range_start){border-top-left-radius:0;border-bottom-left-radius:0}.rdp[dir=rtl] .rdp-day_range_start:not(.rdp-day_range_end){border-top-left-radius:0;border-bottom-left-radius:0}.rdp[dir=rtl] .rdp-day_range_end:not(.rdp-day_range_start){border-top-right-radius:0;border-bottom-right-radius:0}.rdp-day_range_end.rdp-day_range_start{border-radius:100%}.rdp-day_range_middle{border-radius:0}.rankings-panel{margin-top:var(--space-32);display:flex;flex-direction:column;gap:var(--gap-24)}.rankings-panel__filters{display:flex;gap:var(--gap-16);flex-wrap:wrap;align-items:flex-end}.rankings-panel__tables{display:flex;gap:var(--gap-24);flex-wrap:wrap;align-items:stretch}.rankings-panel__tables>*{flex:1 1 0;min-width:0}.ranking-table{display:flex;flex-direction:column}.ranking-table__header{padding:var(--space-12) var(--space-16);display:flex;justify-content:space-between;align-items:center}.ranking-table__header-actions{display:flex;align-items:center;gap:var(--gap-8);color:#8d45ff}.ranking-table__info-button{color:#8d45ff}.ranking-table__body{max-height:360px}.ranking-table__footer{padding:var(--space-8) var(--space-16);display:flex;justify-content:space-between;align-items:center;gap:var(--gap-12)}.ranking-table__footer-left{display:flex;align-items:center;gap:var(--gap-8)}.ranking-table__footer-right{display:flex;align-items:center;gap:var(--gap-12)}.ranking-table__pagination{display:flex;gap:var(--gap-4);align-items:center}.rankings-panel__dialog-title{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-12);padding:var(--space-16)}.rankings-panel__dialog-icon{display:flex;align-items:center;gap:var(--gap-8)}.rankings-panel__dialog-close{color:var(--color-grey-4)}.rankings-panel__dialog-content{display:flex;flex-direction:column;gap:var(--gap-8);padding:0 var(--space-24) var(--space-24)}.ranking-table td,.ranking-table th{padding:14px 16px}@media(max-width:960px){.rankings-panel__tables{flex-direction:column}}.student-select-toggle{margin:45px 0;background-color:var(--color-blue-6);border-radius:100px!important;width:fit-content}.student-select-toggle button:nth-of-type(1){border-radius:100px 0 0 100px}.student-select-toggle button:nth-of-type(2){border-radius:0 100px 100px 0}.student-select-toggle button{padding:4px 15px;border-width:0px;background-color:var(--color-blue-6);color:var(--color-purple-1, #7d2be6);text-transform:none;font-family:Nunito;font-size:var(--font-size-18);font-style:normal;font-weight:var(--font-weight-bold);line-height:24px}.student-select-toggle button.selected,.student-select-toggle button.selected:hover{border-radius:100px;background-color:var(--icon-bg);color:var(--color-white)}.student-select-toggle:hover{background-color:#0000000a}.student-filter-controls{display:flex;flex-direction:column;gap:var(--gap-16);align-items:flex-end;width:100%;max-width:370px}.student-filter-controls__group{display:flex;align-items:flex-end;gap:var(--gap-16);width:100%}.student-filter-controls__select{width:100%}label[for=date-range-select],#date-range-display-label{color:var(--color-grey-3, #8b7f97);font-family:Lato;font-size:var(--font-size-14);font-style:normal;font-weight:var(--font-weight-normal);line-height:20px;min-width:160px}input[type=text],.MuiSelect-select{color:var(--color-gray-3, #8b7f97)!important;font-family:Lato!important;font-size:var(--font-size-12)!important;font-style:normal!important;font-weight:var(--font-weight-medium)!important;line-height:16px!important;min-width:120px}.MuiPaper-root{padding:16px}.MuiPaper-root.no-padding{padding:0}.MuiButton-colorPrimary.MuiButton-textPrimary{text-decoration:none;text-transform:none;color:var(--color-purple-1, #7d2be6);text-align:center;font-family:Nunito;font-size:var(--font-size-16);font-style:normal;font-weight:var(--font-weight-bold);line-height:16px;letter-spacing:normal}svg{width:1rem;height:1rem;display:inline-block}h2 svg{width:1.5rem;height:1.5rem;vertical-align:-.3em;margin-right:5px}.MuiDialogContent-root{gap:10px;display:flex;flex-direction:column}.no-warp{white-space:nowrap}.sasbadi-student section{margin-bottom:32px}.student-read-book{display:flex;flex-direction:row;gap:var(--space-32);width:100%}.student-read-book .student-time-spent{width:200px}.student-read-book .student-books-completed{width:100%}.reading-statstics{display:flex;flex-direction:column}.reading-statstics .student-book-search{max-width:350px}.assigned-books{display:flex;flex-direction:column;gap:var(--space-24)}.assigned-books__table{width:100%}.assigned-books__table .data-table-panel{background:transparent;box-shadow:none}.assigned-books__table .data-table-panel__table-wrapper{border-radius:0}.assigned-books__table .data-table-panel__cell{padding:12px 10px;font-size:14px;color:#3f3e56;border-bottom:1px solid #f0f1f8}.assigned-books__book-title{display:inline-flex;align-items:center;gap:12px}.assigned-books__book-title img{width:48px;height:48px;object-fit:cover;border-radius:12px;box-shadow:0 4px 12px #0f0f0f14}.assigned-books__status{display:inline-flex;align-items:center;justify-content:center;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:600;text-transform:none}.assigned-books__status--completed{background:#dbf1e8;color:#136d45}.assigned-books__status--started{background:#e4edff;color:#1f4fe3}.assigned-books__status--downloaded{background:#f0ecff;color:#6f59ff}.daily-stat{display:flex;flex-direction:row;gap:var(--space-32);width:100%}.daily-stat .student-statistics__goal{width:100%}.daily-stat .student-current-streak{width:200px}.overview-cards{display:flex;flex-direction:row;gap:var(--space-24);width:100%}.overview-cards .overview-card{flex:1}.book-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--space-24);padding:16px;width:100%;margin-top:16px}.book-container .book-card{width:100px;height:100px;border-radius:12px;box-shadow:0 4px 12px #0f0f0f14}.book-container .book-card img{width:100%;height:100%}.profile-panel{display:flex;flex-direction:row;align-items:center;padding:32px;gap:36px;margin-bottom:32px}.profile-panel__image{border-radius:50%;width:135px;height:135px;object-fit:cover}.profile-panel__header{text-align:left;display:flex;flex-direction:column;gap:16px}.profile-panel__class,.profile-panel__class-name{color:var(--color-black, #1F2330);font-family:Lato;font-size:var(--font-size-16);font-style:normal;font-weight:var(--font-weight-bold);line-height:22px}.profile-panel__class-name{font-weight:var(--font-weight-medium)}:root{color-scheme:light;--font-sans: "Lato", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-button: "Nunito", "Lato", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--color-white: #ffffff;--color-black: #1f2330;--color-bg: #f3f1f4;--color-muted: #666666;--color-grey-1: #f3f1f4;--color-grey-2: #c0b8c7;--color-grey-3: #8b7f97;--color-grey-4: #655a70;--color-grey-5: #4d4555;--color-blue-1: #1f347b;--color-blue-2: #4269ef;--color-blue-3: #3e66fb;--color-blue-4: #a1b5f7;--color-blue-5: #d1dbfb;--color-blue-6: #f0f3fe;--color-green-1: #257366;--color-green-2: #43bfaa;--color-green-3: #bdf0e7;--color-green-4: #3cc13b;--color-orange-1: #ffa831;--color-orange-2: #fff4e4;--color-yellow: #ffca23;--color-red-1: #c62348;--color-red-2: #ff4f77;--color-red-3: #ffe4ea;--color-purple-1: #7d2be6;--color-purple-2: #d6c2ff;--color-goal-color: #bec3c7;--radius-2: 2px;--radius-3: 3px;--radius-4: 4px;--radius-6: 6px;--radius-8: 8px;--radius-12: 12px;--radius-pill: 999px;--space-2: 2px;--space-4: 4px;--space-6: 6px;--space-8: 8px;--space-12: 12px;--space-16: 16px;--space-18: 18px;--space-20: 20px;--space-24: 24px;--space-32: 32px;--space-40: 40px;--shadow-1: 0 5px 15px rgba(58, 12, 113, .22);--shadow-2: 0 3px 10px rgba(58, 12, 113, .22);--shadow-soft: 0 2px 18px rgba(170, 170, 170, .06);--text-xs: 12px;--text-sm: 14px;--text-md: 16px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 24px;--font-size-12: 12px;--font-size-14: 14px;--font-size-16: 16px;--font-size-18: 18px;--font-size-20: 20px;--font-size-22: 22px;--font-size-24: 24px;--font-size-28: 28px;--line-sm: 20px;--line-md: 24px;--line-lg: 28px;--font-weight-regular: 400;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semi-bold: 600;--font-weight-bold: 700;--font-weight-extra-bold: 800;--gap-4: 4px;--gap-8: 8px;--gap-12: 12px;--gap-16: 16px;--gap-20: 20px;--gap-24: 24px;--gap-32: 32px;--variant-textColor: #7d2be6;--icon-bg: #4269ef;--icon-fg: #ffffff}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Lato,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}