[data-v-34af0a48]{margin:0;padding:0;box-sizing:border-box}body[data-v-34af0a48]{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;background:linear-gradient(135deg,#e6e6fa,#d8bfd8);min-height:100vh;padding:15px}#app[data-v-34af0a48]{max-width:600px;margin:0 auto;padding-bottom:80px}.header[data-v-34af0a48]{text-align:center;padding:20px 0;color:#6a5acd;font-size:24px;font-weight:700;text-shadow:1px 1px 2px hsla(0,0%,100%,.5)}.checkin-card[data-v-34af0a48]{background:hsla(0,0%,100%,.9);border-radius:15px;padding:20px;margin-bottom:20px;box-shadow:0 4px 15px rgba(106,92,205,.2);position:relative;overflow:hidden}.checkin-card[data-v-34af0a48]:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#9370db,#ba55d3)}.room-info[data-v-34af0a48]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #f0f0f0}.room-name[data-v-34af0a48]{font-size:18px;font-weight:700;color:#6a5acd}.date-time[data-v-34af0a48]{font-size:14px;color:#888}.time-slot[data-v-34af0a48]{background:#f9f9ff;color:#6a5acd}.status[data-v-34af0a48],.time-slot[data-v-34af0a48]{display:flex;justify-content:space-between;margin-bottom:15px;padding:10px;border-radius:8px}.status[data-v-34af0a48]{background:#f0f8ff}.status-item[data-v-34af0a48]{text-align:center}.status-label[data-v-34af0a48]{font-size:12px;color:#888}.status-value[data-v-34af0a48]{font-size:14px;color:#6a5acd;font-weight:700}.leave-status[data-v-34af0a48]{display:inline-block;padding:3px 8px;border-radius:10px;font-size:12px;color:#fff}.leave-yes[data-v-34af0a48]{background:tomato}.leave-no[data-v-34af0a48]{background:#20b2aa}.action-buttons[data-v-34af0a48]{display:flex;gap:10px;margin-top:15px}.btn[data-v-34af0a48]{flex:1;padding:12px;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s}.btn-checkin[data-v-34af0a48]{background:linear-gradient(90deg,#9370db,#ba55d3);color:#fff}.btn-checkout[data-v-34af0a48]{background:linear-gradient(90deg,#87ceeb,#4682b4);color:#fff}.btn-leave[data-v-34af0a48]{background:linear-gradient(90deg,#ffa07a,tomato);color:#fff}.btn[data-v-34af0a48]:active{transform:scale(.98)}.btn[data-v-34af0a48]:disabled{opacity:.6;cursor:not-allowed;transform:none}.empty-state[data-v-34af0a48]{text-align:center;padding:40px 20px;color:#888}.empty-icon[data-v-34af0a48]{font-size:60px;margin-bottom:15px;color:#d8bfd8}.history-title[data-v-34af0a48]{font-size:18px;color:#6a5acd;margin:20px 0 10px;padding-left:10px;border-left:4px solid #9370db}.history-list[data-v-34af0a48]{margin-top:20px}.history-item[data-v-34af0a48]{background:hsla(0,0%,100%,.8);border-radius:10px;padding:15px;margin-bottom:10px;box-shadow:0 2px 8px rgba(106,92,205,.1)}.history-room[data-v-34af0a48]{font-weight:700;color:#6a5acd;margin-bottom:5px}.history-date[data-v-34af0a48]{font-size:14px;color:#888;margin-bottom:5px}.history-status[data-v-34af0a48]{display:flex;justify-content:space-between;font-size:13px;color:#6a5acd}.tabs[data-v-34af0a48]{display:flex;margin-bottom:20px;background:hsla(0,0%,100%,.8);border-radius:10px;overflow:hidden;box-shadow:0 2px 8px rgba(106,92,205,.1)}.tab[data-v-34af0a48]{flex:1;padding:15px;text-align:center;cursor:pointer;font-weight:700;color:#888;transition:all .3s}.tab.active[data-v-34af0a48]{color:#6a5acd;background:rgba(147,112,219,.2)}.no-results[data-v-34af0a48]{text-align:center;padding-bottom:100px;color:#9370db;font-size:16px}.loading[data-v-34af0a48]{text-align:center;padding:20px;color:#9370db;font-size:16px}.modal[data-v-34af0a48]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-34af0a48]{background:#fff;border-radius:15px;width:90%;max-width:500px;padding:25px;box-shadow:0 10px 30px rgba(0,0,0,.3);max-height:80vh;overflow-y:auto}.modal-header[data-v-34af0a48]{font-size:18px;font-weight:700;color:#6a5acd;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #f0f0f0}.form-group[data-v-34af0a48]{margin-bottom:20px}.form-label[data-v-34af0a48]{display:block;margin-bottom:8px;font-weight:700;color:#6a5acd}.form-input[data-v-34af0a48],.form-textarea[data-v-34af0a48]{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:16px;box-sizing:border-box}.form-textarea[data-v-34af0a48]{min-height:100px;resize:vertical}.modal-buttons[data-v-34af0a48]{display:flex;gap:10px;margin-top:20px}.btn-modal[data-v-34af0a48]{flex:1;padding:12px;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer}.btn-confirm[data-v-34af0a48]{background:linear-gradient(90deg,#9370db,#ba55d3);color:#fff}.btn-cancel[data-v-34af0a48]{background:#f0f0f0;color:#666}.form-select[data-v-34af0a48]{width:100%;padding:12px 16px;border:2px solid rgba(217,194,255,.6);border-radius:12px;font-size:16px;color:#333;background:hsla(0,0%,100%,.8);transition:all .3s ease;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%238a6bff'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}.form-select[data-v-34af0a48]:focus{border-color:#8a6bff;box-shadow:0 0 0 3px rgba(138,107,255,.2)}.preview-image[data-v-34af0a48]{width:80%;height:80%;-o-object-fit:cover;object-fit:cover}.delete-btn[data-v-34af0a48]{position:absolute;top:8px;right:8px;background:rgba(0,0,0,.5);border:none;border-radius:50%;width:28px;height:28px;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10}