html,body{margin:0;padding:0;font-family:Segoe UI,Roboto,sans-serif;background-color:#f3f4f6;color:#1f2937}.auth-box[data-v-c42b7c45]{width:370px;background:#fff;border-radius:12px;box-shadow:0 12px 32px #0000001a;padding:40px 44px 36px;text-align:center;position:relative;overflow:hidden}.logo-cap[data-v-c42b7c45]{width:60px;height:60px;margin:0 auto 28px;border-radius:50%;background:#5064ff;display:flex;align-items:center;justify-content:center}.logo-cap svg[data-v-c42b7c45]{width:36px;height:36px;fill:#fff}.auth-box label[data-v-c42b7c45]{display:block;text-align:left;font-size:.875rem;font-weight:600;margin-bottom:.35rem}.auth-box input[data-v-c42b7c45]{width:100%;padding:.7rem .9rem;font-size:.9375rem;border:1px solid #c6c9d6;border-radius:6px;margin-bottom:1.25rem;transition:border-color .2s}.auth-box input[data-v-c42b7c45]:focus{outline:none;border-color:#5064ff;box-shadow:0 0 0 2px #5064ff40}.auth-box .btn[data-v-c42b7c45]{width:100%;padding:.8rem 1rem;font-size:1rem;font-weight:600;border:none;border-radius:6px;color:#fff;background:#5064ff;transition:.2s;cursor:pointer;margin-top:1rem}.auth-box .btn[data-v-c42b7c45]:hover{background:#3d4be0}.auth-box .btn-back[data-v-c42b7c45]{background:#888;margin-top:12px}.auth-box .btn-back[data-v-c42b7c45]:hover{background:#666}.auth-box a[data-v-c42b7c45]{display:inline-block;margin-top:1rem;font-size:.875rem;color:#3d4be0;text-decoration:none}.auth-box a[data-v-c42b7c45]:hover{text-decoration:underline}.checkbox-wrapper[data-v-c42b7c45]{margin-top:16px;display:flex;align-items:center;justify-content:flex-start;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-box[data-v-c42b7c45]{width:36px;height:36px;border:2px solid #5064ff;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;color:transparent;background:#fff;transition:all .2s ease}.checkbox-box.active[data-v-c42b7c45]{background:#5064ff;color:#fff}.checkbox-label[data-v-c42b7c45]{font-weight:600;font-size:.95rem;color:#111}.qr-img[data-v-c42b7c45]{max-width:200px;margin:20px auto;display:block}.fade-slide-enter-active[data-v-c42b7c45],.fade-slide-leave-active[data-v-c42b7c45]{transition:all .3s ease}.fade-slide-enter-from[data-v-c42b7c45]{opacity:0;transform:translateY(20px)}.fade-slide-leave-to[data-v-c42b7c45]{opacity:0;transform:translateY(-20px)}.auth-wrapper[data-v-3f4a416a]{position:relative;width:100vw;height:100vh;overflow:hidden}.auth-bg[data-v-3f4a416a]{position:absolute;inset:0;z-index:0}.auth-bg[data-v-3f4a416a]:after{content:"";position:absolute;inset:0;background:#0000004d;z-index:1}.auth-content[data-v-3f4a416a]{position:relative;z-index:2;height:100%;display:flex;align-items:center;justify-content:center}.reset-box[data-v-4b4ea72b]{max-width:370px;background:#fff;border-radius:12px;padding:40px 44px 36px;box-shadow:0 12px 32px #00000026;position:relative;z-index:10;text-align:center}.logo-cap[data-v-4b4ea72b]{width:60px;height:60px;margin:0 auto 24px;background:#5064ff;border-radius:50%;display:flex;justify-content:center;align-items:center}.logo-cap svg[data-v-4b4ea72b]{width:36px;height:36px;fill:#fff}.reset-box label[data-v-4b4ea72b]{text-align:left;font-weight:600;font-size:.9rem;display:block;margin:1rem 0 .3rem}.reset-box input[data-v-4b4ea72b]{width:100%;padding:.75rem;border-radius:6px;border:1px solid #ccc;font-size:1rem}.reset-box .btn[data-v-4b4ea72b]{margin-top:1.5rem;width:100%;background:#5064ff;color:#fff;padding:.75rem;border:none;border-radius:6px;font-weight:700;cursor:pointer;transition:background .2s}.reset-box .btn[data-v-4b4ea72b]:hover{background:#3a4bdb}.back-link[data-v-4b4ea72b]{color:#5064ff;font-weight:500;font-size:.9rem}.sub[data-v-4b4ea72b]{margin-bottom:1rem;font-size:.95rem;color:#666}.animate-fade-in[data-v-4b4ea72b]{animation:fade-in-4b4ea72b .4s ease}@keyframes fade-in-4b4ea72b{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.reset-box[data-v-ed04044b]{max-width:370px;background:#fff;border-radius:12px;padding:40px 44px 36px;box-shadow:0 12px 32px #00000026;position:relative;z-index:10;text-align:center}.logo-cap[data-v-ed04044b]{width:60px;height:60px;margin:0 auto 24px;background:#5064ff;border-radius:50%;display:flex;justify-content:center;align-items:center}.logo-cap svg[data-v-ed04044b]{width:36px;height:36px;fill:#fff}.reset-box label[data-v-ed04044b]{text-align:left;font-weight:600;font-size:.9rem;display:block;margin:1rem 0 .3rem}.reset-box input[data-v-ed04044b]{width:100%;padding:.75rem;border-radius:6px;border:1px solid #ccc;font-size:1rem}.reset-box .btn[data-v-ed04044b]{margin-top:1.5rem;width:100%;background:#5064ff;color:#fff;padding:.75rem;border:none;border-radius:6px;font-weight:700;cursor:pointer;transition:background .2s}.reset-box .btn[data-v-ed04044b]:hover{background:#3a4bdb}.back-link[data-v-ed04044b]{color:#5064ff;font-weight:500;font-size:.9rem}.sub[data-v-ed04044b]{margin-bottom:1rem;font-size:.95rem;color:#666}.animate-fade-in[data-v-ed04044b]{animation:fade-in-ed04044b .4s ease}@keyframes fade-in-ed04044b{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-wrapper[data-v-0e5bb5a7]{position:relative;width:100vw;height:100vh;overflow:hidden}.auth-bg[data-v-0e5bb5a7]{position:absolute;inset:0;z-index:0}.auth-bg[data-v-0e5bb5a7]:after{content:"";position:absolute;inset:0;background:#0000004d;z-index:1}.auth-content[data-v-0e5bb5a7]{position:relative;z-index:2;height:100%;display:flex;align-items:center;justify-content:center}.fade-slide-enter-active[data-v-0e5bb5a7],.fade-slide-leave-active[data-v-0e5bb5a7]{transition:all .25s ease-in-out}.fade-slide-enter-from[data-v-0e5bb5a7]{opacity:0;transform:translateY(12px)}.fade-slide-leave-to[data-v-0e5bb5a7]{opacity:0;transform:translateY(-12px)}.sidebar[data-v-6837a39b]{width:232px;background-color:#001f3f;color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:24px 12px}.profile-box[data-v-6837a39b]{display:flex;align-items:center;background:#1d1d1d;border:1px solid #323232;border-radius:12px;padding:8px 12px;gap:12px}.avatar[data-v-6837a39b]{background:#5064ff;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.avatar svg[data-v-6837a39b]{color:#fff;width:20px;height:20px}.profile-info[data-v-6837a39b]{flex-grow:1}.profile-name[data-v-6837a39b]{font-weight:700;font-size:.9rem}.profile-email[data-v-6837a39b]{font-size:.75rem;color:#ccc}.nav-menu[data-v-6837a39b]{margin-top:40px;display:flex;flex-direction:column;gap:10px}.nav-item[data-v-6837a39b]{display:flex;align-items:center;gap:12px;font-size:.95rem;padding:8px 12px;border-radius:8px;cursor:pointer;transition:background .2s}.nav-item .icon[data-v-6837a39b]{width:20px;height:20px}.nav-item.active[data-v-6837a39b],.nav-item[data-v-6837a39b]:hover{background-color:#ffffff1a}.bottom-links[data-v-6837a39b]{display:flex;flex-direction:column;gap:10px}.dashboard-wrapper[data-v-1076b709]{position:relative;padding-right:360px}.logo-fixed[data-v-1076b709]{position:fixed;top:20px;right:24px;width:70px;z-index:10}.dashboard-grid[data-v-1076b709]{display:flex;gap:24px}.main-area[data-v-1076b709]{flex:1}.filters[data-v-1076b709]{display:flex;gap:12px;margin:8px 0}.staff-btn[data-v-1076b709],.search-btn[data-v-1076b709],.add-event-btn[data-v-1076b709]{background-color:#001f3f;color:#fff;border-radius:6px;padding:6px 14px;font-weight:500;transition:background-color .3s ease}.add-event-btn[data-v-1076b709]:hover{background-color:#004080}.date-picker[data-v-1076b709]{padding:6px;border:1px solid #ccc;border-radius:6px}.timetable-scroll[data-v-1076b709]{display:flex;gap:12px;flex-wrap:nowrap;overflow-x:auto;min-height:110px;padding-top:6px}.period-slot[data-v-1076b709]{display:flex;flex-direction:column;align-items:center;width:100px;flex-shrink:0}.slot-label[data-v-1076b709]{font-size:.72rem;text-align:center;color:#444;line-height:1.2}.time-range[data-v-1076b709]{font-size:.65rem;color:#666}.lesson-card[data-v-1076b709]{border-radius:12px;width:100%;height:60px;padding:6px;margin-top:4px;display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:700;cursor:pointer;text-align:center;font-size:.78rem;line-height:1.1;position:relative}.lesson-card.now[data-v-1076b709]{box-shadow:0 0 10px #4a4;outline:2px solid #3c9}.lesson-card[data-v-1076b709]:before{content:attr(data-group);position:absolute;top:4px;left:6px;font-size:.6rem;color:#333;font-weight:400}.no-lessons[data-v-1076b709]{font-size:1rem;color:#888;padding:20px;font-weight:500}.calendar-section[data-v-1076b709]{background:#fff;border-radius:12px;padding:12px;margin-top:24px}.right-panel[data-v-1076b709]{width:340px;position:fixed;right:0;top:0;bottom:0;padding:20px;background:#f9f9f9;overflow-y:auto;border-left:1px solid #eee}.card[data-v-1076b709]{display:flex;gap:12px;background:#fff;padding:12px;margin-bottom:16px;border-radius:10px;box-shadow:0 0 4px #ddd}.avatar[data-v-1076b709]{width:50px;height:50px;border-radius:8px;object-fit:cover}.notice[data-v-1076b709]{background:#fff;padding:12px;margin-bottom:12px;border-radius:10px;box-shadow:0 0 4px #ddd}.notice-title[data-v-1076b709]{font-weight:700;font-size:.95rem}.notice-body[data-v-1076b709]{font-size:.85rem;margin:6px 0}.notice-author[data-v-1076b709]{font-size:.75rem;color:#777}.modal-backdrop[data-v-1076b709]{position:fixed;inset:0;background:#00000040;display:flex;align-items:center;justify-content:center;z-index:9999}.calendar-modal[data-v-1076b709]{background:#fff;padding:24px;border-radius:12px;width:370px;animation:fadeIn-1076b709 .3s ease;box-shadow:0 10px 30px #00000040}.calendar-modal h3[data-v-1076b709]{margin-bottom:12px;font-size:1.2rem}.calendar-modal input[data-v-1076b709],.calendar-modal textarea[data-v-1076b709]{width:100%;margin-bottom:10px;padding:8px;border-radius:6px;border:1px solid #ccc;font-size:.9rem}.calendar-modal textarea[data-v-1076b709]{resize:vertical;min-height:60px}.participants-list[data-v-1076b709]{max-height:140px;overflow-y:auto;border:1px solid #ccc;border-radius:6px;padding:8px;margin-top:6px;margin-bottom:10px;background:#fdfdfd}.participant-checkbox[data-v-1076b709]{display:flex;align-items:center;margin-bottom:6px;font-size:.85rem}.participant-checkbox input[data-v-1076b709]{margin-right:6px}.modal-actions[data-v-1076b709]{display:flex;justify-content:flex-end;gap:10px}.btn.small[data-v-1076b709]{font-size:.75rem;padding:4px 8px;margin-left:8px}.btn.primary[data-v-1076b709]{background-color:#06c;color:#fff}.btn.primary[data-v-1076b709]:hover{background-color:#004c99}@keyframes fadeIn-1076b709{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.register-wrapper[data-v-c9f4d726]{padding:24px}.filters[data-v-c9f4d726]{display:flex;gap:10px;margin-bottom:16px}.att-table[data-v-c9f4d726]{width:100%;border-collapse:collapse;font-size:.95rem;table-layout:fixed}.att-table th[data-v-c9f4d726],.att-table td[data-v-c9f4d726]{border:none;padding:8px;text-align:center}.tiny[data-v-c9f4d726]{width:30px}.name-col[data-v-c9f4d726]{width:auto;text-align:left;padding-left:12px}.out-label[data-v-c9f4d726]{width:80px;padding:0;text-align:center;font-size:12px;font-weight:50;color:#7b7b7b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.att-table td.out-label[data-v-c9f4d726],.att-table th.out-label[data-v-c9f4d726]{padding-right:0;padding-left:200px}.pill-buttons[data-v-c9f4d726],.pill-cell[data-v-c9f4d726]{padding-left:0}.pill-buttons[data-v-c9f4d726]{display:flex;gap:6px;justify-content:center}.pill-btn[data-v-c9f4d726]{border:none;border-radius:9999px;padding:6px 12px;font-size:12px;font-family:Manrope;cursor:pointer;background:#eee}.pill-btn.present[data-v-c9f4d726]{background:#edfedd}.pill-btn.late[data-v-c9f4d726]{background:#fff9d8}.pill-btn.absent[data-v-c9f4d726]{background:#ffd2d2}.pill-btn.active[data-v-c9f4d726]{font-weight:700;box-shadow:0 0 0 1px #0003}.flag-circle[data-v-c9f4d726]{width:26px;height:26px;border-radius:50%;overflow:hidden;display:inline-block;background:#f5f5f5}.flag-img[data-v-c9f4d726]{width:100%;height:100%;object-fit:cover;display:block}.btn[data-v-c9f4d726]{background:#002855;color:#fff;border-radius:12px;padding:6px 14px;font-size:12px;font-family:Manrope}.hint[data-v-c9f4d726]{font-size:18px;cursor:help}.stu-name[data-v-c9f4d726]{cursor:pointer;text-decoration:underline}.no-students[data-v-c9f4d726]{margin-top:20px;font-size:14px;color:#999}.hover-photo[data-v-c9f4d726]{position:fixed;z-index:9999;width:120px;animation:fadeIn-c9f4d726 .2s ease-in}.hover-photo img[data-v-c9f4d726]{width:100%;border-radius:6px;box-shadow:0 0 8px #0003}@keyframes fadeIn-c9f4d726{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.layout[data-v-cfac779c]{display:flex;height:100vh;width:100vw}.main-content[data-v-cfac779c]{flex:1;overflow:auto;background:#f9f9f9;padding:20px 24px}