body,html{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.bluetooth-unavailable-container[data-v-db2abd17]{display:flex;justify-content:center;align-items:center;width:100vw;height:100vh;background-color:#f0f2f5;color:#333}.message-box[data-v-db2abd17]{max-width:500px;padding:2rem;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;text-align:left}h1[data-v-db2abd17]{color:#d9534f;border-bottom:1px solid #eee;padding-bottom:.5rem;margin-bottom:1rem}.status-text[data-v-db2abd17]{font-size:1.1rem;font-weight:500;color:#555;background-color:#fff3cd;border-left:4px solid #ffeeba;padding:1rem;margin:1rem 0;border-radius:4px}.instructions[data-v-db2abd17]{margin-top:1.5rem}ul[data-v-db2abd17]{padding-left:20px;line-height:1.6}.reload-button[data-v-db2abd17]{display:block;width:100%;padding:.75rem;margin-top:1.5rem;font-size:1rem;font-weight:700;color:#fff;background-color:#007bff;border:none;border-radius:5px;cursor:pointer;transition:background-color .2s}.reload-button[data-v-db2abd17]:hover{background-color:#0056b3}.app-layout[data-v-db2abd17]{display:flex;flex-direction:column;height:100vh}.app-status-bar[data-v-db2abd17]{flex-shrink:0;display:flex;justify-content:space-between;align-items:center;padding:8px 16px;background-color:#6c757d;color:#fff;font-size:.9rem;transition:background-color .3s;position:fixed;top:0;left:0;right:0;z-index:1000}.app-status-bar.connected[data-v-db2abd17]{background-color:#28a745}.app-status-bar.error[data-v-db2abd17]{background-color:#dc3545}.connection-status[data-v-db2abd17]{font-weight:700}.status-message[data-v-db2abd17]{opacity:.9}.app-content[data-v-db2abd17]{flex-grow:1;padding-top:40px;overflow-y:auto}.dialog-overlay[data-v-4a16ebac]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:200}.dialog-content[data-v-4a16ebac]{background-color:#fff;padding:25px;border-radius:12px;width:90%;max-width:400px;text-align:center;box-shadow:0 5px 15px #0000004d}.error-title[data-v-4a16ebac]{font-size:1.2rem;color:#d9534f;margin-bottom:15px}.attempts-counter[data-v-4a16ebac]{font-size:.9rem;color:#555;margin-bottom:25px;white-space:pre-wrap}.dialog-actions[data-v-4a16ebac]{display:flex;justify-content:space-around;gap:15px}.dialog-actions button[data-v-4a16ebac]{flex:1;padding:12px;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:background-color .2s}.btn-retry[data-v-4a16ebac]{background-color:var(--primary-orange);color:#fff}.btn-retry[data-v-4a16ebac]:disabled{background-color:#ccc;cursor:not-allowed}.btn-exit[data-v-4a16ebac]{background-color:#f0f0f0;color:#333}.app-header[data-v-4aaf01e7]{position:relative}.menu-dropdown[data-v-4aaf01e7]{position:absolute;top:50px;right:10px;background-color:#fff;border:1px solid #ccc;border-radius:5px;box-shadow:0 2px 5px #0003;z-index:1000;width:200px}.menu-dropdown ul[data-v-4aaf01e7]{list-style:none;margin:0;padding:0}.menu-dropdown li[data-v-4aaf01e7]{padding:12px 16px;cursor:pointer;border-bottom:1px solid #eee}.menu-dropdown li[data-v-4aaf01e7]:last-child{border-bottom:none}.menu-dropdown li[data-v-4aaf01e7]:hover{background-color:#f5f5f5}.info-value[data-v-4aaf01e7]{padding:8px 12px;color:#333;text-align:right;flex:1}: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:17px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--bg-color: #e8f1f0;--white: #ffffff;--primary-orange: #f39c12;--text-dark: #333333;--text-medium: #555555;--text-light: #888888;--border-color: #e0e0e0}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Noto Sans TC,PingFang TC,Microsoft JhengHei,Arial,sans-serif;background-color:#f0f2f5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.page-container{width:100%;min-height:100vh;background-color:var(--bg-color);margin:0 auto;max-width:500px;position:relative;overflow-x:hidden;display:flex;flex-direction:column;box-shadow:0 0 20px #0000001a}.background-image{position:absolute;bottom:0;left:0;width:100%;height:60%;background-size:cover;background-position:center;opacity:.9}.page-container.login-page{background-color:var(--bg-color);display:flex;flex-direction:column;height:100vh}.decoration-image{position:absolute;bottom:0;right:0;width:80%;z-index:1;pointer-events:none}.company-header{width:86%;padding:0;background-color:var(--white);box-shadow:0 4px 10px #00000012;z-index:10;overflow:hidden;margin:10vh auto 0;margin-left:-0;margin-right:auto}.logo-image{display:block;width:100%;height:auto}.login-container{padding:25px 30px;z-index:5;position:relative;width:100%}.login-container h2{color:var(--text-medium);font-size:28px;font-weight:700;margin-bottom:25px}.input-group{width:100%;position:relative}.input-group:not(:last-child){margin-bottom:18px}.input-group input{width:100%;padding:18px 20px;border:none;border-radius:12px;background-color:var(--white);font-size:25px;color:var(--text-dark)}.input-group input::placeholder{color:var(--text-light)}.input-icon{position:absolute;right:20px;top:50%;transform:translateY(-50%);color:var(--text-light);cursor:pointer;display:flex;align-items:center}.input-icon svg{width:24px;height:24px;color:#b0b0b0}.login-actions{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:40px}.privacy-policy{font-size:16px;color:var(--text-medium);width:60%;line-height:1.5}.privacy-policy a{color:#3498db;text-decoration:underline}.login-button{background-color:var(--white);border:none;color:var(--text-dark);padding:15px 40px;font-size:20px;border-radius:12px;box-shadow:0 4px 12px #0000001a;cursor:pointer;transition:all .2s ease-in-out}.login-button:hover{background-color:#f8f8f8;transform:translateY(-1px)}.login-button:disabled{background-color:#e9ecef;cursor:not-allowed;transform:none}.page-container.scan-page{background-color:#e8f1f0;align-items:center}.scan-background{position:absolute;bottom:15%;left:50%;transform:translate(-50%);width:100%;max-width:450px;z-index:1;pointer-events:none;opacity:.9}.splash-content{flex-grow:1;display:flex;justify-content:center;align-items:center;padding-bottom:60vh;z-index:5}.start-button{background-color:var(--white);border:2px solid var(--primary-orange);color:var(--text-dark);padding:10px 20px;font-size:24px;font-weight:500;border-radius:10px;text-decoration:none;box-shadow:0 4px 10px #0000001a;cursor:pointer;transition:all .2s ease-in-out}.start-button:hover:not(:disabled){background-color:#fff8e1;transform:translateY(-2px)}.start-button:disabled{background-color:#e9ecef;border-color:#ced4da;color:#6c757d;cursor:not-allowed}.scan-footer{position:absolute;bottom:0;left:0;width:100%;display:flex;justify-content:center;padding-bottom:40px;z-index:2}.footer-image-container{position:relative;width:80%;max-width:350px}.company-building-photo{width:100%;display:block}.jvk-logo-circle{position:absolute;width:107px;height:117px;top:0;transform:translateY(-50%);left:-7%;z-index:3}.status-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0009;z-index:100;display:none;justify-content:center;align-items:center;flex-direction:column;color:#fff;text-align:center}.spinner{width:50px;height:50px;border:5px solid rgba(255,255,255,.3);border-top-color:var(--white);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}#status-text{font-size:20px}@keyframes spin{to{transform:rotate(360deg)}}.settings-screen{background-color:var(--white);flex-grow:1}.app-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background-color:#f8f9fa;border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100}.app-header .icon{font-size:24px;color:var(--text-medium);cursor:pointer}.app-header h2{font-size:20px;font-weight:600;color:var(--text-dark)}.settings-content{padding:20px;flex-grow:1;overflow-y:auto}.settings-list{list-style-type:none}.settings-list li{display:flex;justify-content:space-between;align-items:center;padding:18px 0;border-bottom:1px solid var(--border-color);font-size:18px;color:var(--text-medium)}.settings-list li:last-child{border-bottom:none}.settings-list .indented{padding-left:30px}.settings-list .value-placeholder{width:100px;height:20px}.app-footer{margin:20px;padding:10px;border:1px solid var(--border-color);border-radius:10px;text-align:center}.app-footer h3{font-size:20px;font-weight:600;color:var(--text-dark)}.app-footer p{font-size:16px;color:var(--text-medium);border-top:2px solid var(--primary-orange);display:inline-block;padding-top:4px;margin-top:4px}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--border-color);font-size:18px;color:var(--text-medium)}.setting-item.indented{padding-left:35px}.setting-item label{flex-shrink:0;margin-right:15px}.setting-item select{width:180px;padding:8px 12px;font-size:18px;font-family:inherit;color:var(--text-dark);background-color:#f8f9fa;border:1px solid #ced4da;border-radius:8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;cursor:pointer}.settings-actions{margin-top:30px;padding:0 20px}.save-button{width:100%;background-color:var(--primary-orange);border:none;color:var(--white);padding:15px;font-size:20px;font-weight:500;border-radius:12px;cursor:pointer;box-shadow:0 4px 10px #f39c124d;transition:all .2s ease-in-out}.save-button:hover{opacity:.9;transform:translateY(-2px)}.settings-menu{position:absolute;top:60px;right:15px;z-index:200;background-color:var(--white);border-radius:12px;box-shadow:0 5px 20px #0000001f;border:1px solid rgba(0,0,0,.05);overflow:hidden;min-width:220px}.settings-menu-list{list-style:none;margin:0;padding:8px 0}.settings-menu-item{padding:14px 20px;font-size:19px;color:var(--text-dark);cursor:pointer;transition:background-color .2s ease;display:block}.settings-menu-item:hover{background-color:#f5f5f5}.settings-actions,.save-button{display:none}.menu-icon{width:24px;height:24px;padding:8px;box-sizing:content-box;border-radius:50%;cursor:pointer;transition:background-color .2s ease}.menu-icon:active,.app-header .icon:active{background-color:#dcdcdc;transition:background-color 0s}.app-header{display:flex;justify-content:space-between;align-items:center}.app-header .icon{padding:8px;border-radius:50%}@media (hover: hover) and (pointer: fine){.menu-icon:hover,.app-header .icon:hover{background-color:#e9e9e9;transition:background-color .2s ease}}