:root{--hk-red:#c8102e;--hk-red-deep:#8b0000;--hk-jade:#00665e;--hk-amber:#ffb300;--hk-gold:#d4a24c;--hk-cream:#fff8e7;--hk-paper:#f4ecd8;--hk-ink:#1c1c1c;--bg:var(--hk-cream);--surface:#fff;--text:var(--hk-ink);--text-muted:#6b5b45;--border:#e0d5bc;--success:#2e7d32;--error:#c62828;--warning:#e65100;--fs-xs:14px;--fs-sm:16px;--fs-md:18px;--fs-lg:20px;--fs-xl:24px;--fs-2xl:28px;--fs-3xl:34px;--tap-min:48px}*{-webkit-tap-highlight-color:transparent;box-sizing:border-box}body,html{margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff8e7;background-color:var(--bg);background-image:repeating-linear-gradient(45deg,#d4a24c0d,#d4a24c0d 2px,#0000 0,#0000 14px),radial-gradient(circle at 20% 10%,#ffb3000f,#0000 60%);color:#1c1c1c;color:var(--text);font-family:Noto Sans HK,PingFang HK,Microsoft JhengHei,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:18px;font-size:var(--fs-md);line-height:1.6;min-height:100vh}button{font-family:inherit}.app-container{background:#fff;background:var(--surface);box-shadow:0 0 30px #8b000014;margin:0 auto;max-width:520px;position:relative}.app-container,.login-card{display:flex;flex-direction:column;min-height:100vh}.login-card{align-items:center;background:linear-gradient(180deg,#c8102e0a,#0000 40%),#fff;background:linear-gradient(180deg,#c8102e0a,#0000 40%),var(--surface);justify-content:center;padding:48px 24px;text-align:center}.login-brand{color:#c8102e;color:var(--hk-red);font-size:28px;font-size:var(--fs-2xl);font-weight:800;letter-spacing:.08em;margin:0 0 8px;text-shadow:0 0 6px #ffb30059,0 2px 0 #8b0000;text-shadow:0 0 6px #ffb30059,0 2px 0 var(--hk-red-deep)}.login-brand-en{font-size:16px;font-size:var(--fs-sm);letter-spacing:.25em;margin-bottom:32px;text-transform:uppercase}.login-brand-en,.login-card>p{color:#6b5b45;color:var(--text-muted)}.login-card>p{font-size:18px;font-size:var(--fs-md);margin:0 0 24px}.employee-list{display:flex;flex-direction:column;gap:12px;max-height:60vh;max-width:320px;overflow-y:auto;padding:4px;width:100%}.employee-list button{background:#fff;background:var(--surface);border:1.5px solid #e0d5bc;border:1.5px solid var(--border);border-radius:8px;color:#1c1c1c;color:var(--text);cursor:pointer;font-size:18px;font-size:var(--fs-md);font-weight:500;min-height:48px;min-height:var(--tap-min);padding:16px 20px;position:relative;text-align:left;transition:all .15s}.employee-list button:before{content:"👤";margin-right:12px;opacity:.6}.employee-list button:focus,.employee-list button:hover{background:#fff3d6;border-color:#d4a24c;border-color:var(--hk-gold);box-shadow:0 4px 12px #d4a24c40;transform:translateY(-1px)}.employee-list button:active{transform:translateY(0)}.app-header{align-items:center;background:linear-gradient(135deg,#c8102e,#8b0000);background:linear-gradient(135deg,var(--hk-red) 0,var(--hk-red-deep) 100%);border-bottom:3px solid #ffb300;border-bottom:3px solid var(--hk-amber);box-shadow:0 2px 8px #c8102e33;color:#fff;display:flex;justify-content:space-between;padding:18px 20px;position:relative}.app-header h1{font-size:24px;font-size:var(--fs-xl);font-weight:800;letter-spacing:.05em;margin:0;text-shadow:0 1px 2px #0000004d}.user-info{align-items:center;display:flex;font-size:16px;font-size:var(--fs-sm);gap:12px}.user-info span{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-logout{background:#ffffff26;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-size:var(--fs-sm);min-height:48px;min-height:var(--tap-min);padding:8px 14px;transition:background .15s}.btn-logout:hover{background:#ffffff40}.app-main{background:repeating-linear-gradient(0deg,#0000,#0000 39px,#d4a24c14 0,#d4a24c14 40px);display:flex;flex:1 1;flex-direction:column;gap:20px;padding:20px}.proxy-toggle{align-items:center;background:linear-gradient(135deg,#fff8e0,#ffe9a8);border:1.5px solid #ffb300;border:1.5px solid var(--hk-amber);border-radius:10px;color:#8b0000;color:var(--hk-red-deep);display:flex;font-size:18px;font-size:var(--fs-md);font-weight:600;gap:14px;padding:14px 16px}.toggle-switch{display:inline-block;flex-shrink:0;height:32px;position:relative;width:56px}.toggle-switch input{height:0;opacity:0;width:0}.slider{background:#c8b98a;border-radius:32px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.3s}.slider:before{background:#fff;border-radius:50%;bottom:3px;box-shadow:0 2px 4px #0003;content:"";height:26px;left:3px;width:26px}input:checked+.slider{background:#c8102e;background:var(--hk-red)}input:checked+.slider:before{transform:translateX(24px)}.proxy-section{background:#fff8e0;border:1.5px solid #ffb300;border:1.5px solid var(--hk-amber);border-radius:10px;padding:16px}.proxy-section label{color:#8b0000;color:var(--hk-red-deep);display:block;font-size:18px;font-size:var(--fs-md);font-weight:600;margin-bottom:10px}.proxy-section select{background:#fff;border:1.5px solid #ffb300;border:1.5px solid var(--hk-amber);border-radius:8px;color:#1c1c1c;color:var(--text);font-size:18px;font-size:var(--fs-md);min-height:48px;min-height:var(--tap-min);padding:14px;width:100%}.clock-section{background:#fff;background:var(--surface);border:1.5px solid #e0d5bc;border:1.5px solid var(--border);border-radius:12px;box-shadow:0 2px 8px #0000000a;padding:20px;text-align:center}.location-section{margin-bottom:20px;text-align:left}.location-section label{display:block;font-weight:600;margin-bottom:8px}.location-section label,.location-select{color:#1c1c1c;color:var(--text);font-size:18px;font-size:var(--fs-md)}.location-select{background:#fff;background:var(--surface);border:1.5px solid #e0d5bc;border:1.5px solid var(--border);border-radius:8px;cursor:pointer;min-height:48px;min-height:var(--tap-min);padding:14px;width:100%}.location-select:focus{border-color:#c8102e;border-color:var(--hk-red);box-shadow:0 0 0 3px #c8102e26;outline:none}.location-info{background:#e0f2f1;border:1px solid #00665e;border:1px solid var(--hk-jade);border-radius:8px;color:#00665e;color:var(--hk-jade);font-size:16px;font-size:var(--fs-sm);font-weight:600;margin-bottom:20px;padding:12px}.clock-button-container{display:flex;justify-content:center;margin:24px 0}.clock-button{border:4px solid #ffb300;border:4px solid var(--hk-amber);border-radius:50%;box-shadow:0 0 0 4px #c8102e,0 0 24px #ffb30066,0 8px 24px #c8102e59;box-shadow:0 0 0 4px var(--hk-red),0 0 24px #ffb30066,0 8px 24px #c8102e59;color:#fff;cursor:pointer;font-size:28px;font-size:var(--fs-2xl);font-weight:800;height:200px;letter-spacing:.1em;text-shadow:0 2px 4px #0000004d;transition:all .2s;width:200px}.btn-in{background:linear-gradient(135deg,#2e7d32,#1b5e20)}.btn-out{background:linear-gradient(135deg,#c8102e,#8b0000);background:linear-gradient(135deg,var(--hk-red) 0,var(--hk-red-deep) 100%)}.clock-button:hover:not(:disabled){box-shadow:0 0 0 4px #ffb300,0 0 32px #ffb30099,0 12px 28px #c8102e73;box-shadow:0 0 0 4px var(--hk-amber),0 0 32px #ffb30099,0 12px 28px #c8102e73;transform:scale(1.04)}.clock-button:active:not(:disabled){transform:scale(.98)}.clock-button:disabled{background:linear-gradient(135deg,#bdbdbd,#9e9e9e);border-color:#bdbdbd;box-shadow:0 2px 4px #0000001a;cursor:not-allowed}.result-message{border-radius:8px;font-size:18px;font-size:var(--fs-md);font-weight:600;margin-top:12px;padding:14px 20px}.result-message.success{background:#e8f5e9;border:1.5px solid #81c784;color:#2e7d32;color:var(--success)}.result-message.error{background:#ffebee;border:1.5px solid #ef9a9a;color:#c62828;color:var(--error)}.info-section{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.info-card{background:#fff;background:var(--surface);border:1.5px solid #e0d5bc;border:1.5px solid var(--border);border-radius:10px;box-shadow:0 1px 3px #0000000a;padding:16px;text-align:center}.info-card h4{color:#6b5b45;color:var(--text-muted);font-size:16px;font-size:var(--fs-sm);font-weight:600;margin:0 0 10px}.work-hours{font-feature-settings:"tnum";color:#c8102e;color:var(--hk-red);font-size:28px;font-size:var(--fs-2xl);font-variant-numeric:tabular-nums;font-weight:800;margin:0}.status-ok{color:#2e7d32;color:var(--success);font-size:18px;font-size:var(--fs-md);font-weight:700}.status-error{color:#c62828;color:var(--error);font-weight:600}.status-error,.status-loading{font-size:16px;font-size:var(--fs-sm)}.status-loading{color:#6b5b45;color:var(--text-muted)}.status-warning{color:#e65100;color:var(--warning);font-size:16px;font-size:var(--fs-sm);font-weight:700}.accuracy-info{color:#6b5b45;color:var(--text-muted);font-size:14px;font-size:var(--fs-xs);margin:8px 0}.accuracy-good{color:#2e7d32;color:var(--success);font-weight:700}.accuracy-fair{color:#e65100;color:var(--warning);font-weight:700}.accuracy-poor{color:#c62828;color:var(--error);font-weight:700}.btn-retry{background:#fff;background:var(--surface);border:1.5px solid #e0d5bc;border:1.5px solid var(--border);border-radius:6px;color:#1c1c1c;color:var(--text);cursor:pointer;font-size:16px;font-size:var(--fs-sm);font-weight:600;margin-top:10px;min-height:48px;min-height:var(--tap-min);padding:8px 14px}.btn-retry:hover:not(:disabled){background:#f4ecd8;background:var(--hk-paper);border-color:#d4a24c;border-color:var(--hk-gold)}.btn-retry:disabled{background:#e0e0e0;color:#999;cursor:not-allowed}.distance-display{margin-top:14px;text-align:center}.distance-msg{color:#6b5b45;color:var(--text-muted);font-size:16px;font-size:var(--fs-sm);margin:0}.distance-info{display:flex;flex-direction:column;gap:4px}.distance-value{font-feature-settings:"tnum";font-size:18px;font-size:var(--fs-md);font-variant-numeric:tabular-nums;font-weight:700;margin:0}.distance-value.in-range{color:#2e7d32;color:var(--success)}.distance-value.out-range{color:#c62828;color:var(--error)}.distance-ok{color:#2e7d32;color:var(--success)}.distance-fail,.distance-ok{font-size:16px;font-size:var(--fs-sm);font-weight:600;margin:0}.distance-fail{color:#e65100;color:var(--warning)}.btn-proxy-reason{background:linear-gradient(135deg,#ffb300,#e89b00);background:linear-gradient(135deg,var(--hk-amber) 0,#e89b00 100%);border:none;border-radius:10px;box-shadow:0 4px 12px #ffb3004d;color:#8b0000;color:var(--hk-red-deep);cursor:pointer;font-size:18px;font-size:var(--fs-md);font-weight:700;letter-spacing:.05em;min-height:48px;min-height:var(--tap-min);padding:16px;transition:transform .15s;width:100%}.btn-proxy-reason:hover{transform:translateY(-1px)}@media (max-width:380px){.app-header h1{font-size:20px;font-size:var(--fs-lg)}.clock-button{font-size:24px;font-size:var(--fs-xl);height:170px;width:170px}.info-section{grid-template-columns:1fr}}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1c1c1ca6;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:modalSlideIn .3s ease;background:var(--surface);border-radius:14px;border-top:4px solid var(--hk-red);box-shadow:0 12px 40px #8b000040;max-width:440px;overflow:hidden;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;background:var(--hk-paper);border-bottom:1.5px solid var(--border);display:flex;justify-content:space-between;padding:18px 22px}.modal-header h3{color:var(--hk-red-deep);font-size:var(--fs-lg);font-weight:700;margin:0}.modal-close{background:none;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;font-size:28px;height:32px;line-height:1;padding:0;transition:background .15s;width:32px}.modal-close:hover{background:#c8102e1a;color:var(--hk-red)}.modal-body{padding:22px}.warning-text{background:linear-gradient(135deg,#fff8e0,#ffe9a8);border:1.5px solid var(--hk-amber);border-radius:8px;color:var(--hk-red-deep);font-size:var(--fs-md);font-weight:700;padding:14px;text-align:center}.question-section,.warning-text{margin-bottom:22px}.question-section p{color:var(--text);font-size:var(--fs-md);font-weight:600;margin:0 0 12px}.button-group{display:flex;gap:10px}.button-group button{background:var(--surface);border:1.5px solid var(--border);border-radius:8px;color:var(--text);cursor:pointer;flex:1 1;font-size:var(--fs-md);font-weight:600;min-height:var(--tap-min);padding:14px 16px;transition:all .15s}.button-group button:hover{border-color:var(--hk-red)}.button-group button.selected{background:#ffebee;border-color:var(--hk-red);color:var(--hk-red-deep);font-weight:700}.modal-actions{display:flex;gap:12px;margin-top:24px}.modal-actions button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:var(--fs-md);font-weight:700;min-height:var(--tap-min);padding:16px;transition:all .15s}.btn-cancel{background:#f0e8d0;color:var(--text)}.btn-cancel:hover{background:#e0d5bc}.btn-confirm{background:linear-gradient(135deg,var(--hk-red) 0,var(--hk-red-deep) 100%);box-shadow:0 4px 12px #c8102e4d;color:#fff}.btn-confirm:hover:not(:disabled){box-shadow:0 6px 16px #c8102e66;transform:translateY(-1px)}.btn-confirm:disabled{background:#bdbdbd;box-shadow:none;cursor:not-allowed}.reason-options{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:16px}.reason-options button{background:var(--surface);border:1.5px solid var(--border);border-radius:8px;color:var(--text);cursor:pointer;font-size:var(--fs-sm);font-weight:600;min-height:var(--tap-min);padding:14px 12px;transition:all .15s}.reason-options button:hover{background:#fff8e0;border-color:var(--hk-amber)}.reason-options button.selected{background:#ffebee;border-color:var(--hk-red);color:var(--hk-red-deep);font-weight:700}.custom-reason-input{border:1.5px solid var(--border);border-radius:8px;box-sizing:border-box;color:var(--text);font-family:inherit;font-size:var(--fs-md);min-height:var(--tap-min);padding:14px;width:100%}.custom-reason-input:focus{border-color:var(--hk-red);box-shadow:0 0 0 3px #c8102e26;outline:none}@media (max-width:380px){.reason-options{grid-template-columns:1fr}.button-group{flex-direction:column}}
/*# sourceMappingURL=main.85b9e7da.css.map*/