@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}#app{width:100%;height:100vh;display:flex;justify-content:center;align-items:center}body{font-family:Inter,sans-serif;background-color:var(--color-background-gray);line-height:1.6;color:var(--color-text-dark);transition:background-color .2s ease,color .2s ease}:root{--color-primary: #1a73e8;--color-primary-dark: #155bb3;--color-secondary: #3b82f6;--color-secondary-dark: #2563eb;--color-accent-orange: #f9a825;--color-accent-orange-dark: #f59e0b;--color-accent-red: #ef4444;--color-accent-green: #10b981;--color-accent-light-green: #34d399;--color-accent-purple: #9333ea;--color-on-primary: #fff;--color-text-dark: #333;--color-text-medium: #555;--color-text-light: #6b7280;--color-text-placeholder: #888;--color-background-light: #fff;--color-background-gray: #f0f2f5;--color-background-light-gray: #fafafa;--color-background-lightest-gray: #f9fafb;--color-background-selected: #c5d8ff;--color-border: #e0e0e0;--color-border-light: #ccc;--spacing-xs: 5px;--spacing-sm: 10px;--spacing-md: 15px;--spacing-lg: 20px;--spacing-xl: 25px;--border-radius-sm: 5px;--border-radius-md: 8px;--border-radius-lg: 10px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 5px 15px rgba(0, 0, 0, .3)}:root[data-theme=dark]{--color-on-primary: #ffffff;--color-text-dark: #e6eef8;--color-text-medium: #bfcad6;--color-text-light: #93a3b3;--color-text-placeholder: #6b7f8f;--color-background-light: #0b1724;--color-background-gray: #061025;--color-background-light-gray: #0d2130;--color-background-lightest-gray: #122436;--color-background-selected: rgba(59,130,246,.22);--color-border: rgba(255,255,255,.06);--color-border-light: rgba(255,255,255,.04);--shadow-sm: 0 2px 6px rgba(2,6,23,.6);--shadow-md: 0 8px 18px rgba(2,6,23,.7);--shadow-lg: 0 12px 36px rgba(2,6,23,.8)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--color-on-primary: #ffffff;--color-text-dark: #e6eef8;--color-text-medium: #bfcad6;--color-text-light: #93a3b3;--color-text-placeholder: #6b7f8f;--color-background-light: #0b1724;--color-background-gray: #061025;--color-background-light-gray: #0d2130;--color-background-lightest-gray: #122436;--color-background-selected: rgba(59,130,246,.22);--color-border: rgba(255,255,255,.06);--color-border-light: rgba(255,255,255,.04);--shadow-sm: 0 2px 6px rgba(2,6,23,.6);--shadow-md: 0 8px 18px rgba(2,6,23,.7);--shadow-lg: 0 12px 36px rgba(2,6,23,.8)}}.container,.modal-content,.student-table th{transition:background-color .2s ease,color .2s ease,border-color .2s ease}.header[data-v-e98865b7]{background-color:var(--color-primary);color:var(--color-on-primary);padding:var(--spacing-md) var(--spacing-xl);display:flex;align-items:center;justify-content:space-between;border-top-left-radius:var(--border-radius-lg);border-top-right-radius:var(--border-radius-lg)}.header h1[data-v-e98865b7]{margin:0;font-size:24px;font-weight:500}.header .buttons[data-v-e98865b7]{display:flex;gap:var(--spacing-sm)}.header .buttons button[data-v-e98865b7]{background-color:var(--color-secondary);color:var(--color-on-primary);border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-sm);cursor:pointer;font-size:14px;transition:background-color .2s}.header .buttons button[data-v-e98865b7]:hover{background-color:var(--color-secondary-dark)}.header .buttons button.restore[data-v-e98865b7]{background-color:var(--color-accent-orange)}.header .buttons button.restore[data-v-e98865b7]:hover{background-color:var(--color-accent-orange-dark)}.sidebar[data-v-9fa7064f]{width:250px;flex-shrink:0;display:flex;flex-direction:column;gap:var(--spacing-md);border-right:1px solid var(--color-border);padding-right:var(--spacing-xl)}.sidebar h2[data-v-9fa7064f]{margin:0 0 var(--spacing-sm) 0;font-size:18px;font-weight:500;color:var(--color-text-medium);border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-sm)}.sidebar button[data-v-9fa7064f]{width:100%;padding:var(--spacing-md);border-radius:var(--border-radius-md);border:none;font-size:16px;font-weight:500;color:var(--color-on-primary);cursor:pointer;text-align:left;box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s}.sidebar button[data-v-9fa7064f]:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.sidebar button[data-v-9fa7064f]:disabled{background-color:var(--color-border-light)!important;cursor:not-allowed;transform:none;box-shadow:none}.sidebar .add-student[data-v-9fa7064f]{background-color:var(--color-secondary)}.sidebar .edit-student[data-v-9fa7064f]{background-color:var(--color-secondary-dark)}.sidebar .delete-student[data-v-9fa7064f]{background-color:var(--color-accent-red)}.sidebar .register-absence[data-v-9fa7064f]{background-color:var(--color-accent-orange)}.sidebar .view-record[data-v-9fa7064f]{background-color:var(--color-accent-green)}.sidebar .stats[data-v-9fa7064f]{background-color:var(--color-accent-purple)}.sidebar .export-data[data-v-9fa7064f]{background-color:var(--color-accent-light-green)}.student-table[data-v-d3926d7e]{width:100%;border-collapse:collapse}.student-table th[data-v-d3926d7e],.student-table td[data-v-d3926d7e]{text-align:left;padding:var(--spacing-md) var(--spacing-md);border-bottom:1px solid var(--color-border);font-size:14px}.student-table th[data-v-d3926d7e]{background-color:var(--color-background-lightest-gray);font-weight:500;color:var(--color-text-medium);position:sticky;top:0}.student-table tbody tr[data-v-d3926d7e]{cursor:pointer}.student-table tbody tr[data-v-d3926d7e]:hover{background-color:var(--color-background-light-gray)}.student-table tbody tr.selected[data-v-d3926d7e]{background-color:var(--color-background-selected)!important;border-left:3px solid var(--color-primary)}.student-list-section[data-v-bf7b11f4]{flex:1;display:flex;flex-direction:column;gap:var(--spacing-md);overflow:hidden}.student-list-header[data-v-bf7b11f4]{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-sm)}.student-list-header h2[data-v-bf7b11f4]{margin:0;font-size:20px;font-weight:500;color:var(--color-text-dark)}.search-container[data-v-bf7b11f4]{display:flex;gap:var(--spacing-sm);align-items:center}.search-container input[data-v-bf7b11f4]{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-border-light);border-radius:var(--border-radius-sm);font-size:14px;width:200px}.search-container button[data-v-bf7b11f4]{padding:var(--spacing-xs) var(--spacing-md);border:none;border-radius:var(--border-radius-sm);cursor:pointer;font-size:14px;transition:background-color .2s}.search-container .search-button[data-v-bf7b11f4]{background-color:var(--color-secondary);color:var(--color-on-primary)}.search-container .search-button[data-v-bf7b11f4]:hover{background-color:var(--color-secondary-dark)}.search-container .clear-button[data-v-bf7b11f4]{background-color:var(--color-border-light);color:var(--color-text-dark)}.search-container .clear-button[data-v-bf7b11f4]:hover{background-color:var(--color-border)}.student-table-container[data-v-bf7b11f4]{flex:1;border:1px solid var(--color-border);border-radius:var(--border-radius-md);overflow-y:auto;background-color:var(--color-background-light-gray)}.footer[data-v-06af895e]{background-color:var(--color-background-lightest-gray);padding:var(--spacing-sm) var(--spacing-xl);border-top:1px solid var(--color-border);color:var(--color-text-light);font-size:14px;display:flex;align-items:center}.footer .status-text[data-v-06af895e]{color:var(--color-accent-red)}.modal[data-v-2a4ccb32]{display:flex;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#0006;justify-content:center;align-items:center}.modal-content[data-v-2a4ccb32]{background-color:var(--color-background-light);padding:var(--spacing-xl);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);width:90%;max-width:500px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.modal-header[data-v-2a4ccb32]{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.modal-header h3[data-v-2a4ccb32]{margin:0;font-size:20px;font-weight:500}.modal-body[data-v-2a4ccb32]{display:flex;flex-direction:column;gap:var(--spacing-md)}.modal-footer[data-v-2a4ccb32]{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.modal-footer button[data-v-2a4ccb32]{padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--border-radius-sm);cursor:pointer;font-weight:500}.modal-footer .confirm-button[data-v-2a4ccb32]{background-color:var(--color-primary);color:var(--color-on-primary)}.modal-footer .confirm-button[data-v-2a4ccb32]:hover{background-color:var(--color-primary-dark)}.close-button[data-v-2a4ccb32]{color:var(--color-text-light);font-size:28px;font-weight:700;cursor:pointer}.close-button[data-v-2a4ccb32]:hover,.close-button[data-v-2a4ccb32]:focus{color:var(--color-text-dark)}.modal[data-v-9e9f4a45]{display:flex;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#0006;justify-content:center;align-items:center}.modal-content[data-v-9e9f4a45]{background-color:var(--color-background-light);padding:var(--spacing-xl);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);width:90%;max-width:500px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.modal-header[data-v-9e9f4a45]{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.modal-header h3[data-v-9e9f4a45]{margin:0;font-size:20px;font-weight:500}.modal-body[data-v-9e9f4a45]{display:flex;flex-direction:column;gap:var(--spacing-md)}.modal-form label[data-v-9e9f4a45]{display:block;margin-bottom:var(--spacing-xs);font-weight:500}.modal-form input[data-v-9e9f4a45],.modal-form select[data-v-9e9f4a45]{width:100%;padding:var(--spacing-sm);border:1px solid var(--color-border-light);border-radius:var(--border-radius-sm);box-sizing:border-box;margin-bottom:var(--spacing-sm)}.modal-form input[data-v-9e9f4a45]:focus,.modal-form select[data-v-9e9f4a45]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #1a73e833}.modal-footer[data-v-9e9f4a45]{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.modal-footer button[data-v-9e9f4a45]{padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--border-radius-sm);cursor:pointer;font-weight:500}.modal-footer .confirm-button[data-v-9e9f4a45]{background-color:var(--color-primary);color:var(--color-on-primary)}.modal-footer .confirm-button[data-v-9e9f4a45]:hover{background-color:var(--color-primary-dark)}.modal-footer .cancel-button[data-v-9e9f4a45]{background-color:var(--color-border-light);color:var(--color-text-dark)}.modal-footer .cancel-button[data-v-9e9f4a45]:hover{background-color:var(--color-border)}.close-button[data-v-9e9f4a45]{color:var(--color-text-light);font-size:28px;font-weight:700;cursor:pointer}.close-button[data-v-9e9f4a45]:hover,.close-button[data-v-9e9f4a45]:focus{color:var(--color-text-dark)}.modal[data-v-c376451a]{display:flex;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#0006;justify-content:center;align-items:center}.modal-content[data-v-c376451a]{background-color:var(--color-background-light);padding:var(--spacing-xl);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);width:90%;max-width:500px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.modal-header[data-v-c376451a]{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.modal-header h3[data-v-c376451a]{margin:0;font-size:20px;font-weight:500}.modal-body[data-v-c376451a]{display:flex;flex-direction:column;gap:var(--spacing-md)}.modal-footer[data-v-c376451a]{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.modal-footer button[data-v-c376451a]{padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--border-radius-sm);cursor:pointer;font-weight:500}.modal-footer .confirm-button[data-v-c376451a]{background-color:var(--color-primary);color:var(--color-on-primary)}.modal-footer .confirm-button[data-v-c376451a]:hover{background-color:var(--color-primary-dark)}.modal-footer .cancel-button[data-v-c376451a]{background-color:var(--color-border-light);color:var(--color-text-dark)}.modal-footer .cancel-button[data-v-c376451a]:hover{background-color:var(--color-border)}.close-button[data-v-c376451a]{color:var(--color-text-light);font-size:28px;font-weight:700;cursor:pointer}.close-button[data-v-c376451a]:hover,.close-button[data-v-c376451a]:focus{color:var(--color-text-dark)}.modal[data-v-90069cc1]{display:flex;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#0006;justify-content:center;align-items:center}.modal-content[data-v-90069cc1]{background-color:var(--color-background-light);padding:var(--spacing-xl);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);width:90%;max-width:500px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.modal-header[data-v-90069cc1]{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.modal-header h3[data-v-90069cc1]{margin:0;font-size:20px;font-weight:500}.modal-body[data-v-90069cc1]{display:flex;flex-direction:column;gap:var(--spacing-md)}.modal-form label[data-v-90069cc1]{display:block;margin-bottom:var(--spacing-xs);font-weight:500}.modal-form input[data-v-90069cc1],.modal-form select[data-v-90069cc1]{width:100%;padding:var(--spacing-sm);border:1px solid var(--color-border-light);border-radius:var(--border-radius-sm);box-sizing:border-box;margin-bottom:var(--spacing-sm)}.modal-form input[data-v-90069cc1]:focus,.modal-form select[data-v-90069cc1]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #1a73e833}.modal-footer[data-v-90069cc1]{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.modal-footer button[data-v-90069cc1]{padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--border-radius-sm);cursor:pointer;font-weight:500}.modal-footer .confirm-button[data-v-90069cc1]{background-color:var(--color-primary);color:var(--color-on-primary)}.modal-footer .confirm-button[data-v-90069cc1]:hover{background-color:var(--color-primary-dark)}.modal-footer .cancel-button[data-v-90069cc1]{background-color:var(--color-border-light);color:var(--color-text-dark)}.modal-footer .cancel-button[data-v-90069cc1]:hover{background-color:var(--color-border)}.close-button[data-v-90069cc1]{color:var(--color-text-light);font-size:28px;font-weight:700;cursor:pointer}.close-button[data-v-90069cc1]:hover,.close-button[data-v-90069cc1]:focus{color:var(--color-text-dark)}.modal[data-v-849eac6f]{display:flex;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#0006;justify-content:center;align-items:center}.modal-content[data-v-849eac6f]{background-color:var(--color-background-light);padding:var(--spacing-xl);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);width:90%;max-width:500px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.modal-header[data-v-849eac6f]{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.modal-header h3[data-v-849eac6f]{margin:0;font-size:20px;font-weight:500}.modal-body[data-v-849eac6f]{display:flex;flex-direction:column;gap:var(--spacing-md)}.modal-footer[data-v-849eac6f]{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.modal-footer button[data-v-849eac6f]{padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--border-radius-sm);cursor:pointer;font-weight:500}.modal-footer .confirm-button[data-v-849eac6f]{background-color:var(--color-primary);color:var(--color-on-primary)}.modal-footer .confirm-button[data-v-849eac6f]:hover{background-color:var(--color-primary-dark)}.close-button[data-v-849eac6f]{color:var(--color-text-light);font-size:28px;font-weight:700;cursor:pointer}.close-button[data-v-849eac6f]:hover,.close-button[data-v-849eac6f]:focus{color:var(--color-text-dark)}.student-table[data-v-849eac6f]{width:100%;border-collapse:collapse}.student-table th[data-v-849eac6f],.student-table td[data-v-849eac6f]{text-align:left;padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-border);font-size:14px}.student-table th[data-v-849eac6f]{background-color:var(--color-background-lightest-gray);font-weight:500;color:var(--color-text-medium);position:sticky;top:0}.modal[data-v-d65873e6]{display:flex;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#0006;justify-content:center;align-items:center}.modal-content[data-v-d65873e6]{background-color:var(--color-background-light);padding:var(--spacing-xl);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);width:90%;max-width:500px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.modal-header[data-v-d65873e6]{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.modal-header h3[data-v-d65873e6]{margin:0;font-size:20px;font-weight:500}.modal-body[data-v-d65873e6]{display:flex;flex-direction:column;gap:var(--spacing-md)}.modal-footer[data-v-d65873e6]{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.modal-footer button[data-v-d65873e6]{padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--border-radius-sm);cursor:pointer;font-weight:500}.modal-footer .confirm-button[data-v-d65873e6]{background-color:var(--color-primary);color:var(--color-on-primary)}.modal-footer .confirm-button[data-v-d65873e6]:hover{background-color:var(--color-primary-dark)}.close-button[data-v-d65873e6]{color:var(--color-text-light);font-size:28px;font-weight:700;cursor:pointer}.close-button[data-v-d65873e6]:hover,.close-button[data-v-d65873e6]:focus{color:var(--color-text-dark)}.container[data-v-de72e3ae]{width:90%;max-width:1200px;height:90vh;background-color:var(--color-background-light);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);display:flex;flex-direction:column;overflow:hidden}.main-content[data-v-de72e3ae]{display:flex;flex:1;padding:var(--spacing-xl);gap:var(--spacing-xl);overflow:hidden}