@media (max-width:640px){.dashboard-container{padding:.5rem}.dashboard-card{padding:.75rem;margin-bottom:.75rem}.dashboard-title{font-size:1.5rem;line-height:2rem}.dashboard-subtitle{font-size:.875rem;line-height:1.25rem}.stats-grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:.75rem}.stats-card{padding:.75rem}.stats-value{font-size:1.25rem;line-height:1.75rem}.stats-change{font-size:.75rem;line-height:1rem}.chart-container{height:16rem;padding:.75rem}.quick-actions-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.quick-action-card{padding:.75rem}.quick-action-icon{width:1.25rem;height:1.25rem}.quick-action-text{font-size:.75rem;line-height:1rem}.announcement-card{padding:.75rem}.announcement-title{font-size:.875rem;line-height:1.25rem}.announcement-content{font-size:.75rem;line-height:1rem}.holiday-card{padding:.75rem}.holiday-icon{width:2.5rem;height:2.5rem}.holiday-title{font-size:.875rem;line-height:1.25rem}.activity-item{padding:.5rem 0}.activity-text{font-size:.75rem;line-height:1rem}.schedule-item{padding:.5rem 0}.schedule-text{font-size:.75rem;line-height:1rem}.learning-item{margin-bottom:1rem}.learning-title{font-size:.75rem;line-height:1rem}.progress-bar{height:.5rem}}@media (min-width:641px) and (max-width:1024px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.chart-container{height:18rem}.quick-actions-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}}@media (min-width:1025px){.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}.chart-container{height:20rem}.quick-actions-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}}@media (max-width:640px){.touch-button{min-height:44px;min-width:44px;padding:.75rem}.touch-icon{width:1.25rem;height:1.25rem}}@media (max-width:1024px){.sidebar-mobile{transform:translateX(-100%);transition:transform .3s ease-in-out}.sidebar-mobile.open{transform:translateX(0)}}@media (max-width:640px){.header-container{padding:.75rem .5rem}.header-search{display:none}.header-actions{gap:.5rem}.notification-dropdown{width:18rem;right:-2rem}.profile-dropdown{width:11rem;right:-1rem}.form-input,.form-select{padding:.75rem;font-size:1rem}.form-button{padding:.75rem 1.5rem;font-size:1rem}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.table-mobile{min-width:600px}.modal-container{margin:.5rem;max-height:calc(100vh - 1rem);overflow-y:auto}.modal-content{padding:.75rem}}.mobile-hidden{display:none}@media (min-width:641px){.mobile-hidden{display:block}}.mobile-only{display:block}@media (min-width:641px){.mobile-only{display:none}}.smooth-scroll{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}@media (max-width:640px){.focus-mobile:focus{outline:2px solid #3b82f6;outline-offset:2px}}.bg-white.shadow-lg,.bg-white.shadow-md,.bg-white.shadow-sm,.dashboard-card,.page-container .bg-white,.stats-card,div.bg-white.rounded,div.bg-white.rounded-2xl,div.bg-white.rounded-lg,div.bg-white.rounded-xl{background-color:var(--color-bg-card)!important;box-shadow:none!important}.bottom-nav,.bottom-nav.bg-white,header,header.bg-white{background-color:#fff!important}.page-container .hover\:shadow-lg:hover,.page-container .hover\:shadow-md:hover,.page-container .shadow-lg,.page-container .shadow-md,.page-container .shadow-sm,.page-container .shadow-xl{box-shadow:none!important}.dropdown .shadow-md,.modal .shadow-lg,.modal .shadow-md,button.shadow-lg,button.shadow-md{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)!important}.recharts-responsive-container,.recharts-surface,.recharts-wrapper{margin:0!important;padding:0!important}.recharts-surface{overflow:visible!important}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:#d1d5db}.recharts-text{fill:#6b7280;font-size:9px!important}.recharts-yAxis{width:35px!important}@media (max-width:768px){.recharts-legend-wrapper{display:none!important}}.recharts-tooltip-wrapper{border-radius:8px!important}.recharts-default-tooltip{background-color:#fff!important;border:1px solid #e5e7eb!important;border-radius:8px!important;padding:8px 12px!important}@media (max-width:768px){.page-container,main{padding-bottom:3.5rem!important}.recharts-responsive-container,.recharts-surface,.recharts-wrapper{margin:0!important;padding:0!important;width:100%!important}}.dashboard-layout{background-color:var(--color-bg-main)!important}.sidebar,.sidebar-container,nav.sidebar{background-color:var(--color-bg-sidebar)!important}.hover-theme:hover,.menu-item:hover,.nav-item:hover{background-color:var(--color-bg-hover)!important}.menu-item.active,.nav-item.active{background-color:var(--color-primary-100)!important;color:var(--color-primary-700)!important}.text-theme-primary{color:var(--color-text-primary)!important}.text-theme-secondary{color:var(--color-text-secondary)!important}.btn-primary{background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600))!important}.btn-primary:hover{background:linear-gradient(135deg,var(--color-primary-600),var(--color-primary-700))!important}.border-theme{border-color:var(--color-primary-200)!important}.shadow-theme{box-shadow:0 4px 6px -1px rgba(var(--color-primary-500-rgb),.1),0 2px 4px -1px rgba(var(--color-primary-500-rgb),.06)!important}.input{color:#111827;border-radius:.75rem;outline:none}.input:focus{box-shadow:0 0 0 3px rgba(59,130,246,.15)}.input-search{padding-left:2.5rem}html.dark .input{color:#e2e8f0;background-color:rgba(15,23,42,.7);border-color:rgba(51,65,85,.7)}html.dark .input-search{background-color:rgba(15,23,42,.55);border-color:rgba(51,65,85,.7)}html.dark .input-search:focus{background-color:rgba(15,23,42,.75)}.page-container{width:100%;max-width:100%;padding-bottom:1rem}@media (max-width:767px){.page-container{padding-bottom:4rem}}.input{width:100%;padding:.625rem .875rem;font-size:.875rem;color:#1f2937;background-color:#fff;border:1px solid #d1d5db;border-radius:.5rem;transition:all .2s ease}.input:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px rgba(var(--color-primary-500-rgb),.1)}.input::-moz-placeholder{color:#9ca3af}.input::placeholder{color:#9ca3af}.input-with-icon{position:relative}.input-with-icon .input{padding-left:2.5rem}.input-with-icon .input-icon{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.input-search{background-color:#f9fafb;border-color:#e5e7eb}.input-search:focus{background-color:#fff;border-color:var(--color-primary-500)}.modal-overlay{z-index:99999;display:flex;align-items:center;justify-content:center;padding:1rem;overflow-y:auto}.modal-backdrop,.modal-overlay{position:fixed;inset:0;background-color:rgba(0,0,0,.6);backdrop-filter:blur(10px)}.modal-backdrop{z-index:99998}.modal-container{position:relative;z-index:99999;background-color:#fff;border-radius:30px;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal-3xl{max-width:48rem}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid #e5e7eb;background-color:#f9fafb}.modal-btn{padding:.625rem 1rem;font-size:.875rem;font-weight:500;border-radius:.5rem;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:none}.modal-btn-primary{background-color:var(--color-primary-500,#3b82f6);color:#fff}.modal-btn-primary:hover{background-color:var(--color-primary-600,#2563eb)}.text-default-900{color:#0f172a}.text-default-800{color:#1e293b}.text-default-700{color:#334155}.text-default-600{color:#475569}.text-default-500{color:#64748b}.text-default-400{color:#94a3b8}.text-default-300{color:#cbd5e1}.border-default-100{border-color:#e2e8f0}.border-default-200{border-color:#cbd5e1}.bg-default-50{background-color:#f8fafc}.bg-default-100{background-color:#f1f5f9}.text-primary-600{color:var(--color-primary-600,#0284c7)}.text-primary-500{color:var(--color-primary-500,#0ea5e9)}.bg-primary-50{background-color:var(--color-primary-50,#f0f9ff)}.bg-primary-100{background-color:var(--color-primary-100,#e0f2fe)}.border-primary-100{border-color:var(--color-primary-100,#e0f2fe)}.border-primary-200{border-color:var(--color-primary-200,#bae6fd)}.text-success-700{color:#047857}.text-success-600{color:#059669}.text-success-500{color:#10b981}.bg-success-50{background-color:#ecfdf5}.bg-success-100{background-color:#d1fae5}.border-success-100{border-color:#d1fae5}.text-danger-700{color:#be123c}.text-danger-600{color:#e11d48}.text-danger-500{color:#f43f5e}.bg-danger-50{background-color:#fff1f2}.bg-danger-100{background-color:#ffe4e6}.border-danger-100{border-color:#ffe4e6}.text-warning-700{color:#b45309}.text-warning-600{color:#d97706}.text-warning-500{color:#f59e0b}.bg-warning-50{background-color:#fffbeb}.bg-warning-100{background-color:#fef3c7}.border-warning-100{border-color:#fef3c7}.text-secondary-700{color:#4338ca}.text-secondary-600{color:#4f46e5}.text-secondary-500{color:#6366f1}.bg-secondary-50{background-color:#eef2ff}.bg-secondary-100{background-color:#e0e7ff}.border-secondary-100{border-color:#e0e7ff}