:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media(prefers-color-scheme:dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100%;min-height:100vh;margin:0 auto;padding:0;font-weight:400}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}@media(hover:hover){a:hover{background-color:#00bd7e33}}@media(max-width:767px){#app{padding:0}}@media(min-width:768px)and (max-width:1023px){#app{padding:1rem}}@media(min-width:1024px){body{display:flex;place-items:center;min-height:100vh;background-color:var(--color-background-soft)}#app{padding:0 2rem;max-width:1400px}}[data-v-eea796e8]{box-sizing:border-box;margin:0;padding:0}.login-container[data-v-eea796e8]{min-height:100vh;background-color:var(--color-background-soft);display:flex;align-items:center;justify-content:center;padding:20px}.login-box[data-v-eea796e8]{width:100%;max-width:400px;background-color:var(--color-background);border-radius:16px;box-shadow:0 4px 20px #0000001a;padding:30px 25px}.login-header[data-v-eea796e8]{text-align:center;margin-bottom:30px}.login-header h1[data-v-eea796e8]{font-size:24px;font-weight:600;color:var(--color-heading);margin-bottom:8px}.login-header p[data-v-eea796e8]{font-size:14px;color:var(--color-text-light-2)}.error-message[data-v-eea796e8]{background-color:#fff2f0;border:1px solid #ffccc7;color:#cf1322;padding:10px 12px;border-radius:6px;margin-bottom:20px;font-size:14px}.login-form[data-v-eea796e8]{width:100%}.form-group[data-v-eea796e8]{margin-bottom:20px}.form-group label[data-v-eea796e8]{display:block;font-size:14px;font-weight:500;color:var(--color-text);margin-bottom:8px}.form-group input[data-v-eea796e8]{width:100%;height:48px;padding:0 16px;border:1px solid var(--color-border);border-radius:8px;font-size:15px;color:var(--color-text);background-color:var(--color-background);transition:border-color .3s}.form-group input[data-v-eea796e8]:focus{outline:none;border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.verification-code-wrapper[data-v-eea796e8]{display:flex;gap:12px}.verification-code-wrapper input[data-v-eea796e8]{flex:1}.get-code-button[data-v-eea796e8]{min-width:130px;height:48px;padding:0 16px;background-color:#1890ff;color:#fff;border:none;border-radius:8px;font-size:14px;cursor:pointer;transition:background-color .3s}.get-code-button[data-v-eea796e8]:hover:not(:disabled){background-color:#40a9ff}.get-code-button[data-v-eea796e8]:disabled{background-color:#d9d9d9;color:#999;cursor:not-allowed}.login-button[data-v-eea796e8]{width:100%;height:48px;background-color:#1890ff;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .3s;margin-top:8px}.login-button[data-v-eea796e8]:hover{background-color:#40a9ff}.login-button[data-v-eea796e8]:active{background-color:#096dd9}.register-link[data-v-eea796e8]{text-align:center;margin-top:24px;font-size:14px;color:var(--color-text-light-2)}.register-link a[data-v-eea796e8]{color:#1890ff;text-decoration:none;margin-left:4px}.register-link a[data-v-eea796e8]:hover{text-decoration:underline}@media(max-width:768px){.login-container[data-v-eea796e8]{padding:16px}.login-box[data-v-eea796e8]{padding:24px 20px}.login-header h1[data-v-eea796e8]{font-size:22px}.form-group input[data-v-eea796e8],.login-button[data-v-eea796e8]{height:46px}.get-code-button[data-v-eea796e8]{height:46px;min-width:110px;font-size:13px}}@media(prefers-color-scheme:dark){.login-container[data-v-eea796e8]{background-color:var(--color-background-soft)}.login-box[data-v-eea796e8]{background-color:var(--color-background)}.form-group input[data-v-eea796e8]{background-color:var(--color-background);color:var(--color-text-dark-1);border-color:var(--color-border)}.error-message[data-v-eea796e8]{background-color:#2a1c1c;border-color:#5c2221;color:#ff8a80}}.schedule-container[data-v-fa5b0006]{min-height:100vh;background-color:var(--color-background-soft);display:flex;flex-direction:column}.schedule-header[data-v-fa5b0006]{background-color:var(--color-background);padding:16px 20px;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;align-items:center}.schedule-main[data-v-fa5b0006]{flex:1;padding:20px;max-width:1200px;margin:0 auto;width:100%}.rooms-list[data-v-fa5b0006]{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.room-card[data-v-fa5b0006]{background-color:var(--color-background);border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:box-shadow .3s}.room-card[data-v-fa5b0006]:hover{box-shadow:0 4px 16px #00000026}.room-header[data-v-fa5b0006]{padding:16px 20px;display:flex;justify-content:space-between;align-items:center;background-color:var(--color-background)}.room-info[data-v-fa5b0006]{flex:1}.room-name[data-v-fa5b0006]{font-size:16px;font-weight:600;color:var(--color-heading);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-details[data-v-fa5b0006]{display:flex;gap:16px;font-size:14px;color:var(--color-text-light-2)}.room-status[data-v-fa5b0006]{padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500}.status-available[data-v-fa5b0006]{background-color:#f6ffed;color:#52c41a;border:1px solid #b7eb8f}.status-occupied[data-v-fa5b0006]{background-color:#fff2e8;color:#fa8c16;border:1px solid #ffd591}.status-maintenance[data-v-fa5b0006]{background-color:#fff1f0;color:#ff4d4f;border:1px solid #ffccc7}.room-staff[data-v-fa5b0006]{border-top:1px solid var(--color-border);padding:16px 20px}.staff-title[data-v-fa5b0006]{font-size:14px;font-weight:500;color:var(--color-text);margin-bottom:12px}.staff-list[data-v-fa5b0006]{display:flex;flex-direction:column;gap:8px}.staff-item[data-v-fa5b0006]{padding:8px 12px;background-color:var(--color-background-soft);border-radius:8px;transition:background-color .3s;display:flex;justify-content:space-between;align-items:center;text-align:center}.staff-item[data-v-fa5b0006]:hover{background-color:#0000000d}.staff-name[data-v-fa5b0006]{font-size:15px;font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.replace-button[data-v-fa5b0006]{padding:4px 8px;background-color:red;color:#fff;border:none;border-radius:4px;font-size:12px;cursor:pointer;transition:background-color .3s}.replace-button[data-v-fa5b0006]:hover{background-color:var(--color-primary-dark)}.modal-overlay[data-v-fa5b0006]{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-fa5b0006]{background-color:var(--color-background);border-radius:12px;width:90%;max-width:400px;box-shadow:0 4px 20px #0003;animation:modalSlideIn-fa5b0006 .3s ease}@keyframes modalSlideIn-fa5b0006{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header[data-v-fa5b0006]{padding:16px 20px;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center}.modal-header h3[data-v-fa5b0006]{margin:0;font-size:18px;font-weight:600;color:var(--color-heading)}.modal-close[data-v-fa5b0006]{background:none;border:none;font-size:24px;color:var(--color-text-light);cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .3s}.modal-close[data-v-fa5b0006]:hover{background-color:var(--color-background-soft)}.modal-body[data-v-fa5b0006]{padding:20px}.modal-info[data-v-fa5b0006]{margin-bottom:20px}.modal-info p[data-v-fa5b0006]{margin:8px 0;color:var(--color-text)}.modal-select[data-v-fa5b0006]{margin-bottom:20px}.modal-select label[data-v-fa5b0006]{display:block;margin-bottom:8px;font-weight:500;color:var(--color-text)}.staff-select[data-v-fa5b0006]{width:100%;padding:8px 12px;border:1px solid var(--color-border);border-radius:8px;background-color:var(--color-background);font-size:14px;color:var(--color-text)}.modal-footer[data-v-fa5b0006]{padding:16px 20px;border-top:1px solid var(--color-border);display:flex;justify-content:flex-end;gap:12px}.cancel-button[data-v-fa5b0006],.confirm-button[data-v-fa5b0006]{padding:8px 16px;border:none;border-radius:8px;font-size:14px;cursor:pointer;transition:background-color .3s}.cancel-button[data-v-fa5b0006]{background-color:var(--color-background-soft);color:var(--color-text);border:1px solid var(--color-border)}.cancel-button[data-v-fa5b0006]:hover{background-color:var(--color-border)}.confirm-button[data-v-fa5b0006]{background-color:red;color:#fff}.confirm-button[data-v-fa5b0006]:disabled{background-color:var(--color-background-soft);color:var(--color-text-light);cursor:not-allowed}@media(max-width:480px){.schedule-header[data-v-fa5b0006]{padding:12px 14px}.schedule-header h1[data-v-fa5b0006]{font-size:16px}.logout-button[data-v-fa5b0006]{padding:4px 8px;font-size:12px}.schedule-main[data-v-fa5b0006]{padding:12px}.section-title[data-v-fa5b0006]{font-size:16px;margin-bottom:12px}.rooms-list[data-v-fa5b0006]{grid-template-columns:1fr;gap:12px}.room-card[data-v-fa5b0006]{border-radius:8px}.room-header[data-v-fa5b0006]{padding:12px 14px}.room-name[data-v-fa5b0006]{font-size:15px}.room-details[data-v-fa5b0006]{flex-direction:column;gap:4px;font-size:13px}.room-staff[data-v-fa5b0006]{padding:12px 14px}.staff-title[data-v-fa5b0006]{font-size:13px;margin-bottom:10px}.staff-list[data-v-fa5b0006]{gap:6px}.staff-item[data-v-fa5b0006]{padding:8px 10px;flex-direction:column;gap:6px}.staff-name[data-v-fa5b0006]{font-size:14px}.replace-button[data-v-fa5b0006]{padding:6px 12px;font-size:13px}}@media(min-width:481px)and (max-width:767px){.schedule-header[data-v-fa5b0006]{padding:14px 16px}.schedule-header h1[data-v-fa5b0006]{font-size:18px}.logout-button[data-v-fa5b0006]{padding:6px 12px;font-size:13px}.schedule-main[data-v-fa5b0006]{padding:16px}.rooms-list[data-v-fa5b0006]{grid-template-columns:repeat(2,1fr);gap:14px}.room-header[data-v-fa5b0006]{padding:14px 16px}.room-details[data-v-fa5b0006]{flex-direction:column;gap:4px}.room-staff[data-v-fa5b0006]{padding:14px 16px}}@media(min-width:768px)and (max-width:1023px){.schedule-main[data-v-fa5b0006]{padding:24px}.rooms-list[data-v-fa5b0006]{grid-template-columns:repeat(3,1fr);gap:20px}.room-card[data-v-fa5b0006]{border-radius:14px}.room-header[data-v-fa5b0006],.room-staff[data-v-fa5b0006]{padding:18px 22px}}@media(min-width:1024px){.schedule-container[data-v-fa5b0006]{background-color:var(--color-background)}.schedule-header[data-v-fa5b0006]{padding:20px 30px;box-shadow:0 2px 12px #0000001a}.schedule-header h1[data-v-fa5b0006]{font-size:22px}.logout-button[data-v-fa5b0006]{padding:10px 20px;font-size:15px}.schedule-main[data-v-fa5b0006]{padding:30px}.section-title[data-v-fa5b0006]{font-size:20px;margin-bottom:24px}.rooms-list[data-v-fa5b0006]{grid-template-columns:repeat(5,1fr);gap:24px}.room-card[data-v-fa5b0006]{border-radius:16px;box-shadow:0 4px 16px #0000001a}.room-header[data-v-fa5b0006]{padding:20px 24px}.room-name[data-v-fa5b0006]{font-size:18px}.room-details[data-v-fa5b0006]{gap:24px}.room-staff[data-v-fa5b0006]{padding:20px 24px}.staff-list[data-v-fa5b0006]{gap:12px}.staff-item[data-v-fa5b0006]{padding:12px 16px}.staff-name[data-v-fa5b0006]{font-size:16px}}@media(prefers-color-scheme:dark){.schedule-container[data-v-fa5b0006]{background-color:var(--color-background-soft)}.schedule-header[data-v-fa5b0006],.room-card[data-v-fa5b0006]{background-color:var(--color-background);box-shadow:0 2px 8px #0000004d}.room-status[data-v-fa5b0006]{border-color:var(--color-border)}.status-available[data-v-fa5b0006]{background-color:#1a2e0a;color:#86e878}.status-occupied[data-v-fa5b0006]{background-color:#2e1e0e;color:#ffb050}.status-maintenance[data-v-fa5b0006]{background-color:#2e0f0e;color:#ff8a80}.room-staff[data-v-fa5b0006]{border-top-color:var(--color-border)}.staff-item[data-v-fa5b0006]{background-color:var(--color-background-soft)}.staff-item[data-v-fa5b0006]:hover{background-color:#ffffff0d}.modal-content[data-v-fa5b0006]{background-color:var(--color-background);box-shadow:0 4px 20px #00000080}.modal-header[data-v-fa5b0006]{border-bottom-color:var(--color-border)}.modal-footer[data-v-fa5b0006]{border-top-color:var(--color-border)}.staff-select[data-v-fa5b0006]{background-color:var(--color-background-soft);border-color:var(--color-border)}}.add-staff-button[data-v-fa5b0006]{display:flex;align-items:center;gap:4px;padding:6px 12px;height:28px;background-color:#4caf50;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:14px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000001a;white-space:nowrap}.add-staff-button[data-v-fa5b0006]:hover{background-color:#3d8b40;border-color:#fff6;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.add-staff-button[data-v-fa5b0006]:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.add-icon[data-v-fa5b0006]{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;background-color:#fff3;border-radius:50%;font-size:10px;line-height:1}@media(max-width:480px){.add-staff-button[data-v-fa5b0006]{padding:4px 8px;height:24px;font-size:10px;border-radius:12px;border-width:.8px}.add-icon[data-v-fa5b0006]{width:14px;height:14px;font-size:8px}}@media(prefers-color-scheme:dark){.add-staff-button[data-v-fa5b0006]{background-color:#388e3c;border-color:#fff3;box-shadow:0 2px 4px #0000004d}.add-staff-button[data-v-fa5b0006]:hover{background-color:#2e7d32;border-color:#ffffff4d;box-shadow:0 4px 8px #0006}}