#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}nav{padding:30px}nav a{font-weight:700;color:#2c3e50}nav a.router-link-exact-active{color:#42b983}.activities-container[data-v-08b2a716]{padding:20px}.controls[data-v-08b2a716]{display:flex;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:10px}@media screen and (max-width:768px){.controls[data-v-08b2a716]{flex-direction:column;align-items:stretch}.el-dropdown[data-v-08b2a716],.el-select[data-v-08b2a716]{width:100%;margin-bottom:10px}.el-table[data-v-08b2a716]{font-size:14px}.el-button[data-v-08b2a716]{padding:8px 12px;font-size:13px}.el-table__cell[data-v-08b2a716]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}[data-v-08b2a716] .el-dialog__body{text-align:center}.el-dropdown-link[data-v-08b2a716]{color:#606266;cursor:pointer}.el-dropdown-link i[data-v-08b2a716]{transition:transform .3s}.el-dropdown-menu__item[data-v-08b2a716]:hover{background-color:#f5f7fa}.mobile-activities-container[data-v-2f1da068]{padding:10px;background-color:#f5f5f5}.mobile-controls[data-v-2f1da068]{display:flex;flex-direction:column;gap:10px;margin-bottom:15px}.mobile-dropdown-link[data-v-2f1da068]{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background-color:#fff;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.05);color:#606266;cursor:pointer}.activity-cards[data-v-2f1da068]{display:flex;flex-direction:column;gap:15px}.activity-card[data-v-2f1da068]{background-color:#fff;border-radius:8px;padding:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:transform .2s ease}.activity-card[data-v-2f1da068]:hover{transform:translateY(-2px)}.activity-title[data-v-2f1da068]{font-size:16px;margin-bottom:10px;color:#333;font-weight:700}.address-info[data-v-2f1da068],.category-info[data-v-2f1da068],.registration-time[data-v-2f1da068],.signup-status[data-v-2f1da068],.sponsor-info[data-v-2f1da068],.time-range[data-v-2f1da068]{display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px}.address-label[data-v-2f1da068],.category-label[data-v-2f1da068],.reg-label[data-v-2f1da068],.signup-label[data-v-2f1da068],.sponsor-label[data-v-2f1da068],.time-label[data-v-2f1da068]{color:#666;min-width:60px}.address-value[data-v-2f1da068],.category-value[data-v-2f1da068],.reg-value[data-v-2f1da068],.signup-value[data-v-2f1da068],.sponsor-value[data-v-2f1da068],.time-value[data-v-2f1da068]{color:#333;flex:1;word-break:break-word}.status-tag[data-v-2f1da068]{margin:10px 0;text-align:right}.action-button[data-v-2f1da068]{margin-top:10px}[data-v-2f1da068] .el-dialog__wrapper{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000}[data-v-2f1da068] .el-dialog{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;border-radius:0}[data-v-2f1da068] .el-dialog__body{padding:20px;display:flex;justify-content:center;align-items:center}@media screen and (min-width:768px){.mobile-activities-container[data-v-2f1da068]{display:none}}[data-v-1451c082]{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body[data-v-1451c082]{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#333;padding:1rem;background-color:#f5f7fa}.container[data-v-1451c082]{background-color:#fff;border-radius:16px;box-shadow:0 8px 30px rgba(0,0,0,.15);padding:2rem;width:100%;max-width:700px;text-align:center;position:relative;overflow:hidden;margin:0 auto}.header[data-v-1451c082]{margin-bottom:1.5rem}.header h2[data-v-1451c082]{font-size:1.8rem;color:#2c3e50;margin-bottom:.5rem}.header p[data-v-1451c082]{font-size:1rem;color:#7f8c8d}.cover-image[data-v-1451c082]{width:100%;height:auto;max-height:200px;-o-object-fit:scale-down;object-fit:scale-down;border-radius:12px;margin-bottom:1.5rem;box-shadow:0 4px 15px rgba(0,0,0,.1)}.activity-details[data-v-1451c082]{text-align:left;background:#f8f9fa;padding:1.5rem;border-radius:12px;margin-bottom:2rem}.activity-details h2[data-v-1451c082]{color:#2c3e50;margin-bottom:1rem;font-size:1.4rem;border-bottom:2px solid #3498db;padding-bottom:.5rem}.activity-details p[data-v-1451c082]{line-height:1.6;margin-bottom:1rem;color:#34495e}.activity-meta[data-v-1451c082]{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.meta-item[data-v-1451c082]{background:#fff;padding:.5rem 1rem;border-radius:8px;box-shadow:0 2px 5px rgba(0,0,0,.05);font-size:.9rem;color:#2c3e50}.user-info[data-v-1451c082]{display:flex;justify-content:space-between;align-items:center;background:#e3f2fd;padding:1rem;border-radius:12px;margin-bottom:1.5rem}.user-name[data-v-1451c082]{font-weight:700;font-size:1.2rem;color:#2c3e50}.current-date[data-v-1451c082]{font-size:1rem;color:#7f8c8d}.time-range[data-v-1451c082]{display:flex;justify-content:space-around;margin-bottom:1rem}.time-block[data-v-1451c082]{flex:1;padding:1rem;background:#f8f9fa;border-radius:12px;margin:0 .5rem;box-shadow:0 4px 10px rgba(0,0,0,.08);transition:transform .3s ease}.time-block[data-v-1451c082]:hover{transform:translateY(-5px)}.time-label[data-v-1451c082]{font-weight:700;color:#3498db;margin-bottom:.5rem;font-size:1.1rem}.time-values[data-v-1451c082]{font-size:1.2rem;color:#2c3e50;margin-bottom:.5rem}.countdown[data-v-1451c082]{font-size:1rem;color:#e74c3c;font-weight:700}.countdown.ended[data-v-1451c082]{color:#95a5a6}.button-group[data-v-1451c082]{display:flex;gap:.8rem;margin-top:1.2rem;justify-content:center}.btn[data-v-1451c082]{flex:1;padding:1rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px rgba(0,0,0,.1);min-width:150px}.btn[data-v-1451c082]:hover{transform:translateY(-2px);box-shadow:0 6px 12px rgba(0,0,0,.15)}.btn[data-v-1451c082]:active{transform:translateY(0)}#checkinBtn[data-v-1451c082]{background-color:#28a745;color:#fff}#checkoutBtn[data-v-1451c082]{background-color:#dc3545;color:#fff}.btn[data-v-1451c082]:disabled{opacity:.6;cursor:not-allowed}.status[data-v-1451c082]{margin-top:2rem;padding:1rem;border-radius:8px;background-color:#fff3cd;color:#856404;font-weight:700;animation:fadeIn-1451c082 .5s ease}@keyframes fadeIn-1451c082{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.loading[data-v-1451c082]{text-align:center;font-size:1.2rem;color:#7f8c8d;margin-top:2rem}@media (max-width:768px){.container[data-v-1451c082]{padding:1.5rem}.time-range[data-v-1451c082]{flex-direction:column}.time-block[data-v-1451c082]{margin:.1rem 0}.button-group[data-v-1451c082]{flex-direction:column}.btn[data-v-1451c082]{width:100%}}@media (min-width:768px){.container[data-v-1451c082]{margin:8rem auto}}.container[data-v-73dd2783]{padding:20px}.filter-form[data-v-73dd2783]{margin-bottom:20px;display:flex;gap:15px}.container[data-v-90df66d2]{padding:20px}.row[data-v-90df66d2]{margin-bottom:20px;display:flex}.student-container[data-v-58872ff2]{padding:20px}.loading[data-v-58872ff2]{text-align:center;margin:20px 0;color:#666}.pagination[data-v-58872ff2]{margin-top:20px;justify-content:center}.student-container[data-v-24c537ee]{padding:20px}.loading[data-v-24c537ee]{text-align:center;margin:20px 0;color:#666}.pagination[data-v-24c537ee]{margin-top:20px;justify-content:center}