body{margin:0;padding:0;font-family:Arial,sans-serif;background-color:#f4f6f9}[data-v-a50168e8]{box-sizing:border-box}.login-wrapper[data-v-a50168e8]{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;position:fixed;top:0;left:0;z-index:9999}.login-card[data-v-a50168e8]{background:#fff;padding:40px 50px;border-radius:20px;width:90%;max-width:450px;text-align:center;box-shadow:0 10px 25px #0003}.logo-icon[data-v-a50168e8]{font-size:50px;margin-bottom:10px}.title[data-v-a50168e8]{color:#667eea;font-size:28px;font-weight:700;margin-bottom:5px}.subtitle[data-v-a50168e8]{color:#888;font-size:14px;margin-bottom:25px}.input-group[data-v-a50168e8]{position:relative;margin-bottom:20px}.input-icon[data-v-a50168e8]{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#888;font-size:18px;z-index:10}input[data-v-a50168e8]{width:100%;padding:12px 15px 12px 45px;border:1px solid #ddd;border-radius:10px;font-size:16px;background:#f9f9f9;outline:none;transition:.3s}input[data-v-a50168e8]:focus{border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea1a}.btn-login[data-v-a50168e8]{width:100%;padding:12px;border:none;border-radius:10px;background:linear-gradient(to right,#667eea,#764ba2);color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:transform .2s;margin-top:10px}.btn-login[data-v-a50168e8]:hover{transform:translateY(-2px);box-shadow:0 5px 15px #764ba266}.btn-login[data-v-a50168e8]:disabled{background:#ccc;cursor:not-allowed;transform:none}.alert-error[data-v-a50168e8]{background-color:#ffecec;color:#d8000c;padding:12px;border-radius:8px;margin-bottom:20px;border:1px solid #f5c6cb;font-size:14px;font-weight:500}.admin-wrapper[data-v-3466d21b]{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;width:100%;position:absolute;top:0;left:0;font-family:Segoe UI,sans-serif;color:#333}.container[data-v-3466d21b]{max-width:1820px;margin:0 auto;padding:20px}.header[data-v-3466d21b]{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:30px;margin-bottom:30px;box-shadow:0 8px 32px #0000001a}.header h1[data-v-3466d21b]{font-size:2.5rem;margin-bottom:10px;font-weight:700;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links[data-v-3466d21b]{display:flex;flex-wrap:wrap;gap:15px;margin-top:20px;align-items:center}.nav-links a[data-v-3466d21b],.btn-logout[data-v-3466d21b]{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;padding:12px 20px;border-radius:25px;text-decoration:none;font-weight:600;box-shadow:0 4px 15px #667eea4d;transition:transform .2s;border:none;font-size:16px;cursor:pointer;display:inline-block}.nav-links a[data-v-3466d21b]:hover,.btn-logout[data-v-3466d21b]:hover{transform:translateY(-2px);filter:brightness(1.1)}.stats-row[data-v-3466d21b]{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;margin-bottom:30px}.stat-card[data-v-3466d21b]{background:#fffffff2;border-radius:15px;padding:20px;text-align:center;box-shadow:0 4px 20px #0000001a}.stat-number[data-v-3466d21b]{font-size:2rem;font-weight:700;color:#667eea}.stat-label[data-v-3466d21b]{font-size:1rem;color:#555}.grid-container[data-v-3466d21b]{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.full-width[data-v-3466d21b]{grid-column:1 / -1}.table-card[data-v-3466d21b]{background:#fffffff2;border-radius:20px;padding:25px;box-shadow:0 8px 32px #0000001a;overflow-x:auto}.table-header[data-v-3466d21b]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:2px solid #f0f0f0;padding-bottom:15px;flex-wrap:wrap;gap:10px}.table-header h2[data-v-3466d21b]{font-size:1.5rem;color:#4a4a4a;margin:0}table[data-v-3466d21b]{width:100%;border-collapse:collapse;min-width:600px}th[data-v-3466d21b]{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;padding:15px 12px;text-align:left;white-space:nowrap}td[data-v-3466d21b]{padding:12px;border-bottom:1px solid #f0f0f0;vertical-align:middle}tr[data-v-3466d21b]:nth-child(2n){background-color:#667eea08}.role-badge[data-v-3466d21b]{padding:4px 8px;border-radius:12px;font-size:.8rem;font-weight:700}.search-input[data-v-3466d21b]{padding:8px 12px;border:2px solid #e0e0e0;border-radius:8px;outline:none;width:200px}.search-input[data-v-3466d21b]:focus{border-color:#667eea}.delete-all-btn[data-v-3466d21b]{background:linear-gradient(45deg,#ff6b6b,#ee5a24);color:#fff;padding:8px 16px;border:none;border-radius:20px;text-decoration:none;font-weight:500;font-size:.9rem}.empty-state[data-v-3466d21b]{text-align:center;color:#999;font-style:italic;padding:20px}.cell-action[data-v-3466d21b]{width:150px}.action-buttons[data-v-3466d21b]{display:flex;align-items:center;gap:12px;justify-content:flex-start}.btn-action[data-v-3466d21b]{display:flex;align-items:center;border:none;background:transparent;cursor:pointer;font-size:.9rem;font-weight:500;transition:color .2s;padding:4px 8px;border-radius:4px}.btn-action[data-v-3466d21b]:hover{background-color:#0000000d}.btn-action svg[data-v-3466d21b]{width:16px;height:16px;margin-right:4px}.btn-edit[data-v-3466d21b]{color:#3730a3}.btn-edit[data-v-3466d21b]:hover{color:#312e81}.btn-edit svg[data-v-3466d21b]{color:#eab308}.btn-delete[data-v-3466d21b]{color:#3730a3}.btn-delete[data-v-3466d21b]:hover{color:#dc2626}.btn-delete svg[data-v-3466d21b]{color:#6b7280}.load-more-container[data-v-3466d21b]{text-align:center;margin-top:15px}.btn-load-more[data-v-3466d21b]{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;border:none;padding:10px 20px;border-radius:25px;cursor:pointer;font-weight:700;font-size:14px;transition:opacity .3s;box-shadow:0 4px 10px #667eea4d;margin:0 10px}.btn-load-more[data-v-3466d21b]:hover{opacity:.9;transform:translateY(-1px)}.btn-fingerprint[data-v-3466d21b]{background:linear-gradient(135deg,#1e3c72,#2a5298);color:#fff;padding:8px 16px;border:none;border-radius:20px;text-decoration:none;font-weight:600;font-size:.9rem;display:inline-flex;align-items:center;gap:6px;box-shadow:0 4px 6px #00000026;transition:all .3s ease;white-space:nowrap}.btn-fingerprint[data-v-3466d21b]:hover{transform:translateY(-2px);box-shadow:0 6px 12px #00000040;filter:brightness(1.1)}.btn-fingerprint[data-v-3466d21b]:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}@media(max-width:768px){.grid-container[data-v-3466d21b]{grid-template-columns:1fr}}.add-wrapper[data-v-ebf1b318]{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;display:flex;justify-content:center;align-items:center;font-family:Segoe UI,sans-serif;padding:20px}.form-card[data-v-ebf1b318]{background:#fff;padding:30px;border-radius:15px;width:100%;max-width:650px;box-shadow:0 10px 30px #0003}.title[data-v-ebf1b318]{text-align:center;color:#5b6cf9;margin-bottom:20px}.required[data-v-ebf1b318]{color:red}.grid-container[data-v-ebf1b318]{display:grid;grid-template-columns:1fr 1fr;gap:15px}@media(max-width:500px){.grid-container[data-v-ebf1b318]{grid-template-columns:1fr}}.form-group label[data-v-ebf1b318]{display:block;font-weight:600;margin-bottom:5px;font-size:14px}.form-group input[data-v-ebf1b318],.form-group select[data-v-ebf1b318]{width:100%;padding:10px;border:1px solid #ccc;border-radius:8px;box-sizing:border-box;font-size:14px}.btn-group[data-v-ebf1b318]{display:flex;gap:10px;margin-top:25px}.btn-save[data-v-ebf1b318]{flex:2;background:#667eea;color:#fff;border:none;padding:12px;border-radius:8px;font-weight:700;cursor:pointer}.btn-save[data-v-ebf1b318]:disabled{opacity:.7;cursor:not-allowed}.btn-back[data-v-ebf1b318]{flex:1;background:#f3f4f6;text-align:center;padding:12px;border-radius:8px;text-decoration:none;color:#333;font-weight:600;display:flex;align-items:center;justify-content:center}.add-wrapper[data-v-9947c198]{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;display:flex;justify-content:center;align-items:center;font-family:Segoe UI,sans-serif;padding:20px}.form-card[data-v-9947c198]{background:#fff;padding:40px;border-radius:20px;width:100%;max-width:700px;box-shadow:0 15px 35px #0003}.title[data-v-9947c198]{text-align:center;color:#5b6cf9;margin-bottom:5px;font-weight:800;text-transform:uppercase}.subtitle[data-v-9947c198]{text-align:center;color:#666;margin-bottom:30px;font-size:.9rem}.grid-container[data-v-9947c198]{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:600px){.grid-container[data-v-9947c198]{grid-template-columns:1fr}}.form-group label[data-v-9947c198]{display:block;font-weight:600;margin-bottom:8px;color:#444;font-size:.9rem}.required[data-v-9947c198]{color:red}.hint[data-v-9947c198]{color:#999;font-weight:400;font-size:.8rem}.form-group input[data-v-9947c198],.form-group select[data-v-9947c198]{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:15px;box-sizing:border-box;transition:.3s}.form-group input[data-v-9947c198]:focus,.form-group select[data-v-9947c198]:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.error-msg[data-v-9947c198]{color:#e53e3e;font-size:.8rem;margin-top:4px;display:block}.btn-group[data-v-9947c198]{display:flex;gap:15px;margin-top:30px}.btn-save[data-v-9947c198]{flex:2;background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;border:none;padding:12px;border-radius:10px;font-weight:700;cursor:pointer;transition:.3s}.btn-save[data-v-9947c198]:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.btn-save[data-v-9947c198]:disabled{opacity:.7;cursor:not-allowed}.btn-back[data-v-9947c198]{flex:1;background:#f3f4f6;color:#333;text-decoration:none;display:flex;justify-content:center;align-items:center;border-radius:10px;font-weight:600;border:1px solid #ddd}.btn-back[data-v-9947c198]:hover{background:#e5e7eb}[data-v-7a155c9e]{margin:0;padding:0;box-sizing:border-box}.app-wrapper[data-v-7a155c9e]{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;color:#333;line-height:1.6;padding:20px}.container[data-v-7a155c9e]{max-width:1400px;margin:0 auto}.header[data-v-7a155c9e]{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:30px;margin-bottom:30px;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.header h1[data-v-7a155c9e]{font-size:2.5rem;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;margin:0}.header-controls[data-v-7a155c9e]{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.header-controls input[type=date][data-v-7a155c9e]{padding:12px 16px;border:2px solid rgba(102,126,234,.2);border-radius:12px;font-size:1rem;color:#333;background:#ffffffe6;cursor:pointer;transition:all .3s ease;font-weight:500}.btn[data-v-7a155c9e]{padding:12px 20px;border:none;border-radius:25px;cursor:pointer;font-size:1rem;font-weight:600;display:flex;align-items:center;gap:8px;color:#fff;transition:all .3s ease;box-shadow:0 4px 15px #0000001a;text-decoration:none}.btn-primary[data-v-7a155c9e]{background:linear-gradient(45deg,#667eea,#764ba2)}.btn-success[data-v-7a155c9e]{background:linear-gradient(45deg,#28a745,#20c997)}.btn[data-v-7a155c9e]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0003}.nav-buttons[data-v-7a155c9e]{display:flex;gap:8px}.schedule-container[data-v-7a155c9e]{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:25px;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2);overflow-x:auto}table[data-v-7a155c9e]{width:100%;border-collapse:collapse;table-layout:fixed;min-width:1000px}th[data-v-7a155c9e],td[data-v-7a155c9e]{border:1px solid rgba(102,126,234,.1);padding:15px 12px;vertical-align:top;text-align:center}th[data-v-7a155c9e]{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;font-weight:600;position:sticky;top:0;z-index:10}.th-today[data-v-7a155c9e]{background:#5a67d8!important}thead th[data-v-7a155c9e]:first-child{border-top-left-radius:12px}thead th[data-v-7a155c9e]:last-child{border-top-right-radius:12px}td[data-v-7a155c9e]{height:150px;background:#ffffff80;overflow-y:auto}.mon[data-v-7a155c9e]{margin-bottom:10px;padding:12px;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:12px;text-align:left;font-size:.9em;box-shadow:0 4px 15px #0000000d;border:1px solid rgba(102,126,234,.2)}.mon strong[data-v-7a155c9e]{display:block;margin-bottom:6px;font-size:1em;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mon .details[data-v-7a155c9e]{font-size:.85em;color:#666;margin-bottom:2px}.session-header[data-v-7a155c9e]{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;width:100px}.btn-diem-danh[data-v-7a155c9e]{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;margin-top:8px;border:none;border-radius:20px;cursor:pointer;font-size:.85rem;font-weight:600;width:100%;background:linear-gradient(45deg,#4caf50,#8bc34a);color:#fff;text-decoration:none}.btn-diem-danh-pi[data-v-7a155c9e]{background:linear-gradient(45deg,#3498db,#2980b9)}.btn-diem-danh-pi-active[data-v-7a155c9e]{background:linear-gradient(45deg,#e74c3c,#c0392b)}.btn-diem-danh i[data-v-7a155c9e]{margin-right:5px}.user-info[data-v-7a155c9e]{position:fixed;top:20px;right:20px;background:#fffffff2;padding:10px 15px;border-radius:10px;display:flex;align-items:center;gap:8px;cursor:pointer;box-shadow:0 4px 15px #00000026;z-index:100}.user-avatar[data-v-7a155c9e]{width:30px;height:30px;border-radius:50%;background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center}.dropdown-menu[data-v-7a155c9e]{position:absolute;top:120%;right:0;background:#fff;min-width:180px;border-radius:10px;padding:10px 0;box-shadow:0 10px 40px #0003}.dropdown-menu a[data-v-7a155c9e]{display:flex;align-items:center;gap:10px;padding:10px 20px;text-decoration:none;color:#333}.dropdown-menu a[data-v-7a155c9e]:hover{background:#f0f2f5}.logout-link[data-v-7a155c9e]{color:#ff6b6b}.modal-overlay[data-v-7a155c9e]{position:fixed;inset:0;background:#0009;z-index:1000;display:flex;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:.3s}.modal-overlay.active[data-v-7a155c9e]{opacity:1;visibility:visible}.modal-content[data-v-7a155c9e]{background:#fff;padding:30px;border-radius:15px;width:90%;max-width:600px}.modal-header[data-v-7a155c9e]{display:flex;justify-content:space-between;border-bottom:1px solid #eee;margin-bottom:20px;padding-bottom:10px}.modal-close-btn[data-v-7a155c9e]{background:none;border:none;font-size:1.2rem;cursor:pointer;color:#999}.status.success[data-v-7a155c9e]{color:#28a745;font-weight:700}.status.error[data-v-7a155c9e]{color:#dc3545;font-weight:700}.modal-footer[data-v-7a155c9e]{text-align:right;margin-top:20px}@media print{body[data-v-7a155c9e]{margin:0;padding:0;background:#fff}.user-info[data-v-7a155c9e],.header-controls[data-v-7a155c9e]{display:none}.btn[data-v-7a155c9e],button[data-v-7a155c9e],.btn-diem-danh[data-v-7a155c9e]{display:none!important}.modal-overlay[data-v-7a155c9e]{display:none}.main-container[data-v-7a155c9e]{max-width:100%;margin:0;padding:20px;background:#fff}h1[data-v-7a155c9e]{font-size:24px;margin-bottom:20px}table[data-v-7a155c9e]{width:100%;border-collapse:collapse;margin-bottom:20px}table th[data-v-7a155c9e],table td[data-v-7a155c9e]{border:1px solid #333;padding:8px;text-align:left}table th[data-v-7a155c9e]{background:#f0f0f0;font-weight:700}.mon[data-v-7a155c9e],.schedule-container[data-v-7a155c9e]{page-break-inside:avoid}}.add-page-wrapper[data-v-f6976380]{background:linear-gradient(135deg,#7c76f5,#9f7aea);min-height:100vh;display:flex;justify-content:center;align-items:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.form-card[data-v-f6976380]{background:#fff;padding:40px;border-radius:15px;width:100%;max-width:450px;text-align:center;box-shadow:0 10px 30px #00000026}.icon-header[data-v-f6976380]{font-size:60px;margin-bottom:10px;display:block;margin-left:auto;margin-right:auto}.form-title[data-v-f6976380]{color:#6b5ce7;font-weight:700;font-size:26px;margin-bottom:25px}.form-group[data-v-f6976380]{text-align:left;margin-bottom:20px}.form-group label[data-v-f6976380]{display:block;font-weight:600;color:#444;margin-bottom:8px;font-size:15px}.input-field[data-v-f6976380]{width:100%;padding:12px 15px;border:1px solid #ddd;border-radius:8px;font-size:15px;box-sizing:border-box;transition:all .3s}.input-field[data-v-f6976380]:focus{border-color:#6b5ce7;box-shadow:0 0 0 3px #6b5ce733;outline:none}.btn-submit[data-v-f6976380]{width:100%;padding:14px;background-color:#6b5ce7;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;margin-top:10px;transition:background .3s}.btn-submit[data-v-f6976380]:hover{background-color:#5a4ad1}.btn-submit[data-v-f6976380]:disabled{background-color:#a0a0a0;cursor:not-allowed}.btn-back[data-v-f6976380]{background:none;border:none;color:#6b5ce7;margin-top:20px;font-size:14px;cursor:pointer;padding:10px 20px;border-radius:20px;background-color:#f0f0ff;font-weight:500}.btn-back[data-v-f6976380]:hover{background-color:#e0e0ff}.alert-message[data-v-f6976380]{padding:10px;margin-bottom:20px;border-radius:8px;font-size:14px}.alert-message.success[data-v-f6976380]{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.alert-message.error[data-v-f6976380]{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.add-page-wrapper[data-v-61edc1f7]{background:linear-gradient(135deg,#7c76f5,#9f7aea);min-height:100vh;display:flex;justify-content:center;align-items:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.form-card[data-v-61edc1f7]{background:#fff;padding:40px;border-radius:15px;width:100%;max-width:500px;text-align:center;box-shadow:0 10px 30px #00000026}.icon-header[data-v-61edc1f7]{font-size:60px;margin-bottom:10px}.form-title[data-v-61edc1f7]{color:#6b5ce7;font-weight:700;font-size:26px;margin-bottom:25px}.form-group[data-v-61edc1f7]{text-align:left;margin-bottom:15px}.row-group[data-v-61edc1f7]{display:flex;gap:10px;justify-content:space-between}.small[data-v-61edc1f7]{flex:1}.form-group label[data-v-61edc1f7]{display:block;font-weight:600;color:#444;margin-bottom:5px;font-size:14px}.input-field[data-v-61edc1f7]{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:15px;box-sizing:border-box}.input-field[data-v-61edc1f7]:focus{border-color:#6b5ce7;outline:none;box-shadow:0 0 0 3px #6b5ce733}.btn-submit[data-v-61edc1f7]{width:100%;padding:14px;background-color:#6b5ce7;color:#fff;border:none;border-radius:8px;font-weight:700;font-size:16px;cursor:pointer;margin-top:10px;transition:.3s}.btn-submit[data-v-61edc1f7]:hover{background-color:#5a4ad1}.btn-back[data-v-61edc1f7]{background:none;border:none;color:#6b5ce7;margin-top:20px;cursor:pointer;padding:10px 20px;border-radius:20px;background-color:#f0f0ff;font-weight:500}.alert-message[data-v-61edc1f7]{padding:10px;margin-bottom:20px;border-radius:8px;font-size:14px}.success[data-v-61edc1f7]{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.error[data-v-61edc1f7]{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.add-page-wrapper[data-v-2aaf0906]{background:linear-gradient(135deg,#7c76f5,#9f7aea);min-height:100vh;display:flex;justify-content:center;align-items:center;font-family:Segoe UI,sans-serif}.form-card[data-v-2aaf0906]{background:#fff;padding:40px;border-radius:15px;width:100%;max-width:500px;box-shadow:0 10px 30px #00000026}.icon-header[data-v-2aaf0906]{font-size:60px;text-align:center;margin-bottom:10px;display:block}.form-title[data-v-2aaf0906]{color:#6b5ce7;font-weight:800;font-size:28px;margin-bottom:20px;text-align:center}.instruction-box[data-v-2aaf0906]{background-color:#e3f2fd;color:#0d47a1;padding:15px;border-radius:8px;font-size:14px;line-height:1.5;margin-bottom:20px;border-left:5px solid #2196f3}.form-group[data-v-2aaf0906]{margin-bottom:15px}.form-group label[data-v-2aaf0906]{display:block;font-weight:600;color:#444;margin-bottom:5px}.input-field[data-v-2aaf0906]{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:15px;box-sizing:border-box}.input-field[data-v-2aaf0906]:focus{border-color:#6b5ce7;outline:none;box-shadow:0 0 0 3px #6b5ce733}.progress-text[data-v-2aaf0906]{text-align:center;color:#6b5ce7;font-weight:700;margin-bottom:10px;font-style:italic}.btn-submit[data-v-2aaf0906]{width:100%;padding:14px;background-color:#6b5ce7;color:#fff;border:none;border-radius:8px;font-weight:700;font-size:16px;cursor:pointer;margin-top:10px;transition:.3s}.btn-submit[data-v-2aaf0906]:hover{background-color:#5a4ad1}.btn-submit[data-v-2aaf0906]:disabled{background-color:#ccc;cursor:wait}.btn-back[data-v-2aaf0906]{width:100%;margin-top:15px;padding:10px;background:#f1f2f6;color:#6b5ce7;border:none;border-radius:8px;font-weight:600;cursor:pointer}.btn-back[data-v-2aaf0906]:hover{background:#e1e2e6}.alert-message[data-v-2aaf0906]{padding:10px;margin-bottom:20px;border-radius:8px;font-size:14px;text-align:center}.success[data-v-2aaf0906]{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.error[data-v-2aaf0906]{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.add-wrapper[data-v-f3cf1238]{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;display:flex;justify-content:center;align-items:center;font-family:Segoe UI,sans-serif;padding:20px}.form-card[data-v-f3cf1238]{background:#fff;padding:40px;border-radius:20px;width:100%;max-width:800px;box-shadow:0 15px 35px #0003}.title[data-v-f3cf1238]{text-align:center;color:#5b6cf9;margin-bottom:5px;font-weight:800;text-transform:uppercase}.subtitle[data-v-f3cf1238]{text-align:center;color:#666;margin-bottom:30px;font-size:.9rem}.grid-container[data-v-f3cf1238]{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:600px){.grid-container[data-v-f3cf1238]{grid-template-columns:1fr}}.form-group label[data-v-f3cf1238]{display:block;font-weight:600;margin-bottom:8px;color:#444;font-size:.9rem}.required[data-v-f3cf1238]{color:red}.form-group input[data-v-f3cf1238],.form-group select[data-v-f3cf1238]{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:15px;box-sizing:border-box;transition:.3s}.form-group input[data-v-f3cf1238]:focus,.form-group select[data-v-f3cf1238]:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.error-msg[data-v-f3cf1238]{color:#e53e3e;font-size:.8rem;margin-top:4px;display:block}.btn-group[data-v-f3cf1238]{display:flex;gap:15px;margin-top:30px}.btn-save[data-v-f3cf1238]{flex:2;background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;border:none;padding:12px;border-radius:10px;font-weight:700;cursor:pointer;transition:.3s}.btn-save[data-v-f3cf1238]:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.btn-save[data-v-f3cf1238]:disabled{opacity:.7;cursor:not-allowed}.btn-back[data-v-f3cf1238]{flex:1;background:#f3f4f6;color:#333;text-decoration:none;display:flex;justify-content:center;align-items:center;border-radius:10px;font-weight:600;border:1px solid #ddd}.btn-back[data-v-f3cf1238]:hover{background:#e5e7eb}.custom-page-wrapper[data-v-6a84c84a]{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;padding:20px;font-family:Segoe UI,sans-serif}.main-card[data-v-6a84c84a]{background:#fff;width:100%;max-width:500px;border-radius:20px;padding:40px;box-shadow:0 15px 35px #0003}.card-header[data-v-6a84c84a]{text-align:center;margin-bottom:20px}.page-title[data-v-6a84c84a]{color:#4a00e0;font-size:26px;font-weight:800;margin:0;text-transform:uppercase;letter-spacing:1px}.sub-title[data-v-6a84c84a]{color:#888;margin-top:5px;font-size:14px}.divider[data-v-6a84c84a]{border:0;border-top:1px solid #eee;margin:20px 0}.highlight-box[data-v-6a84c84a]{margin-bottom:30px}.highlight-label[data-v-6a84c84a]{color:#4a00e0;font-size:16px;font-weight:700;display:block;margin-bottom:8px}.input-field.editable[data-v-6a84c84a]{width:100%;padding:12px;border-radius:8px;box-sizing:border-box;border:2px solid #4a00e0;background:#fbf9ff;font-size:16px;font-weight:600;color:#333;transition:all .3s}.input-field.editable[data-v-6a84c84a]:focus{outline:none;box-shadow:0 0 0 4px #4a00e026;transform:scale(1.01)}.hint-text[data-v-6a84c84a]{display:block;margin-top:5px;color:#888;font-size:12px;font-style:italic}.input-label[data-v-6a84c84a]{display:block;font-weight:600;margin-bottom:5px;font-size:13px;color:#666}.input-field.disabled[data-v-6a84c84a]{width:100%;padding:10px;border-radius:6px;border:1px solid #e0e0e0;background:#eaecf0;color:#888;cursor:not-allowed;box-sizing:border-box}.form-group[data-v-6a84c84a]{margin-bottom:15px}.btn-group[data-v-6a84c84a]{display:flex;gap:10px;justify-content:center;margin-top:10px}.btn-submit[data-v-6a84c84a]{flex:2;padding:12px;border:none;border-radius:8px;background:linear-gradient(to right,#8e2de2,#4a00e0);color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:opacity .2s}.btn-submit[data-v-6a84c84a]:hover{opacity:.9}.btn-cancel[data-v-6a84c84a]{flex:1;padding:12px;border:1px solid #ddd;border-radius:8px;background:#fff;color:#555;font-weight:600;cursor:pointer}.btn-cancel[data-v-6a84c84a]:hover{background:#f5f5f5}.status-msg[data-v-6a84c84a]{margin-bottom:20px;padding:10px;border-radius:8px;text-align:center;font-weight:600}.status-msg.error[data-v-6a84c84a]{background:#fee2e2;color:#dc2626}.status-msg.success[data-v-6a84c84a]{background:#dcfce7;color:#16a34a}.custom-page-wrapper[data-v-a6ba576c]{min-height:100vh;width:100%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.header-card[data-v-a6ba576c]{background-color:#fff;padding:15px 40px;border-radius:15px;box-shadow:0 10px 25px #0003;margin-bottom:25px;text-align:center;width:100%;max-width:500px}.page-title[data-v-a6ba576c]{color:#4a00e0;font-size:24px;font-weight:800;text-transform:uppercase;margin:0;display:flex;align-items:center;justify-content:center;gap:10px}.form-card[data-v-a6ba576c]{background:#fff;width:100%;max-width:500px;border-radius:25px;padding:30px;box-shadow:0 20px 50px #0000004d}.form-group[data-v-a6ba576c]{margin-bottom:20px}.input-label[data-v-a6ba576c]{display:block;font-weight:600;color:#444;margin-bottom:8px;font-size:14px}.required[data-v-a6ba576c]{color:red}.input-field[data-v-a6ba576c]{width:100%;padding:12px 15px;border-radius:12px;border:1px solid #ddd;background-color:#f9fafb;font-size:16px;transition:all .3s;box-sizing:border-box}.input-field[data-v-a6ba576c]:focus{background-color:#fff;border-color:#8e2de2;outline:none;box-shadow:0 0 0 3px #8e2de233}.input-field.disabled[data-v-a6ba576c]{background-color:#e5e7eb;color:#6b7280;cursor:not-allowed}.details-row[data-v-a6ba576c]{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-bottom:20px;padding-top:15px;border-top:1px dashed #eee}.mini-group label[data-v-a6ba576c]{display:block;font-size:11px;font-weight:700;color:#888;text-transform:uppercase;text-align:center;margin-bottom:5px}.mini-group input[data-v-a6ba576c]{width:100%;padding:8px;text-align:center;border:1px solid #ddd;border-radius:8px;font-size:14px;box-sizing:border-box}.mini-group input[data-v-a6ba576c]:focus{border-color:#4a00e0;outline:none}.btn-submit[data-v-a6ba576c]{width:100%;padding:15px;border:none;border-radius:15px;background:linear-gradient(to right,#8e2de2,#4a00e0);color:#fff;font-size:18px;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s;display:flex;justify-content:center;align-items:center;gap:10px}.btn-submit[data-v-a6ba576c]:hover{transform:translateY(-2px);box-shadow:0 10px 20px #4a00e066}.btn-submit[data-v-a6ba576c]:disabled{opacity:.7;cursor:not-allowed}.btn-back[data-v-a6ba576c]{margin-top:25px;background:#fff;color:#4a00e0;border:none;padding:12px 30px;border-radius:50px;font-weight:700;cursor:pointer;box-shadow:0 5px 15px #0000001a;transition:all .2s}.btn-back[data-v-a6ba576c]:hover{background-color:#f0f0ff;transform:translateY(-2px)}.status-msg[data-v-a6ba576c]{margin-top:10px;font-size:13px;font-weight:600}.status-msg.error[data-v-a6ba576c]{color:#dc2626}.status-msg.success[data-v-a6ba576c]{color:#16a34a}.custom-page-wrapper[data-v-4f195fb2]{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;padding:20px;font-family:Segoe UI,sans-serif}.main-card[data-v-4f195fb2]{background:#fff;width:100%;max-width:650px;border-radius:20px;padding:40px;box-shadow:0 15px 35px #0003}.card-header[data-v-4f195fb2]{text-align:center;margin-bottom:20px}.page-title[data-v-4f195fb2]{color:#4a00e0;font-size:26px;font-weight:800;margin:0;text-transform:uppercase;letter-spacing:1px}.sub-title[data-v-4f195fb2]{color:#888;margin-top:5px;font-size:14px}.divider[data-v-4f195fb2]{border:0;border-top:1px solid #eee;margin:20px 0}.highlight-box[data-v-4f195fb2]{margin-bottom:30px}.highlight-label[data-v-4f195fb2]{color:#4a00e0;font-size:16px;font-weight:700;display:block;margin-bottom:8px}.input-field.editable[data-v-4f195fb2]{width:100%;padding:12px;border-radius:8px;box-sizing:border-box;border:2px solid #4a00e0;background:#fbf9ff;font-size:16px;font-weight:600;color:#333;transition:all .3s}.input-field.editable[data-v-4f195fb2]:focus{outline:none;box-shadow:0 0 0 4px #4a00e026;transform:scale(1.01)}.hint-text[data-v-4f195fb2]{display:block;margin-top:5px;color:#888;font-size:12px;font-style:italic}.disabled-section[data-v-4f195fb2]{background:#f8f9fa;padding:20px;border-radius:12px;border:1px dashed #ced4da;margin-bottom:25px}.section-label[data-v-4f195fb2]{font-size:12px;text-transform:uppercase;font-weight:700;color:#adb5bd;margin-bottom:15px;letter-spacing:.5px}.input-label[data-v-4f195fb2]{display:block;font-weight:600;margin-bottom:5px;font-size:13px;color:#666}.input-field.disabled[data-v-4f195fb2]{width:100%;padding:10px;border-radius:6px;border:1px solid #e0e0e0;background:#eaecf0;color:#888;cursor:not-allowed;box-sizing:border-box}.form-group[data-v-4f195fb2]{margin-bottom:15px}.grid-2-col[data-v-4f195fb2]{display:grid;grid-template-columns:1fr 1fr;gap:15px}.btn-group[data-v-4f195fb2]{display:flex;gap:10px;justify-content:center;margin-top:10px}.btn-submit[data-v-4f195fb2]{flex:2;padding:12px;border:none;border-radius:8px;background:linear-gradient(to right,#8e2de2,#4a00e0);color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:opacity .2s}.btn-submit[data-v-4f195fb2]:hover{opacity:.9}.btn-cancel[data-v-4f195fb2]{flex:1;padding:12px;border:1px solid #ddd;border-radius:8px;background:#fff;color:#555;font-weight:600;cursor:pointer}.btn-cancel[data-v-4f195fb2]:hover{background:#f5f5f5}.status-msg[data-v-4f195fb2]{margin-bottom:20px;padding:10px;border-radius:8px;text-align:center;font-weight:600}.status-msg.error[data-v-4f195fb2]{background:#fee2e2;color:#dc2626}.status-msg.success[data-v-4f195fb2]{background:#dcfce7;color:#16a34a}.add-wrapper[data-v-1bfad17c]{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;display:flex;justify-content:center;align-items:center;font-family:Segoe UI,sans-serif;padding:20px}.form-card[data-v-1bfad17c]{background:#fff;padding:40px;border-radius:20px;width:100%;max-width:700px;box-shadow:0 15px 35px #0003}.title[data-v-1bfad17c]{text-align:center;color:#5b6cf9;margin-bottom:5px;font-weight:800;text-transform:uppercase}.subtitle[data-v-1bfad17c]{text-align:center;color:#666;margin-bottom:30px;font-size:.9rem}.loading[data-v-1bfad17c]{text-align:center;padding:20px;color:#666}.grid-container[data-v-1bfad17c]{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:600px){.grid-container[data-v-1bfad17c]{grid-template-columns:1fr}}.form-group label[data-v-1bfad17c]{display:block;font-weight:600;margin-bottom:8px;color:#444;font-size:.9rem}.required[data-v-1bfad17c]{color:red}.hint[data-v-1bfad17c]{color:#999;font-weight:400;font-size:.8rem}.form-group input[data-v-1bfad17c],.form-group select[data-v-1bfad17c]{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:15px;box-sizing:border-box;transition:.3s}.form-group input[data-v-1bfad17c]:focus,.form-group select[data-v-1bfad17c]:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.disabled[data-v-1bfad17c]{background:#f5f5f5;cursor:not-allowed;color:#888}.error-msg[data-v-1bfad17c]{color:#e53e3e;font-size:.8rem;margin-top:4px;display:block}.btn-group[data-v-1bfad17c]{display:flex;gap:15px;margin-top:30px}.btn-save[data-v-1bfad17c]{flex:2;background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;border:none;padding:12px;border-radius:10px;font-weight:700;cursor:pointer;transition:.3s}.btn-save[data-v-1bfad17c]:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.btn-save[data-v-1bfad17c]:disabled{opacity:.7;cursor:not-allowed}.btn-back[data-v-1bfad17c]{flex:1;background:#f3f4f6;color:#333;border:1px solid #ddd;border-radius:10px;font-weight:600;cursor:pointer}.btn-back[data-v-1bfad17c]:hover{background:#e5e7eb}.edit-wrapper[data-v-1ce5f700]{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;display:flex;justify-content:center;align-items:center;font-family:Segoe UI,sans-serif;padding:20px}.form-card[data-v-1ce5f700]{background:#fff;width:100%;max-width:500px;border-radius:20px;overflow:hidden;box-shadow:0 15px 35px #0003}.header-section[data-v-1ce5f700]{background:#fff;padding:25px;text-align:center;border-bottom:2px solid #f0f0f0}.title[data-v-1ce5f700]{color:#764ba2;margin:0;font-weight:800;font-size:26px}.subtitle[data-v-1ce5f700]{color:#666;font-size:14px;margin-top:5px}.form-body[data-v-1ce5f700]{padding:30px}.form-group[data-v-1ce5f700]{margin-bottom:20px}.form-group label[data-v-1ce5f700]{display:block;font-weight:600;margin-bottom:8px;color:#444}.form-group input[data-v-1ce5f700]{width:100%;padding:12px;border:1px solid #ddd;border-radius:10px;font-size:15px;transition:all .3s;box-sizing:border-box}.form-group input[data-v-1ce5f700]:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea33;outline:none}.input-disabled[data-v-1ce5f700]{background-color:#f3f4f6;color:#888;cursor:not-allowed}.btn-group[data-v-1ce5f700]{display:flex;gap:15px;margin-top:30px}.btn-update[data-v-1ce5f700]{flex:2;background:linear-gradient(90deg,#667eea,#764ba2);color:#fff;border:none;padding:14px;border-radius:10px;font-weight:700;font-size:16px;cursor:pointer;transition:transform .2s}.btn-update[data-v-1ce5f700]:hover{transform:translateY(-2px);box-shadow:0 5px 15px #764ba266}.btn-back[data-v-1ce5f700]{flex:1;background:#e5e7eb;color:#374151;border:none;padding:14px;border-radius:10px;font-weight:600;cursor:pointer}.edit-wrapper[data-v-7c3d20d1]{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;display:flex;justify-content:center;align-items:center;font-family:Segoe UI,sans-serif;padding:20px}.form-card[data-v-7c3d20d1]{background:#fff;width:100%;max-width:700px;border-radius:20px;overflow:hidden;box-shadow:0 15px 35px #0003}.header-section[data-v-7c3d20d1]{background:#fff;padding:25px;text-align:center;border-bottom:2px solid #f0f0f0}.title[data-v-7c3d20d1]{color:#764ba2;margin:0;font-weight:800;font-size:28px}.form-body[data-v-7c3d20d1]{padding:30px}.grid-row[data-v-7c3d20d1]{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:15px}.form-group[data-v-7c3d20d1]{margin-bottom:15px}.form-group label[data-v-7c3d20d1]{display:block;font-weight:600;margin-bottom:8px;color:#444}.form-group input[data-v-7c3d20d1],.form-group select[data-v-7c3d20d1]{width:100%;padding:12px;border:1px solid #ddd;border-radius:10px;font-size:15px;box-sizing:border-box}.form-group input[data-v-7c3d20d1]:focus,.form-group select[data-v-7c3d20d1]:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea33}.btn-group[data-v-7c3d20d1]{display:flex;gap:15px;margin-top:30px}.btn-update[data-v-7c3d20d1]{flex:2;background:linear-gradient(90deg,#667eea,#764ba2);color:#fff;border:none;padding:14px;border-radius:10px;font-weight:700;cursor:pointer}.btn-back[data-v-7c3d20d1]{flex:1;background:#e5e7eb;color:#374151;border:none;padding:14px;border-radius:10px;font-weight:600;cursor:pointer}[data-v-380473cd]{margin:0;padding:0;box-sizing:border-box}body[data-v-380473cd]{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333}.container[data-v-380473cd]{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.header[data-v-380473cd]{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:30px;margin-bottom:30px;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2);text-align:center}.header h1[data-v-380473cd]{font-size:2.5rem;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:20px;font-weight:700}.system-info[data-v-380473cd]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:20px}.info-card[data-v-380473cd]{background:#667eea1a;border-radius:15px;padding:20px;text-align:center;border:1px solid rgba(102,126,234,.2)}.info-card .number[data-v-380473cd]{font-size:2rem;font-weight:700;color:#667eea;display:block}.info-card .label[data-v-380473cd]{font-size:.9rem;color:#666;margin-top:8px}.main-content[data-v-380473cd]{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:30px}.control-panel[data-v-380473cd],.student-list[data-v-380473cd]{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:25px;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2)}.control-panel h2[data-v-380473cd],.student-list h2[data-v-380473cd]{font-size:1.5rem;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;margin-bottom:20px}.control-panel button[data-v-380473cd]{width:100%;background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;padding:15px 20px;border:none;border-radius:15px;font-size:1rem;font-weight:600;cursor:pointer;margin-bottom:15px;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d;text-align:left;display:flex;align-items:center}.control-panel button[data-v-380473cd]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.control-panel button.danger[data-v-380473cd]{background:linear-gradient(45deg,#ff6b6b,#ee5a24);box-shadow:0 4px 15px #ff6b6b4d}.control-panel button.danger[data-v-380473cd]:hover{box-shadow:0 6px 20px #ff6b6b66}.control-panel button .icon[data-v-380473cd]{font-size:1.2rem;margin-right:10px}.student-table[data-v-380473cd]{width:100%;border-collapse:collapse;border-radius:10px;overflow:hidden;box-shadow:0 0 20px #0000000d}.student-table thead[data-v-380473cd]{background:linear-gradient(45deg,#667eea,#764ba2)}.student-table th[data-v-380473cd]{color:#fff;padding:12px 10px;font-weight:600;text-align:left;font-size:.9rem}.student-table td[data-v-380473cd]{padding:10px;border-bottom:1px solid #f0f0f0;font-size:.9rem}.student-table tbody tr[data-v-380473cd]:nth-child(2n){background-color:#667eea08}.student-table tbody tr[data-v-380473cd]:hover{background-color:#667eea14;transition:background-color .3s ease}.empty-state[data-v-380473cd]{text-align:center;padding:30px;color:#666;font-style:italic}.scanner-box[data-v-380473cd]{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:30px;text-align:center;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2)}.scanner-box h2[data-v-380473cd]{font-size:1.5rem;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;margin-bottom:20px}.scanner-circle[data-v-380473cd]{width:150px;height:150px;border:3px solid #667eea;border-radius:50%;margin:20px auto;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(102,126,234,.1),transparent)}.scanner-circle.scanning[data-v-380473cd]{animation:pulse-380473cd 2s infinite}@keyframes pulse-380473cd{0%{transform:scale(1);border-color:#667eea}50%{transform:scale(1.05);border-color:#764ba2}to{transform:scale(1);border-color:#667eea}}.scanner-icon[data-v-380473cd]{font-size:3rem;color:#667eea}.status[data-v-380473cd]{font-size:1.1rem;margin-top:15px;font-weight:500}.status.info[data-v-380473cd]{color:#3498db}.status.success[data-v-380473cd]{color:#27ae60}.status.error[data-v-380473cd]{color:#e74c3c}.status.scanning[data-v-380473cd]{color:#764ba2}.modal[data-v-380473cd]{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content[data-v-380473cd]{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:30px;border-radius:20px;width:90%;max-width:500px;box-shadow:0 20px 40px #0003;border:1px solid rgba(255,255,255,.2);position:relative}.modal-content h2[data-v-380473cd]{font-size:1.5rem;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;margin-bottom:20px}.close[data-v-380473cd]{position:absolute;right:20px;top:15px;font-size:28px;font-weight:700;cursor:pointer;color:#999;transition:color .3s}.close[data-v-380473cd]:hover{color:#667eea}.form-group[data-v-380473cd]{margin-bottom:20px}.form-group label[data-v-380473cd]{display:block;margin-bottom:8px;font-weight:600;color:#333}.form-group input[data-v-380473cd],.form-group select[data-v-380473cd]{width:100%;padding:12px 15px;border:2px solid #e0e0e0;border-radius:10px;font-size:1rem;transition:border-color .3s ease}.form-group input[data-v-380473cd]:focus,.form-group select[data-v-380473cd]:focus{outline:none;border-color:#667eea}.student-list-small[data-v-380473cd]{max-height:200px;overflow-y:auto;border:2px solid #e0e0e0;border-radius:10px;margin:15px 0;padding:10px;background-color:#f9f9f9}.student-list-small h4[data-v-380473cd]{font-weight:600;margin-bottom:10px;color:#333}.student-list-small p[data-v-380473cd]{padding:5px 0;border-bottom:1px dashed #ddd;font-size:.95rem;color:#555}.student-list-small p[data-v-380473cd]:last-child{border-bottom:none}.btn[data-v-380473cd]{width:100%;padding:12px 20px;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:10px}.btn.primary[data-v-380473cd]{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff}.btn.primary[data-v-380473cd]:hover{transform:translateY(-1px);box-shadow:0 4px 15px #667eea4d}.btn.danger[data-v-380473cd]{background:linear-gradient(45deg,#ff6b6b,#ee5a24);color:#fff}.btn.danger[data-v-380473cd]:hover{transform:translateY(-1px);box-shadow:0 4px 15px #ff6b6b4d}.btn.secondary[data-v-380473cd]{background:#ccc;color:#333}.btn.secondary[data-v-380473cd]:hover{background:#bbb}.btn[data-v-380473cd]:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.buttons[data-v-380473cd]{display:flex;gap:10px;margin-top:20px}.buttons .btn[data-v-380473cd]{flex:1}.alert-message[data-v-380473cd]{font-size:1.1rem;margin:15px 0;font-weight:500}.alert-message.success[data-v-380473cd]{color:#27ae60}.alert-message.error[data-v-380473cd]{color:#e74c3c}.alert-message.info[data-v-380473cd]{color:#3498db}.alert-message.danger[data-v-380473cd]{color:#ff6b6b}@media(max-width:768px){.main-content[data-v-380473cd]{grid-template-columns:1fr}.header h1[data-v-380473cd]{font-size:2rem}.system-info[data-v-380473cd]{grid-template-columns:repeat(2,1fr)}}[data-v-ef793fae]{margin:0;padding:0;box-sizing:border-box}.app-wrapper[data-v-ef793fae]{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;color:#333;line-height:1.6;padding:20px}.container[data-v-ef793fae]{max-width:1400px;margin:0 auto}.header[data-v-ef793fae]{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:30px;margin-bottom:30px;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.header h1[data-v-ef793fae]{font-size:2.5rem;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;margin:0}.header-controls[data-v-ef793fae]{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.header-controls input[type=date][data-v-ef793fae]{padding:12px 16px;border:2px solid rgba(102,126,234,.2);border-radius:12px;font-size:1rem;color:#333;background:#ffffffe6;cursor:pointer;transition:all .3s ease;font-weight:500}.btn[data-v-ef793fae]{padding:12px 20px;border:none;border-radius:25px;cursor:pointer;font-size:1rem;font-weight:600;display:flex;align-items:center;gap:8px;color:#fff;transition:all .3s ease;box-shadow:0 4px 15px #0000001a;text-decoration:none}.btn-primary[data-v-ef793fae]{background:linear-gradient(45deg,#667eea,#764ba2)}.btn-success[data-v-ef793fae]{background:linear-gradient(45deg,#28a745,#20c997)}.btn[data-v-ef793fae]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0003}.nav-buttons[data-v-ef793fae]{display:flex;gap:8px}.schedule-container[data-v-ef793fae]{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:25px;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2);overflow-x:auto}table[data-v-ef793fae]{width:100%;border-collapse:collapse;table-layout:fixed;min-width:1000px}th[data-v-ef793fae],td[data-v-ef793fae]{border:1px solid rgba(102,126,234,.1);padding:15px 12px;vertical-align:top;text-align:center}th[data-v-ef793fae]{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;font-weight:600;position:sticky;top:0;z-index:10}.th-today[data-v-ef793fae]{background:#5a67d8!important}thead th[data-v-ef793fae]:first-child{border-top-left-radius:12px}thead th[data-v-ef793fae]:last-child{border-top-right-radius:12px}td[data-v-ef793fae]{height:150px;background:#ffffff80;overflow-y:auto}.mon[data-v-ef793fae]{margin-bottom:10px;padding:12px;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:12px;text-align:left;font-size:.9em;box-shadow:0 4px 15px #0000000d;border:1px solid rgba(102,126,234,.2)}.mon strong[data-v-ef793fae]{display:block;margin-bottom:6px;font-size:1em;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mon .details[data-v-ef793fae]{font-size:.85em;color:#666;margin-bottom:2px}.session-header[data-v-ef793fae]{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;width:100px}.user-info[data-v-ef793fae]{position:fixed;top:20px;right:20px;background:#fffffff2;padding:8px 15px;border-radius:30px;display:flex;align-items:center;gap:10px;cursor:pointer;box-shadow:0 4px 15px #00000026;z-index:100;transition:all .3s ease}.user-info[data-v-ef793fae]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0003}.user-avatar[data-v-ef793fae]{width:35px;height:35px;border-radius:50%;background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1em}.user-details-text[data-v-ef793fae]{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2}.user-name[data-v-ef793fae]{font-weight:700;font-size:.95em;color:#333}.user-mssv[data-v-ef793fae]{font-size:.8em;color:#666;font-weight:600;letter-spacing:.5px}.dropdown-menu[data-v-ef793fae]{position:absolute;top:120%;right:0;background:#fff;min-width:200px;border-radius:12px;padding:10px 0;box-shadow:0 10px 40px #0003;border:1px solid rgba(0,0,0,.05)}.dropdown-menu a[data-v-ef793fae]{display:flex;align-items:center;gap:10px;padding:12px 20px;text-decoration:none;color:#444;font-weight:500;transition:background .2s}.dropdown-menu a[data-v-ef793fae]:hover{background:#f8f9fa;color:#667eea}.logout-link[data-v-ef793fae]{color:#ff6b6b!important}.logout-link[data-v-ef793fae]:hover{background:#fff5f5!important}.modal-overlay[data-v-ef793fae]{position:fixed;inset:0;background:#0009;z-index:1000;display:flex;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:.3s}.modal-overlay.active[data-v-ef793fae]{opacity:1;visibility:visible}.modal-content[data-v-ef793fae]{background:#fff;padding:30px;border-radius:15px;width:90%;max-width:600px}.modal-header[data-v-ef793fae]{display:flex;justify-content:space-between;border-bottom:1px solid #eee;margin-bottom:20px;padding-bottom:10px}.modal-header h2[data-v-ef793fae]{font-size:1.5rem;color:#444}.modal-close-btn[data-v-ef793fae]{background:none;border:none;font-size:1.2rem;cursor:pointer;color:#999}.modal-footer[data-v-ef793fae]{text-align:right;margin-top:20px}.status.success[data-v-ef793fae]{color:#28a745;font-weight:700}.status.error[data-v-ef793fae]{color:#dc3545;font-weight:700}.profile-modal[data-v-ef793fae]{max-width:700px}.profile-avatar-section[data-v-ef793fae]{display:flex;flex-direction:column;align-items:center;margin-bottom:25px;padding-bottom:20px;border-bottom:1px solid #eee}.large-avatar[data-v-ef793fae]{width:80px;height:80px;background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;font-size:2.5rem;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:10px;box-shadow:0 5px 15px #667eea66}.profile-avatar-section h3[data-v-ef793fae]{margin:0;font-size:1.5rem;color:#333}.role-badge[data-v-ef793fae]{background:#e2e8f0;color:#4a5568;padding:4px 12px;border-radius:15px;font-size:.85rem;font-weight:600;margin-top:5px}.info-grid[data-v-ef793fae]{display:grid;grid-template-columns:1fr 1fr;gap:20px}.info-item[data-v-ef793fae]{display:flex;flex-direction:column}.info-item.full-width[data-v-ef793fae]{grid-column:span 2}.info-item label[data-v-ef793fae]{font-size:.85rem;color:#888;margin-bottom:4px;font-weight:600;text-transform:uppercase}.info-item span[data-v-ef793fae]{font-size:1.05rem;color:#333;font-weight:500;border-bottom:1px solid #f0f0f0;padding-bottom:5px}@media(max-width:600px){.info-grid[data-v-ef793fae]{grid-template-columns:1fr}.info-item.full-width[data-v-ef793fae]{grid-column:span 1}}.password-modal[data-v-ef793fae]{max-width:500px}.form-group[data-v-ef793fae]{margin-bottom:20px}.form-group label[data-v-ef793fae]{display:block;margin-bottom:8px;font-weight:600;color:#4a5568}.form-group input[data-v-ef793fae]{width:100%;padding:12px;border:1px solid #e2e8f0;border-radius:8px;font-size:1rem;outline:none;transition:border-color .2s}.form-group input[data-v-ef793fae]:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.modal-footer[data-v-ef793fae]{display:flex;justify-content:flex-end;gap:15px;margin-top:20px;padding-top:20px;border-top:1px solid #eee}.btn-secondary[data-v-ef793fae]{background:#e2e8f0;color:#4a5568}.btn-secondary[data-v-ef793fae]:hover{background:#cbd5e0}.btn-success[data-v-ef793fae]{background:linear-gradient(45deg,#11998e,#38ef7d);color:#fff}.btn-success[data-v-ef793fae]:hover{box-shadow:0 5px 15px #38ef7d66;transform:translateY(-2px);transition:all .3s}@media print{body[data-v-ef793fae]{margin:0;padding:0;background:#fff}.nav-sidebar[data-v-ef793fae],.user-info[data-v-ef793fae],.header-controls[data-v-ef793fae],.header[data-v-ef793fae]{display:none}.btn[data-v-ef793fae],button[data-v-ef793fae]{display:none!important}.password-modal[data-v-ef793fae],.modal-overlay[data-v-ef793fae]{display:none}.container[data-v-ef793fae]{max-width:100%;margin:0;padding:20px;background:#fff}h1[data-v-ef793fae]{font-size:24px;margin-bottom:20px}table[data-v-ef793fae]{width:100%;border-collapse:collapse;margin-bottom:20px}table th[data-v-ef793fae],table td[data-v-ef793fae]{border:1px solid #333;padding:8px;text-align:left;font-size:12px}table th[data-v-ef793fae]{background:#f0f0f0;font-weight:700}.mon[data-v-ef793fae]{page-break-inside:avoid;font-size:11px}.schedule-container[data-v-ef793fae]{page-break-inside:avoid}.fa[data-v-ef793fae],[class*=fa-][data-v-ef793fae]{display:none}}.admin-wrapper[data-v-3d70b702]{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;width:100%;position:absolute;top:0;left:0;font-family:Segoe UI,sans-serif;color:#333}.container[data-v-3d70b702]{max-width:1820px;margin:0 auto;padding:20px}.header[data-v-3d70b702]{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:30px;margin-bottom:30px;box-shadow:0 8px 32px #0000001a}.header h1[data-v-3d70b702]{font-size:2.5rem;margin-bottom:10px;font-weight:700;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links[data-v-3d70b702]{display:flex;flex-wrap:wrap;gap:15px;margin-top:20px}.nav-links a[data-v-3d70b702]{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;padding:12px 20px;border-radius:25px;text-decoration:none;font-weight:600;box-shadow:0 4px 15px #667eea4d;transition:transform .2s}.nav-links a[data-v-3d70b702]:hover{transform:translateY(-2px)}.stats-row[data-v-3d70b702]{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;margin-bottom:30px}.stat-card[data-v-3d70b702]{background:#fffffff2;border-radius:15px;padding:20px;text-align:center;box-shadow:0 4px 20px #0000001a}.stat-number[data-v-3d70b702]{font-size:2rem;font-weight:700;color:#667eea}.stat-label[data-v-3d70b702]{font-size:1rem;color:#555}.grid-container[data-v-3d70b702]{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:30px}.full-width[data-v-3d70b702]{grid-column:1 / -1}.table-card[data-v-3d70b702]{background:#fffffff2;border-radius:20px;padding:25px;box-shadow:0 8px 32px #0000001a;overflow-x:auto}.table-header[data-v-3d70b702]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:2px solid #f0f0f0;padding-bottom:15px;flex-wrap:wrap;gap:10px}.table-header h2[data-v-3d70b702]{font-size:1.5rem;color:#4a4a4a;margin:0}table[data-v-3d70b702]{width:100%;border-collapse:collapse;min-width:600px}th[data-v-3d70b702]{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;padding:15px 12px;text-align:left;white-space:nowrap}td[data-v-3d70b702]{padding:12px;border-bottom:1px solid #f0f0f0;vertical-align:middle}tr[data-v-3d70b702]:nth-child(2n){background-color:#667eea08}.role-badge[data-v-3d70b702]{padding:4px 8px;border-radius:12px;font-size:.8rem;font-weight:700}.search-input[data-v-3d70b702]{padding:8px 12px;border:2px solid #e0e0e0;border-radius:8px;outline:none;width:200px}.search-input[data-v-3d70b702]:focus{border-color:#667eea}.delete-all-btn[data-v-3d70b702]{background:linear-gradient(45deg,#ff6b6b,#ee5a24);color:#fff;padding:8px 16px;border:none;border-radius:20px;text-decoration:none;font-weight:500;font-size:.9rem}.empty-state[data-v-3d70b702]{text-align:center;color:#999;font-style:italic;padding:20px}.action-links a[data-v-3d70b702]{margin-right:8px;text-decoration:none;font-size:.9rem}@media(max-width:768px){.grid-container[data-v-3d70b702]{grid-template-columns:1fr}}.load-more-container[data-v-3d70b702]{text-align:center;margin-top:15px}.btn-load-more[data-v-3d70b702]{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;border:none;padding:10px 20px;border-radius:25px;cursor:pointer;font-weight:700;font-size:14px;transition:opacity .3s;box-shadow:0 4px 10px #667eea4d}.btn-load-more[data-v-3d70b702]:hover{opacity:.9;transform:translateY(-1px)}[data-v-5c60af98]{margin:0;padding:0;box-sizing:border-box}.dashboard-wrapper[data-v-5c60af98]{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.container[data-v-5c60af98]{max-width:1400px;margin:0 auto}.welcome-banner[data-v-5c60af98]{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:30px;margin-bottom:30px;box-shadow:0 10px 40px #0000001a}.banner-content h1[data-v-5c60af98]{font-size:2.5rem;color:#333;margin-bottom:10px}.banner-content p[data-v-5c60af98]{color:#666;font-size:1.2rem}.stats-grid[data-v-5c60af98]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.stat-card[data-v-5c60af98]{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:20px;display:flex;align-items:center;gap:15px;box-shadow:0 5px 20px #0000001a;transition:transform .3s}.stat-card[data-v-5c60af98]:hover{transform:translateY(-5px)}.stat-icon[data-v-5c60af98]{width:60px;height:60px;border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:1.8rem}.stat-info[data-v-5c60af98]{flex:1}.stat-value[data-v-5c60af98]{font-size:2rem;font-weight:700;color:#333}.stat-label[data-v-5c60af98]{color:#666;font-size:.9rem;margin-top:5px}.quick-actions[data-v-5c60af98]{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:25px;margin-bottom:30px;box-shadow:0 10px 40px #0000001a}.section-title[data-v-5c60af98]{font-size:1.5rem;color:#333;margin-bottom:20px}.actions-grid[data-v-5c60af98]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.action-btn[data-v-5c60af98]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:20px;border-radius:15px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s;display:flex;flex-direction:column;align-items:center;gap:10px}.action-btn[data-v-5c60af98]:hover{transform:translateY(-5px);box-shadow:0 10px 30px #667eea4d}.action-btn i[data-v-5c60af98]{font-size:2rem}.schedule-section[data-v-5c60af98]{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:25px;box-shadow:0 10px 40px #0000001a}.loading[data-v-5c60af98]{text-align:center;padding:40px;color:#666}.spinner[data-v-5c60af98]{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin-5c60af98 1s linear infinite;margin:0 auto 15px}@keyframes spin-5c60af98{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-state[data-v-5c60af98]{text-align:center;padding:40px;color:#999}.empty-state i[data-v-5c60af98]{font-size:3rem;margin-bottom:15px;opacity:.5}.schedule-grid[data-v-5c60af98]{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.schedule-card[data-v-5c60af98]{background:#fff;border-radius:15px;padding:20px;box-shadow:0 5px 15px #0000000d;transition:transform .3s,box-shadow .3s}.schedule-card[data-v-5c60af98]:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000001a}.schedule-header[data-v-5c60af98]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:15px;border-bottom:2px solid #f0f0f0}.schedule-time[data-v-5c60af98]{font-weight:600;color:#667eea;display:flex;align-items:center;gap:8px}.schedule-date[data-v-5c60af98]{font-size:.9rem;color:#999}.schedule-body[data-v-5c60af98]{margin-bottom:15px}.schedule-body h3[data-v-5c60af98]{font-size:1.3rem;color:#333;margin-bottom:10px}.schedule-info[data-v-5c60af98]{display:flex;flex-direction:column;gap:8px}.info-item[data-v-5c60af98]{display:flex;align-items:center;gap:10px;color:#666;font-size:.95rem}.info-item i[data-v-5c60af98]{width:20px;color:#667eea}.schedule-footer[data-v-5c60af98]{display:flex;justify-content:flex-end}.btn-check-attendance[data-v-5c60af98]{background:linear-gradient(135deg,#43cea2,#185a9d);color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .3s;display:flex;align-items:center;gap:8px}.btn-check-attendance[data-v-5c60af98]:hover{transform:translateY(-2px);box-shadow:0 5px 15px #185a9d4d}@media(max-width:768px){.stats-grid[data-v-5c60af98],.schedule-grid[data-v-5c60af98]{grid-template-columns:1fr}.banner-content h1[data-v-5c60af98]{font-size:1.8rem}}.add-wrapper[data-v-0b1c60a0]{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:40px 20px;display:flex;justify-content:center;align-items:center}.form-card[data-v-0b1c60a0]{background:#fff;border-radius:15px;padding:40px;box-shadow:0 10px 40px #0003;max-width:500px;width:100%}.title[data-v-0b1c60a0]{text-align:center;color:#333;margin-bottom:30px;font-size:24px}.grid-container[data-v-0b1c60a0]{display:grid;grid-template-columns:1fr;gap:20px;margin-bottom:30px}.form-group[data-v-0b1c60a0]{display:flex;flex-direction:column}.form-group label[data-v-0b1c60a0]{margin-bottom:8px;font-weight:600;color:#555;font-size:14px}.form-group input[data-v-0b1c60a0],.form-group select[data-v-0b1c60a0]{padding:12px;border:2px solid #ddd;border-radius:8px;font-size:14px;transition:all .3s ease}.form-group input[data-v-0b1c60a0]:focus,.form-group select[data-v-0b1c60a0]:focus{outline:none;border-color:#667eea;box-shadow:0 0 8px #667eea4d}.btn-group[data-v-0b1c60a0]{display:flex;gap:10px;justify-content:center}.btn-save[data-v-0b1c60a0],.btn-back[data-v-0b1c60a0]{padding:12px 24px;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease}.btn-save[data-v-0b1c60a0]{background:#667eea;color:#fff;flex:1}.btn-save[data-v-0b1c60a0]:hover:not(:disabled){background:#5568d3;transform:translateY(-2px)}.btn-save[data-v-0b1c60a0]:disabled{opacity:.6;cursor:not-allowed}.btn-back[data-v-0b1c60a0]{background:#f0f0f0;color:#333;flex:1}.btn-back[data-v-0b1c60a0]:hover{background:#e0e0e0}.edit-wrapper[data-v-56f0002d]{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:40px 20px;display:flex;justify-content:center;align-items:center}.form-card[data-v-56f0002d]{background:#fff;border-radius:15px;padding:40px;box-shadow:0 10px 40px #0003;max-width:500px;width:100%}.title[data-v-56f0002d]{text-align:center;color:#333;margin-bottom:30px;font-size:24px}.grid-container[data-v-56f0002d]{display:grid;grid-template-columns:1fr;gap:20px;margin-bottom:30px}.form-group[data-v-56f0002d]{display:flex;flex-direction:column}.form-group label[data-v-56f0002d]{margin-bottom:8px;font-weight:600;color:#555;font-size:14px}.form-group input[data-v-56f0002d],.form-group select[data-v-56f0002d]{padding:12px;border:2px solid #ddd;border-radius:8px;font-size:14px;transition:all .3s ease}.form-group input[data-v-56f0002d]:disabled{background-color:#f5f5f5;cursor:not-allowed;color:#999}.form-group input[data-v-56f0002d]:focus,.form-group select[data-v-56f0002d]:focus{outline:none;border-color:#667eea;box-shadow:0 0 8px #667eea4d}.btn-group[data-v-56f0002d]{display:flex;gap:10px;justify-content:center}.btn-save[data-v-56f0002d],.btn-back[data-v-56f0002d]{padding:12px 24px;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;text-decoration:none;display:flex;align-items:center;justify-content:center}.btn-save[data-v-56f0002d]{background:#667eea;color:#fff;flex:1}.btn-save[data-v-56f0002d]:hover:not(:disabled){background:#5568d3;transform:translateY(-2px)}.btn-save[data-v-56f0002d]:disabled{opacity:.6;cursor:not-allowed}.btn-back[data-v-56f0002d]{background:#f0f0f0;color:#333;flex:1}.btn-back[data-v-56f0002d]:hover{background:#e0e0e0}.attendance-page[data-v-9ccd27b5]{background-color:#5b4dcc;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:40px 20px;box-sizing:border-box}.main-container[data-v-9ccd27b5]{max-width:1100px;margin:0 auto;width:100%}.header-section[data-v-9ccd27b5]{background-color:#fff;border-radius:24px;padding:30px 20px;margin-bottom:30px;box-shadow:0 4px 15px #0000001a;display:flex;flex-direction:column;align-items:center;text-align:center}.icon-header[data-v-9ccd27b5]{color:#5b4dcc;margin-bottom:12px}.page-title[data-v-9ccd27b5]{color:#5b4dcc;font-size:24px;font-weight:700;margin:0 0 8px}.page-subtitle[data-v-9ccd27b5]{color:#666;font-size:14px;margin-bottom:25px}.search-wrapper[data-v-9ccd27b5]{position:relative;width:100%;max-width:320px;margin-bottom:20px}.search-input[data-v-9ccd27b5]{width:100%;padding:10px 20px 10px 45px;border-radius:50px;border:1px solid #ddd;outline:none;font-size:14px;box-sizing:border-box;transition:border .3s}.search-input[data-v-9ccd27b5]:focus{border-color:#5b4dcc}.search-icon[data-v-9ccd27b5]{position:absolute;left:15px;top:50%;transform:translateY(-50%);display:flex;align-items:center}.filter-group[data-v-9ccd27b5]{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.filter-btn[data-v-9ccd27b5]{background:#f8f9fa;border:none;padding:8px 20px;border-radius:20px;font-size:13px;color:#777;font-weight:600;cursor:pointer;transition:all .2s}.filter-btn[data-v-9ccd27b5]:hover{background:#eee}.filter-btn.active[data-v-9ccd27b5]{background-color:#5b4dcc;color:#fff;box-shadow:0 2px 5px #5b4dcc4d}.cards-grid[data-v-9ccd27b5]{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.subject-card[data-v-9ccd27b5]{background:#fff;border-radius:16px;padding:20px;box-shadow:0 4px 6px #0000000d;display:flex;flex-direction:column;transition:transform .2s;cursor:pointer}.subject-card[data-v-9ccd27b5]:hover{transform:translateY(-2px)}.card-header-row[data-v-9ccd27b5]{margin-bottom:10px}.subject-icon-box[data-v-9ccd27b5]{background-color:#5b4dcc;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff}.subject-name[data-v-9ccd27b5]{font-size:16px;font-weight:700;color:#5b4dcc;margin:5px 0 0;line-height:1.4}.class-row[data-v-9ccd27b5]{display:flex;align-items:center;margin-top:8px;margin-bottom:15px;color:#555;font-size:13px}.black-icon[data-v-9ccd27b5]{margin-right:6px}.class-name[data-v-9ccd27b5]{font-weight:500;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.arrow-right[data-v-9ccd27b5]{color:#ccc;margin-left:5px}.divider[data-v-9ccd27b5]{height:1px;background-color:#eee;margin-bottom:15px}.stats-row[data-v-9ccd27b5]{display:flex;justify-content:space-between;align-items:flex-end}.stat-col[data-v-9ccd27b5]{display:flex;flex-direction:column}.left-align[data-v-9ccd27b5]{text-align:left;width:40%}.center-align[data-v-9ccd27b5]{text-align:center;width:30%}.right-align[data-v-9ccd27b5]{text-align:right;width:30%}.lecturer-name[data-v-9ccd27b5]{color:#5b4dcc;font-weight:700;font-size:13px;margin-bottom:4px;line-height:1.3}.stat-value[data-v-9ccd27b5]{font-weight:700;font-size:14px;color:#444;margin-bottom:4px}.stat-value.highlight[data-v-9ccd27b5]{color:#5b4dcc}.stat-label[data-v-9ccd27b5]{font-size:10px;color:#999;line-height:1.2}.loading-message[data-v-9ccd27b5],.error-message[data-v-9ccd27b5],.empty-message[data-v-9ccd27b5]{grid-column:1 / -1;text-align:center;padding:40px 20px;color:#666;font-size:16px}.error-message[data-v-9ccd27b5]{color:#d32f2f;background:#ffebee;border-radius:8px;padding:20px}.detail-page[data-v-df409f2a]{background-color:#5b4dcc;min-height:100vh;padding:40px 20px;font-family:Segoe UI,sans-serif}.main-container[data-v-df409f2a]{max-width:1100px;margin:0 auto}.loading-message[data-v-df409f2a],.error-message[data-v-df409f2a]{background:#fff;border-radius:20px;padding:40px;text-align:center;box-shadow:0 4px 10px #0000001a;font-size:18px;font-weight:500;margin-bottom:20px}.loading-message[data-v-df409f2a]{color:#5b4dcc}.error-message[data-v-df409f2a]{color:#ff5b5b}.header-card[data-v-df409f2a]{background:#fff;border-radius:20px;padding:25px;margin-bottom:20px;display:flex;flex-direction:column;align-items:center;box-shadow:0 4px 10px #0000001a}.header-top[data-v-df409f2a]{display:flex;align-items:center;margin-bottom:20px}.square-icon[data-v-df409f2a]{width:16px;height:16px;background-color:#5b4dcc;margin-right:10px;border-radius:2px}.page-title[data-v-df409f2a]{color:#333;font-size:24px;font-weight:700;margin:0}.info-pills[data-v-df409f2a]{display:flex;gap:15px;flex-wrap:wrap;justify-content:center}.pill[data-v-df409f2a]{background-color:#4b3ca3;color:#fff;padding:10px 20px;border-radius:50px;font-size:14px;display:flex;align-items:center;gap:8px;box-shadow:0 4px 8px #4b3ca366}.stats-grid[data-v-df409f2a]{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:20px}.stat-box[data-v-df409f2a]{background:#fff;border-radius:16px;padding:25px 15px;text-align:center;box-shadow:0 4px 6px #0000000d}.stat-number[data-v-df409f2a]{font-size:28px;font-weight:800;margin-bottom:8px}.stat-number.green[data-v-df409f2a]{color:#00c0a5}.stat-number.red[data-v-df409f2a]{color:#ff5b5b}.stat-number.purple[data-v-df409f2a]{color:#9c27b0}.stat-number.teal[data-v-df409f2a]{color:#009688}.stat-text[data-v-df409f2a]{color:#666;font-size:13px;font-weight:500}.table-card[data-v-df409f2a]{background:#fff;border-radius:20px;padding:25px;box-shadow:0 4px 10px #0000001a}.table-header[data-v-df409f2a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.title-with-icon[data-v-df409f2a]{display:flex;align-items:center;gap:10px;color:#5b4dcc}.title-with-icon h3[data-v-df409f2a]{margin:0;font-size:18px}.btn-export[data-v-df409f2a]{background-color:#00d4a0;color:#fff;border:none;padding:8px 16px;border-radius:20px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:5px}.table-wrapper[data-v-df409f2a]{overflow-x:auto}table[data-v-df409f2a]{width:100%;border-collapse:collapse}thead tr[data-v-df409f2a]{background:linear-gradient(90deg,#5b4dcc,#8e7dff);color:#fff}th[data-v-df409f2a]{padding:12px 15px;text-align:left;font-weight:600;font-size:14px}th[data-v-df409f2a]:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px}th[data-v-df409f2a]:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px}td[data-v-df409f2a]{padding:15px;border-bottom:1px solid #eee;font-size:14px;color:#333;font-weight:500}.status-badge[data-v-df409f2a]{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:700;display:inline-block}.status-badge.present[data-v-df409f2a]{background-color:#e0f7fa;color:#00c0a5;border:1px solid #00c0a5}.status-badge.absent[data-v-df409f2a]{background-color:#ffebee;color:#ff5b5b;border:1px solid #ff5b5b}[data-v-085a5fb2]{margin:0;padding:0;box-sizing:border-box}.wrapper[data-v-085a5fb2]{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px;font-family:Segoe UI,sans-serif}.container[data-v-085a5fb2]{max-width:1000px;margin:0 auto}.card[data-v-085a5fb2]{background:#fffffff7;border-radius:16px;padding:24px;margin-bottom:20px;box-shadow:0 8px 32px #0000001a}.header-card[data-v-085a5fb2]{display:flex;align-items:flex-start;gap:20px;flex-wrap:wrap}.btn-back[data-v-085a5fb2]{background:#e5e7eb;border:none;padding:10px 18px;border-radius:10px;cursor:pointer;font-weight:600;white-space:nowrap}.btn-back[data-v-085a5fb2]:hover{background:#d1d5db}.schedule-info[data-v-085a5fb2]{flex:1}.schedule-info h1[data-v-085a5fb2]{font-size:1.8rem;color:#333;margin-bottom:12px}.info-grid[data-v-085a5fb2]{display:flex;flex-wrap:wrap;gap:12px;color:#555;font-size:.95rem}.stats-row[data-v-085a5fb2]{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.stat[data-v-085a5fb2]{background:#fffffff7;border-radius:12px;padding:14px 16px;text-align:center;font-size:.95rem;box-shadow:0 4px 15px #00000014}.present-stat[data-v-085a5fb2]{border-left:4px solid #28a745}.absent-stat[data-v-085a5fb2]{border-left:4px solid #dc3545}.unmarked-stat[data-v-085a5fb2]{border-left:4px solid #aaa}.total-stat[data-v-085a5fb2]{border-left:4px solid #667eea}.actions-card[data-v-085a5fb2]{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.bulk-actions[data-v-085a5fb2]{display:flex;gap:10px}.btn[data-v-085a5fb2]{padding:10px 20px;border:none;border-radius:10px;cursor:pointer;font-weight:600;font-size:.95rem;transition:all .2s}.btn-present[data-v-085a5fb2]{background:#d4edda;color:#155724}.btn-absent[data-v-085a5fb2]{background:#f8d7da;color:#721c24}.btn-save[data-v-085a5fb2]{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;padding:12px 30px}.btn-save[data-v-085a5fb2]:disabled{opacity:.6;cursor:not-allowed}.btn-save.full[data-v-085a5fb2]{width:100%}.btn[data-v-085a5fb2]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #00000026}table[data-v-085a5fb2]{width:100%;border-collapse:collapse}th[data-v-085a5fb2]{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;padding:12px;text-align:left}td[data-v-085a5fb2]{padding:12px;border-bottom:1px solid #f0f0f0;vertical-align:middle}tr.present td[data-v-085a5fb2]{background:#28a7450d}tr.absent td[data-v-085a5fb2]{background:#dc35450d}.status-badge[data-v-085a5fb2]{padding:4px 10px;border-radius:20px;font-size:.85rem;font-weight:600}.status-badge.present[data-v-085a5fb2]{background:#d4edda;color:#155724}.status-badge.absent[data-v-085a5fb2]{background:#f8d7da;color:#721c24}.status-badge.unmarked[data-v-085a5fb2]{background:#e9ecef;color:#6c757d}.btn-toggle[data-v-085a5fb2]{background:#f0f0f0;border:none;padding:6px 14px;border-radius:8px;cursor:pointer;font-size:.85rem}.btn-toggle[data-v-085a5fb2]:hover{background:#e0e0e0}.loading-card[data-v-085a5fb2]{text-align:center;padding:40px;color:#666}.spinner[data-v-085a5fb2]{width:40px;height:40px;border:4px solid #f3f3f3;border-top-color:#667eea;border-radius:50%;animation:spin-085a5fb2 .8s linear infinite;margin:0 auto 15px}@keyframes spin-085a5fb2{to{transform:rotate(360deg)}}.empty[data-v-085a5fb2]{text-align:center;color:#999;padding:30px;font-style:italic}@media(max-width:600px){.stats-row[data-v-085a5fb2]{grid-template-columns:1fr 1fr}}[data-v-9e905c84]{margin:0;padding:0;box-sizing:border-box}.wrapper[data-v-9e905c84]{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px;font-family:Segoe UI,sans-serif}.container[data-v-9e905c84]{max-width:1300px;margin:0 auto}.card[data-v-9e905c84]{background:#fffffff7;border-radius:16px;padding:20px;box-shadow:0 8px 32px #0000001a}.header-card[data-v-9e905c84]{display:flex;align-items:center;gap:20px;margin-bottom:20px}.header-card h1[data-v-9e905c84]{font-size:1.8rem;color:#333}.header-card p[data-v-9e905c84]{color:#888;font-size:.95rem;margin-top:4px}.btn-back[data-v-9e905c84]{background:#e5e7eb;border:none;padding:10px 18px;border-radius:10px;cursor:pointer;font-weight:600;white-space:nowrap}.btn-back[data-v-9e905c84]:hover{background:#d1d5db}.main-layout[data-v-9e905c84]{display:grid;grid-template-columns:340px 1fr;gap:20px;align-items:start}.schedule-list[data-v-9e905c84]{padding:16px}.search-input[data-v-9e905c84]{width:100%;padding:10px 14px;margin-bottom:14px;border:2px solid #e0e0e0;border-radius:10px;font-size:.95rem;outline:none}.search-input[data-v-9e905c84]:focus{border-color:#667eea}.schedule-item[data-v-9e905c84]{padding:12px 14px;border-radius:10px;margin-bottom:8px;cursor:pointer;border:2px solid transparent;transition:all .15s;background:#f8f9fa}.schedule-item[data-v-9e905c84]:hover{background:#e9ecef}.schedule-item.active[data-v-9e905c84]{border-color:#667eea;background:#667eea14}.item-subject[data-v-9e905c84]{font-weight:700;color:#333;margin-bottom:4px}.item-meta[data-v-9e905c84]{font-size:.82rem;color:#777;display:flex;gap:12px;margin-top:3px}.item-badge[data-v-9e905c84]{margin-top:6px;font-size:.82rem;font-weight:600;color:#28a745}.detail-panel[data-v-9e905c84]{min-height:400px}.empty-detail[data-v-9e905c84]{text-align:center;padding:60px 20px;color:#aaa}.empty-detail p[data-v-9e905c84]{margin-top:12px;font-size:1rem}.detail-header[data-v-9e905c84]{margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.detail-header h2[data-v-9e905c84]{font-size:1.4rem;color:#333;margin-bottom:10px}.detail-meta[data-v-9e905c84]{display:flex;flex-wrap:wrap;gap:14px;color:#555;font-size:.9rem;margin-bottom:14px}.stats-row[data-v-9e905c84]{display:flex;gap:10px;flex-wrap:wrap}.mini-stat[data-v-9e905c84]{padding:6px 14px;border-radius:20px;font-size:.88rem}.mini-stat.present[data-v-9e905c84]{background:#d4edda;color:#155724}.mini-stat.absent[data-v-9e905c84]{background:#f8d7da;color:#721c24}.mini-stat.total[data-v-9e905c84]{background:#e8eaf6;color:#3730a3}table[data-v-9e905c84]{width:100%;border-collapse:collapse}th[data-v-9e905c84]{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;padding:11px 14px;text-align:left}td[data-v-9e905c84]{padding:11px 14px;border-bottom:1px solid #f0f0f0;vertical-align:middle}tr:hover td[data-v-9e905c84]{background:#667eea08}.badge[data-v-9e905c84]{padding:4px 12px;border-radius:20px;font-size:.85rem;font-weight:600}.badge.present[data-v-9e905c84]{background:#d4edda;color:#155724}.badge.absent[data-v-9e905c84]{background:#f8d7da;color:#721c24}.loading[data-v-9e905c84]{text-align:center;padding:30px;color:#888}.spinner[data-v-9e905c84]{width:32px;height:32px;border:3px solid #f3f3f3;border-top-color:#667eea;border-radius:50%;animation:spin-9e905c84 .8s linear infinite;margin:0 auto 10px}@keyframes spin-9e905c84{to{transform:rotate(360deg)}}.empty[data-v-9e905c84]{text-align:center;color:#aaa;padding:30px;font-style:italic}@media(max-width:768px){.main-layout[data-v-9e905c84]{grid-template-columns:1fr}}.wrapper[data-v-14923927]{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;align-items:center;font-family:Segoe UI,sans-serif;padding:20px}.form-card[data-v-14923927]{background:#fff;width:100%;max-width:460px;border-radius:20px;overflow:hidden;box-shadow:0 15px 35px #0003}.header-section[data-v-14923927]{padding:28px;text-align:center;border-bottom:2px solid #f0f0f0}.header-section h2[data-v-14923927]{color:#764ba2;font-size:1.8rem;font-weight:800;margin-bottom:6px}.header-section p[data-v-14923927]{color:#888;font-size:.95rem}.form-body[data-v-14923927]{padding:30px}.form-group[data-v-14923927]{margin-bottom:20px}.form-group label[data-v-14923927]{display:block;font-weight:600;color:#444;margin-bottom:8px}.form-group input[data-v-14923927]{width:100%;padding:12px;border:1px solid #ddd;border-radius:10px;font-size:15px;box-sizing:border-box;transition:all .3s}.form-group input[data-v-14923927]:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea33}.btn-group[data-v-14923927]{display:flex;gap:12px;margin-top:28px}.btn-submit[data-v-14923927]{flex:2;background:linear-gradient(90deg,#667eea,#764ba2);color:#fff;border:none;padding:14px;border-radius:10px;font-weight:700;font-size:16px;cursor:pointer;transition:all .2s}.btn-submit[data-v-14923927]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #764ba266}.btn-submit[data-v-14923927]:disabled{opacity:.6;cursor:not-allowed}.btn-back[data-v-14923927]{flex:1;background:#e5e7eb;color:#374151;border:none;padding:14px;border-radius:10px;font-weight:600;cursor:pointer}.btn-back[data-v-14923927]:hover{background:#d1d5db}