:root{--mobile-font-h1:20px;--mobile-font-h2:17px;--mobile-font-body:15px;--mobile-font-caption:13px;--mobile-font-tiny:11px;--mobile-leading-tight:1.3;--mobile-leading-normal:1.5;--mobile-leading-relaxed:1.6;--mobile-tracking-tight:-0.01em;--mobile-tracking-normal:0;--mobile-radius-card:12px;--mobile-radius-button:8px;--safe-area-top:env(safe-area-inset-top,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px);--vv-offset-top:0px;--vv-bottom-gap:0px;--mobile-safe-bottom:max(16px,env(safe-area-inset-bottom,16px));--mobile-bottom-bar-padding:max(24px,calc(14px + env(safe-area-inset-bottom, 14px)));--mobile-floating-gap:calc(18px + var(--mobile-safe-bottom) + var(--pwa-banner-offset, 0px));--mobile-floating-offset:calc(var(--mobile-floating-gap) + var(--vv-bottom-gap, 0px));--mobile-scroll-padding-with-floating:calc(76px + var(--mobile-floating-gap));--mobile-scroll-padding:calc(36px + var(--mobile-safe-bottom));--app-height:100vh}@supports (height:100dvh){:root{--app-height:100dvh}}@supports (padding-top:env(safe-area-inset-top)){.mobile-safe-top{padding-top:env(safe-area-inset-top)}}@supports (padding-bottom:env(safe-area-inset-bottom)){.mobile-safe-bottom{padding-bottom:env(safe-area-inset-bottom)}}.mobile-floating-bar{bottom:var(--mobile-floating-offset)!important}.mobile-scroll-with-floating{padding-bottom:var(--mobile-scroll-padding-with-floating)!important}.mobile-scroll-bottom{padding-bottom:var(--mobile-scroll-padding)!important}.mobile-bottom-action-bar{padding-bottom:var(--mobile-bottom-bar-padding)!important}@media (max-width:599px){.mobile-content-top{padding-top:calc(44px + env(safe-area-inset-top, 0px))!important}.mobile-touch-target{min-height:44px;min-width:44px}[role=button],button{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mobile-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.sidebar-legacy-mobile-toggle{display:none!important}.dashboard-container{padding:8px!important;gap:8px!important}.student-sidebar{width:100%!important;max-height:35vh!important;border-right:none!important;border-bottom:1px solid rgba(0,0,0,.08);flex-shrink:0!important}.dark .student-sidebar{border-bottom:1px solid hsla(0,0%,100%,.08)}.student-sidebar-item{min-height:44px;padding:10px 12px!important}.student-tabs-container{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}}@media (max-width:599px){.student-tabs-container::-webkit-scrollbar{display:none}.student-mobile-card{transition:border-color .15s ease,background-color .15s ease}.student-detail-mobile-header{padding:12px 12px 0!important}.attendance-mode-toggle,.attendance-time-filter-btn{flex-shrink:0;white-space:nowrap}.attendance-table-pill{min-width:60px}.attendance-detail-input{min-width:80px}.attendance-table-add-btn{padding:8px 12px!important}.seating-sidebar{width:100%!important;max-height:30vh!important;border-right:none!important;border-bottom:1px solid rgba(0,0,0,.08);overflow-y:auto!important}.dark .seating-sidebar{border-bottom:1px solid hsla(0,0%,100%,.08)}.seating-blackboard-text{width:100%!important;min-width:unset!important;font-size:12px!important}.seating-canvas{overflow:auto!important;-webkit-overflow-scrolling:touch;touch-action:manipulation}.seat-cell{width:52px!important;height:52px!important;font-size:11px!important}.cleaning-sidebar{width:100%!important;max-height:25vh!important;border-right:none!important;border-bottom:1px solid rgba(0,0,0,.08);flex-shrink:0!important}.dark .cleaning-sidebar{border-bottom:1px solid hsla(0,0%,100%,.08)}.cleaning-student-card{min-height:44px}.cleaning-number-badge{width:22px!important;height:22px!important;font-size:10px!important}.cleaning-zone-name-input{min-height:36px;font-size:14px!important}.zone-delete-btn{opacity:1!important}.event-modal-input{font-size:16px!important}.event-modal-date-btn,.event-modal-delete-btn,.event-modal-save-btn{min-height:40px}.event-trash-btn{opacity:1!important;padding:4px!important}.calendar-picker-popup{left:50%!important;transform:translateX(-50%)!important;max-width:90vw!important}.calendar-picker-toggle{width:48px!important;height:28px!important}.calendar-date-inrange,.calendar-date-normal,.calendar-date-selected,.calendar-date-today{min-width:32px;min-height:32px}.toggle-btn{display:none!important}.group:hover .group-hover\:opacity-100,[class*=group-hover]:where([class*=opacity-0]){opacity:1!important}[role=button],button{position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent}[role=button]:after,button:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:hsla(0,0%,100%,.08);transform:translate(-50%,-50%);opacity:0;transition:width .4s ease,height .4s ease,opacity .4s ease;pointer-events:none}[role=button]:active:after,button:active:after{width:200%;height:200%;opacity:1;transition:width 0s,height 0s,opacity 0s}}.mobile-note-wrapper .tiptap-editor-wrapper{height:100%;display:flex;flex-direction:column;background:#fbfbf9!important}.dark .mobile-note-wrapper .tiptap-editor-wrapper,[data-theme=dark] .mobile-note-wrapper .tiptap-editor-wrapper{background:#09090b!important}.mobile-note-wrapper .tiptap-editor{flex:1;overflow-y:auto;min-height:0;padding:16px!important;-webkit-overflow-scrolling:touch}.mobile-note-wrapper .tiptap-toolbar{position:relative!important;top:auto!important;right:auto!important;width:100%!important;max-width:none!important;border-radius:0!important;padding:2px 8px max(8px,env(safe-area-inset-bottom))!important;box-shadow:0 -1px 0 rgba(0,0,0,.08),0 -6px 16px rgba(0,0,0,.04)!important;display:flex!important;flex-wrap:nowrap!important;flex-shrink:0;gap:4px!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.mobile-note-wrapper .tiptap-toolbar::-webkit-scrollbar{display:none}.mobile-note-wrapper .tiptap-toolbar button{min-width:36px!important;min-height:36px!important;flex-shrink:0}.mobile-student-roles button{white-space:nowrap}@media (max-width:768px){.mobile-timetable-settings h3{display:none}.mobile-timetable-settings .justify-between.mt-2{flex-direction:column;align-items:stretch;gap:10px}.mobile-timetable-settings .w-\[180px\]{width:100%;height:36px}.mobile-timetable-settings .w-\[180px\] .flex-1{white-space:nowrap}.mobile-timetable-settings .justify-between.mt-2>.items-center.gap-2{justify-content:space-between;gap:4px}.mobile-timetable-settings .justify-between.mt-2 button{flex-shrink:0;white-space:nowrap;min-height:40px}.mobile-timetable-settings .justify-between.mt-2 button svg{flex-shrink:0}.mobile-timetable-settings .hover\:bg-\[\#27272a\]:hover{background-color:rgba(0,0,0,.05)}.mobile-timetable-settings tbody td>div{height:auto;min-height:60px;padding:4px 0}}@media (max-width:599px){.app-viewport{height:var(--app-height)!important;max-height:var(--app-height)!important;min-height:0!important}html.app-shell-locked{height:100%;overflow:hidden}html.app-shell-locked body{position:fixed;top:var(--vv-offset-top,0);left:0;right:0;height:var(--app-height);overflow:hidden;overscroll-behavior:none}.app-viewport-min{min-height:var(--app-height)!important}.mobile-safe-area-bottom{padding-bottom:var(--mobile-bottom-bar-padding)!important}.mobile-safe-pad-bottom{padding-bottom:var(--mobile-safe-bottom)!important}.mobile-fullscreen-safe{padding-bottom:calc(24px + var(--mobile-safe-bottom))!important}.mobile-picker-stage{height:calc(var(--app-height) - 200px);min-height:400px}}.mobile-sheet-pad{padding-bottom:var(--mobile-bottom-bar-padding)}.keyboard-open .mobile-sheet-pad{padding-bottom:12px}