@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100&family=Montserrat&family=Poppins&display=swap);@import url(https://fonts.googleapis.com/css2?family=Montserrat&family=Poppins&display=swap);.navbar[data-v-b772d164]{-webkit-box-shadow:0 -1px 5px rgba(0,0,0,.05);box-shadow:0 -1px 5px rgba(0,0,0,.05)}.c-app[data-v-3d456c2a],.custom-bg-color[data-v-3d456c2a]{background:linear-gradient(286.01deg,#5bc4ff 7.93%,#0085ff 96.74%)}.custom-bg-color[data-v-3d456c2a]{-webkit-box-shadow:0 4px 20px rgba(0,0,0,.05);box-shadow:0 4px 20px rgba(0,0,0,.05);border-radius:8px;margin:0 20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}body[data-v-3d456c2a]{font-family:Montserrat,sans-serif}.card-custom-web[data-v-3d456c2a]{max-width:700px;left:0;margin-top:129px;height:auto;background:#f9f9f9;-webkit-box-shadow:0 4px 20px rgba(0,0,0,.08);box-shadow:0 4px 20px rgba(0,0,0,.08);border-radius:32px 0 0 0;color:#000}.progress[data-v-3d456c2a]{display:-webkit-box;display:-ms-flexbox;display:flex;height:1rem;overflow:hidden;line-height:0;font-size:.65625rem;border-radius:.25rem;background-color:#ebedef;height:5px;border-radius:10px}.hooper-pagination[data-v-3d456c2a]{display:none}.hooper[data-v-3d456c2a]{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:auto}.custom-font-cards[data-v-3d456c2a]{font-family:Montserrat;font-style:normal;font-weight:600;font-size:11px}.calendar-wrapper[data-v-3d456c2a]{background:#fff;border-radius:12px;padding:20px;-webkit-box-shadow:0 4px 10px rgba(0,0,0,.05);box-shadow:0 4px 10px rgba(0,0,0,.05);width:100%;margin:20px 0;-webkit-box-sizing:border-box;box-sizing:border-box}.calendar-header[data-v-3d456c2a]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:15px}.calendar-header[data-v-3d456c2a],.left-controls[data-v-3d456c2a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.left-controls[data-v-3d456c2a]{gap:10px}.left-controls button[data-v-3d456c2a]{background:#f3f4f6;border:none;border-radius:6px;padding:6px 10px;cursor:pointer;font-weight:600}.month-title[data-v-3d456c2a]{font-size:18px;font-weight:600}.today-btn[data-v-3d456c2a]{background:#2563eb;color:#fff}.calendar-grid[data-v-3d456c2a]{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:20px}.day[data-v-3d456c2a]{text-align:center;padding:12px;border-radius:8px;cursor:pointer}.day.header[data-v-3d456c2a]{font-weight:600;color:#6b7280;background:#f9fafb}.day[data-v-3d456c2a]:hover{background:#f3f4f6}.today[data-v-3d456c2a]{background:#e0e7ff;border:1px solid #2563eb}.selected[data-v-3d456c2a]{background:#2563eb;color:#fff}.schedule-container[data-v-3d456c2a]{margin-top:10px;background:#f9fafc;border-radius:12px;padding:15px}.schedule-header[data-v-3d456c2a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:12px}.schedule-header h3[data-v-3d456c2a]{font-size:18px;font-weight:600}.date-label[data-v-3d456c2a]{font-size:14px;color:#6b7280}.schedule-card[data-v-3d456c2a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;background:#fff;border-radius:10px;padding:12px;margin-bottom:10px;-webkit-box-shadow:0 2px 6px rgba(0,0,0,.05);box-shadow:0 2px 6px rgba(0,0,0,.05);-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.time-label[data-v-3d456c2a]{width:80px;font-weight:600;font-size:14px;color:#374151}.class-info[data-v-3d456c2a]{-webkit-box-flex:1;-ms-flex:1;flex:1}.class-status[data-v-3d456c2a]{color:#dc2626;font-size:12px;margin-bottom:5px}.status-dot[data-v-3d456c2a]{width:8px;height:8px;background:#dc2626;display:inline-block;border-radius:50%;margin-right:5px}.class-title[data-v-3d456c2a]{font-weight:600;color:#111827}.class-teacher[data-v-3d456c2a]{color:#4b5563;font-size:14px}.class-time[data-v-3d456c2a]{color:#6b7280;font-size:13px}.action-buttons[data-v-3d456c2a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:6px;-ms-flex-wrap:wrap;flex-wrap:wrap}.start-btn[data-v-3d456c2a],.upload-btn[data-v-3d456c2a]{background:#2563eb;border:none;color:#fff;border-radius:6px;padding:6px 10px;font-size:13px;cursor:pointer}.upload-btn[data-v-3d456c2a]{background:#fff;color:#2563eb;border:1px solid #2563eb}.start-btn[data-v-3d456c2a]{background:#2563eb;color:#fff;border:1px solid #fff}@media (max-width:768px){.action-buttons[data-v-3d456c2a]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:6px;margin-top:10px}.start-btn[data-v-3d456c2a],.upload-btn[data-v-3d456c2a]{width:100%;display:block;font-size:12px;padding:5px 8px}}.no-class[data-v-3d456c2a]{text-align:center;padding:20px;color:#6b7280}@media (max-width:768px){.calendar-grid[data-v-3d456c2a]{gap:2px}.day[data-v-3d456c2a]{padding:8px 0}.schedule-card[data-v-3d456c2a]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.action-buttons[data-v-3d456c2a]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;width:100%;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}}