.contact-book-content[data-v-ff22679a]{padding:2px 0;display:flex;align-items:flex-end;gap:.5rem;border-bottom:1px solid #000;cursor:auto}.contact-book-content__content[data-v-ff22679a]{font-size:16px}.contact-book-content__btns[data-v-ff22679a]{flex-shrink:0;display:flex}.drag-btn[data-v-ff22679a]{width:28px;flex-shrink:0;display:grid;place-items:center;cursor:grab}.action-icon[data-v-ff22679a]{cursor:pointer;transition:.2s ease;padding:4px;border-radius:4px}.edit-icon[data-v-ff22679a]:hover{color:#2d8cf0;background-color:#e6f7ff}.delete-icon[data-v-ff22679a]:hover{color:#ed4014;background-color:#fff1f0}.handle[data-v-ff22679a]{touch-action:none;user-select:none}.dragging .handle[data-v-ff22679a]{pointer-events:none}.date-picker[data-v-08320b06]{width:-moz-fit-content;width:fit-content;min-height:355px;padding:1rem}.date-picker__header[data-v-08320b06]{display:flex;align-content:center;justify-content:center;gap:12px;margin-bottom:12px;font-size:20px}.date-picker__year-month[data-v-08320b06]{width:120px;text-align:center;font-size:16px}.date-picker__month-btn[data-v-08320b06]{display:grid;place-items:center}.date-picker__week-title[data-v-08320b06]{text-align:center;font-size:16px;padding:4px 0}.date-picker__days[data-v-08320b06]{display:grid;grid-template-columns:repeat(7,45px);gap:8px 12px}.date-picker__day[data-v-08320b06]{text-align:center;font-size:16px;padding:4px 0;border-radius:4px;position:relative}.date-picker__day[data-v-08320b06]:hover{background-color:var(--color-primary-light-hover)}.date-picker__day.active[data-v-08320b06]{background-color:var(--color-primary);color:#fff}.date-picker__day.marked[data-v-08320b06]:after{content:"";position:absolute;top:4px;right:8px;width:6px;height:6px;border-radius:999px;background-color:var(--color-primary)}.date-picker__day.active.marked[data-v-08320b06]:after{background-color:#fff}.contact-book[data-v-c94c5dee]{padding:1rem 20px}.contact-book__header[data-v-c94c5dee]{display:flex;margin-bottom:1rem}.contact-book__body[data-v-c94c5dee]{background-color:#fff;box-shadow:var(--material-shadow-1);border-radius:8px;padding:1rem}.contact-book__empty[data-v-c94c5dee]{text-align:center}.contact-book__date-picker[data-v-c94c5dee]{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease;overflow:hidden;background-color:#fff;box-shadow:var(--material-shadow-1);border-radius:8px;width:-moz-fit-content;width:fit-content;margin:0 auto;margin-bottom:1rem}.contact-book__date-picker.open[data-v-c94c5dee]{grid-template-rows:1fr}.contact-book__date-picker-wrapper[data-v-c94c5dee]{min-height:0;width:-moz-fit-content;width:fit-content;border-radius:8px}.contact-book__list-group[data-v-c94c5dee]{display:flex;flex-direction:column;gap:.5rem;touch-action:pan-y}.contact-book__title[data-v-c94c5dee]{margin-right:auto}.contact-book__title-role[data-v-c94c5dee]{color:var(--color-primary);font-weight:700}.contact-book__btns[data-v-c94c5dee]{display:flex;align-items:center;gap:.5rem}.contact-book__btn[data-v-c94c5dee]{padding:.25rem .1rem;color:var(--color-primary);font-size:14px}.contact-book__btn[data-v-c94c5dee]:disabled{cursor:wait!important}.contact-book__link[data-v-c94c5dee]{text-decoration:underline;text-underline-offset:2px}.contact-book__image[data-v-c94c5dee]{max-width:100%}.contact-book__date-area[data-v-c94c5dee]{position:relative;width:-moz-fit-content;width:fit-content;margin:0 auto 1rem}.contact-book__date-action[data-v-c94c5dee]{display:flex;align-items:center;gap:.5rem}.contact-book__toggle-calender-btn[data-v-c94c5dee]{width:36px;height:36px;display:grid;place-items:center;position:absolute;right:0;transform:translateX(calc(100% + .25rem))}.contact-book__date-btn[data-v-c94c5dee]{display:grid;place-items:center}.contact-book__date[data-v-c94c5dee]{font-size:20px;position:relative;overflow:hidden}.contact-book__back-today[data-v-c94c5dee]{text-decoration:underline;text-underline-offset:2px;color:var(--color-primary);position:absolute;left:0;right:0;bottom:0;margin:auto;width:-moz-fit-content;width:fit-content;transform:translateY(14px)}.contact-book__action-btns[data-v-c94c5dee]{display:flex;gap:.5rem;justify-content:center;align-items:center;margin-top:.5rem}.contact-book__action-btn[data-v-c94c5dee]{position:relative;color:var(--color-primary)}.contact-book__add-image-label[data-v-c94c5dee]{position:absolute;top:0;left:0;right:0;bottom:0;cursor:pointer}.contact-book__add-image-input[data-v-c94c5dee]{display:none}.ghost[data-v-c94c5dee]{opacity:.5;background:var(--color-primary-light-active)}.dialog__title[data-v-c94c5dee]{text-align:center;margin-bottom:.5rem;font-size:18px;font-weight:700}.dialog__footer[data-v-c94c5dee]{margin-top:.75rem;display:flex;justify-content:center}.dialog__students[data-v-c94c5dee]{display:flex;flex-direction:column;text-align:center;position:relative}.dialog__student-first-row[data-v-c94c5dee],.dialog__student-row[data-v-c94c5dee]{padding:8px 10px;display:grid;grid-template-columns:60px 2fr 1fr 1fr;gap:6px}.dialog__student-first-row[data-v-c94c5dee]{background-color:#fff;border-bottom:1px solid #ccc;margin-bottom:6px;line-height:30px;position:sticky;top:0}.dialog__student-row[data-v-c94c5dee]{border-radius:6px;line-height:40px;transition:background-color .2s ease}.dialog__student-row[data-v-c94c5dee]:hover{background-color:var(--color-primary-light-hover)}.dialog__student-image[data-v-c94c5dee]{display:grid;place-items:center;width:40px;height:40px;border-radius:999px;background-color:var(--color-primary);color:#fff;overflow:hidden;font-size:20px;margin:auto}.dialog__student-image img[data-v-c94c5dee]{display:inline-block;width:40px;height:40px;object-fit:cover}.dialog__dot[data-v-c94c5dee]{display:inline-block;width:6px;height:6px;border-radius:9999px;background-color:var(--color-primary);box-shadow:0 0 8px 4px var(--color-primary-light-active)}.el-dialog{max-height:70vh;overflow:hidden}.el-dialog__body{padding:0 20px 20px;max-height:calc(70vh - 55px);overflow-y:auto}.sidebar[data-v-4d925dba]{padding-bottom:.5rem;height:calc(100vh - var(--navbar-height));overflow-y:auto;box-shadow:var(--material-shadow-2);z-index:1;background-color:#fff}.sidebar--hide[data-v-4d925dba]{overflow:hidden}.top-focus[data-v-4d925dba]{cursor:pointer;padding:10px;margin:0 10px;margin-top:1rem;border:2px solid var(--color-primary);color:var(--color-primary);font-size:16px;transition:.2s ease;text-align:center}.top-focus[data-v-4d925dba]:hover{background-color:var(--color-primary-light-hover)}.top-focus.active[data-v-4d925dba]{background-color:var(--color-primary-light-active);font-weight:700}.course-select[data-v-4d925dba]{text-align:center;padding:1rem 10px .75rem;background-color:#fff;display:flex;gap:8px;transition:.3s;position:sticky;top:0;z-index:9999}.course-select--hide[data-v-4d925dba]{gap:0}.selection[data-v-4d925dba]{overflow:hidden;transition:.3s}.selection--hide[data-v-4d925dba]{opacity:0;width:0;border:0}.course-list[data-v-4d925dba]{transition:.3s}.course-list--hide[data-v-4d925dba]{visibility:hidden;opacity:0}.course-list__list[data-v-4d925dba]{display:flex;flex-direction:column}.course-list__item-title[data-v-4d925dba]{padding:10px 0;padding-left:12px;margin:0 10px;position:relative}.course-list__item-title[data-v-4d925dba]:before{content:"";position:absolute;left:0;top:0;bottom:0;margin:auto;width:4px;height:40%;border-radius:999px;background-color:var(--color-primary)}.course-list__item[data-v-4d925dba]{display:flex;align-items:center;padding-top:10px;padding-bottom:10px;padding-left:30px;transition:.2s ease}.course-list__item[data-v-4d925dba]:hover{background-color:var(--color-primary-light-hover)}.course-list__item--active[data-v-4d925dba]{background-color:var(--color-primary-light-active)!important;color:var(--color-primary);font-weight:700}.course-list__empty[data-v-4d925dba]{text-align:center;margin:6px 0}.course-list__edit-btn[data-v-4d925dba]{margin-left:auto}.toggle-btn[data-v-4d925dba]{width:30px;height:30px;border:1px solid #dcdee2;border-radius:4px;flex-shrink:0;display:grid;place-items:center;transition:.3s}.toggle-btn[data-v-4d925dba]:hover{color:var(--color-primary);border-color:var(--color-primary)}.toggle-btn--close[data-v-4d925dba]{position:relative;right:0}.loading-state[data-v-a59adcc0]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:hsla(0,0%,100%,.6);z-index:99999;display:flex;justify-content:center;align-items:center}.loading[data-v-a59adcc0]{width:100px;height:100px;flex:0 0 100px;box-shadow:inset 2px 0 0 #409eff,-2px 0 0 #409eff;animation:spin-a59adcc0 1s linear infinite;border-radius:100%;margin:0;transform-origin:center}@keyframes spin-a59adcc0{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}