.header[data-v-b303f3df]{width:100%;background-color:#42b883;height:60px;display:flex;align-items:center;position:fixed;top:0;left:0;z-index:1000}.logo[data-v-b303f3df]{margin:0;font-size:20px;font-weight:700;color:#fff;position:absolute;left:20px}.logo a[data-v-b303f3df]{color:#fff;text-decoration:none}.login-btn[data-v-b303f3df]{background:#fff;border:none;padding:6px 14px;border-radius:5px;cursor:pointer;color:#42b883;font-weight:700;font-size:14px;position:absolute;right:60px}.login-btn[data-v-b303f3df]:hover{background:#f0f0f0}.modal-overlay[data-v-b303f3df]{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:2000}.modal[data-v-b303f3df]{background:#fff;padding:30px 25px;border-radius:12px;width:350px;box-shadow:0 4px 15px #0003;animation:fadeIn-b303f3df .3s ease}.modal-title[data-v-b303f3df]{margin-bottom:20px;text-align:center;font-size:22px;font-weight:700;color:#333}.modal-form[data-v-b303f3df]{display:flex;flex-direction:column;gap:12px}.modal-form input[data-v-b303f3df]{padding:10px;border:1px solid #ddd;border-radius:6px;font-size:14px}.confirm-btn[data-v-b303f3df]{background:#42b883;color:#fff;border:none;padding:10px;border-radius:6px;cursor:pointer;font-size:15px;font-weight:700}.confirm-btn[data-v-b303f3df]:hover{background:#369c6d}.cancel-btn[data-v-b303f3df]{background:#eee;color:#333;border:none;padding:10px;border-radius:6px;cursor:pointer;font-size:14px}.cancel-btn[data-v-b303f3df]:hover{background:#ddd}.signup-section[data-v-b303f3df]{margin-top:20px;text-align:center}.signup-section p[data-v-b303f3df]{font-size:13px;color:#555;margin-bottom:8px}.signup-btn[data-v-b303f3df]{background:transparent;border:1px solid #42b883;color:#42b883;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:700}.signup-btn[data-v-b303f3df]:hover{background:#42b883;color:#fff}@keyframes fadeIn-b303f3df{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.email-verify[data-v-b303f3df]{margin-bottom:10px;text-align:right}.email-verify button[data-v-b303f3df]{background:#42b883;border:none;color:#fff;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:13px;font-weight:700}.email-verify button[data-v-b303f3df]:disabled{background:#ccc;cursor:not-allowed}.user-actions[data-v-b303f3df]{position:absolute;right:20px;display:flex;gap:10px}.mypage-btn[data-v-b303f3df],.logout-btn[data-v-b303f3df]{background:#fff;border:none;padding:6px 12px;border-radius:5px;cursor:pointer;color:#42b883;font-weight:700;font-size:14px}.mypage-btn[data-v-b303f3df]:hover,.logout-btn[data-v-b303f3df]:hover{background:#f0f0f0}.footer[data-v-b9e075a5]{width:100%;background-color:#333;color:#eee;text-align:center;height:50px;padding:5px 0;position:fixed;bottom:0;left:0;font-size:12px;line-height:1.2}small[data-v-b9e075a5]{display:block;margin-top:2px;font-size:11px;color:#aaa}.main-content{padding-top:60px;padding-bottom:55px}.main[data-v-f2ed32bb]{padding:20px 20px 40px;min-height:calc(100vh - 120px);text-align:center}.title[data-v-f2ed32bb]{font-size:24px;margin-bottom:20px}.room-list[data-v-f2ed32bb]{display:flex;gap:20px;flex-wrap:wrap;justify-content:center}.room-card[data-v-f2ed32bb]{background:#fff;border:1px solid #ddd;border-radius:12px;width:250px;padding:20px;box-shadow:0 2px 8px #0000001a;transition:transform .2s ease}.room-card[data-v-f2ed32bb]:hover{transform:translateY(-5px)}.room-img[data-v-f2ed32bb]{width:100%;height:150px;object-fit:cover;border-radius:8px;margin-bottom:12px}.available[data-v-f2ed32bb]{color:#42b883;font-weight:700}.unavailable[data-v-f2ed32bb]{color:red;font-weight:700}.reserve-btn[data-v-f2ed32bb]{margin-top:10px;padding:8px 12px;border:none;background:#42b883;color:#fff;font-size:14px;font-weight:700;border-radius:6px;cursor:pointer}.modal-overlay[data-v-f2ed32bb]{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:2000}.modal[data-v-f2ed32bb]{background:#fff;padding:20px;border-radius:12px;width:400px;max-height:500px;overflow-y:auto;box-shadow:0 4px 15px #0003}.modal-title[data-v-f2ed32bb]{font-size:20px;margin-bottom:15px;text-align:center}.time-bars[data-v-f2ed32bb]{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0;justify-content:flex-start}.time-slot[data-v-f2ed32bb]{width:70px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:6px;font-size:14px;font-weight:700;background:#eee;color:#333}.time-slot.reserved[data-v-f2ed32bb]{background:#42b883;color:#fff}.time-slot.blackout[data-v-f2ed32bb]{background:#e74c3c;color:#fff}.close-btn[data-v-f2ed32bb]{margin-top:15px;padding:8px 14px;background:#eee;border:none;border-radius:6px;cursor:pointer}.close-btn[data-v-f2ed32bb]:hover{background:#ddd}.card-actions[data-v-f2ed32bb]{display:flex;justify-content:space-between;margin-top:10px}.card-btn[data-v-f2ed32bb]{flex:1;margin:0 4px;padding:8px 12px;border:none;border-radius:6px;font-size:14px;font-weight:700;cursor:pointer;transition:background .2s ease}.reserve-btn[data-v-f2ed32bb]{background:#42b883;color:#fff}.reserve-btn[data-v-f2ed32bb]:hover{background:#369c6d}.book-btn[data-v-f2ed32bb]{background:#2f9e74;color:#fff}.book-btn[data-v-f2ed32bb]:hover{background:#237557}.book-btn[data-v-f2ed32bb]:disabled{background:#ccc;cursor:not-allowed}.modal-actions[data-v-f2ed32bb]{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.confirm-btn[data-v-f2ed32bb]{padding:10px 18px;font-size:15px;background:#42b883;color:#fff;font-weight:700;border:none;border-radius:6px;cursor:pointer}.confirm-btn[data-v-f2ed32bb]:hover{background:#369c6d}.cancel-btn[data-v-f2ed32bb]{padding:10px 18px;font-size:15px;background:#eee;border:none;border-radius:6px;cursor:pointer}.cancel-btn[data-v-f2ed32bb]:hover{background:#ddd}.form-group[data-v-f2ed32bb]{margin-bottom:16px;text-align:left}.form-group label[data-v-f2ed32bb]{display:block;margin-bottom:8px;font-size:16px;font-weight:700}.form-group select[data-v-f2ed32bb]{width:100%;padding:10px 12px;font-size:16px;border:1px solid #ccc;border-radius:6px}.mypage[data-v-2fa8b53a]{max-width:1200px;margin:100px auto;padding:20px}.title[data-v-2fa8b53a]{font-size:26px;font-weight:700;margin-bottom:30px;text-align:center}.content[data-v-2fa8b53a]{display:flex;gap:30px}.card[data-v-2fa8b53a]{flex:1;background:#fff;padding:25px 30px;border-radius:12px;box-shadow:0 4px 15px #00000014}.info-row[data-v-2fa8b53a]{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f0f0f0}.info-row[data-v-2fa8b53a]:last-child{border-bottom:none}.label[data-v-2fa8b53a]{font-weight:700;color:#555}.value[data-v-2fa8b53a]{color:#333}.password-edit[data-v-2fa8b53a]{display:flex;flex-direction:column;gap:5px}.admin-btn[data-v-2fa8b53a]{margin-top:20px;width:100%;padding:12px;background-color:#2eb84c;border:none;border-radius:8px;color:#fff;font-weight:700;font-size:15px;cursor:pointer}.admin-btn[data-v-2fa8b53a]:hover{background-color:#39fc7a}.reservation-card h3[data-v-2fa8b53a]{margin-bottom:15px}.reservation-list[data-v-2fa8b53a]{list-style:none;padding:0;margin:0}.reservation-item[data-v-2fa8b53a]{padding:12px;margin-bottom:12px;border:1px solid #eee;border-radius:8px;background:#fafafa}.reservation-item h4[data-v-2fa8b53a]{margin:0 0 6px}.cancel-btn[data-v-2fa8b53a]{margin-top:10px;padding:8px 14px;background-color:#f44336;border:none;border-radius:6px;color:#fff;font-size:14px;cursor:pointer}.cancel-btn[data-v-2fa8b53a]:hover{background-color:#d32f2f}.error[data-v-2fa8b53a]{color:red;font-weight:700}.edit-btn[data-v-2fa8b53a]{padding:6px 12px;font-size:13px;border:1px solid #2eb84c;border-radius:6px;background-color:#fff;color:#2eb84c;font-weight:700;cursor:pointer;transition:all .2s ease}.edit-btn[data-v-2fa8b53a]:hover{background-color:#2eb84c;color:#fff}.actions[data-v-2fa8b53a]{display:flex;gap:6px;align-items:center}.edit-btn.cancel[data-v-2fa8b53a]{border:1px solid #ccc;color:#555}.edit-btn.cancel[data-v-2fa8b53a]:hover{background-color:#eee;color:#333}.withdraw-btn[data-v-2fa8b53a]{margin-top:15px;width:100%;padding:12px;background-color:#ff4d4f;border:none;border-radius:8px;color:#fff;font-weight:700;font-size:15px;cursor:pointer}.withdraw-btn[data-v-2fa8b53a]:hover{background-color:#d9363e}.admin-page[data-v-21a25d74]{max-width:1200px;margin:100px auto;padding:20px}.title[data-v-21a25d74]{font-size:26px;font-weight:700;margin-bottom:20px;text-align:center}.dashboard[data-v-21a25d74]{display:flex;gap:20px}.sidebar[data-v-21a25d74]{width:200px;background:#f9f9f9;border-radius:8px;box-shadow:0 4px 10px #0000000d}.sidebar ul[data-v-21a25d74]{list-style:none;padding:0;margin:0}.sidebar li[data-v-21a25d74]{padding:12px 16px;cursor:pointer;border-bottom:1px solid #eee}.sidebar li.active[data-v-21a25d74]{background:#42b883;color:#fff;font-weight:700}.content[data-v-21a25d74]{flex:1;background:#fff;border-radius:8px;padding:20px;box-shadow:0 4px 10px #0000000d}.filters[data-v-21a25d74]{display:flex;gap:10px;margin-bottom:20px}.member-table[data-v-21a25d74]{width:100%;border-collapse:collapse}.member-table th[data-v-21a25d74],.member-table td[data-v-21a25d74]{padding:10px;border:1px solid #ddd}.pagination[data-v-21a25d74]{margin-top:20px;text-align:center}.page-btn[data-v-21a25d74]{margin:0 4px;padding:6px 12px;border:1px solid #2eb84c;border-radius:4px;background:#fff;color:#2eb84c;cursor:pointer}.page-btn.active[data-v-21a25d74]{background:#2eb84c;color:#fff;font-weight:700}.page-btn[data-v-21a25d74]:hover{background:#39fc7a;color:#fff}.detail-btn[data-v-21a25d74],.delete-btn[data-v-21a25d74]{padding:6px 10px;margin:0 4px;border:none;border-radius:4px;font-size:13px;cursor:pointer}.detail-btn[data-v-21a25d74]{background-color:#26ae58;color:#fff}.detail-btn[data-v-21a25d74]:hover{background-color:#12ff69}.delete-btn[data-v-21a25d74]{background-color:red;color:#fff}.delete-btn[data-v-21a25d74]:hover{background-color:#f58d8d}.modal-overlay[data-v-21a25d74]{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center}.modal[data-v-21a25d74]{background:#fff;padding:20px;border-radius:8px;width:400px}.close-btn[data-v-21a25d74]{margin-top:15px;padding:8px 14px;background:#555;color:#fff;border:none;border-radius:6px;cursor:pointer}.close-btn[data-v-21a25d74]:hover{background:#333}.room-table[data-v-21a25d74]{width:100%;border-collapse:collapse;margin-top:15px}.room-table th[data-v-21a25d74],.room-table td[data-v-21a25d74]{border:1px solid #ddd;padding:10px;text-align:center}.room-table th[data-v-21a25d74]{background:#f5f5f5}.available[data-v-21a25d74]{color:green;font-weight:700}.unavailable[data-v-21a25d74]{color:red;font-weight:700}.room-actions[data-v-21a25d74]{margin-bottom:15px;text-align:right}.create-btn[data-v-21a25d74]{padding:8px 14px;background-color:#42b883;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:700}.create-btn[data-v-21a25d74]:hover{background-color:#369c6d}.form-group[data-v-21a25d74]{margin-bottom:15px;text-align:left}.form-group label[data-v-21a25d74]{display:block;margin-bottom:6px;font-weight:700}.form-group input[data-v-21a25d74]{width:100%;padding:8px;border:1px solid #ddd;border-radius:6px}.modal-actions[data-v-21a25d74]{display:flex;justify-content:flex-end;gap:10px;margin-top:15px}.confirm-btn[data-v-21a25d74]{padding:8px 14px;background:#42b883;color:#fff;border:none;border-radius:6px;font-weight:700;cursor:pointer}.confirm-btn[data-v-21a25d74]:hover{background:#369c6d}.cancel-btn[data-v-21a25d74]{padding:8px 14px;background:#eee;border:none;border-radius:6px;cursor:pointer}.cancel-btn[data-v-21a25d74]:hover{background:#ddd}.modal-overlay[data-v-21a25d74]{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:2000}.modal.modern[data-v-21a25d74]{background:#fff;padding:30px;border-radius:16px;width:450px;box-shadow:0 8px 30px #00000026;animation:fadeIn-21a25d74 .3s ease}.modal-title[data-v-21a25d74]{font-size:20px;font-weight:700;margin-bottom:20px;text-align:center;color:#2c3e50;border-bottom:2px solid #42b883;padding-bottom:10px}.form-group[data-v-21a25d74]{margin-bottom:16px;display:flex;flex-direction:column}.form-row[data-v-21a25d74]{display:flex;gap:12px}label[data-v-21a25d74]{font-size:14px;font-weight:700;color:#555;margin-bottom:6px}.input[data-v-21a25d74]{padding:10px 12px;border:1px solid #ddd;border-radius:8px;font-size:14px;transition:border .2s,box-shadow .2s}.input[data-v-21a25d74]:focus{border-color:#42b883;box-shadow:0 0 4px #42b88366;outline:none}.modal-actions[data-v-21a25d74]{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.btn[data-v-21a25d74]{padding:10px 16px;font-size:14px;font-weight:700;border-radius:8px;cursor:pointer;transition:all .2s;border:none}.btn-primary[data-v-21a25d74]{background:#42b883;color:#fff}.btn-secondary[data-v-21a25d74]{background:#eee;color:#333}.reservation-table[data-v-21a25d74]{width:100%;border-collapse:collapse;margin-top:15px}.reservation-table th[data-v-21a25d74],.reservation-table td[data-v-21a25d74]{border:1px solid #ddd;padding:10px;text-align:center}.reservation-table th[data-v-21a25d74]{background:#f5f5f5}.confirmed[data-v-21a25d74]{color:green;font-weight:700}.completed[data-v-21a25d74]{color:#00f;font-weight:700}.cancelled[data-v-21a25d74]{color:red;font-weight:700}.log-btn[data-v-21a25d74]{padding:6px 10px;margin:0 4px;border:none;border-radius:4px;font-size:13px;cursor:pointer;background-color:#77b22e;color:#fff}.log-btn[data-v-21a25d74]:hover{background-color:#6fd680}.modal.wide[data-v-21a25d74]{width:800px;max-height:90vh;overflow-y:auto}.blackout-btn[data-v-21a25d74]{padding:6px 10px;margin:0 4px;border:none;border-radius:4px;font-size:13px;cursor:pointer;background-color:#615d6a;color:#fff}.blackout-btn[data-v-21a25d74]:hover{background-color:#979698}.modal.wide[data-v-21a25d74]{width:600px;max-height:90vh;overflow-y:auto}.modal-title[data-v-21a25d74]{font-size:22px;font-weight:700;margin-bottom:20px;text-align:center;color:#2c3e50;border-bottom:2px solid #42b883;padding-bottom:10px}.form-group label[data-v-21a25d74]{font-size:14px;font-weight:600;color:#444;margin-bottom:6px}.input[data-v-21a25d74]{padding:10px 12px;border:1px solid #ddd;border-radius:8px;font-size:14px;transition:all .2s}.input[data-v-21a25d74]:focus{border-color:#42b883;box-shadow:0 0 5px #42b8834d}.modal-actions[data-v-21a25d74]{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.btn-primary[data-v-21a25d74]{background:#42b883;color:#fff;border:none;border-radius:8px;padding:10px 18px;font-weight:700;cursor:pointer}.btn-primary[data-v-21a25d74]:hover{background:#369c6d}.btn-secondary[data-v-21a25d74]{background:#eee;color:#333;border-radius:8px;padding:10px 18px;cursor:pointer}.btn-secondary[data-v-21a25d74]:hover{background:#ddd}@keyframes fadeIn-21a25d74{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}