.fw-bold7{font-weight:700!important}.form-control{box-shadow:none!important;border:1px solid gray;color:#000;font-weight:800}.btn{font-size:16px}.fullheight{height:100%!important}.mr-2{margin-left:15px}.mr-1{margin-left:10px}.rounded-ic{background:#d8e8ff;padding:5px;border-radius:50px!important}.bi{height:35px;width:35px}.header_new{border-radius:0 0 20px 20px}.header_new,.newbtn{background:linear-gradient(135deg,#0056c2,#003a75)}.bg-primary,.footer{background-color:#006c6f!important}.footer a{color:#fff!important;font-weight:600}.mid_width{width:250px!important}.second-nav[data-v-31733c32]{list-style:none;padding:0}.second-nav li[data-v-31733c32]{padding:7px 0;border-bottom:1px solid grey}.login-container[data-v-4a97ae6b]{min-height:100vh;display:flex;position:relative;background:linear-gradient(135deg,#667eea,#764ba2)}.login-background[data-v-4a97ae6b]{flex:1;background:linear-gradient(135deg,rgba(102,126,234,.9),rgba(118,75,162,.9));display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px;color:#fff;position:relative;overflow:hidden}.background-overlay[data-v-4a97ae6b]{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.3)}.background-content[data-v-4a97ae6b]{position:relative;z-index:2;text-align:center;max-width:500px}.school-logo[data-v-4a97ae6b]{margin-bottom:24px}.school-logo-img[data-v-4a97ae6b]{width:120px;height:120px;border-radius:50%;background:#fff;padding:20px;box-shadow:0 8px 32px rgba(0,0,0,.2)}.school-name[data-v-4a97ae6b]{font-size:28px;font-weight:700;margin:0 0 12px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.school-tagline[data-v-4a97ae6b]{font-size:16px;opacity:.9;margin:0;font-weight:300}.login-forms-container[data-v-4a97ae6b]{width:100%;max-width:480px;background:#fff;display:flex;flex-direction:column;justify-content:center;padding:40px;box-shadow:-4px 0 20px rgba(0,0,0,.1)}.login-form[data-v-4a97ae6b]{width:100%}.form-header[data-v-4a97ae6b]{text-align:center;margin-bottom:32px}.form-header h2[data-v-4a97ae6b]{font-size:24px;font-weight:700;color:#2c3e50;margin:0 0 8px}.form-header p[data-v-4a97ae6b]{color:#7f8c8d;margin:0;font-size:14px}.form-group[data-v-4a97ae6b]{margin-bottom:24px}.form-group label[data-v-4a97ae6b]{display:block;margin-bottom:8px;font-weight:600;color:#2c3e50;font-size:14px}.input-with-icon[data-v-4a97ae6b]{position:relative}.input-with-icon i[data-v-4a97ae6b]{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#7f8c8d;font-size:18px}.input-with-icon .form-control[data-v-4a97ae6b]{padding-left:48px}.form-control[data-v-4a97ae6b]{width:100%;padding:16px;border:2px solid #e9ecef;border-radius:12px;font-size:16px;transition:all .3s;background:#f8f9fa}.form-control[data-v-4a97ae6b]:focus{outline:none;border-color:#0056c2;background:#fff;box-shadow:0 0 0 3px rgba(0,86,194,.1)}.btn-primary[data-v-4a97ae6b]{width:100%;padding:16px;background:linear-gradient(135deg,#0056c2,#003a75);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;margin-bottom:24px}.btn-primary[data-v-4a97ae6b]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,86,194,.3)}.btn-primary[data-v-4a97ae6b]:active:not(:disabled){transform:translateY(0)}.btn-primary[data-v-4a97ae6b]:disabled{opacity:.7;cursor:not-allowed;transform:none}.loading-spinner[data-v-4a97ae6b]{display:inline-block;width:20px;height:20px;border:2px solid transparent;border-top:2px solid #fff;border-radius:50%;animation:spin-4a97ae6b 1s linear infinite}@keyframes spin-4a97ae6b{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.otp-container[data-v-4a97ae6b]{margin-bottom:24px}.otp-inputs[data-v-4a97ae6b]{display:flex;justify-content:center;gap:12px}.otp-input[data-v-4a97ae6b]{width:60px;height:60px;text-align:center;font-size:24px;font-weight:600;border:2px solid #e9ecef;border-radius:12px;background:#f8f9fa;transition:all .3s}.otp-input[data-v-4a97ae6b]:focus{outline:none;border-color:#0056c2;background:#fff;box-shadow:0 0 0 3px rgba(0,86,194,.1);transform:scale(1.05)}.otp-timer[data-v-4a97ae6b]{text-align:center;margin-bottom:16px}.otp-timer p[data-v-4a97ae6b]{margin:0;color:#7f8c8d;font-size:14px}.countdown[data-v-4a97ae6b]{color:#0056c2;font-weight:600}.resend-option[data-v-4a97ae6b]{text-align:center;margin-bottom:24px}.resend-option p[data-v-4a97ae6b]{margin:0;color:#7f8c8d;font-size:14px}.resend-option a[data-v-4a97ae6b]{color:#0056c2;text-decoration:none;font-weight:600}.resend-option a[data-v-4a97ae6b]:hover{text-decoration:underline}.form-footer[data-v-4a97ae6b]{text-align:center}.form-footer p[data-v-4a97ae6b]{margin:0;color:#7f8c8d;font-size:12px;line-height:1.5}.loading-overlay[data-v-4a97ae6b]{position:fixed;top:0;left:0;right:0;bottom:0;background:hsla(0,0%,100%,.9);display:flex;justify-content:center;align-items:center;z-index:1000}.spinner[data-v-4a97ae6b]{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #0056c2;border-radius:50%;animation:spin-4a97ae6b 1s linear infinite}@media (max-width:768px){.login-container[data-v-4a97ae6b]{flex-direction:column}.login-background[data-v-4a97ae6b]{padding:20px;min-height:40vh}.school-logo-img[data-v-4a97ae6b]{width:80px;height:80px}.school-name[data-v-4a97ae6b]{font-size:22px}.login-forms-container[data-v-4a97ae6b]{max-width:none;padding:24px;border-radius:24px 24px 0 0;margin-top:-40px;position:relative;z-index:3}.otp-input[data-v-4a97ae6b]{width:50px;height:50px;font-size:20px}}@media (max-width:480px){.login-forms-container[data-v-4a97ae6b]{padding:20px}.otp-inputs[data-v-4a97ae6b]{gap:8px}.otp-input[data-v-4a97ae6b]{width:45px;height:45px;font-size:18px}.form-header h2[data-v-4a97ae6b]{font-size:20px}}.badge{text-transform:capitalize}.float-right{float:right}.bottom_border{border-bottom:1px solid gray}.footer_area{position:fixed;width:-webkit-fill-available;bottom:0;background:#f0f8ff;padding:5px 10px}.custom_height{min-height:80vh;max-height:80vh;overflow-y:auto}.form-label[data-v-53009299]{margin-bottom:0}.bg_card[data-v-2e521415]{background:#ededec;margin:10px 0;padding-bottom:28px;padding:10px}.form-label[data-v-2e521415]{margin-bottom:0}.footer_card[data-v-2e521415]{list-style:lower-greek;position:fixed;background:#d7ffdb;bottom:0;width:-webkit-fill-available}.customer_card[data-v-2e521415]{padding:5px;border:1px solid;border-radius:10px}.bg_card{padding-bottom:28px;padding:10px}.bg-light-red{background-color:#ffd8db}.service_name{font-size:13px}.header_new[data-v-4976fedd]{border-radius:0 0 20px 20px}.bi[data-v-4976fedd]{height:35px;width:35px;justify-content:center;align-items:center}.status-indicator[data-v-4976fedd]{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600}.status-indicator.active[data-v-4976fedd]{background:rgba(76,175,80,.1);color:#4caf50}.status-indicator.inactive[data-v-4976fedd]{background:rgba(244,67,54,.1);color:#f44336}.app-container[data-v-4bf0ea5a]{min-height:100vh;background:#f5f7fa}.spinner-container[data-v-4bf0ea5a]{display:flex;justify-content:center;align-items:center;height:100vh}.spinner[data-v-4bf0ea5a]{width:50px;height:50px;border:5px solid #f3f3f3;border-top:5px solid #0056c2;border-radius:50%;animation:spin-4bf0ea5a 1s linear infinite}@keyframes spin-4bf0ea5a{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.app-header[data-v-4bf0ea5a]{background:linear-gradient(135deg,#0056c2,#003a75);color:#fff;padding:16px;position:sticky;top:0;z-index:100;box-shadow:0 2px 10px rgba(0,0,0,.1)}.header-content[data-v-4bf0ea5a]{display:flex;justify-content:space-between;align-items:center}.back-button[data-v-4bf0ea5a]{font-size:20px;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .3s}.back-button[data-v-4bf0ea5a]:active{background:hsla(0,0%,100%,.2)}.header-title h2[data-v-4bf0ea5a]{margin:0;font-size:20px;font-weight:600}.btn-add[data-v-4bf0ea5a]{width:40px;height:40px;border-radius:50%;background:hsla(0,0%,100%,.2);border:none;color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all .3s}.btn-add[data-v-4bf0ea5a]:active{background:hsla(0,0%,100%,.3);transform:scale(.95)}.main-content[data-v-4bf0ea5a]{padding:20px 16px;padding-bottom:80px}.section-header[data-v-4bf0ea5a]{margin-bottom:16px}.section-header h3[data-v-4bf0ea5a]{margin:0 0 8px;font-size:18px;color:#2c3e50;font-weight:600}.staff-count[data-v-4bf0ea5a]{margin:0;font-size:14px;color:#7f8c8d}.csv-section[data-v-4bf0ea5a]{margin-bottom:24px}.csv-card[data-v-4bf0ea5a]{background:#fff;border-radius:16px;padding:20px;box-shadow:0 4px 12px rgba(0,0,0,.05);display:flex;align-items:center;justify-content:space-between}.csv-content[data-v-4bf0ea5a]{display:flex;align-items:center;gap:16px}.csv-icon[data-v-4bf0ea5a]{width:50px;height:50px;background:rgba(76,175,80,.1);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#4caf50}.csv-info h4[data-v-4bf0ea5a]{margin:0 0 4px;font-size:16px;color:#2c3e50}.csv-info p[data-v-4bf0ea5a]{margin:0;font-size:14px;color:#7f8c8d}.btn-csv[data-v-4bf0ea5a]{background:#4caf50;color:#fff;border:none;border-radius:8px;padding:10px 16px;font-size:14px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .3s}.btn-csv[data-v-4bf0ea5a]:active{background:#388e3c;transform:scale(.98)}.staff-list[data-v-4bf0ea5a]{display:flex;flex-direction:column;gap:12px}.staff-card[data-v-4bf0ea5a]{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.05)}.staff-card-content[data-v-4bf0ea5a]{display:flex;align-items:center;padding:16px;gap:16px}.staff-avatar[data-v-4bf0ea5a]{width:50px;height:50px;background:rgba(0,86,194,.1);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#0056c2;flex-shrink:0}.staff-info[data-v-4bf0ea5a]{flex:1}.staff-header[data-v-4bf0ea5a]{display:flex;align-items:center;gap:8px;margin-bottom:8px}.staff-header h4[data-v-4bf0ea5a]{margin:0;font-size:16px;color:#2c3e50;font-weight:600}.staff-badge[data-v-4bf0ea5a]{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600}.badge-admin[data-v-4bf0ea5a]{background:rgba(156,39,176,.1);color:#9c27b0}.badge-staff[data-v-4bf0ea5a]{background:rgba(33,150,243,.1);color:#2196f3}.staff-details p[data-v-4bf0ea5a]{margin:4px 0;font-size:14px;color:#7f8c8d;display:flex;align-items:center;gap:8px}.staff-status[data-v-4bf0ea5a]{margin-top:8px}.status-indicator[data-v-4bf0ea5a]{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600}.status-indicator.active[data-v-4bf0ea5a]{background:rgba(76,175,80,.1);color:#4caf50}.status-indicator.inactive[data-v-4bf0ea5a]{background:rgba(244,67,54,.1);color:#f44336}.staff-actions[data-v-4bf0ea5a]{display:flex;padding:0 16px 16px;gap:8px;justify-content:flex-end}.btn-action[data-v-4bf0ea5a]{width:40px;height:40px;border-radius:8px;border:none;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .3s}.btn-action[data-v-4bf0ea5a]:active{transform:scale(.95)}.btn-action.edit[data-v-4bf0ea5a]{background:rgba(33,150,243,.1);color:#2196f3}.btn-action.delete[data-v-4bf0ea5a]{background:rgba(244,67,54,.1);color:#f44336}.empty-state[data-v-4bf0ea5a]{text-align:center;padding:40px 20px;color:#7f8c8d}.empty-icon[data-v-4bf0ea5a]{font-size:60px;margin-bottom:16px;opacity:.5}.empty-state h3[data-v-4bf0ea5a]{margin:0 0 8px;font-size:18px}.empty-state p[data-v-4bf0ea5a]{margin:0;font-size:14px}.offcanvas-header[data-v-4bf0ea5a]{padding:16px;border-bottom:1px solid #e9ecef}.offcanvas-back[data-v-4bf0ea5a]{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .3s;margin-right:12px}.offcanvas-back[data-v-4bf0ea5a]:active{background:#f5f7fa}.offcanvas-title[data-v-4bf0ea5a]{margin:0;font-size:18px;font-weight:600;color:#2c3e50}.offcanvas-body[data-v-4bf0ea5a]{padding:16px}.form-group[data-v-4bf0ea5a]{margin-bottom:20px}.form-group label[data-v-4bf0ea5a]{display:block;margin-bottom:8px;font-weight:600;color:#2c3e50;font-size:14px}.form-control[data-v-4bf0ea5a],.form-select[data-v-4bf0ea5a]{width:100%;padding:12px 16px;border:1px solid #e0e0e0;border-radius:8px;font-size:16px;transition:border-color .3s}.form-control[data-v-4bf0ea5a]:focus,.form-select[data-v-4bf0ea5a]:focus{outline:none;border-color:#0056c2;box-shadow:0 0 0 3px rgba(0,86,194,.1)}.form-actions[data-v-4bf0ea5a]{display:flex;gap:12px;margin-top:24px}.btn[data-v-4bf0ea5a]{flex:1;padding:12px 20px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.btn[data-v-4bf0ea5a]:active{transform:scale(.98)}.btn-primary[data-v-4bf0ea5a]{background:#0056c2;color:#fff}.btn-primary[data-v-4bf0ea5a]:active{background:#003a75}.btn-secondary[data-v-4bf0ea5a]{background:#f5f7fa;color:#7f8c8d}.btn-secondary[data-v-4bf0ea5a]:active{background:#e9ecef}@media (max-width:480px){.csv-card[data-v-4bf0ea5a]{flex-direction:column;gap:16px;align-items:flex-start}.staff-card-content[data-v-4bf0ea5a]{flex-direction:column;align-items:flex-start;text-align:left}.staff-header[data-v-4bf0ea5a]{flex-direction:column;align-items:flex-start;gap:4px}}.text-sm[data-v-4bf0ea5a],.text-sm[data-v-6db5fa3a]{font-size:14px}.app-container[data-v-6db5fa3a]{min-height:100vh;background:#f5f7fa}.spinner-container[data-v-6db5fa3a]{display:flex;justify-content:center;align-items:center;height:100vh}.spinner[data-v-6db5fa3a]{width:50px;height:50px;border:5px solid #f3f3f3;border-top:5px solid #0056c2;border-radius:50%;animation:spin-6db5fa3a 1s linear infinite}@keyframes spin-6db5fa3a{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.app-header[data-v-6db5fa3a]{background:linear-gradient(135deg,#0056c2,#003a75);color:#fff;padding:16px;position:sticky;top:0;z-index:100;box-shadow:0 2px 10px rgba(0,0,0,.1)}.header-content[data-v-6db5fa3a]{display:flex;justify-content:space-between;align-items:center}.back-button[data-v-6db5fa3a]{font-size:20px;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .3s}.back-button[data-v-6db5fa3a]:active{background:hsla(0,0%,100%,.2)}.header-title h2[data-v-6db5fa3a]{margin:0;font-size:20px;font-weight:600}.btn-add[data-v-6db5fa3a]{width:40px;height:40px;border-radius:50%;background:hsla(0,0%,100%,.2);border:none;color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all .3s}.btn-add[data-v-6db5fa3a]:active{background:hsla(0,0%,100%,.3);transform:scale(.95)}.main-content[data-v-6db5fa3a]{padding:20px 16px;padding-bottom:80px}.section-header[data-v-6db5fa3a]{margin-bottom:16px}.section-header h3[data-v-6db5fa3a]{margin:0 0 8px;font-size:18px;color:#2c3e50;font-weight:600}.student-count[data-v-6db5fa3a]{margin:0;font-size:14px;color:#7f8c8d}.csv-section[data-v-6db5fa3a]{margin-bottom:24px}.csv-card[data-v-6db5fa3a]{background:#fff;border-radius:16px;padding:20px;box-shadow:0 4px 12px rgba(0,0,0,.05);display:flex;align-items:center;justify-content:space-between}.csv-content[data-v-6db5fa3a]{display:flex;align-items:center;gap:16px}.csv-icon[data-v-6db5fa3a]{width:50px;height:50px;background:rgba(76,175,80,.1);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#4caf50}.csv-info h4[data-v-6db5fa3a]{margin:0 0 4px;font-size:16px;color:#2c3e50}.csv-info p[data-v-6db5fa3a]{margin:0;font-size:14px;color:#7f8c8d}.btn-csv[data-v-6db5fa3a]{background:#4caf50;color:#fff;border:none;border-radius:8px;padding:10px 16px;font-size:14px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .3s}.btn-csv[data-v-6db5fa3a]:active{background:#388e3c;transform:scale(.98)}.student-list[data-v-6db5fa3a]{display:flex;flex-direction:column;gap:12px}.student-card[data-v-6db5fa3a]{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.05)}.student-card-content[data-v-6db5fa3a]{display:flex;align-items:center;padding:16px;gap:16px}.student-avatar[data-v-6db5fa3a]{width:50px;height:50px;background:rgba(0,86,194,.1);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#0056c2;flex-shrink:0}.student-info[data-v-6db5fa3a]{flex:1}.student-header[data-v-6db5fa3a]{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.student-header h4[data-v-6db5fa3a]{margin:0;font-size:16px;color:#2c3e50;font-weight:600}.student-number[data-v-6db5fa3a]{font-size:12px;color:#7f8c8d;background:#f5f7fa;padding:4px 8px;border-radius:8px}.student-details[data-v-6db5fa3a]{margin-bottom:8px}.detail-item[data-v-6db5fa3a]{display:flex;align-items:center;gap:8px;margin:4px 0;font-size:14px;color:#7f8c8d}.student-status[data-v-6db5fa3a]{margin-top:8px}.status-indicator[data-v-6db5fa3a]{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600}.status-indicator.active[data-v-6db5fa3a]{background:rgba(76,175,80,.1);color:#4caf50}.status-indicator.inactive[data-v-6db5fa3a]{background:rgba(244,67,54,.1);color:#f44336}.student-actions[data-v-6db5fa3a]{display:flex;padding:0 16px 16px;gap:8px;justify-content:flex-end}.btn-action[data-v-6db5fa3a]{width:40px;height:40px;border-radius:8px;border:none;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .3s}.btn-action[data-v-6db5fa3a]:active{transform:scale(.95)}.btn-action.edit[data-v-6db5fa3a]{background:rgba(33,150,243,.1);color:#2196f3}.btn-action.delete[data-v-6db5fa3a]{background:rgba(244,67,54,.1);color:#f44336}.empty-state[data-v-6db5fa3a]{text-align:center;padding:40px 20px;color:#7f8c8d}.empty-icon[data-v-6db5fa3a]{font-size:60px;margin-bottom:16px;opacity:.5}.empty-state h3[data-v-6db5fa3a]{margin:0 0 8px;font-size:18px}.empty-state p[data-v-6db5fa3a]{margin:0;font-size:14px}.offcanvas-header[data-v-6db5fa3a]{padding:16px;border-bottom:1px solid #e9ecef}.offcanvas-back[data-v-6db5fa3a]{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .3s;margin-right:12px}.offcanvas-back[data-v-6db5fa3a]:active{background:#f5f7fa}.offcanvas-title[data-v-6db5fa3a]{margin:0;font-size:18px;font-weight:600;color:#2c3e50}.offcanvas-body[data-v-6db5fa3a]{padding:16px}.form-group[data-v-6db5fa3a]{margin-bottom:20px}.form-group label[data-v-6db5fa3a]{display:block;margin-bottom:8px;font-weight:600;color:#2c3e50;font-size:14px}.form-control[data-v-6db5fa3a],.form-select[data-v-6db5fa3a]{width:100%;padding:12px 16px;border:1px solid #e0e0e0;border-radius:8px;font-size:16px;transition:border-color .3s}.form-control[data-v-6db5fa3a]:focus,.form-select[data-v-6db5fa3a]:focus{outline:none;border-color:#0056c2;box-shadow:0 0 0 3px rgba(0,86,194,.1)}.form-actions[data-v-6db5fa3a]{display:flex;gap:12px;margin-top:24px}.btn[data-v-6db5fa3a]{flex:1;padding:12px 20px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.btn[data-v-6db5fa3a]:active{transform:scale(.98)}.btn-primary[data-v-6db5fa3a]{background:#0056c2;color:#fff}.btn-primary[data-v-6db5fa3a]:active{background:#003a75}.btn-secondary[data-v-6db5fa3a]{background:#f5f7fa;color:#7f8c8d}.btn-secondary[data-v-6db5fa3a]:active{background:#e9ecef}@media (max-width:480px){.csv-card[data-v-6db5fa3a]{flex-direction:column;gap:16px;align-items:flex-start}.student-card-content[data-v-6db5fa3a]{flex-direction:column;align-items:flex-start;text-align:left}.student-header[data-v-6db5fa3a]{flex-direction:column;align-items:flex-start;gap:4px}}.save-btn{position:fixed;bottom:0;left:0;width:100%;border-radius:0}.table-wrapper[data-v-2ea2c90f]{overflow-x:auto;position:relative;max-width:100%}.fixed_name[data-v-2ea2c90f]{position:sticky;z-index:2;left:40px}table[data-v-2ea2c90f]{font-size:14px}td[data-v-2ea2c90f]{background:#fff}.header_new[data-v-2ea2c90f]{border-radius:0 0 20px 20px;background:linear-gradient(135deg,#0056c2,#003a75)}.user-icon[data-v-2ea2c90f]{height:35px;width:33px;display:flex;align-items:center;justify-content:center;padding-top:15px;padding-left:1px}.session-header[data-v-2ea2c90f]{font-size:11px;line-height:1.2;white-space:pre-line;text-align:center;padding:2px;font-weight:400}.session-mark[data-v-2ea2c90f]{display:inline-block;margin:0 2px}.fixed_roll[data-v-2ea2c90f]{position:sticky;left:0;z-index:2}.table td[data-v-2ea2c90f],.table th[data-v-2ea2c90f]{text-align:center}.br[data-v-2ea2c90f]{border-right:1px solid orange}.session-cell[data-v-2ea2c90f]{padding:4px!important;min-width:40px;text-align:center}.session-mark[data-v-2ea2c90f]{display:block;font-weight:700;font-size:14px}.table td[data-v-2ea2c90f],.table th[data-v-2ea2c90f]{vertical-align:middle;border:1px solid #dee2e6}.br[data-v-2ea2c90f]{border-right:2px solid #000!important}.font-sm[data-v-2ea2c90f]{font-size:smaller}.weather-container{text-align:center;font-family:Arial,sans-serif;padding:4px 20px;background:#f4f4f4;margin:auto;border-radius:10px}.bg_card{background:#ededec;margin:10px 0;padding-bottom:10px}.custom-btn{background:linear-gradient(328deg,red,#000199);border:none;color:#fff}.app-container[data-v-a5646eba]{min-height:100vh;background:#f5f7fa}.spinner-container[data-v-a5646eba]{display:flex;justify-content:center;align-items:center;height:100vh}.spinner[data-v-a5646eba]{width:50px;height:50px;border:5px solid #f3f3f3;border-top:5px solid #0056c2;border-radius:50%;animation:spin-a5646eba 1s linear infinite}@keyframes spin-a5646eba{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.app-header[data-v-a5646eba]{background:linear-gradient(135deg,#0056c2,#003a75);color:#fff;padding:20px 15px;border-radius:0 0 25px 25px;box-shadow:0 4px 12px rgba(0,86,194,.15)}.header-content[data-v-a5646eba]{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.school-branding[data-v-a5646eba]{text-align:left}.school-name[data-v-a5646eba]{font-size:24px;font-weight:700;margin:0;letter-spacing:.5px}.school-subtitle[data-v-a5646eba]{font-size:14px;margin:5px 0 0;opacity:.9}.user-welcome[data-v-a5646eba]{display:flex;align-items:center;gap:12px}.user-avatar[data-v-a5646eba]{font-size:36px}.user-info h4[data-v-a5646eba]{margin:0;font-size:16px}.user-info p[data-v-a5646eba]{margin:2px 0 0;font-size:12px;opacity:.8}.dashboard-container[data-v-a5646eba]{padding:20px 15px 80px;max-width:1200px;margin:0 auto}.dashboard-grid[data-v-a5646eba]{display:flex;flex-direction:column;gap:16px}.card-row[data-v-a5646eba]{display:grid;grid-template-columns:1fr 1fr;gap:16px}.card-link[data-v-a5646eba]{text-decoration:none;color:inherit}.dashboard-card[data-v-a5646eba]{background:#fff;border-radius:16px;padding:20px;display:flex;align-items:center;box-shadow:0 4px 12px rgba(0,0,0,.05);transition:all .3s ease;position:relative;overflow:hidden;height:100px}.dashboard-card[data-v-a5646eba]:active{transform:scale(.98)}.dashboard-card[data-v-a5646eba]:before{content:"";position:absolute;top:0;left:0;width:5px;height:100%}.attendance-card[data-v-a5646eba]:before{background:#4caf50}.report-card[data-v-a5646eba]:before{background:#ff9800}.staff-card[data-v-a5646eba]:before{background:#9c27b0}.class-card[data-v-a5646eba]:before{background:#2196f3}.student-card[data-v-a5646eba]:before{background:#e91e63}.assign-card[data-v-a5646eba]:before{background:#607d8b}.card-icon[data-v-a5646eba]{font-size:28px;margin-right:15px;width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:12px;flex-shrink:0}.attendance-card .card-icon[data-v-a5646eba]{background:rgba(76,175,80,.15);color:#4caf50}.report-card .card-icon[data-v-a5646eba]{background:rgba(255,152,0,.15);color:#ff9800}.staff-card .card-icon[data-v-a5646eba]{background:rgba(156,39,176,.15);color:#9c27b0}.class-card .card-icon[data-v-a5646eba]{background:rgba(33,150,243,.15);color:#2196f3}.student-card .card-icon[data-v-a5646eba]{background:rgba(233,30,99,.15);color:#e91e63}.assign-card .card-icon[data-v-a5646eba]{background:rgba(96,125,139,.15);color:#607d8b}.card-content[data-v-a5646eba]{flex:1}.card-content h3[data-v-a5646eba]{margin:0 0 5px;font-size:16px;font-weight:600;color:#2c3e50}.card-content p[data-v-a5646eba]{margin:0;font-size:12px;color:#7f8c8d}.card-arrow[data-v-a5646eba]{color:#bdc3c7;font-size:16px}.bottom-nav[data-v-a5646eba]{position:fixed;bottom:0;left:0;right:0;background:#fff;display:flex;justify-content:space-around;padding:12px 0;box-shadow:0 -2px 10px rgba(0,0,0,.1);z-index:100}.nav-item[data-v-a5646eba]{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:#7f8c8d;font-size:12px;transition:color .3s}.nav-item.active[data-v-a5646eba]{color:#0056c2}.nav-item i[data-v-a5646eba]{font-size:20px;margin-bottom:4px}.nav-item span[data-v-a5646eba]{font-size:11px}@media (max-width:480px){.card-row[data-v-a5646eba]{grid-template-columns:1fr}.header-content[data-v-a5646eba]{flex-direction:column;text-align:center;gap:15px}.user-welcome[data-v-a5646eba]{justify-content:center}.school-name[data-v-a5646eba]{font-size:20px}}.app-container[data-v-f877c77e]{min-height:100vh;background:#f5f7fa}.spinner-container[data-v-f877c77e]{display:flex;justify-content:center;align-items:center;height:100vh}.spinner[data-v-f877c77e]{width:50px;height:50px;border:5px solid #f3f3f3;border-top:5px solid #0056c2;border-radius:50%;animation:spin-f877c77e 1s linear infinite}@keyframes spin-f877c77e{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.app-header[data-v-f877c77e]{background:linear-gradient(135deg,#0056c2,#003a75);color:#fff;padding:16px;position:sticky;top:0;z-index:100;box-shadow:0 2px 10px rgba(0,0,0,.1)}.header-content[data-v-f877c77e]{display:flex;justify-content:space-between;align-items:center}.back-button[data-v-f877c77e]{font-size:24px;cursor:pointer}.header-title h2[data-v-f877c77e]{margin:0;font-size:20px;font-weight:600}.header-placeholder[data-v-f877c77e]{width:24px}.main-content[data-v-f877c77e]{padding:20px 16px}.welcome-section[data-v-f877c77e]{background:linear-gradient(135deg,#6a11cb,#2575fc);border-radius:16px;padding:20px;color:#fff;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 12px rgba(0,0,0,.1)}.welcome-content h3[data-v-f877c77e]{margin:0 0 8px;font-size:20px}.welcome-content p[data-v-f877c77e]{margin:0;opacity:.9}.welcome-icon[data-v-f877c77e]{font-size:40px;opacity:.8}.class-list[data-v-f877c77e]{margin-bottom:80px}.class-grid[data-v-f877c77e]{display:flex;flex-direction:column;gap:16px}.class-card[data-v-f877c77e]{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.05);transition:all .3s ease;cursor:pointer}.class-card[data-v-f877c77e]:active{transform:scale(.98)}.class-card-content[data-v-f877c77e]{display:flex;align-items:center;padding:20px}.class-icon[data-v-f877c77e]{width:50px;height:50px;background:rgba(0,86,194,.1);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-right:16px;font-size:24px;color:#0056c2}.class-details[data-v-f877c77e]{flex:1}.class-details h3[data-v-f877c77e]{margin:0 0 6px;font-size:18px;color:#2c3e50;font-weight:600}.class-details p[data-v-f877c77e]{margin:0;font-size:14px;color:#7f8c8d}.class-arrow[data-v-f877c77e]{font-size:24px;color:#0056c2}.empty-state[data-v-f877c77e]{text-align:center;padding:40px 20px;color:#7f8c8d}.empty-icon[data-v-f877c77e]{font-size:60px;margin-bottom:16px;opacity:.5}.empty-state h3[data-v-f877c77e]{margin:0 0 8px;font-size:20px}.empty-state p[data-v-f877c77e]{margin:0;font-size:14px}@media (max-width:480px){.welcome-section[data-v-f877c77e]{flex-direction:column;text-align:center;gap:16px}.class-card-content[data-v-f877c77e]{padding:16px}.class-icon[data-v-f877c77e]{width:44px;height:44px;font-size:20px}}.footer_part[data-v-3765e2b8]{position:fixed;bottom:0;font-size:16px;left:0;width:100%;border-radius:0;border-top:1px solid #000;border-radius:10px 10px 0 0;background:#fffaf0}.save-btn[data-v-3765e2b8]{width:100%;border-radius:0}.homepage[data-v-3765e2b8]{background:#e5e7ff}thead[data-v-3765e2b8]{background:#e5e7ff;font-size:medium;font-weight:900}table[data-v-3765e2b8]{font-size:medium}tr[data-v-3765e2b8]{border-bottom:1px solid;border-bottom-style:dashed!important}.header_new[data-v-3765e2b8]{border-radius:0 0 20px 20px}.app-container[data-v-524b852c]{min-height:100vh;background:#f5f7fa}.spinner-container[data-v-524b852c]{display:flex;justify-content:center;align-items:center;height:100vh}.spinner[data-v-524b852c]{width:50px;height:50px;border:5px solid #f3f3f3;border-top:5px solid #0056c2;border-radius:50%;animation:spin-524b852c 1s linear infinite}@keyframes spin-524b852c{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.app-header[data-v-524b852c]{background:linear-gradient(135deg,#0056c2,#003a75);color:#fff;padding:16px;position:sticky;top:0;z-index:100;box-shadow:0 2px 10px rgba(0,0,0,.1)}.header-content[data-v-524b852c]{display:flex;justify-content:space-between;align-items:center}.back-button[data-v-524b852c]{font-size:24px;cursor:pointer}.header-title h2[data-v-524b852c]{margin:0;font-size:20px;font-weight:600}.header-placeholder[data-v-524b852c]{width:24px}.main-content[data-v-524b852c]{padding:20px 16px}.welcome-section[data-v-524b852c]{background:linear-gradient(135deg,#6a11cb,#2575fc);border-radius:16px;padding:20px;color:#fff;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 12px rgba(0,0,0,.1)}.welcome-content h3[data-v-524b852c]{margin:0 0 8px;font-size:20px}.welcome-content p[data-v-524b852c]{margin:0;opacity:.9}.welcome-icon[data-v-524b852c]{font-size:40px;opacity:.8}.class-list[data-v-524b852c]{margin-bottom:80px}.class-grid[data-v-524b852c]{display:flex;flex-direction:column;gap:16px}.class-card[data-v-524b852c]{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.05);transition:all .3s ease;cursor:pointer}.class-card[data-v-524b852c]:active{transform:scale(.98)}.class-card-content[data-v-524b852c]{display:flex;align-items:center;padding:20px}.class-icon[data-v-524b852c]{width:50px;height:50px;background:rgba(0,86,194,.1);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-right:16px;font-size:24px;color:#0056c2}.class-details[data-v-524b852c]{flex:1}.class-details h3[data-v-524b852c]{margin:0 0 6px;font-size:18px;color:#2c3e50;font-weight:600}.class-details p[data-v-524b852c]{margin:0;font-size:14px;color:#7f8c8d}.class-arrow[data-v-524b852c]{font-size:24px;color:#0056c2}.empty-state[data-v-524b852c]{text-align:center;padding:40px 20px;color:#7f8c8d}.empty-icon[data-v-524b852c]{font-size:60px;margin-bottom:16px;opacity:.5}.empty-state h3[data-v-524b852c]{margin:0 0 8px;font-size:20px}.empty-state p[data-v-524b852c]{margin:0;font-size:14px}@media (max-width:480px){.welcome-section[data-v-524b852c]{flex-direction:column;text-align:center;gap:16px}.class-card-content[data-v-524b852c]{padding:16px}.class-icon[data-v-524b852c]{width:44px;height:44px;font-size:20px}}.app-container[data-v-0e20c42e]{min-height:100vh;background:#f5f7fa}.spinner-container[data-v-0e20c42e]{display:flex;justify-content:center;align-items:center;height:100vh}.spinner[data-v-0e20c42e]{width:50px;height:50px;border:5px solid #f3f3f3;border-top:5px solid #0056c2;border-radius:50%;animation:spin-0e20c42e 1s linear infinite}@keyframes spin-0e20c42e{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.app-header[data-v-0e20c42e]{background:linear-gradient(135deg,#0056c2,#003a75);color:#fff;padding:16px;position:sticky;top:0;z-index:100;box-shadow:0 2px 10px rgba(0,0,0,.1)}.header-content[data-v-0e20c42e]{display:flex;justify-content:space-between;align-items:center}.back-button[data-v-0e20c42e]{font-size:24px;cursor:pointer}.header-title h2[data-v-0e20c42e]{margin:0;font-size:20px;font-weight:600}.header-placeholder[data-v-0e20c42e]{width:24px}.main-content[data-v-0e20c42e]{padding:20px 16px}.welcome-section[data-v-0e20c42e]{background:linear-gradient(135deg,#6a11cb,#2575fc);border-radius:16px;padding:20px;color:#fff;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 12px rgba(0,0,0,.1)}.welcome-content h3[data-v-0e20c42e]{margin:0 0 8px;font-size:20px}.welcome-content p[data-v-0e20c42e]{margin:0;opacity:.9}.welcome-icon[data-v-0e20c42e]{font-size:40px;opacity:.8}.class-list[data-v-0e20c42e]{margin-bottom:80px}.class-grid[data-v-0e20c42e]{display:flex;flex-direction:column;gap:16px}.class-card[data-v-0e20c42e]{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.05);transition:all .3s ease;cursor:pointer}.class-card[data-v-0e20c42e]:active{transform:scale(.98)}.class-card-content[data-v-0e20c42e]{display:flex;align-items:center;padding:20px}.class-icon[data-v-0e20c42e]{width:50px;height:50px;background:rgba(0,86,194,.1);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-right:16px;font-size:24px;color:#0056c2}.class-details[data-v-0e20c42e]{flex:1}.class-details h3[data-v-0e20c42e]{margin:0 0 6px;font-size:18px;color:#2c3e50;font-weight:600}.class-details p[data-v-0e20c42e]{margin:0;font-size:14px;color:#7f8c8d}.class-arrow[data-v-0e20c42e]{font-size:24px;color:#0056c2}.empty-state[data-v-0e20c42e]{text-align:center;padding:40px 20px;color:#7f8c8d}.empty-icon[data-v-0e20c42e]{font-size:60px;margin-bottom:16px;opacity:.5}.empty-state h3[data-v-0e20c42e]{margin:0 0 8px;font-size:20px}.empty-state p[data-v-0e20c42e]{margin:0;font-size:14px}@media (max-width:480px){.welcome-section[data-v-0e20c42e]{flex-direction:column;text-align:center;gap:16px}.class-card-content[data-v-0e20c42e]{padding:16px}.class-icon[data-v-0e20c42e]{width:44px;height:44px;font-size:20px}}