*{box-sizing:border-box;margin:0;padding:0}html,body{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;width:100%;height:100%;margin:0;padding:0;position:fixed;top:0;left:0;overflow:hidden}body{color:#f3f4f6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#1e293b;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#root{background:#1e293b;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.app-content{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;width:100%;height:100%;padding-bottom:20px;overflow-y:auto}@supports (-webkit-touch-callout:none){body{width:100%;height:100%;position:fixed}#root,.app-content{height:-webkit-fill-available}}.container{max-width:420px;margin:0 auto;padding:12px 16px 100px;position:relative}.card{background:#0f172a;border:1px solid #334155;border-radius:16px;margin-bottom:12px;padding:16px 18px;box-shadow:0 20px 25px -5px #0006}.title{color:#fff;text-align:center;margin-bottom:2px;font-size:24px;font-weight:700}.subtitle{color:#9ca3af;text-align:center;margin-bottom:16px;font-size:13px}.btn-primary{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#2563eb;border:none;border-radius:12px;width:100%;padding:12px;font-size:15px;font-weight:600;transition:background .2s}.btn-primary:active{background:#1d4ed8;transform:scale(.98)}.btn-success{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#16a34a;border:none;border-radius:12px;width:100%;padding:14px;font-size:16px;font-weight:600;transition:background .2s;box-shadow:0 10px 15px -3px #16a34a4d}.btn-success:active{background:#15803d;transform:scale(.98)}.btn-danger{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#dc2626;border:none;border-radius:12px;width:100%;padding:14px;font-size:16px;font-weight:600;transition:background .2s;box-shadow:0 10px 15px -3px #dc26264d}.btn-danger:active{background:#b91c1c;transform:scale(.98)}.btn-outline{color:#9ca3af;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:2px dashed #3b82f6;border-radius:12px;width:100%;padding:10px;font-size:15px;font-weight:500;transition:all .2s}.btn-outline:active{color:#60a5fa;background:#3b82f61a;border-color:#60a5fa}.btn-text{color:#9ca3af;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;padding:8px;font-size:14px;transition:color .2s}.btn-text:active{color:#f3f4f6}.employee-list{-webkit-overflow-scrolling:touch;flex-direction:column;gap:8px;max-height:280px;margin-bottom:12px;padding-right:4px;display:flex;overflow-y:auto}.employee-list::-webkit-scrollbar{width:4px}.employee-list::-webkit-scrollbar-track{background:#1e293b;border-radius:4px}.employee-list::-webkit-scrollbar-thumb{background:#475569;border-radius:4px}.employee-item{text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#1e293b;border:1px solid #334155;border-radius:12px;justify-content:space-between;align-items:center;width:100%;min-height:52px;padding:12px 14px;transition:all .2s;display:flex}.employee-item:active{background:#2a3a4f;border-color:#3b82f6;transform:scale(.98)}.employee-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.employee-name{color:#fff;font-size:14px;font-weight:500;line-height:1.3}.employee-position{color:#9ca3af;font-size:12px;line-height:1.3}.employee-status-wrapper{flex-shrink:0;margin-left:8px}.status-badge{white-space:nowrap;border:1px solid;border-radius:9999px;padding:2px 10px;font-size:10px;display:inline-block}.status-main{color:#4ade80;background:#22c55e33;border-color:#15803d}.status-replacement{color:#facc15;background:#eab30833;border-color:#854d0e}.status-new{color:#60a5fa;background:#3b82f626;border-color:#3b82f6}.pagination{border-top:1px solid #334155;justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;display:flex}.pagination-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:8px;padding:6px 14px;font-size:13px;font-weight:500;transition:background .2s}.pagination-btn:disabled{color:#64748b;cursor:not-allowed;background:#1e293b}.pagination-btn:not(:disabled){color:#fff;background:#2563eb}.pagination-btn:not(:disabled):active{background:#1d4ed8;transform:scale(.97)}.pagination-info{color:#9ca3af;font-size:13px}.error{color:#fca5a5;background:#dc26264d;border:1px solid #dc2626;border-radius:12px;margin-bottom:12px;padding:10px;font-size:13px}.employee-card{background:#1e293b;border:1px solid #334155;border-radius:12px;margin-bottom:12px;padding:0;overflow:hidden}.employee-card-content{justify-content:space-between;align-items:stretch;min-height:64px;display:flex}.employee-card-info{flex-direction:column;flex:1;justify-content:center;padding:12px 14px;display:flex}.employee-card-name{color:#fff;font-size:15px;font-weight:600}.employee-card-position{color:#9ca3af;font-size:13px}.employee-card-status{margin-top:3px}.employee-card-status .status-badge{padding:2px 10px;font-size:10px}.employee-card-logout{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#b67102;border:none;flex-shrink:0;justify-content:center;align-items:center;gap:4px;min-width:56px;padding:0 14px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.employee-card-logout:active{background:#b91c1c;transform:scale(.97)}.shift-result{background:#22c55e26;border:1px solid #15803d;border-radius:12px;margin-bottom:12px;padding:12px}.shift-result-title{color:#4ade80;text-align:center;margin-bottom:8px;font-size:14px;font-weight:600}.shift-result-row{justify-content:space-between;padding:3px 0;font-size:13px;display:flex}.shift-result-label{color:#9ca3af}.shift-result-value{color:#f3f4f6;font-weight:500}.shift-result-value-green{color:#4ade80;font-weight:700}.shift-result-value-yellow{color:#facc15;font-weight:500}.shift-status{text-align:center;background:#1e293b;border:1px solid #334155;border-radius:12px;margin-bottom:12px;padding:10px}.shift-status-label{color:#9ca3af;font-size:13px}.shift-status-value{font-size:15px;font-weight:600}.shift-status-active{color:#4ade80}.shift-status-inactive{color:#d1d5db}.shift-status-time{color:#64748b;margin-top:3px;font-size:11px}.form-group{margin-bottom:14px}.form-label{color:#d1d5db;margin-bottom:4px;font-size:13px;font-weight:500;display:block}.form-input{color:#fff;-webkit-appearance:none;background:#1e293b;border:1px solid #475569;border-radius:12px;outline:none;width:100%;padding:10px 14px;font-size:15px;transition:border-color .2s}.form-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f64d}.form-input::placeholder{color:#64748b}.form-select{color:#fff;appearance:auto;background:#1e293b;border:1px solid #475569;border-radius:12px;outline:none;width:100%;padding:10px 14px;font-size:15px;transition:border-color .2s}.form-select:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f64d}.form-select option{color:#fff;background:#1e293b}.scan-container{background:#1e293b;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex}.scan-card{background:#0f172a;border:1px solid #334155;border-radius:16px;width:100%;max-width:400px;padding:20px}.scan-title{color:#fff;text-align:center;margin-bottom:6px;font-size:24px;font-weight:700}.scan-subtitle{color:#9ca3af;text-align:center;margin-bottom:20px;font-size:14px}.scan-video{aspect-ratio:1;background:#000;border-radius:12px;width:100%;overflow:hidden}.spinner{border:3px solid #2563eb;border-top-color:#0000;border-radius:50%;width:40px;height:40px;margin:0 auto 12px;animation:.8s linear infinite spin}.spinner-small{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:#9ca3af;text-align:center;font-size:16px}.footer{text-align:center;color:#475569;margin-top:12px;padding-bottom:8px;font-size:11px}.object-info{background:#1e293b;border:1px solid #334155;border-radius:12px;margin-bottom:12px;padding:10px 12px}.object-name{color:#fff;align-items:center;gap:8px;margin-bottom:2px;font-size:15px;font-weight:600;display:flex}.object-address{color:#9ca3af;align-items:center;gap:8px;font-size:13px;display:flex}.dialog-overlay{-webkit-backdrop-filter:blur(4px);z-index:9999;background:#000000b3;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.dialog-content{background:#0f172a;border:1px solid #334155;border-radius:20px;width:100%;max-width:360px;padding:24px 20px 20px;animation:.25s ease-out slideUp;box-shadow:0 25px 50px -12px #000c}.text-center{text-align:center}.mt-8{margin-top:8px}.mb-16{margin-bottom:16px}.gap-12{gap:12px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}