.students-cards,.teachers-cards,.supervisors-cards,.mobile-filter-bar{display:none}@media(max-width:480px){.app-header .app-header-bar{height:56px;padding-top:6px;padding-bottom:6px;padding-inline:14px}.app-header .app-logo{width:40px;height:40px}.app-header .app-logo-wrap{display:none}.app-header .app-title-block{margin-inline-start:10px;min-width:0}.app-header .app-title{font-size:clamp(13px,3.4vw,15px);font-weight:600;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-header .app-subtitle{display:block;font-size:10px;line-height:1.2;opacity:.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-header .app-header-actions{gap:6px}.app-header .app-header-btn{padding:6px 8px;font-size:10px;border-color:#e5e7eb;background-color:#f9fafb;color:#6b7280;white-space:nowrap}.app-header .app-header-logout{padding:6px 10px;background-color:#fef2f2;color:#ef4444}.dashboard-tabs{padding:4px;gap:6px}.dashboard-tab{padding:8px 12px;font-size:11px}.teacher-dashboard{padding:20px 14px}.teacher-dashboard .teacher-grid{gap:16px}.teacher-dashboard .mentor-header{padding:16px;border-radius:20px;gap:12px}.teacher-dashboard .mentor-logo{width:64px;height:64px;border-radius:16px}.teacher-dashboard .mentor-title h2{font-size:18px}.teacher-dashboard .mentor-title p{font-size:12px}.teacher-dashboard .mentor-actions{width:100%}.teacher-dashboard .mentor-actions button{flex:1 1 0%;padding:8px 10px;font-size:11px}.teacher-dashboard .up-next-card{padding:16px;border-radius:20px}.teacher-dashboard .up-next-actions{flex-direction:column}.teacher-dashboard .up-next-actions button{width:100%}.teacher-dashboard .upcoming-section{padding:16px;border-radius:20px;gap:12px}.teacher-dashboard .list-toggle{width:100%}.teacher-dashboard .list-toggle button{flex:1 1 0%;padding:8px 0}.teacher-dashboard .filters-row{gap:10px}.teacher-dashboard .filter-chips{gap:8px}.teacher-dashboard .filter-chips button{padding:6px 10px;font-size:11px}.teacher-dashboard .search-input{padding:10px 12px;font-size:12px}.teacher-dashboard .week-nav{gap:8px;flex-wrap:wrap}.teacher-dashboard .week-nav button{flex:1 1 45%;padding:6px 8px;font-size:11px}.teacher-dashboard .week-nav p{width:100%;text-align:center;order:3}.teacher-dashboard .week-days{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.teacher-dashboard .week-day{min-width:64px;scroll-snap-align:start}.teacher-dashboard .calendar-day{min-height:90px;border-radius:16px}.teacher-dashboard .calendar-slot{line-height:1.4}.teacher-dashboard .appointment-row{padding:12px;border-radius:16px}.teacher-dashboard .appointment-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.teacher-dashboard .stats-cards{grid-template-columns:1fr}.teacher-dashboard .stat-card{padding:14px;border-radius:18px}.students-filters .students-filter-grid{display:none}.students-filters .mobile-filter-bar{display:block}.students-filters .mobile-filter-chips{gap:6px}.students-table{display:none}.students-cards{display:block;padding:16px}.student-card{background:#fff;border:1px solid #f1f5f9;border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:8px;box-shadow:0 10px 20px #0f172a0a}.student-card+.student-card{margin-top:12px}.student-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.student-card-name{font-size:16px;font-weight:700;color:#111827}.student-card-status{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:#6b7280}.student-card-grid{display:grid;grid-template-columns:1fr;gap:8px}.student-card-label{font-size:11px;font-weight:700;color:#9ca3af}.student-card-value{font-size:13px;font-weight:700;color:#374151;margin-top:2px}.student-card-actions,.student-card-supervisor{margin-top:4px}.mobile-filters-sheet{direction:rtl}.teachers-table{display:none}.teachers-cards{display:block;padding:16px}.teacher-card{background:#fff;border:1px solid #f1f5f9;border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:12px;box-shadow:0 10px 20px #0f172a0a}.teacher-card+.teacher-card{margin-top:12px}.teacher-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.teacher-card-name{font-size:16px;font-weight:700;color:#111827}.teacher-card-muted{font-size:12px;color:#6b7280;margin-top:4px;font-weight:600}.teacher-card-badge{padding:4px 10px;border-radius:999px;font-size:10px;font-weight:700;white-space:nowrap}.badge-approved{background:#dcfce7;color:#166534}.badge-pending{background:#fef3c7;color:#b45309}.teacher-card-actions{margin-top:4px}.supervisors-table{display:none}.supervisors-cards{display:block;padding:16px}.supervisor-card{background:#fff;border:1px solid #f1f5f9;border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:12px;box-shadow:0 10px 20px #0f172a0a}.supervisor-card+.supervisor-card{margin-top:12px}.supervisor-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.supervisor-card-name{font-size:16px;font-weight:700;color:#111827}.supervisor-card-muted{font-size:12px;color:#6b7280;margin-top:4px;font-weight:600}.supervisor-card-actions{margin-top:4px}.student-profile-mobile{padding-top:20px;padding-bottom:24px}.profile-summary-card{padding:16px;border-radius:20px}.profile-summary-card .text-2xl{font-size:18px}.profile-summary-card .text-3xl{font-size:20px}.profile-summary-avatar{height:64px;width:64px}.profile-status-badge{display:inline-block;margin-inline-start:6px;padding:2px 8px;border-radius:999px;background:#10b9811f;font-size:11px}.profile-summary-actions,.profile-summary-chips{gap:6px}.profile-accordion{padding:16px;border-radius:18px}.profile-accordion-toggle{margin-bottom:0;font-size:14px}.profile-accordion[data-open=false] .profile-accordion-content{display:none}.profile-accordion-chevron{transition:transform .2s ease}.profile-accordion[data-open=true] .profile-accordion-chevron{transform:rotate(180deg)}.profile-field{align-items:flex-start;gap:8px}.profile-field-label{font-size:11px;color:#9ca3af}.profile-field-value{font-size:13px;color:#374151;text-align:start}.profile-notes-panel .bg-white{border-radius:20px;padding:16px}.profile-notes-panel textarea{min-height:140px}.profile-notes-panel button{width:100%}}