body{-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}:root{--primary:#2563eb;--primary-hover:#1d4ed8;--primary-light:#eff6ff;--primary-gradient:linear-gradient(135deg,#3b82f6,#1d4ed8);--success-gradient:linear-gradient(135deg,#10b981,#059669);--amber-gradient:linear-gradient(135deg,#f59e0b,#d97706);--danger-gradient:linear-gradient(135deg,#ef4444,#dc2626);--dark-gradient:linear-gradient(135deg,#1e293b,#0f172a);--bg:#f8fafc;--card:#fff;--card-subtle:#f1f5f9;--text:#0f172a;--text-muted:#64748b;--text-light:#94a3b8;--border:#e2e8f0;--border-focus:#3b82f6;--success:#10b981;--success-bg:#ecfdf5;--warning:#f59e0b;--warning-bg:#fffbeb;--danger:#ef4444;--danger-bg:#fef2f2;--info:#0ea5e9;--info-bg:#f0f9ff;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #00000014,0 2px 4px -2px #0000000a;--shadow-lg:0 10px 25px -5px #00000014,0 8px 10px -6px #00000008;--shadow-glow:0 0 20px #2563eb40;--shadow-success-glow:0 0 20px #10b9814d;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-full:9999px;--transition:all 0.25s cubic-bezier(0.4,0,0.2,1)}*{-webkit-tap-highlight-color:transparent;box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background-color:#f8fafc;background-color:var(--bg);color:#0f172a;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}.app{background:#f8fafc;background:var(--bg);flex-direction:column;min-height:100vh;padding-bottom:80px}.app,.main{display:flex}.main{flex:1 1;flex-direction:column;width:100%}.content{flex:1 1;margin:0 auto;max-width:900px;padding:16px;width:100%}.topbar{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffd9;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:14px 20px;position:sticky;top:0;z-index:40}.topbar-info h1{color:#0f172a;color:var(--text);font-size:1.1rem;font-weight:700;letter-spacing:-.02em}.topbar-info p{color:#64748b;color:var(--text-muted);font-size:.78rem}.hamburger-btn{align-items:center;background:#f1f5f9;background:var(--card-subtle);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-sm);color:#0f172a;color:var(--text);cursor:pointer;display:flex;font-size:1.1rem;justify-content:center;padding:8px 12px;transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.hamburger-btn:active{transform:scale(.92)}.profile-box{gap:10px}.profile-avatar,.profile-box{align-items:center;display:flex}.profile-avatar{background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:var(--primary-gradient);border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#fff;font-size:.95rem;font-weight:700;height:36px;justify-content:center;width:36px}.profile-text h3{font-size:.88rem;font-weight:600}.profile-text p{color:#64748b;color:var(--text-muted);font-size:.72rem}.mobile-app-container{display:flex;flex-direction:column;gap:16px;margin:0 auto;max-width:480px}.mobile-header-card{background:linear-gradient(135deg,#1e293b,#0f172a);background:var(--dark-gradient);border-radius:24px;border-radius:var(--radius-lg);box-shadow:0 10px 25px -5px #00000014,0 8px 10px -6px #00000008;box-shadow:var(--shadow-lg);color:#fff;display:flex;flex-direction:column;gap:14px;overflow:hidden;padding:20px;position:relative}.mobile-header-card:after{background:radial-gradient(circle,#3b82f640 0,#0000 70%);border-radius:50%;content:"";height:200px;pointer-events:none;position:absolute;right:-20%;top:-50%;width:200px}.greeting-row{align-items:flex-start;display:flex;justify-content:space-between}.greeting-sub{color:#94a3b8;font-size:.8rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.greeting-name{color:#fff;font-size:1.35rem;font-weight:700;margin-top:2px}.status-chip-gps{align-items:center;background:#10b98126;border:1px solid #10b9814d;border-radius:9999px;border-radius:var(--radius-full);color:#34d399;display:flex;font-size:.75rem;font-weight:600;gap:6px;padding:5px 10px}.pulse-dot{animation:pulseGreen 2s infinite;background-color:#34d399;border-radius:50%;box-shadow:0 0 0 0 #34d399b3;height:7px;width:7px}@keyframes pulseGreen{0%{box-shadow:0 0 0 0 #34d399b3;transform:scale(.95)}70%{box-shadow:0 0 0 8px #34d39900;transform:scale(1)}to{box-shadow:0 0 0 0 #34d39900;transform:scale(.95)}}.clock-section{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0f;border:1px solid #ffffff14;border-radius:16px;border-radius:var(--radius-md);padding:12px 16px;text-align:center}.clock-digits{font-feature-settings:"tnum";color:#fff;font-size:2rem;font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:.04em;text-shadow:0 2px 10px #0000004d}.clock-date{color:#cbd5e1;font-size:.82rem;margin-top:2px;text-transform:capitalize}.mobile-checkin-card{background:#fff;background:var(--card);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:24px;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #00000014,0 2px 4px -2px #0000000a;box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:18px;padding:20px}.viewfinder-wrapper{width:100%}.camera-viewfinder{aspect-ratio:4/3;background:#0f172a;border:2px solid #334155;border-radius:24px;border-radius:var(--radius-lg);box-shadow:inset 0 0 20px #0009;overflow:hidden;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.camera-viewfinder.active{border-color:#3b82f6;box-shadow:0 0 15px #3b82f64d}.camera-viewfinder.verified{border-color:#10b981;box-shadow:0 0 20px #10b98166}.viewfinder-video{height:100%;object-fit:cover;transform:scaleX(-1);width:100%}.scan-overlay{bottom:15%;left:15%;pointer-events:none;position:absolute;right:15%;top:15%}.scan-corner{border-color:#38bdf8;border-style:solid;height:24px;position:absolute;width:24px}.camera-viewfinder.verified .scan-corner{border-color:#34d399}.scan-corner.tl{border-top-left-radius:8px;border-width:3px 0 0 3px;left:0;top:0}.scan-corner.tr{border-top-right-radius:8px;border-width:3px 3px 0 0;right:0;top:0}.scan-corner.bl{border-bottom-left-radius:8px;border-width:0 0 3px 3px;bottom:0;left:0}.scan-corner.br{border-bottom-right-radius:8px;border-width:0 3px 3px 0;bottom:0;right:0}.scan-laser{animation:laserScan 2.4s ease-in-out infinite alternate;background:linear-gradient(90deg,#0000,#38bdf8,#818cf8,#0000);box-shadow:0 0 8px #38bdf8;height:2px;left:0;position:absolute;right:0}@keyframes laserScan{0%{opacity:.3;top:5%}50%{opacity:1}to{opacity:.3;top:95%}}.viewfinder-badge{left:50%;position:absolute;top:12px;transform:translateX(-50%);z-index:10}.badge-pill{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:9999px;border-radius:var(--radius-full);display:flex;font-size:.78rem;font-weight:700;gap:6px;padding:6px 14px}.badge-pill.verified{background:#10b981d9;box-shadow:0 2px 10px #10b98166;color:#fff}.badge-pill.live{background:#3b82f6d9;box-shadow:0 2px 10px #3b82f666;color:#fff}.badge-pill.standby{background:#0f172abf;border:1px solid #ffffff1a;color:#94a3b8}.camera-placeholder{background:radial-gradient(circle,#1e293b 0,#0f172a 100%);color:#94a3b8;cursor:pointer;flex-direction:column;gap:12px;inset:0;position:absolute}.camera-placeholder,.placeholder-icon{align-items:center;display:flex;justify-content:center}.placeholder-icon{background:#ffffff14;border:1px solid #ffffff1a;border-radius:50%;color:#38bdf8;font-size:1.5rem;height:60px;transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:60px}.camera-placeholder:hover .placeholder-icon{background:#38bdf826;transform:scale(1.1)}.camera-placeholder p{font-size:.88rem;font-weight:500}.action-row-full,.biometric-actions{width:100%}.btn-mobile{align-items:center;border:none;border-radius:16px;border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:10px;justify-content:center;padding:13px 18px;transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.btn-mobile:active{transform:scale(.98)}.btn-camera{background:#f1f5f9;background:var(--card-subtle);border:1px solid #e2e8f0;border:1px solid var(--border);color:#0f172a;color:var(--text)}.btn-camera:hover{background:#e2e8f0}.btn-verify-action{background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:var(--primary-gradient);box-shadow:0 4px 6px -1px #00000014,0 2px 4px -2px #0000000a;box-shadow:var(--shadow-md);color:#fff}.btn-verify-action:hover{box-shadow:0 0 20px #2563eb40;box-shadow:var(--shadow-glow)}.btn-verified-state{background:#ecfdf5;background:var(--success-bg);border:1.5px solid #a7f3d0;color:#10b981;color:var(--success)}.btn-primary-action{background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:var(--primary-gradient);color:#fff}.chips-section{display:flex;flex-direction:column;gap:8px}.section-subtitle{color:#64748b;color:var(--text-muted);font-size:.8rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.chips-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.chip-btn{align-items:center;background:#f1f5f9;background:var(--card-subtle);border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:16px;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:10px;padding:12px 14px;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.chip-btn.selected{background:#fff;border-color:#2563eb;border-color:var(--primary);box-shadow:0 4px 12px #2563eb1f}.chip-icon{align-items:center;display:flex;font-size:1.1rem}.chip-label{color:#0f172a;color:var(--text);font-size:.88rem;font-weight:600;text-align:left}.chip-dot{border-radius:50%;height:6px;position:absolute;right:8px;top:8px;width:6px}.submit-section{width:100%}.btn-main-checkin{align-items:center;border:none;border-radius:16px;border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:1.05rem;font-weight:700;gap:10px;height:54px;justify-content:center;transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.btn-main-checkin.ready{background:linear-gradient(135deg,#10b981,#059669);background:var(--success-gradient);box-shadow:0 0 20px #10b9814d;box-shadow:var(--shadow-success-glow);color:#fff}.btn-main-checkin.ready:active{transform:scale(.98)}.btn-main-checkin.locked{background:#e2e8f0;color:#94a3b8;cursor:not-allowed}.mobile-toast{align-items:center;animation:slideUp .3s ease-out;border-radius:16px;border-radius:var(--radius-md);display:flex;font-size:.9rem;font-weight:500;gap:12px;padding:14px 16px}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mobile-toast.success{background:#ecfdf5;background:var(--success-bg);border:1px solid #a7f3d0;color:#065f46}.mobile-toast.error{background:#fef2f2;background:var(--danger-bg);border:1px solid #fecaca;color:#991b1b}.mobile-toast.info{background:#f0f9ff;background:var(--info-bg);border:1px solid #bae6fd;color:#075985}.toast-icon{flex-shrink:0;font-size:1.2rem}.mobile-login-wrapper{align-items:center;background:#0f172a;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.login-backdrop-glow{background:radial-gradient(circle,#2563eb59 0,#0000 70%);border-radius:50%;height:400px;left:50%;pointer-events:none;position:absolute;top:-100px;transform:translateX(-50%);width:400px}.login-card-modern{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#1e293bbf;border:1px solid #ffffff1a;border-radius:24px;border-radius:var(--radius-lg);box-shadow:0 25px 50px -12px #00000080;color:#fff;display:flex;flex-direction:column;gap:20px;max-width:400px;padding:32px 24px;width:100%;z-index:10}.login-brand{text-align:center}.brand-logo-circle{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:var(--primary-gradient);border-radius:50%;box-shadow:0 0 20px #2563eb40;box-shadow:var(--shadow-glow);color:#fff;display:flex;font-size:1.8rem;height:64px;justify-content:center;margin:0 auto 12px;width:64px}.brand-title{font-size:1.6rem;font-weight:800;letter-spacing:-.02em}.brand-subtitle{color:#94a3b8;font-size:.85rem;margin-top:2px}.login-form-modern{display:flex;flex-direction:column;gap:16px}.input-field-group{display:flex;flex-direction:column;gap:6px}.input-label{color:#cbd5e1;font-size:.8rem;font-weight:600}.input-with-icon{align-items:center;display:flex;position:relative}.input-icon{color:#64748b;font-size:1rem;left:14px;position:absolute}.input-modern{background:#0f172a99;border:1px solid #334155;border-radius:10px;border-radius:var(--radius-sm);color:#fff;font-size:.95rem;padding:12px 14px 12px 42px;transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.input-modern:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f640;outline:none}.login-error-alert{background:#ef444426;border:1px solid #ef44444d;border-radius:10px;border-radius:var(--radius-sm);color:#fca5a5;font-size:.82rem;padding:10px 12px}.btn-login-primary,.login-error-alert{align-items:center;display:flex;gap:8px}.btn-login-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:var(--primary-gradient);border:none;border-radius:10px;border-radius:var(--radius-sm);box-shadow:0 0 20px #2563eb40;box-shadow:var(--shadow-glow);color:#fff;cursor:pointer;font-size:1rem;font-weight:700;height:48px;justify-content:center;transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.btn-login-primary:active{transform:scale(.98)}.divider-modern{align-items:center;color:#64748b;display:flex;font-size:.78rem;letter-spacing:.05em;text-align:center;text-transform:uppercase}.divider-modern:after,.divider-modern:before{border-bottom:1px solid #334155;content:"";flex:1 1}.divider-modern span{padding:0 10px}.btn-google-modern{align-items:center;background:#fff;border:none;border-radius:10px;border-radius:var(--radius-sm);color:#0f172a;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:10px;height:46px;justify-content:center;transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.btn-google-modern:active{transform:scale(.98)}.google-svg-icon{height:20px;width:20px}.login-footer-info{color:#64748b;font-size:.72rem;text-align:center}.bottom-nav{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#ffffffe6;border-top:1px solid #e2e8f0;border-top:1px solid var(--border);bottom:0;box-shadow:0 -4px 20px #0000000d;display:flex;justify-content:space-around;left:0;padding:8px 12px;position:fixed;right:0;z-index:50}.bottom-nav-item{align-items:center;background:none;border:none;border-radius:10px;border-radius:var(--radius-sm);color:#64748b;color:var(--text-muted);cursor:pointer;display:flex;flex-direction:column;font-size:.72rem;font-weight:600;gap:4px;padding:6px 16px;transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.bottom-nav-item i{font-size:1.15rem}.bottom-nav-item.active{background:#eff6ff;background:var(--primary-light);color:#2563eb;color:var(--primary)}.bottom-nav-item:active{transform:scale(.92)}.drawer-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a66;inset:0;opacity:0;pointer-events:none;position:fixed;transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition);z-index:99}.drawer-overlay.open{opacity:1;pointer-events:auto}.drawer{background:#fff;background:var(--card);bottom:0;box-shadow:0 10px 25px -5px #00000014,0 8px 10px -6px #00000008;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:280px;z-index:100}.drawer.open{transform:translateX(0)}.drawer-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:20px}.drawer-header .logo{color:#2563eb;color:var(--primary);font-size:1.25rem;font-weight:800}.drawer-close{background:none;border:none;color:#64748b;color:var(--text-muted);cursor:pointer;font-size:1.2rem}.drawer-menu{display:flex;flex-direction:column;gap:4px;padding:16px 12px}.menu-separator{color:#94a3b8;color:var(--text-light);font-size:.68rem;font-weight:700;letter-spacing:.08em;padding:8px 12px 4px}.drawer-item{align-items:center;background:none;border:none;border-radius:10px;border-radius:var(--radius-sm);color:#0f172a;color:var(--text);cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:12px;padding:12px 16px;text-align:left;transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.drawer-item.active{background:#eff6ff;background:var(--primary-light);color:#2563eb;color:var(--primary)}.drawer-item:hover:not(.active){background:#f1f5f9;background:var(--card-subtle)}.logout-item{color:#ef4444;color:var(--danger);margin-top:20px}.logout-item:hover{background:#fef2f2;background:var(--danger-bg)}.admin-panel{display:flex;flex-direction:column;gap:20px}.admin-nav{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.admin-nav-btn{background:#fff;background:var(--card);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-sm);color:#64748b;color:var(--text-muted);cursor:pointer;font-size:.85rem;font-weight:600;padding:9px 16px;transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition);white-space:nowrap}.admin-nav-btn.active{background:#2563eb;background:var(--primary);border-color:#2563eb;border-color:var(--primary);color:#fff}.admin-card{background:#fff;background:var(--card);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-md);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);padding:20px}.table-wrapper{border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-sm);overflow-x:auto}.erp-table{border-collapse:collapse;font-size:.88rem;text-align:left;width:100%}.erp-table th{background:#f1f5f9;background:var(--card-subtle);color:#64748b;color:var(--text-muted);font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.erp-table td,.erp-table th{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);padding:12px 14px}.erp-table td{color:#0f172a;color:var(--text)}.erp-table tbody tr:hover{background:#f8fafc}.badge{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:.75rem;font-weight:700;gap:4px;padding:4px 10px}.badge-success{background:#ecfdf5;background:var(--success-bg);color:#065f46}.badge-warning{background:#fef3c7;color:#b45309}.badge-danger{background:#fef2f2;background:var(--danger-bg);color:#991b1b}.panel-card{background:#fff;background:var(--card);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-md);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm)}.btn{border:none;border-radius:10px;border-radius:var(--radius-sm);cursor:pointer;font-size:.88rem;font-weight:600;padding:10px 18px;transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.btn-primary{background:#2563eb;background:var(--primary);color:#fff}.btn-primary:hover{background:#1d4ed8;background:var(--primary-hover)}.btn-success{background:#10b981;background:var(--success);color:#fff}.field label{color:#64748b;color:var(--text-muted);display:block;font-size:.78rem;font-weight:700;margin-bottom:4px;text-transform:uppercase}.field input,.field select,.field textarea{background:#fff;background:var(--card);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-sm);color:#0f172a;color:var(--text);font-size:.9rem;padding:10px 12px;width:100%}.field input:focus,.field select:focus{border-color:#2563eb;border-color:var(--primary);outline:none}
/*# sourceMappingURL=main.465b68d3.css.map*/