:root{--mei-primary:#3498db;--mei-primary-dark:#2980b9;--mei-secondary:#9b59b6;--mei-secondary-dark:#8e44ad;--mei-success:#27ae60;--mei-success-dark:#229954;--mei-warning:#f39c12;--mei-warning-dark:#e67e22;--mei-danger:#e74c3c;--mei-danger-dark:#c0392b;--mei-gray:#95a5a6;--mei-gray-dark:#7f8c8d;--mei-dark:#2c3e50;--mei-light:#ecf0f1;--mei-white:#ffffff}.mei-container{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;color:var(--mei-dark);line-height:1.6;padding:20px;max-width:1200px;margin:0 auto;background:var(--mei-white)}.mei-container h2{color:var(--mei-dark);font-size:28px;font-weight:700;margin-bottom:20px;border-bottom:3px solid var(--mei-primary);padding-bottom:10px}.mei-container h3{color:var(--mei-dark);font-size:22px;font-weight:600;margin:25px 0 15px 0}.mei-container h4{color:var(--mei-dark);font-size:18px;font-weight:600;margin:20px 0 10px 0}.mei-timetable-filters{background:linear-gradient(135deg,var(--mei-primary),var(--mei-secondary));padding:25px;border-radius:12px;margin-bottom:30px;box-shadow:0 4px 15px rgb(0 0 0 / .1)}.mei-filter-row{display:flex;gap:20px;align-items:end;flex-wrap:wrap}.mei-filter-group{flex:1;min-width:200px}.mei-filter-group label{display:block;color:var(--mei-white)!important;font-weight:600;margin-bottom:8px;font-size:14px;text-shadow:0 1px 2px rgb(0 0 0 / .2)}.mei-filter{width:100%;padding:12px 15px;border:none;border-radius:8px;background:var(--mei-white);color:var(--mei-dark)!important;font-size:14px;font-weight:500;box-shadow:0 2px 10px rgb(0 0 0 / .1);transition:all 0.3s ease}.mei-filter:focus{outline:none;box-shadow:0 0 0 3px rgb(255 255 255 / .5);transform:translateY(-2px)}.mei-event-card{background:var(--mei-white);border-radius:12px;padding:20px;margin-bottom:15px;box-shadow:0 3px 15px rgb(0 0 0 / .08);border-left:4px solid var(--mei-primary);transition:all 0.3s ease;border:1px solid var(--mei-light)}.mei-event-card:hover{transform:translateY(-3px);box-shadow:0 5px 20px rgb(0 0 0 / .12)}.mei-event-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.mei-event-header h4{color:var(--mei-dark);margin:0;font-size:18px;flex:1}.mei-event-date{background:var(--mei-primary);color:var(--mei-white);padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600}.mei-event-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-bottom:15px}.mei-event-time,.mei-event-location,.mei-event-course{display:flex;align-items:center;gap:8px;color:var(--mei-gray-dark);font-size:14px}.mei-event-actions{display:flex;gap:10px;flex-wrap:wrap}.mei-attendance-sheet{background:var(--mei-white);border-radius:12px;padding:30px;box-shadow:0 4px 20px rgb(0 0 0 / .1);border:1px solid var(--mei-light)}.mei-header-main{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:20px;border-bottom:2px solid var(--mei-light)}.mei-event-info-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:10px;padding:25px;margin-bottom:25px;border-left:4px solid var(--mei-primary)}.mei-event-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;margin-top:15px}.mei-meta-item{display:flex;align-items:center;gap:12px;padding:10px;background:var(--mei-white);border-radius:8px;box-shadow:0 2px 8px rgb(0 0 0 / .05);border:1px solid var(--mei-light)}.mei-meta-icon{font-size:16px}.mei-meta-text{color:var(--mei-dark);font-weight:500}.mei-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;margin-bottom:30px}.mei-stat-item{text-align:center;padding:25px 15px;border-radius:12px;color:var(--mei-white);box-shadow:0 4px 15px rgb(0 0 0 / .1);transition:transform 0.3s ease;border:1px solid rgb(255 255 255 / .2)}.mei-stat-item:hover{transform:translateY(-5px)}.mei-stat-total{background:linear-gradient(135deg,var(--mei-primary),var(--mei-primary-dark))}.mei-stat-present{background:linear-gradient(135deg,var(--mei-success),var(--mei-success-dark))}.mei-stat-absent{background:linear-gradient(135deg,var(--mei-danger),var(--mei-danger-dark))}.mei-stat-percentage{background:linear-gradient(135deg,var(--mei-secondary),var(--mei-secondary-dark))}.mei-stat-number{display:block;font-size:32px;font-weight:700;margin-bottom:5px}.mei-stat-label{font-size:14px;opacity:.9;font-weight:500}.mei-attendance-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;gap:15px;flex-wrap:wrap}.mei-controls-group{display:flex;gap:12px;flex-wrap:wrap}.mei-button,.mei-btn{padding:12px 20px;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all 0.3s ease;display:inline-flex;align-items:center;gap:8px;box-shadow:0 2px 8px rgb(0 0 0 / .15);text-decoration:none;border:1px solid #fff0}.mei-button-primary,.mei-btn-primary{background:linear-gradient(135deg,var(--mei-primary),var(--mei-primary-dark));color:var(--mei-white)}.mei-button-success,.mei-btn-success{background:linear-gradient(135deg,var(--mei-success),var(--mei-success-dark));color:var(--mei-white)}.mei-button-warning,.mei-btn-warning{background:linear-gradient(135deg,var(--mei-warning),var(--mei-warning-dark));color:var(--mei-white)}.mei-button-info,.mei-btn-info{background:linear-gradient(135deg,var(--mei-primary),var(--mei-primary-dark));color:var(--mei-white)}.mei-button-secondary,.mei-btn-secondary{background:linear-gradient(135deg,var(--mei-gray),var(--mei-gray-dark));color:var(--mei-white)}.mei-button:hover,.mei-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgb(0 0 0 / .2)}.mei-attendance-table-container{background:var(--mei-white);border-radius:12px;overflow:hidden;box-shadow:0 4px 20px rgb(0 0 0 / .1);margin-bottom:25px;border:1px solid var(--mei-light)}.mei-attendance-table{width:100%;border-collapse:collapse;background:var(--mei-white)}.mei-attendance-table th{background:linear-gradient(135deg,var(--mei-dark),#34495e);color:var(--mei-white);padding:16px 20px;text-align:left;font-weight:600;font-size:14px;border:none}.mei-attendance-table td{padding:15px 20px;border-bottom:1px solid var(--mei-light);vertical-align:middle}.mei-attendance-row.mei-present{background:#f8fff9;border-left:4px solid var(--mei-success)}.mei-attendance-row.mei-absent{background:#fff9f9;border-left:4px solid var(--mei-danger)}.mei-student-info{min-width:200px}.mei-student-main{font-weight:600;color:var(--mei-dark);margin-bottom:4px}.mei-student-email{font-size:12px;color:var(--mei-gray-dark)}.mei-presence-cell{text-align:center}.mei-checkbox-container{display:flex;align-items:center;gap:12px;cursor:pointer;font-weight:600;padding:8px 12px;border-radius:8px;transition:all 0.3s ease;justify-content:center}.mei-checkbox-container.present{background:rgb(39 174 96 / .1);border:2px solid var(--mei-success);color:var(--mei-success-dark)}.mei-checkbox-container.absent{background:rgb(231 76 60 / .1);border:2px solid var(--mei-danger);color:var(--mei-danger-dark)}.mei-checkbox-container input[type="checkbox"]{display:none}.mei-checkmark{width:24px;height:24px;border:2px solid currentColor;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;position:relative}.mei-checkbox-container input[type="checkbox"]:checked+.mei-checkmark{background:currentColor;border-color:currentColor}.mei-checkbox-container input[type="checkbox"]:checked+.mei-checkmark::after{content:"✓";color:#fff;font-weight:700;font-size:14px}.mei-status-text{font-size:14px;font-weight:600}.mei-checkbox-container:hover{transform:scale(1.05)}.mei-signature-field,.mei-notes-field{width:100%;padding:10px 12px;border:2px solid var(--mei-light);border-radius:6px;font-size:14px;transition:all 0.3s ease;background:var(--mei-white);color:var(--mei-dark)}.mei-signature-field:focus,.mei-notes-field:focus{outline:none;border-color:var(--mei-primary);box-shadow:0 0 0 3px rgb(52 152 219 / .1)}.mei-message-container{margin-top:20px}.mei-message{padding:15px 20px;border-radius:8px;margin:10px 0;display:flex;justify-content:space-between;align-items:center;font-weight:500;box-shadow:0 2px 10px rgb(0 0 0 / .1);border-left:4px solid}.mei-message-success{background:linear-gradient(135deg,#d4edda,#c3e6cb);color:#155724;border-left-color:var(--mei-success)}.mei-message-error{background:linear-gradient(135deg,#f8d7da,#f5c6cb);color:#721c24;border-left-color:var(--mei-danger)}.mei-message-warning{background:linear-gradient(135deg,#fff3cd,#ffeaa7);color:#856404;border-left-color:var(--mei-warning)}.mei-message-info{background:linear-gradient(135deg,#d1ecf1,#bee5eb);color:#0c5460;border-left-color:var(--mei-primary)}.mei-message-close{background:none;border:none;font-size:18px;cursor:pointer;padding:0;margin-left:15px;opacity:.7;transition:opacity 0.3s ease}.mei-message-close:hover{opacity:1}.mei-no-events,.mei-no-students{text-align:center;padding:60px 20px;background:var(--mei-white);border-radius:12px;box-shadow:0 4px 20px rgb(0 0 0 / .1);border:1px solid var(--mei-light)}.mei-empty-state{max-width:400px;margin:0 auto}.mei-empty-icon{font-size:64px;margin-bottom:20px;opacity:.5}.mei-empty-state h3{color:var(--mei-gray-dark);margin-bottom:10px}.mei-empty-state p{color:var(--mei-gray);margin-bottom:20px}@media (max-width:768px){.mei-filter-row{flex-direction:column;gap:15px}.mei-filter-group{min-width:100%}.mei-attendance-controls{flex-direction:column;align-items:stretch}.mei-controls-group{justify-content:center}.mei-stats-grid{grid-template-columns:repeat(2,1fr)}.mei-event-meta{grid-template-columns:1fr}.mei-header-main{flex-direction:column;gap:15px;text-align:center}.mei-attendance-table{font-size:12px}.mei-attendance-table th,.mei-attendance-table td{padding:10px 8px}.mei-checkbox-container{padding:6px 8px}}.mei-loading{text-align:center;padding:40px 20px;color:var(--mei-gray-dark)}.mei-loading::after{content:"...";animation:dots 1.5s steps(4,end) infinite}@keyframes dots{0%,20%{color:#fff0;text-shadow:.25em 0 0 #fff0,.5em 0 0 #fff0}40%{color:var(--mei-gray-dark);text-shadow:.25em 0 0 #fff0,.5em 0 0 #fff0}60%{text-shadow:.25em 0 0 var(--mei-gray-dark),.5em 0 0 #fff0}80%,100%{text-shadow:.25em 0 0 var(--mei-gray-dark),.5em 0 0 var(--mei-gray-dark)}}.mei-course-section{background:var(--mei-white);border-radius:12px;padding:0;margin-bottom:25px;box-shadow:0 4px 20px rgb(0 0 0 / .1);border:1px solid var(--mei-light);overflow:hidden}.mei-course-header{background:linear-gradient(135deg,var(--mei-secondary),var(--mei-secondary-dark));padding:20px 25px;color:var(--mei-white);display:flex;justify-content:space-between;align-items:center}.mei-course-header h5{color:var(--mei-white);margin:0;font-size:18px;font-weight:600}.mei-course-header h5 a{color:var(--mei-white);text-decoration:none}.mei-course-header h5 a:hover{text-decoration:underline}.mei-session-count{background:rgb(255 255 255 / .2);padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;backdrop-filter:blur(10px)}.mei-course-sessions{padding:0}.mei-student-session{padding:20px 25px;border-bottom:1px solid var(--mei-light);transition:all 0.3s ease;display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.mei-student-session:last-child{border-bottom:none}.mei-student-session:hover{background:#f8f9fa}.mei-session-main{flex:1}.mei-student-session h6{color:var(--mei-dark);font-size:16px;font-weight:600;margin:0 0 12px 0;line-height:1.4}.mei-session-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.mei-session-date,.mei-session-time,.mei-session-location,.mei-session-instructor{display:flex;align-items:center;gap:8px;color:var(--mei-gray-dark);font-size:13px;font-weight:500}.mei-session-actions{display:flex;gap:8px;flex-shrink:0}.mei-btn-reminder,.mei-btn-copy{padding:8px 12px;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;gap:4px}.mei-btn-reminder{background:linear-gradient(135deg,var(--mei-warning),var(--mei-warning-dark));color:var(--mei-white)}.mei-btn-copy{background:linear-gradient(135deg,var(--mei-primary),var(--mei-primary-dark));color:var(--mei-white)}.mei-btn-reminder:hover,.mei-btn-copy:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgb(0 0 0 / .15)}.mei-student-stats{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;padding:25px;margin-bottom:25px;color:var(--mei-white)}.mei-student-stats .mei-stats-grid{margin-bottom:0}.mei-student-stats .mei-stat-item{background:rgb(255 255 255 / .15);backdrop-filter:blur(10px);border:1px solid rgb(255 255 255 / .2)}.mei-period-info{background:linear-gradient(135deg,var(--mei-primary),var(--mei-primary-dark));color:var(--mei-white);padding:20px 25px;border-radius:12px;margin-bottom:25px;text-align:center;box-shadow:0 4px 15px rgb(0 0 0 / .1)}.mei-period-info p{margin:0;font-size:16px;font-weight:600}.mei-results-summary{background:var(--mei-white);border:2px solid var(--mei-success);color:var(--mei-success-dark);padding:15px 20px;border-radius:8px;margin-bottom:20px;text-align:center;font-weight:600}.mei-no-student-events{background:var(--mei-white);border-radius:12px;padding:40px;text-align:center;box-shadow:0 4px 20px rgb(0 0 0 / .1);border:1px solid var(--mei-light)}.mei-no-student-events h4{color:var(--mei-dark);margin-bottom:15px;font-size:20px}.mei-enrolled-courses{background:#f8f9fa;border-radius:8px;padding:20px;margin-top:20px;text-align:left}.mei-enrolled-courses p{font-weight:600;color:var(--mei-dark);margin-bottom:10px}.mei-enrolled-courses ul{list-style:none;padding:0;margin:0}.mei-enrolled-courses li{padding:8px 0;border-bottom:1px solid var(--mei-light);color:var(--mei-gray-dark)}.mei-enrolled-courses li:last-child{border-bottom:none}.mei-enrolled-courses li a{color:var(--mei-primary);text-decoration:none;font-weight:500}.mei-enrolled-courses li a:hover{text-decoration:underline}.mei-suggestions{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;padding:20px;margin-top:20px;text-align:left}.mei-suggestions p{font-weight:600;color:#856404;margin-bottom:10px}.mei-suggestions ul{list-style:none;padding:0;margin:0}.mei-suggestions li{padding:5px 0;color:#856404;display:flex;align-items:center;gap:8px}.mei-session-indicator{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;margin-left:10px}.mei-session-upcoming{background:rgb(52 152 219 / .1);color:var(--mei-primary-dark);border:1px solid var(--mei-primary)}.mei-session-completed{background:rgb(39 174 96 / .1);color:var(--mei-success-dark);border:1px solid var(--mei-success)}.mei-session-current{background:rgb(243 156 18 / .1);color:var(--mei-warning-dark);border:1px solid var(--mei-warning);animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.7}100%{opacity:1}}.mei-status-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;margin-left:8px}.mei-status-online{background:var(--mei-success);color:#fff}.mei-status-hybrid{background:var(--mei-warning);color:#fff}.mei-status-inperson{background:var(--mei-primary);color:#fff}@media (max-width:768px){.mei-student-session{flex-direction:column;gap:15px}.mei-session-actions{align-self:stretch;justify-content:center}.mei-btn-reminder,.mei-btn-copy{flex:1;justify-content:center}.mei-session-details{grid-template-columns:1fr}.mei-course-header{flex-direction:column;gap:10px;text-align:center}.mei-student-stats .mei-stats-grid{grid-template-columns:repeat(2,1fr)}}