:root{--primary-color: #6366F1;--primary-hover: #4F46E5;--secondary-color: #22C55E;--secondary-hover: #16A34A;--danger-color: #F43F5E;--danger-hover: #E11D48;--warning-color: #F59E0B;--warning-hover: #D97706;--success-color: #22C55E;--success-hover: #16A34A;--info-color: #3B82F6;--info-hover: #2563EB;--dark-color: #1F2937;--light-color: #F3F4F6;--surface-color: #FFFFFF;--border-color: #E5E7EB;--text-primary: #111827;--text-secondary: #6B7280;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1)}body{font-family:Inter,Figtree,sans-serif;background-color:#f9fafb;color:var(--text-primary);line-height:1.5}.card{background-color:var(--surface-color);border-radius:.75rem;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.625rem 1.25rem;border-radius:.5rem;font-weight:500;font-size:.875rem;transition:all .2s ease;border:none;cursor:pointer;text-decoration:none;gap:.5rem}.btn i{font-size:1rem}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.btn-success{background-color:var(--success-color);color:#fff}.btn-success:hover{background-color:var(--success-hover);transform:translateY(-1px)}.btn-danger{background-color:var(--danger-color);color:#fff}.btn-danger:hover{background-color:var(--danger-hover);transform:translateY(-1px)}.btn-secondary{background-color:#6b7280;color:#fff}.btn-secondary:hover{background-color:#4b5563;transform:translateY(-1px)}.table-container{background:var(--surface-color);border-radius:.75rem;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);overflow:hidden}.table{width:100%;border-collapse:separate;border-spacing:0;margin-bottom:0}.table thead{background-color:#f9fafb}.table th{font-weight:600;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em;color:var(--text-secondary);padding:1rem 1.5rem;border-bottom:2px solid var(--border-color);white-space:nowrap}.table td{padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);color:var(--text-primary);vertical-align:middle}.table tbody tr{transition:all .2s ease}.table tbody tr:hover{background-color:#f9fafb}.table tbody tr:last-child td{border-bottom:none}.stats-card{background-color:var(--surface-color);border-radius:.75rem;padding:1.5rem;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);transition:all .3s cubic-bezier(.4,0,.2,1)}.stats-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stats-card .icon{width:3rem;height:3rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;background-color:#6366f11a;color:var(--primary-color)}.stats-card .icon i{font-size:1.25rem}.stats-card .title{font-size:.875rem;font-weight:500;color:var(--text-secondary);margin-bottom:.25rem}.stats-card .value{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.stats-card .description{font-size:.875rem;color:var(--text-secondary)}.alert{padding:1rem;border-radius:.75rem;margin-bottom:1rem;display:flex;align-items:center;gap:.75rem}.alert i{font-size:1.25rem}.alert-success{background-color:#d1fae5;color:#065f46;border:1px solid #A7F3D0}.alert-danger{background-color:#fee2e2;color:#991b1b;border:1px solid #FECACA}.alert-warning{background-color:#fef3c7;color:#92400e;border:1px solid #FDE68A}.alert-info{background-color:#dbeafe;color:#1e40af;border:1px solid #BFDBFE}@media (max-width: 640px){.container{padding-left:1rem;padding-right:1rem}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.stats-card{margin-bottom:1rem}.btn{width:100%;margin-bottom:.5rem}}.dashboard-container{padding:2rem;max-width:1400px;margin:0 auto}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stats-card{background:#fff;border-radius:10px;padding:1.5rem;box-shadow:0 2px 4px #0000000d;display:flex;align-items:flex-start;transition:transform .2s}.stats-card:hover{transform:translateY(-2px)}.stats-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-right:1rem}.stats-icon i{font-size:1.5rem}.stats-icon.students{background-color:#6366f11a;color:#6366f1}.stats-icon.teachers{background-color:#10b9811a;color:#10b981}.stats-icon.classes{background-color:#3b82f61a;color:#3b82f6}.stats-icon.attendance{background-color:#f59e0b1a;color:#f59e0b}.stats-content h3{font-size:.875rem;color:#6b7280;margin-bottom:.5rem}.stats-number{font-size:1.5rem;font-weight:600;color:#111827;margin-bottom:.25rem}.stats-change{font-size:.875rem;display:flex;align-items:center;gap:.25rem}.stats-change.positive{color:#10b981}.stats-change.negative{color:#ef4444}.stats-change.neutral{color:#6b7280}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem;margin-bottom:2rem}.chart-card{background:#fff;border-radius:10px;padding:1.5rem;box-shadow:0 2px 4px #0000000d}.chart-card h3{font-size:1.125rem;font-weight:500;color:#111827;margin-bottom:1rem}.table-section{background:#fff;border-radius:10px;padding:1.5rem;box-shadow:0 2px 4px #0000000d;margin-bottom:2rem}.table-section h3{font-size:1.125rem;font-weight:500;color:#111827;margin-bottom:1rem}.table-container{overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table th{background-color:#f9fafb;padding:.75rem 1rem;text-align:left;font-weight:500;color:#4b5563;border-bottom:1px solid #e5e7eb}.data-table td{padding:.75rem 1rem;color:#111827;border-bottom:1px solid #e5e7eb}.status-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:500}.status-badge.present{background-color:#10b9811a;color:#10b981}.status-badge.absent{background-color:#ef44441a;color:#ef4444}.status-badge.late{background-color:#f59e0b1a;color:#f59e0b}.events-section{background:#fff;border-radius:10px;padding:1.5rem;box-shadow:0 2px 4px #0000000d}.events-section h3{font-size:1.125rem;font-weight:500;color:#111827;margin-bottom:1rem}.events-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.event-card{display:flex;align-items:flex-start;padding:1rem;border:1px solid #e5e7eb;border-radius:8px;transition:background-color .2s}.event-card:hover{background-color:#f9fafb}.event-date{display:flex;flex-direction:column;align-items:center;justify-content:center;width:60px;height:60px;background-color:#f3f4f6;border-radius:8px;margin-right:1rem}.event-date .day{font-size:1.25rem;font-weight:600;color:#111827}.event-date .month{font-size:.875rem;color:#6b7280}.event-details h4{font-size:1rem;font-weight:500;color:#111827;margin-bottom:.25rem}.event-details p{font-size:.875rem;color:#6b7280}@media (max-width: 768px){.dashboard-container{padding:1rem}.charts-grid{grid-template-columns:1fr}.event-card{padding:.75rem}.event-date{width:50px;height:50px}}