.responsive-container{margin-left:auto;margin-right:auto;width:100%;padding-left:1rem;padding-right:1rem}@media (min-width:640px){.responsive-container{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:1024px){.responsive-container{padding-left:2rem;padding-right:2rem}}.responsive-grid-1-2-3{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}@media (min-width:640px){.responsive-grid-1-2-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.responsive-grid-1-2-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.responsive-grid-1-2-4{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}@media (min-width:640px){.responsive-grid-1-2-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.responsive-grid-1-2-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.responsive-grid-1-3{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem}@media (min-width:768px){.responsive-grid-1-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.responsive-grid-1-2{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem}@media (min-width:768px){.responsive-grid-1-2{grid-template-columns:repeat(2,minmax(0,1fr))}}.responsive-form>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.responsive-form-field{width:100%}.responsive-form-group{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem}@media (min-width:768px){.responsive-form-group{grid-template-columns:repeat(2,minmax(0,1fr))}}.responsive-form-actions{display:flex;flex-direction:column;justify-content:flex-end;gap:1rem;border-top-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1));padding-top:1.5rem}@media (min-width:640px){.responsive-form-actions{flex-direction:row}}.responsive-card{width:100%}.responsive-card-header{display:flex;flex-direction:column;gap:1rem}@media (min-width:640px){.responsive-card-header{flex-direction:row;align-items:center;justify-content:space-between}}.responsive-card-content>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.responsive-table-wrapper{width:100%;overflow-x:auto}.responsive-table{min-width:100%}.responsive-table>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse));--tw-divide-opacity:1;border-color:rgb(229 231 235/var(--tw-divide-opacity,1))}.responsive-table-fixed{width:100%;table-layout:fixed}.responsive-button-group{display:flex;flex-direction:column;gap:.75rem}@media (min-width:640px){.responsive-button-group{flex-direction:row}}.responsive-button-group-right{display:flex;flex-direction:column;justify-content:flex-end;gap:.75rem}@media (min-width:640px){.responsive-button-group-right{flex-direction:row}}.responsive-nav{display:flex;flex-direction:column;gap:1rem}@media (min-width:640px){.responsive-nav{flex-direction:row}}.mobile-menu-button{display:inline-flex;align-items:center;justify-content:center;border-radius:calc(var(--radius) - 2px);padding:.5rem;--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.mobile-menu-button:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.mobile-menu-button:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-inset:inset;--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1))}@media (min-width:1024px){.mobile-menu-button{display:none}}.sidebar-mobile{position:fixed;inset:0;z-index:40}@media (min-width:1024px){.sidebar-mobile{display:none}}.sidebar-overlay{position:fixed;inset:0;background-color:rgb(75 85 99/var(--tw-bg-opacity,1));--tw-bg-opacity:0.75;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.sidebar-content{position:relative;display:flex;width:100%;max-width:20rem;flex:1 1 0%;flex-direction:column;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding-top:1.25rem;padding-bottom:1rem}.responsive-title{font-size:1.25rem;line-height:1.75rem;font-weight:700}@media (min-width:640px){.responsive-title{font-size:1.5rem;line-height:2rem}}@media (min-width:768px){.responsive-title{font-size:1.875rem;line-height:2.25rem}}.responsive-subtitle{font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}@media (min-width:640px){.responsive-subtitle{font-size:1rem;line-height:1.5rem}}@media (min-width:768px){.responsive-subtitle{font-size:1.125rem;line-height:1.75rem}}.responsive-heading{font-size:1.125rem;line-height:1.75rem;font-weight:600}@media (min-width:640px){.responsive-heading{font-size:1.25rem;line-height:1.75rem}}@media (min-width:768px){.responsive-heading{font-size:1.5rem;line-height:2rem}}.responsive-page-padding{padding-left:1rem;padding-right:1rem}@media (min-width:640px){.responsive-page-padding{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:1024px){.responsive-page-padding{padding-left:2rem;padding-right:2rem}}.responsive-section-spacing{padding-top:1rem;padding-bottom:1rem}@media (min-width:640px){.responsive-section-spacing{padding-top:1.5rem;padding-bottom:1.5rem}}@media (min-width:1024px){.responsive-section-spacing{padding-top:2rem;padding-bottom:2rem}}.responsive-card-padding{padding:1rem}@media (min-width:640px){.responsive-card-padding{padding:1.5rem}}@media (min-width:1024px){.responsive-card-padding{padding:2rem}}.responsive-image{height:auto;width:100%}.responsive-avatar{height:2rem;width:2rem}@media (min-width:640px){.responsive-avatar{height:2.5rem;width:2.5rem}}.responsive-modal{position:relative;margin-left:auto;margin-right:auto;width:100%;max-width:28rem}@media (min-width:640px){.responsive-modal{max-width:32rem}}@media (min-width:768px){.responsive-modal{max-width:36rem}}@media (min-width:1024px){.responsive-modal{max-width:42rem}}@media (min-width:1280px){.responsive-modal{max-width:48rem}}.responsive-modal-fullscreen{position:fixed;inset:0;z-index:50;overflow-y:auto}.responsive-alert{width:100%;border-radius:calc(var(--radius) - 2px);padding:1rem}.responsive-notification{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem}@media (min-width:640px){.responsive-notification{flex-direction:row;align-items:center}}.stack-on-mobile{display:flex;flex-direction:column;gap:1rem}@media (min-width:640px){.stack-on-mobile{flex-direction:row}}.hidden-mobile{display:none}@media (min-width:1024px){.hidden-mobile{display:block}}.show-mobile{display:block}@media (min-width:1024px){.show-mobile{display:none}}.full-width-mobile{width:100%}@media (min-width:640px){.full-width-mobile{width:auto}}.center-mobile{text-align:center}@media (min-width:640px){.center-mobile{text-align:left}}:focus-visible{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-color:hsl(var(--ring));--tw-ring-offset-width:2px}@media print{.no-print{display:none!important}.print-full-width{width:100%!important}}[dir=rtl] .responsive-button-group,[dir=rtl] .responsive-form-group{direction:rtl}.dark .responsive-card{border-color:hsl(var(--border));background-color:hsl(var(--card))}.dark .responsive-table-wrapper{background-color:hsl(var(--background))}.dashboard-stats-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}@media (min-width:640px){.dashboard-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}}@media (min-width:1024px){.dashboard-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.dashboard-stat-card{border-radius:var(--radius);padding:1rem;--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}@media (min-width:640px){.dashboard-stat-card{padding:1.5rem}}.dashboard-stat-icon{height:2rem;width:2rem}@media (min-width:640px){.dashboard-stat-icon{height:3rem;width:3rem}}.dashboard-stat-value{margin-top:1rem;font-size:1.5rem;line-height:2rem;font-weight:700}@media (min-width:640px){.dashboard-stat-value{font-size:1.875rem;line-height:2.25rem}}.dashboard-stat-label{font-size:.75rem;line-height:1rem;--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}@media (min-width:640px){.dashboard-stat-label{font-size:.875rem;line-height:1.25rem}}.form-section>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}@media (min-width:640px){.form-section>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}}.form-section-title{margin-bottom:1rem;font-size:1rem;line-height:1.5rem;font-weight:600}@media (min-width:640px){.form-section-title{font-size:1.125rem;line-height:1.75rem}}.form-actions-mobile{display:flex;width:100%;flex-direction:column-reverse;gap:.75rem}@media (min-width:640px){.form-actions-mobile{flex-direction:row}}.form-actions-mobile button{width:100%}@media (min-width:640px){.form-actions-mobile button{width:auto}}.table-actions-mobile{display:flex;flex-direction:column;gap:.5rem}@media (min-width:640px){.table-actions-mobile{flex-direction:row}}.table-search-mobile{width:100%}@media (min-width:640px){.table-search-mobile{width:16rem}}.page-header{margin-bottom:1.5rem;display:flex;flex-direction:column;gap:1rem}@media (min-width:640px){.page-header{flex-direction:row;align-items:center;justify-content:space-between}}.page-title{font-size:1.25rem;line-height:1.75rem;font-weight:700}@media (min-width:640px){.page-title{font-size:1.5rem;line-height:2rem}}.page-actions{display:flex;flex-wrap:wrap;gap:.5rem}@media (min-width:640px){.page-actions{gap:.75rem}}.cards-grid-responsive{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}@media (min-width:640px){.cards-grid-responsive{gap:1.5rem}}@media (min-width:768px){.cards-grid-responsive{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.cards-grid-responsive{grid-template-columns:repeat(3,minmax(0,1fr))}}.info-card{display:flex;flex-direction:column;gap:1rem;padding:1rem}@media (min-width:640px){.info-card{flex-direction:row}}.info-card-header{display:flex;align-items:center;gap:.75rem}@media (min-width:640px){.info-card-header{gap:1rem}}.info-card-avatar{height:3rem;width:3rem}@media (min-width:640px){.info-card-avatar{height:4rem;width:4rem}}.info-card-content{min-width:0;flex:1 1 0%}.info-card-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.5rem;font-weight:600}@media (min-width:640px){.info-card-title{font-size:1.125rem;line-height:1.75rem}}.info-card-subtitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;line-height:1rem;--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}@media (min-width:640px){.info-card-subtitle{font-size:.875rem;line-height:1.25rem}}.info-card-details{margin-top:.75rem;display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:.75rem}@media (min-width:640px){.info-card-details{grid-template-columns:repeat(2,minmax(0,1fr))}}.timeline-mobile{position:relative;padding-left:1rem}.timeline-item-mobile{margin-bottom:1.5rem;display:flex;gap:.75rem}.timeline-dot-mobile{margin-top:.375rem;height:.75rem;width:.75rem;flex-shrink:0;border-radius:9999px}.timeline-content-mobile{flex:1 1 0%}.timeline-time-mobile{margin-top:.25rem;font-size:.75rem;line-height:1rem;--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.tabs-mobile-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.tabs-mobile-scroll::-webkit-scrollbar{display:none}.tabs-mobile-scroll button{white-space:nowrap;padding-left:.75rem;padding-right:.75rem}@media (min-width:640px){.tabs-mobile-scroll button{padding-left:1rem;padding-right:1rem}}.filter-bar-mobile{display:flex;flex-direction:column;gap:.75rem}@media (min-width:640px){.filter-bar-mobile{flex-direction:row;align-items:center;justify-content:space-between}}.search-input-mobile{width:100%}@media (min-width:640px){.search-input-mobile{width:auto;max-width:28rem;flex:1 1 0%}}.filter-buttons-mobile{display:flex;flex-wrap:wrap;gap:.5rem}.pagination-mobile{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:.75rem}@media (min-width:640px){.pagination-mobile{flex-direction:row}}.pagination-info{font-size:.75rem;line-height:1rem;--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}@media (min-width:640px){.pagination-info{font-size:.875rem;line-height:1.25rem}}.pagination-buttons{display:flex;gap:.5rem}.pagination-button-mobile{padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem}.modal-content-responsive{padding:1rem}@media (min-width:640px){.modal-content-responsive{padding:1.5rem}}.modal-header-responsive{margin-bottom:1rem;border-bottom-width:1px;padding-bottom:.75rem}.modal-footer-responsive{margin-top:1.5rem;border-top-width:1px;padding-top:1rem}.modal-actions-responsive{display:flex;flex-direction:column-reverse;gap:.75rem}@media (min-width:640px){.modal-actions-responsive{flex-direction:row}}.alert-responsive{padding:.75rem;font-size:.75rem;line-height:1rem}@media (min-width:640px){.alert-responsive{padding:1rem;font-size:.875rem;line-height:1.25rem}}.alert-icon{height:1rem;width:1rem}@media (min-width:640px){.alert-icon{height:1.25rem;width:1.25rem}}.loading-overlay-mobile{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background-color:rgb(0 0 0/var(--tw-bg-opacity,1));--tw-bg-opacity:0.5}.loading-content{padding:1rem}@media (min-width:640px){.loading-content{padding:1.5rem}}.sidebar-mobile-nav{position:fixed;top:0;left:0;z-index:50;height:100%;width:16rem;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-property:transform;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.sidebar-mobile-nav,.sidebar-mobile-nav-closed{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sidebar-mobile-nav-closed{--tw-translate-x:-100%}.sidebar-mobile-nav-open{--tw-translate-x:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sidebar-mobile-overlay{position:fixed;inset:0;z-index:40;background-color:rgb(0 0 0/var(--tw-bg-opacity,1));--tw-bg-opacity:0.5}@media (min-width:1024px){.sidebar-mobile-overlay{display:none}}.sidebar-mobile-header{display:flex;align-items:center;justify-content:space-between;border-bottom-width:1px;padding:1rem}.bottom-nav-mobile{position:fixed;bottom:0;left:0;right:0;z-index:30;border-top-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}@media (min-width:1024px){.bottom-nav-mobile{display:none}}.bottom-nav-items{display:flex;align-items:center;justify-content:space-around}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;padding:.5rem;font-size:.75rem;line-height:1rem}.bottom-nav-icon{margin-bottom:.25rem;height:1.25rem;width:1.25rem}.fab-mobile{position:fixed;bottom:5rem;right:1rem;z-index:30}@media (min-width:1024px){.fab-mobile{display:none}}.fab-button{display:flex;height:3rem;width:3rem;align-items:center;justify-content:center;border-radius:9999px;--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}@media (min-width:640px){.fab-button{height:3.5rem;width:3.5rem}}.data-card-mobile{margin-bottom:.75rem;display:block;border-radius:var(--radius);border-width:1px;padding:1rem}@media (min-width:1024px){.data-card-mobile{display:none}}.data-card-row{display:flex;justify-content:space-between;border-bottom-width:1px;padding-top:.5rem;padding-bottom:.5rem}.data-card-row:last-child{border-bottom-width:0}.data-card-label{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.data-card-label,.data-card-value{font-size:.875rem;line-height:1.25rem}.data-card-value{font-weight:500}.chart-container-responsive{height:16rem;width:100%}@media (min-width:640px){.chart-container-responsive{height:20rem}}@media (min-width:1024px){.chart-container-responsive{height:24rem}}.stat-widget{padding:.75rem}@media (min-width:640px){.stat-widget{padding:1rem}}.stat-widget-header{margin-bottom:.5rem;display:flex;align-items:center;justify-content:space-between}.stat-widget-icon{height:2rem;width:2rem}@media (min-width:640px){.stat-widget-icon{height:2.5rem;width:2.5rem}}.stat-widget-value{font-size:1.125rem;line-height:1.75rem;font-weight:700}@media (min-width:640px){.stat-widget-value{font-size:1.5rem;line-height:2rem}}.stat-widget-label{font-size:.75rem;line-height:1rem;--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}@media (min-width:640px){.stat-widget-label{font-size:.875rem;line-height:1.25rem}}.profile-card-responsive{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1rem}@media (min-width:640px){.profile-card-responsive{flex-direction:row;align-items:flex-start}}.profile-image-responsive{height:5rem;width:5rem;border-radius:9999px}@media (min-width:640px){.profile-image-responsive{height:6rem;width:6rem}}.profile-info-responsive{text-align:center}@media (min-width:640px){.profile-info-responsive{text-align:left}}.profile-name{font-size:1.125rem;line-height:1.75rem;font-weight:600}@media (min-width:640px){.profile-name{font-size:1.25rem;line-height:1.75rem}}.profile-role{font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.schedule-card{border-left-width:4px;padding:.75rem}.schedule-time{font-size:.75rem;line-height:1rem;font-weight:600}@media (min-width:640px){.schedule-time{font-size:.875rem;line-height:1.25rem}}.schedule-title{font-size:.875rem;line-height:1.25rem;font-weight:500}@media (min-width:640px){.schedule-title{font-size:1rem;line-height:1.5rem}}.schedule-location{font-size:.75rem;line-height:1rem;--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.attendance-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.25rem}@media (min-width:640px){.attendance-grid{gap:.5rem}}.attendance-day{text-align:center;font-size:.75rem;line-height:1rem}@media (min-width:640px){.attendance-day{font-size:.875rem;line-height:1.25rem}}.attendance-status{height:1.5rem;width:1.5rem;border-radius:9999px}@media (min-width:640px){.attendance-status{height:2rem;width:2rem}}.invoice-card-responsive{border-radius:var(--radius);border-width:1px;padding:1rem}.invoice-header-mobile{margin-bottom:.75rem;display:flex;align-items:flex-start;justify-content:space-between}.invoice-number{font-size:.875rem;line-height:1.25rem;font-weight:600}.invoice-amount{font-size:1.125rem;line-height:1.75rem;font-weight:700}@media (min-width:640px){.invoice-amount{font-size:1.25rem;line-height:1.75rem}}.invoice-details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}@media (min-width:640px){.invoice-details-grid{gap:1rem}}.book-card-responsive{display:flex;gap:.75rem;border-radius:var(--radius);border-width:1px;padding:.75rem}.book-cover{height:4rem;width:3rem;border-radius:.25rem;-o-object-fit:cover;object-fit:cover}@media (min-width:640px){.book-cover{height:6rem;width:4rem}}.book-info{min-width:0;flex:1 1 0%}.book-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;line-height:1.25rem;font-weight:600}@media (min-width:640px){.book-title{font-size:1rem;line-height:1.5rem}}.book-author{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;line-height:1rem;--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}@media (min-width:640px){.book-author{font-size:.875rem;line-height:1.25rem}}.book-status{margin-top:.25rem;display:inline-block;border-radius:9999px;padding:.25rem .5rem;font-size:.75rem;line-height:1rem}.route-card{border-radius:var(--radius);border-width:1px;padding:1rem}.route-header{margin-bottom:.75rem;gap:.75rem}.route-header,.route-number{display:flex;align-items:center}.route-number{height:2rem;width:2rem;justify-content:center;border-radius:9999px;font-weight:700}@media (min-width:640px){.route-number{height:2.5rem;width:2.5rem}}.route-name{font-size:1rem;line-height:1.5rem;font-weight:600}@media (min-width:640px){.route-name{font-size:1.125rem;line-height:1.75rem}}.route-stops>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.route-stop{display:flex;align-items:center;gap:.5rem;font-size:.875rem;line-height:1.25rem}.staff-card{border-radius:var(--radius);border-width:1px;padding:1rem;text-align:center}@media (min-width:640px){.staff-card{text-align:left}}.staff-avatar{margin-left:auto;margin-right:auto;height:4rem;width:4rem;border-radius:9999px}@media (min-width:640px){.staff-avatar{margin-left:0;margin-right:0;height:5rem;width:5rem}}.staff-name{margin-top:.5rem;font-size:1rem;line-height:1.5rem;font-weight:600}@media (min-width:640px){.staff-name{font-size:1.125rem;line-height:1.75rem}}.staff-role{font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.staff-contact{margin-top:.75rem}.staff-contact>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.staff-contact{font-size:.875rem;line-height:1.25rem}.class-card{border-radius:var(--radius);border-width:1px;padding:1rem}.class-header{margin-bottom:.5rem;display:flex;align-items:center;justify-content:space-between}.class-name{font-size:1rem;line-height:1.5rem;font-weight:600}@media (min-width:640px){.class-name{font-size:1.125rem;line-height:1.75rem}}.class-capacity{font-size:.75rem;line-height:1rem;--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}@media (min-width:640px){.class-capacity{font-size:.875rem;line-height:1.25rem}}.class-students{margin-top:.5rem;display:flex}.class-students>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(-.5rem * var(--tw-space-x-reverse));margin-left:calc(-.5rem * calc(1 - var(--tw-space-x-reverse)))}.class-students{overflow:hidden}.class-student-avatar{height:1.5rem;width:1.5rem;border-radius:9999px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(255 255 255/var(--tw-ring-opacity,1))}@media (min-width:640px){.class-student-avatar{height:2rem;width:2rem}}.calendar-mobile{width:100%}.calendar-header-mobile{margin-bottom:1rem;display:flex;align-items:center;justify-content:space-between}.calendar-grid-mobile{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.25rem}.calendar-day-mobile{aspect-ratio:1/1;padding:.25rem;text-align:center;font-size:.75rem;line-height:1rem}.announcement-card{border-top-right-radius:var(--radius);border-bottom-right-radius:var(--radius);border-left-width:4px;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:1rem;--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.announcement-title{margin-bottom:.25rem;font-size:.875rem;line-height:1.25rem;font-weight:600}@media (min-width:640px){.announcement-title{font-size:1rem;line-height:1.5rem}}.announcement-content{margin-bottom:.5rem;font-size:.75rem;line-height:1rem;--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}@media (min-width:640px){.announcement-content{font-size:.875rem;line-height:1.25rem}}.announcement-footer{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;line-height:1rem;--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.grade-card{padding:.75rem;text-align:center}.grade-subject{font-size:.75rem;line-height:1rem;font-weight:500}@media (min-width:640px){.grade-subject{font-size:.875rem;line-height:1.25rem}}.grade-value{margin-top:.25rem;margin-bottom:.25rem;font-size:1.125rem;line-height:1.75rem;font-weight:700}@media (min-width:640px){.grade-value{font-size:1.5rem;line-height:2rem}}.grade-points{font-size:.75rem;line-height:1rem;--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.message-card{border-bottom-width:1px;padding:.75rem}.message-card:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}@media (min-width:640px){.message-card{padding:1rem}}.message-sender{font-size:.875rem;line-height:1.25rem;font-weight:600}.message-subject{font-size:.875rem;line-height:1.25rem;font-weight:500}.message-preview,.message-subject{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-preview{margin-top:.25rem;color:rgb(75 85 99/var(--tw-text-opacity,1))}.message-meta,.message-preview{font-size:.75rem;line-height:1rem;--tw-text-opacity:1}.message-meta{margin-top:.5rem;display:flex;align-items:center;gap:.5rem;color:rgb(107 114 128/var(--tw-text-opacity,1))}.show-on-mobile{display:block}@media (min-width:1024px){.show-on-mobile{display:none}}.hide-on-mobile{display:none}@media (min-width:1024px){.hide-on-mobile{display:block}}.show-on-tablet{display:none}@media (min-width:640px){.show-on-tablet{display:block}}@media (min-width:1024px){.show-on-tablet{display:none}}.show-on-desktop{display:none}@media (min-width:1024px){.show-on-desktop{display:block}}.text-responsive-xs{font-size:.75rem;line-height:1rem}@media (min-width:640px){.text-responsive-xs{font-size:.875rem;line-height:1.25rem}}.text-responsive-sm{font-size:.875rem;line-height:1.25rem}@media (min-width:640px){.text-responsive-sm{font-size:1rem;line-height:1.5rem}}.text-responsive-base{font-size:1rem;line-height:1.5rem}@media (min-width:640px){.text-responsive-base{font-size:1.125rem;line-height:1.75rem}}.text-responsive-lg{font-size:1.125rem;line-height:1.75rem}@media (min-width:640px){.text-responsive-lg{font-size:1.25rem;line-height:1.75rem}}.gap-responsive{gap:.75rem}@media (min-width:640px){.gap-responsive{gap:1rem}}@media (min-width:1024px){.gap-responsive{gap:1.5rem}}.padding-responsive{padding:.75rem}@media (min-width:640px){.padding-responsive{padding:1rem}}@media (min-width:1024px){.padding-responsive{padding:1.5rem}}.margin-responsive{margin:.5rem}@media (min-width:640px){.margin-responsive{margin:.75rem}}@media (min-width:1024px){.margin-responsive{margin:1rem}}