@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{--primary:#095f42;--primary-hover:#059669;--secondary:#f59e0b;--dark-navy:#0f172a;--card-bg:#1e293b;--light-bg:#f8fafc;--text-dark:#0f172a;--text-muted:#64748b;--text-light:#f1f5f9;--text-light-muted:#94a3b8;--border:#e2e8f0;--font-title:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}html,body{height:100dvh;font-family:var(--font-body);color:var(--text-dark);background-color:#0b0f19;margin:0;padding:0;overflow:hidden}.app-wrapper{background:radial-gradient(circle at 100% 0,#111827,#030712);justify-content:center;align-items:center;width:100vw;height:100dvh;min-height:100dvh;padding:20px;display:flex}.phone-mockup{background-color:var(--light-bg);border-radius:40px;flex-direction:column;width:375px;height:812px;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #000000b3,0 0 0 12px #1f2937,0 0 0 14px #374151}.phone-notch{z-index:100;background-color:#1f2937;border-bottom-right-radius:18px;border-bottom-left-radius:18px;justify-content:center;align-items:flex-end;width:150px;height:25px;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.phone-notch:before{content:"";background-color:#4b5563;border-radius:2px;width:40px;height:4px;margin-bottom:5px}@media (width<=1024px){.app-wrapper{background:0 0;padding:0}.phone-mockup{width:100vw;height:100dvh;box-shadow:none;border:none;border-radius:0}.phone-notch{display:none}}.screen-container{background-color:var(--light-bg);flex-direction:column;width:100%;height:100%;display:flex;position:relative}.w-4{width:16px}.h-4{height:16px}.w-5{width:20px}.h-5{height:20px}.w-6{width:24px}.h-6{height:24px}.w-8{width:32px}.h-8{height:32px}.w-12{width:48px}.h-12{height:48px}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}.toast-msg{color:#fff;z-index:1000;text-align:left;background-color:#0f172a;border-radius:12px;align-items:center;gap:8px;padding:12px 16px;font-size:12px;font-weight:600;animation:.3s ease-out fadeIn;display:flex;position:absolute;bottom:24px;left:20px;right:20px;box-shadow:0 10px 15px -3px #0000004d}.toast-msg.success-toast{border-left:4px solid var(--primary)}.toast-msg.warning-toast{border-left:4px solid var(--secondary)}@keyframes float{0%{transform:translateY(0)}to{transform:translateY(-8px)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dashboard-bottom-nav{height:calc(68px + env(safe-area-inset-bottom,0px))!important;padding-bottom:env(safe-area-inset-bottom,0px)!important;-webkit-backdrop-filter:blur(16px)!important;z-index:500!important;box-sizing:border-box!important;background-color:#ffffffd9!important;border-top:1px solid #e2e8f0cc!important;border-radius:0!important;justify-content:space-around!important;align-items:center!important;padding:0 8px!important;display:flex!important;position:absolute!important;bottom:0!important;left:0!important;right:0!important;box-shadow:0 -4px 20px #0f172a0a!important}.nav-tab-item{cursor:pointer!important;color:#94a3b8!important;background:0 0!important;border:none!important;border-radius:16px!important;flex-direction:column!important;flex:1!important;justify-content:center!important;align-items:center!important;gap:4px!important;height:48px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;display:flex!important;position:relative!important}.nav-tab-item:hover{color:#64748b!important}.nav-tab-item.active{color:var(--primary)!important;background-color:#10b9810f!important}.nav-tab-item.active svg{color:var(--primary)!important;transform:translateY(-2px)scale(1.05)!important}.nav-tab-item svg{transition:transform .3s,color .3s!important}.nav-tab-item.active:before{content:""!important;background-color:var(--primary)!important;width:4px!important;height:4px!important;box-shadow:0 0 8px var(--primary)!important;border-radius:50%!important;position:absolute!important;bottom:4px!important}.nav-tab-label{font-family:var(--font-body)!important;letter-spacing:.02em!important;text-transform:uppercase!important;opacity:.75!important;font-size:9px!important;font-weight:800!important}.nav-tab-item.active .nav-tab-label{opacity:1!important;font-weight:900!important}.onboarding-screen{--primary-emerald:#10b981;--primary-emerald-dark:#059669;--gold-accent:#f59e0b;--gold-accent-light:#fbbf24;--text-slate-dark:#0f172a;--text-slate-medium:#475569;--text-slate-light:#64748b;--font-family:"Inter", system-ui, -apple-system, sans-serif;background:linear-gradient(135deg,#f0fdf4 0%,#fffbeb 50%,#fff 100%);flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.ambient-glow{filter:blur(100px);z-index:1;pointer-events:none;border-radius:50%;position:absolute}.glow-emerald{background:#34d39938;width:280px;height:280px;animation:7s ease-in-out infinite alternate pulseGlowLight;top:-5%;left:-15%}.glow-gold{background:#fbbf2426;width:320px;height:320px;animation:9s ease-in-out infinite alternate-reverse pulseGlowLight;bottom:30%;right:-20%}.deko-blob{z-index:1;pointer-events:none;border:1px solid #10b9810a;border-radius:50%;position:absolute}.blob-1{background:radial-gradient(circle,#f59e0b0d 0%,#0000 80%);width:90px;height:90px;animation:5s ease-in-out infinite alternate floatingBlobLight;top:12%;right:8%}.blob-2{background:radial-gradient(circle,#10b9810d 0%,#0000 80%);width:130px;height:130px;animation:8s ease-in-out infinite alternate-reverse floatingBlobLight;bottom:40%;left:5%}.illustration-section{z-index:2;flex:1.15;justify-content:center;align-items:center;padding:40px 24px 10px;display:flex;position:relative;overflow:hidden}.svg-wrapper{filter:drop-shadow(0 20px 35px #0f172a14);justify-content:center;align-items:center;width:100%;max-width:220px;height:240px;animation:4s ease-in-out infinite alternate floatIllustrationLight;display:flex}.info-card{z-index:10;box-sizing:border-box;background:#fff;border-top:1.5px solid #10b9811a;border-top-left-radius:36px;border-top-right-radius:36px;flex-direction:column;justify-content:space-between;height:360px;padding:35px 30px 30px;animation:.6s cubic-bezier(.16,1,.3,1) forwards slideUpCardLight;display:flex;position:relative;box-shadow:0 -15px 40px #0f172a0d}.info-card-accent{background:#e2e8f0;border-radius:2px;width:44px;height:4px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.info-content{text-align:center;flex-direction:column;align-items:center;margin-top:8px;display:flex}.info-title{font-family:var(--font-family);color:var(--text-slate-dark);letter-spacing:-.8px;margin:0;font-size:26px;font-weight:900;line-height:1.15}.info-divider{background:linear-gradient(90deg, var(--primary-emerald) 0%, var(--gold-accent-light) 100%);border-radius:2px;width:36px;height:4px;margin:14px 0}.info-description{font-family:var(--font-family);color:var(--text-slate-medium);max-width:95%;margin:0;font-size:14px;font-weight:500;line-height:1.6}.pagination-dots{justify-content:center;gap:8px;margin:8px 0;display:flex}.dot{background-color:#cbd5e1;border-radius:50%;width:8px;height:8px;transition:all .35s cubic-bezier(.4,0,.2,1)}.dot.active{background:linear-gradient(90deg, var(--primary-emerald) 0%, #34d399 100%);border-radius:4px;width:28px;box-shadow:0 2px 8px #10b9814d}.controls-row{justify-content:space-between;align-items:center;gap:16px;margin-top:10px;display:flex}.btn-skip{color:var(--text-slate-medium);font-family:var(--font-family);cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:14px;padding:10.5px 24px;font-size:13.5px;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-skip:hover{color:var(--text-slate-dark);background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px)}.btn-skip:active{transform:translateY(0)}.btn-next-wrapper{cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;padding:0;display:flex}.btn-next-text{color:var(--text-slate-dark);font-family:var(--font-family);letter-spacing:.2px;font-size:15px;font-weight:800;transition:color .2s}.btn-next-circle{border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;background:linear-gradient(135deg, var(--primary-emerald) 0%, var(--primary-emerald-dark) 100%)!important;color:#fff!important;box-shadow:0 4px 15px #10b9814d!important}.btn-next-wrapper:hover .btn-next-circle{transform:scale(1.08);box-shadow:0 6px 18px #10b98180!important}.btn-next-wrapper:hover .btn-next-text{color:var(--primary-emerald-dark)}.btn-start-large{width:100%;height:50px;font-family:var(--font-family);cursor:pointer;letter-spacing:.3px;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;font-size:15px;font-weight:800;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;background:linear-gradient(135deg, var(--primary-emerald) 0%, var(--primary-emerald-dark) 100%)!important;color:#fff!important;box-shadow:0 5px 18px #10b98159!important}.btn-start-large:hover{transform:translateY(-2px);box-shadow:0 8px 22px #10b98180!important}.btn-start-large:active{transform:translateY(0)}.btn-start-large svg{flex-shrink:0;width:14px;height:14px}@keyframes floatIllustrationLight{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-6px)rotate(.8deg)}to{transform:translateY(0)rotate(0)}}@keyframes pulseGlowLight{0%{opacity:.7;transform:scale(.96)}to{opacity:1;transform:scale(1.04)}}@keyframes floatingBlobLight{0%{transform:translateY(0)translate(0)}to{transform:translateY(-10px)translate(8px)}}@keyframes slideUpCardLight{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}.login-screen{background-color:var(--light-bg);box-sizing:border-box;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:40px 30px;display:flex;overflow-y:auto}.login-header{text-align:center;flex-direction:column;align-items:center;gap:12px;margin-top:30px;display:flex}.logo-icon{justify-content:center;align-items:center;width:80px;height:80px;display:flex}.logo-icon img{object-fit:contain;width:100%;height:100%}.logo-text{font-family:var(--font-title);color:var(--text-dark);letter-spacing:-.5px;font-size:28px;font-weight:800}.login-subtitle{font-family:var(--font-body);color:var(--text-muted);max-width:280px;font-size:13px;line-height:1.5}.login-form{flex-direction:column;gap:16px;margin:30px 0;display:flex}.input-group{flex-direction:column;gap:6px;display:flex}.input-label{font-family:var(--font-body);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;text-align:left;font-size:11px;font-weight:800}.input-wrapper{width:100%;position:relative}.input-icon-left{color:var(--text-muted);align-items:center;display:flex;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.input-field{border:1px solid var(--border);width:100%;height:48px;font-family:var(--font-body);color:var(--text-dark);box-sizing:border-box;background-color:#fff;border-radius:14px;outline:none;padding:0 45px;font-size:14px;font-weight:600;transition:all .2s}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 4px #10b98114}.btn-toggle-password{color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.forgot-password{color:var(--primary);font-family:var(--font-body);align-self:flex-end;font-size:12px;font-weight:700;text-decoration:none;transition:opacity .2s}.forgot-password:hover{opacity:.8}.btn-login{background-color:var(--primary);color:#fff;width:100%;height:48px;font-family:var(--font-body);cursor:pointer;box-sizing:border-box;border:none;border-radius:14px;justify-content:center;align-items:center;gap:10px;margin-top:10px;font-size:14px;font-weight:800;transition:all .2s;display:flex;box-shadow:0 4px 14px #10b98140}.btn-login:hover{background-color:var(--primary-hover)}.btn-login:disabled{opacity:.6;cursor:not-allowed}.login-footer{text-align:center;font-family:var(--font-body);color:var(--text-muted);font-size:12px}.login-footer a{color:var(--primary);font-weight:700;text-decoration:none}.forgot-success-container{text-align:center;flex-direction:column;align-items:stretch;margin:30px 0;display:flex}.success-message-box{border:1px solid var(--border);background-color:#fff;border-radius:16px;padding:24px 20px;box-shadow:0 4px 12px #00000005}.success-desc{font-family:var(--font-body);color:var(--text-dark);margin-top:0;margin-bottom:16px;font-size:14px;font-weight:600;line-height:1.5}.contact-details{flex-direction:column;gap:10px;margin-bottom:16px;display:flex}.contact-item{background-color:var(--light-bg);border:1px solid var(--border);border-radius:12px;align-items:center;gap:12px;padding:12px 16px;display:flex}.contact-icon{font-size:16px}.contact-value{font-family:var(--font-body);color:var(--text-dark);font-size:14px;font-weight:700}.success-hint{font-family:var(--font-body);color:var(--text-muted);margin:0;font-size:12px;line-height:1.5}.btn-back-login:hover{color:var(--text-dark)!important;background-color:#0000000d!important}.face-verification-overlay{z-index:9999;box-sizing:border-box;background-color:#fff;flex-direction:column;animation:.25s ease-out fadeInVerif;display:flex;position:fixed;inset:0}.face-verification-overlay.android-platform,.face-verification-overlay.android-platform .face-verification-header{-webkit-backdrop-filter:none!important;background-color:#fff!important}.face-verification-header{background-color:#fff;border-bottom:1px solid #e2e8f0cc;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.face-verification-title{font-family:var(--font-title);color:#0f172a;margin:0;font-size:16px;font-weight:800}.btn-close-verification{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.btn-close-verification:hover{color:#0f172a;background:#e2e8f0}.face-verification-body{box-sizing:border-box;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:20px;width:100%;max-width:480px;margin:0 auto;padding:24px;display:flex}.face-verification-camera-wrapper{background-color:#000;border:4px solid #fff;border-radius:50%;width:280px;height:280px;position:relative;overflow:hidden;box-shadow:0 10px 25px #00000014,0 0 0 1px #e2e8f0}.face-verification-video{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.face-verification-mock{background:radial-gradient(circle,#334155 0%,#0f172a 100%);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.avatar-scanner-icon{color:#94a3b8;width:50px;height:50px}.face-guideline-overlay{z-index:5;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.face-oval-guide{border:3px dashed #ffffff80;border-radius:50%;width:180px;height:220px;transition:all .3s;position:relative;box-shadow:0 0 0 9999px #0f172a73}.face-guideline-overlay.idle .face-oval-guide{border:3px solid #3b82f6;box-shadow:0 0 0 9999px #0f172a73,0 0 15px #3b82f666}.face-guideline-overlay.scanning .face-oval-guide{border:3px solid #ea580c;box-shadow:0 0 0 9999px #0f172a73,0 0 20px #ea580c99}.face-guideline-overlay.success .face-oval-guide{border:3px solid #095f42;box-shadow:0 0 0 9999px #0f172a4d,0 0 25px #10b981d9}.scanning-laser-line{z-index:6;background-color:#3b82f6;border-radius:50%;height:2.5px;transition:all .3s;animation:1.5s ease-in-out infinite laserScan;position:absolute;left:5%;right:5%;box-shadow:0 0 10px #3b82f6,0 0 4px #3b82f6}.face-guideline-overlay.scanning .scanning-laser-line{background-color:#ea580c;box-shadow:0 0 10px #ea580c,0 0 4px #ea580c}.face-scan-status-text-wrapper{justify-content:center;align-items:center;height:32px;margin-top:8px;display:flex}.scan-status-text{font-family:var(--font-body);text-align:center;border:1px solid #e2e8f0;border-radius:12px;padding:6px 16px;font-size:13px;font-weight:800;box-shadow:0 2px 8px #0000000d}.scan-status-text.idle{color:#475569;background-color:#f1f5f9}.scan-status-text.scanning{color:#c2410c;background-color:#ffedd5;border-color:#fed7aa}.scan-status-text.success{color:#065f46;background-color:#d1fae5;border-color:#a7f3d0}.face-verification-status-card{box-sizing:border-box;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;width:100%;padding:16px}.face-verification-status-title{color:#0f172a;margin:0 0 6px;font-size:13px;font-weight:800}.face-verification-status-detail{color:#64748b;margin:0;font-size:11px;line-height:1.5}.btn-confirm-verification{width:100%;height:50px;font-family:var(--font-body);cursor:pointer;color:#fff;background-color:#ea580c;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:800;transition:all .2s;display:flex;box-shadow:0 4px 14px #ea580c40}.btn-confirm-verification:hover:not(:disabled){background-color:#d97706}.btn-confirm-verification:disabled{color:#94a3b8;box-shadow:none;cursor:not-allowed;background-color:#cbd5e1}@keyframes laserScan{0%{top:10%}50%{top:90%}to{top:10%}}@keyframes pulseScanner{0%{opacity:.75;transform:scale(1)}50%{opacity:1;border-color:#3b82f680;transform:scale(1.04)}to{opacity:.75;transform:scale(1)}}@keyframes fadeInVerif{0%{opacity:0}to{opacity:1}}.face-verification-error-container{text-align:center;box-sizing:border-box;background-color:#fff;border:1px solid #fee2e2;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:360px;padding:32px 24px;animation:.3s cubic-bezier(.34,1.56,.64,1) scaleIn;display:flex;box-shadow:0 10px 30px #ef444414}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.error-icon-wrapper{color:#ef4444;background-color:#fef2f2;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:20px;display:flex}.error-icon{width:38px;height:38px}.error-title{font-family:var(--font-title);color:#1e293b;margin:0 0 12px;font-size:22px;font-weight:800}.error-message{font-family:var(--font-body);color:#64748b;margin:0 0 28px;font-size:14px;line-height:1.6}.error-action-buttons{flex-direction:column;gap:10px;width:100%;display:flex}.btn-close-verification-text{color:#94a3b8;font-family:var(--font-body);cursor:pointer;background:0 0;border:none;padding:8px;font-size:14px;font-weight:700;transition:color .2s}.btn-close-verification-text:hover{color:#64748b}.face-verification-time-bar{background-color:#0000;border-bottom:1px solid #e2e8f0cc;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:8px 16px;display:flex}.verification-time-txt{font-family:var(--font-title);color:#ea580c;letter-spacing:.05em;margin:0;font-size:20px;font-weight:800}.verification-date-txt{font-family:var(--font-body);color:#64748b;margin:0;font-size:11px;font-weight:600}.face-reg-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background-color:#0f172abf;justify-content:center;align-items:center;padding:16px;animation:.25s ease-out fadeIn;display:flex;position:fixed;inset:0}.face-reg-modal{color:#f8fafc;background:#0f172a;border:1px solid #ffffff14;border-radius:28px;flex-direction:column;width:100%;max-width:380px;padding:20px;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;display:flex;box-shadow:0 25px 50px -12px #00000080}.face-reg-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.face-reg-title{color:#095f42;font-family:Outfit,sans-serif;font-size:16px;font-weight:800}.btn-close-reg{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:4px 8px;font-size:16px;transition:all .2s}.btn-close-reg:hover{color:#ef4444;background-color:#ef44441a}.face-reg-stepper{justify-content:center;align-items:center;gap:8px;margin-bottom:16px;display:flex}.step-dot{color:#64748b;background:#1e293b;border:1.5px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:800;transition:all .3s;display:flex}.step-dot.active{color:#095f42;background:#10b9811a;border-color:#095f42;box-shadow:0 0 10px #10b98133}.step-dot.done{color:#0f172a;background:#095f42;border-color:#095f42}.step-line{background:#1e293b;border-radius:9999px;flex:1;max-width:40px;height:2px}.step-instruction-card{text-align:center;background:#ffffff05;border:1px solid #ffffff0a;border-radius:16px;margin-bottom:16px;padding:12px}.step-lbl{color:#f8fafc;margin-bottom:4px;font-family:Outfit,sans-serif;font-size:14px;font-weight:700}.step-desc{color:#94a3b8;font-size:11px;line-height:1.4}.face-reg-camera-wrapper{aspect-ratio:4/3;background:#020617;border:1.5px solid #ffffff14;border-radius:20px;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.camera-placeholder,.face-reg-loading{color:#94a3b8;flex-direction:column;align-items:center;gap:12px;font-size:12px;font-weight:600;display:flex}.camera-mock-box{flex-direction:column;align-items:center;gap:8px;display:flex}.mock-avatar-placeholder{font-size:64px}.mock-badge{color:#095f42;text-transform:uppercase;background:#10b98133;border-radius:6px;padding:3px 8px;font-size:10px;font-weight:700}.face-reg-video{object-cover:cover;width:100%;height:100%;transform:scaleX(-1)}.face-reg-oval-guide{pointer-events:none;border:2px dashed #ffffff59;border-radius:50%;width:170px;height:220px;transition:all .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.face-reg-oval-guide.detecting{border-style:solid;border-color:#095f42;box-shadow:0 0 0 9999px #0f172a73}.face-reg-oval-guide.success{background-color:#10b9811a;border-style:solid;border-color:#095f42;animation:.5s borderPulse;box-shadow:0 0 25px #10b98180}.reg-laser{background:linear-gradient(90deg,#0000,#095f42,#0000);height:3px;animation:1.6s ease-in-out infinite laserScan;position:absolute;left:0;right:0;box-shadow:0 0 8px #095f42}.success-pulse{color:#095f42;text-shadow:0 0 10px #10b98180;font-size:36px;font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.reg-spinner{border:3px solid #10b98133;border-top-color:#095f42;border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}.scan-status-indicator{text-align:center;min-height:20px;margin:14px 0}.status-txt-idle{color:#64748b;text-transform:uppercase;font-size:11px;font-weight:700}.status-txt-scan{color:#095f42;font-size:11.5px;font-weight:700}.status-txt-success{color:#095f42;font-size:12px;font-weight:800}.status-txt-save{color:#f59e0b;font-size:11.5px;font-weight:700}.btn-capture-pose{color:#0f172a;cursor:pointer;background:#095f42;border:none;border-radius:16px;width:100%;padding:12px;font-size:13px;font-weight:800;transition:all .25s;box-shadow:0 4px 12px #10b98140}.btn-capture-pose:hover:not(:disabled){background:#34d399;transform:translateY(-1px)}.btn-capture-pose:disabled{color:#475569;cursor:not-allowed;box-shadow:none;background:#1e293b}.face-reg-error-card{text-align:center;padding:24px 12px}.error-text{color:#f87171;margin-bottom:16px;font-size:13px;font-weight:600;line-height:1.5}.btn-retry-reg{color:#f87171;cursor:pointer;background:#f8717126;border:1px solid #f871714d;border-radius:12px;padding:8px 18px;font-size:12px;font-weight:700;transition:all .2s}.btn-retry-reg:hover{background:#f8717140}.blinking{animation:1.2s infinite blink}@keyframes borderPulse{0%{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(1.03)}to{transform:translate(-50%,-50%)scale(1)}}@keyframes blink{50%{opacity:.5}}.history-page-screen{box-sizing:border-box;background-color:#fff;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.history-header{color:#fff;background-color:#095f42;border-bottom:none;flex-direction:column;padding:24px 20px 0;display:flex;position:relative}.history-header-nav{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.btn-back-history{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex}.btn-back-history:hover{background:#ffffff40;transform:translate(-2px)}.history-header-title{font-family:var(--font-title);color:#fff;margin:0;font-size:18px;font-weight:800}.calendar-week-nav{justify-content:center;align-items:center;gap:16px;margin-top:20px;display:flex}.btn-week-arrow,.btn-month-arrow{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.btn-week-arrow:hover,.btn-month-arrow:hover{background:#ffffff40;transform:scale(1.08)}.btn-week-arrow:active,.btn-month-arrow:active{transform:scale(.92)}.week-range-text{font-family:var(--font-body);color:#fff;letter-spacing:.02em;font-size:13px;font-weight:700}.calendar-strip{flex-direction:column;margin-top:20px;margin-bottom:24px;display:flex}.calendar-row{text-align:center;grid-template-columns:repeat(7,1fr);align-items:center;display:grid}.day-label-txt{font-family:var(--font-body);color:#fff9;text-transform:uppercase;font-size:11px;font-weight:700}.date-strip-item{color:#fff;cursor:pointer;width:36px;height:36px;font-family:var(--font-title);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;margin:0 auto;font-size:14px;font-weight:700;transition:all .2s;display:flex}.date-strip-item.active{color:#fff;background-color:#f59e0b;transform:scale(1.1);box-shadow:0 4px 10px #f59e0b59}.history-header-wave-wrapper{z-index:5;height:30px;position:absolute;bottom:-22px;left:0;right:0}.history-header-wave{width:100%;height:100%;display:block}.wave-chevron-dip{z-index:6;background-color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;bottom:-4px;left:50%;transform:translate(-50%);box-shadow:0 2px 5px #0000001a}.history-body-content{padding:36px 20px calc(85px + env(safe-area-inset-bottom,0px)) 20px;background-color:#fff;flex:1;overflow-y:auto}.selected-date-title{font-family:var(--font-title);color:#475569;letter-spacing:.01em;text-align:left;margin:0 0 24px;font-size:15px;font-weight:800}.timeline-container{flex-direction:column;display:flex;position:relative}.timeline-row{margin-bottom:24px;display:flex;position:relative}.timeline-row:last-child{margin-bottom:0}.timeline-time-col{flex-direction:column;justify-content:flex-start;align-items:flex-start;width:60px;padding-top:12px;display:flex}.time-hour{font-family:var(--font-title);color:#0f172a;font-size:14px;font-weight:800}.time-ampm{font-family:var(--font-body);color:#94a3b8;margin-top:1px;font-size:9px;font-weight:700}.timeline-indicator-col{flex-direction:column;align-items:center;width:24px;display:flex;position:relative}.timeline-dot-circle{z-index:2;background-color:#095f42;border:2px solid #fff;border-radius:50%;width:10px;height:10px;margin-top:16px;box-shadow:0 0 0 2px #095f42}.timeline-dot-circle.checkout{background-color:#3b82f6;box-shadow:0 0 0 2px #3b82f6}.timeline-line{z-index:1;background-color:#f1f5f9;width:2px;position:absolute;top:26px;bottom:-32px}.timeline-row:last-child .timeline-line{display:none}.timeline-card-col{flex:1;padding-left:8px}.attendance-history-detail-card{box-sizing:border-box;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;gap:14px;padding:16px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000005}.attendance-history-detail-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000000a}.attendance-history-detail-card.ontime{background-color:#f0fdf4;border-color:#dcfce7}.attendance-history-detail-card.late{background-color:#fffbeb;border-color:#fef3c7}.verified-badge-stamp{pointer-events:none;font-family:var(--font-title);color:#10b98140;letter-spacing:.1em;border:2.5px solid #10b98138;border-radius:6px;padding:3px 8px;font-size:10px;font-weight:850;position:absolute;bottom:24px;right:-10px;transform:rotate(-15deg)}.verified-badge-stamp.checkout{color:#3b82f640;border-color:#3b82f638}.card-top-header{justify-content:space-between;align-items:flex-start;width:100%;display:flex}.card-details-text{text-align:left;flex-direction:column;gap:3px;display:flex}.card-event-title{font-family:var(--font-title);color:#0f172a;margin:0;font-size:14px;font-weight:800}.card-event-subtitle{font-family:var(--font-body);color:#94a3b8;margin:0;font-size:10px;font-weight:600}.status-label-badge-row{margin-top:6px}.status-badge-pill{font-family:var(--font-body);border-radius:8px;padding:3px 8px;font-size:9px;font-weight:800}.status-badge-pill.ontime{color:#15803d;background-color:#dcfce7}.status-badge-pill.late{color:#b45309;background-color:#fef3c7}.user-avatar-card{border:2px solid #fff;border-radius:50%;flex-shrink:0;width:36px;height:36px;overflow:hidden;box-shadow:0 2px 6px #00000014}.user-avatar-card img{object-fit:cover;width:100%;height:100%}.card-bottom-row{border-top:1px solid #e2e8f080;justify-content:space-between;align-items:center;padding-top:8px;display:flex}.card-bottom-left-icons{gap:8px;display:flex}.icon-wrapper{color:#94a3b8;justify-content:center;align-items:center;display:flex}.card-bottom-right-value{font-family:var(--font-title);font-size:11px;font-weight:800}.points-value-badge{color:#095f42}.fine-value-badge{color:#ef4444}.no-attendance-day-placeholder{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.no-attendance-icon-wrapper{color:#94a3b8;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:20px;display:flex}.no-attendance-day-placeholder h4{font-family:var(--font-title);color:#475569;margin:0 0 8px;font-size:15px;font-weight:800}.no-attendance-day-placeholder p{font-family:var(--font-body);color:#94a3b8;max-width:220px;margin:0;font-size:11.5px;line-height:1.6}.history-header{transition:all .3s cubic-bezier(.4,0,.2,1)}.history-header.expanded{padding-bottom:8px}.expanded-calendar-panel{flex-direction:column;gap:16px;margin-top:15px;margin-bottom:24px;animation:.25s ease-out fadeIn;display:flex}.filter-mode-selector{background-color:#ffffff26;border-radius:12px;padding:4px;display:flex}.mode-btn{color:#fff;font-family:var(--font-body);cursor:pointer;background:0 0;border:none;border-radius:8px;outline:none;flex:1;padding:8px 12px;font-size:12px;font-weight:700;transition:all .2s}.mode-btn.active{color:#095f42;background-color:#fff;box-shadow:0 2px 6px #00000014}.calendar-month-selector{justify-content:space-between;align-items:center;padding:0 4px;display:flex}.month-name-txt{font-family:var(--font-title);color:#fff;letter-spacing:.01em;font-size:15px;font-weight:850}.calendar-grid{text-align:center;grid-template-columns:repeat(7,1fr);gap:8px 4px;display:grid}.grid-day-label{font-family:var(--font-body);color:#fff9;text-transform:uppercase;font-size:11px;font-weight:700}.grid-date-item{color:#fff;cursor:pointer;width:32px;height:32px;font-family:var(--font-title);background:0 0;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;margin:0 auto;font-size:13px;font-weight:700;transition:all .2s;display:flex}.grid-date-item.other-month{color:#ffffff59}.grid-date-item.active{color:#fff;background-color:#f59e0b;transform:scale(1.08);box-shadow:0 3px 8px #f59e0b59}.grid-date-item.in-range{color:#fff;background-color:#f59e0b40;border-radius:8px}.wave-chevron-dip.interactive{cursor:pointer;border:none;outline:none;transition:all .2s cubic-bezier(.34,1.56,.64,1)}.wave-chevron-dip.interactive:active{transform:translate(-50%)scale(.85)}.chevron-icon{transition:transform .3s cubic-bezier(.4,0,.2,1)}.chevron-icon.rotated{transform:rotate(180deg)}.range-filter-status-bar{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:10px 14px;animation:.25s ease-out fadeIn;display:flex}.status-range-text{font-family:var(--font-body);color:#475569;text-align:left;font-size:11.5px}.status-range-text strong{color:#0f172a}.btn-clear-range{color:#fff;font-family:var(--font-body);cursor:pointer;background-color:#095f42;border:none;border-radius:8px;outline:none;padding:4px 10px;font-size:11px;font-weight:700;transition:background-color .2s}.btn-clear-range:hover{background-color:#059669}.btn-clear-range:active{transform:scale(.95)}.card-event-title-row{justify-content:space-between;align-items:center;gap:10px;width:100%;display:flex}.card-date-badge{font-family:var(--font-title);color:#095f42;text-transform:uppercase;background-color:#10b9811a;border-radius:6px;padding:2px 6px;font-size:10px;font-weight:800}.attendance-history-detail-card.checkout .card-date-badge{color:#3b82f6;background-color:#3b82f61a}.leaves-page-screen{box-sizing:border-box;background-color:#fff;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.leaves-header{color:#fff;background-color:#056948;flex-direction:column;padding:24px 20px 0;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.leaves-header-nav{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.btn-back-leaves{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex}.btn-back-leaves:hover{background:#ffffff40;transform:translate(-2px)}.btn-back-leaves:active{transform:scale(.92)}.leaves-header-title{font-family:var(--font-title);color:#fff;margin:0;font-size:18px;font-weight:800}.leaves-header-subtitle{font-family:var(--font-body);color:#fffc;text-align:center;margin:12px 0 20px;font-size:12px;font-weight:600}.leaves-tab-bar{background-color:#ffffff26;border-radius:12px;margin-bottom:24px;padding:4px;display:flex}.leaves-tab-btn{color:#fff;font-family:var(--font-body);cursor:pointer;background:0 0;border:none;border-radius:8px;outline:none;flex:1;padding:8px 12px;font-size:12px;font-weight:700;transition:all .2s}.leaves-tab-btn.active{color:#095f42;background-color:#fff;box-shadow:0 2px 6px #00000014}.leaves-header-wave-wrapper{z-index:5;height:30px;position:absolute;bottom:-22px;left:0;right:0}.leaves-header-wave{width:100%;height:100%;display:block}.leaves-wave-chevron-dip{z-index:6;background-color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;bottom:-4px;left:50%;transform:translate(-50%);box-shadow:0 2px 5px #0000001a}.leaves-body-content{padding:36px 20px calc(85px + env(safe-area-inset-bottom,0px)) 20px;background-color:#fff;flex:1;overflow-y:auto}.leaves-form-card{text-align:left;background-color:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:20px;box-shadow:0 4px 16px #00000005}.form-section-title{font-family:var(--font-title);color:#1e293b;margin:0 0 6px;font-size:15px;font-weight:850}.form-section-desc{font-family:var(--font-body);color:#94a3b8;margin:0 0 20px;font-size:11px;font-weight:600;line-height:1.5}.leave-balance-info-box{box-sizing:border-box;background-color:#10b9810f;border:1px solid #10b98126;border-radius:12px;align-items:center;gap:8px;margin-bottom:18px;padding:10px 14px;display:flex}.lbib-text{font-family:var(--font-body);color:#065f46;text-align:left;font-size:11.5px;font-weight:600}.lbib-text strong{color:#047857;font-weight:800}.leaves-form-layout{flex-direction:column;gap:16px;display:flex}.leaves-input-group{flex-direction:column;gap:6px;display:flex}.leaves-input-label{font-family:var(--font-body);color:#475569;text-transform:uppercase;letter-spacing:.03em;font-size:11px;font-weight:800}.leaves-input-field{box-sizing:border-box;width:100%;height:48px;font-family:var(--font-body);color:#1e293b;background-color:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;outline:none;padding:0 16px;font-size:13px;font-weight:600;transition:all .2s}.leaves-input-field:focus{background-color:#fff;border-color:#095f42;box-shadow:0 0 0 3px #10b9811a}.leaves-input-field.textarea{resize:none;height:90px;padding:12px 16px}.leaves-input-field[type=file]{cursor:pointer;padding-top:10px;line-height:24px}.leaves-input-field[type=file]::file-selector-button{color:#047857;font-family:var(--font-body);cursor:pointer;text-transform:uppercase;background-color:#10b9811a;border:1px solid #10b98140;border-radius:8px;margin-right:12px;padding:6px 14px;font-size:11px;font-weight:800;transition:all .2s}.leaves-input-field[type=file]::file-selector-button:hover{color:#fff;background-color:#095f42;border-color:#095f42}.leaves-date-row{grid-template-columns:1fr 1fr;gap:16px;width:100%;display:grid}.leaves-input-field[type=date]{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8' stroke-width='2.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 012.25-2.25h13.5A2.25 2.25 0 0121 7.5v11.25m-18 0A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75m-18 0v-7.5A2.25 2.25 0 015.25 9h13.5A2.25 2.25 0 0121 11.25v7.5'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:18px;padding-right:44px;position:relative}.leaves-input-field[type=date]::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}@media (width<=480px){.leaves-date-row{grid-template-columns:1fr;gap:12px}}.btn-submit-leave{color:#fff;height:48px;font-family:var(--font-title);cursor:pointer;background-color:#095f42;border:none;border-radius:12px;outline:none;margin-top:8px;font-size:14px;font-weight:800;transition:all .2s;box-shadow:0 4px 12px #10b98133}.btn-submit-leave:hover{background-color:#059669;box-shadow:0 6px 16px #05966940}.btn-submit-leave:active{transform:scale(.97)}.btn-submit-leave:disabled{box-shadow:none;cursor:not-allowed;background-color:#94a3b8}.leaves-timeline-container{text-align:left}.leaves-timeline{flex-direction:column;display:flex;position:relative}.leaves-timeline-row{margin-bottom:24px;display:flex;position:relative}.leaves-timeline-row:last-child{margin-bottom:0}.leaves-timeline-time-col{flex-direction:column;justify-content:flex-start;align-items:flex-start;width:70px;padding-top:12px;display:flex}.leaves-time-start{font-family:var(--font-title);color:#0f172a;font-size:13px;font-weight:800}.leaves-time-divider{font-family:var(--font-body);color:#94a3b8;text-transform:uppercase;margin:1px 0;font-size:9px;font-weight:700}.leaves-time-end{font-family:var(--font-body);color:#64748b;font-size:10px;font-weight:700}.leaves-timeline-indicator-col{flex-direction:column;align-items:center;width:24px;display:flex;position:relative}.leaves-timeline-dot-circle{z-index:2;background-color:#f59e0b;border:2px solid #fff;border-radius:50%;width:10px;height:10px;margin-top:16px;box-shadow:0 0 0 2px #f59e0b}.leaves-timeline-dot-circle.approved{background-color:#095f42;box-shadow:0 0 0 2px #095f42}.leaves-timeline-dot-circle.rejected{background-color:#ef4444;box-shadow:0 0 0 2px #ef4444}.leaves-timeline-line{z-index:1;background-color:#f1f5f9;width:2px;position:absolute;top:26px;bottom:-32px}.leaves-timeline-row:last-child .leaves-timeline-line{display:none}.leaves-timeline-card-col{flex:1;min-width:0;padding-left:8px}.leaves-detail-card{box-sizing:border-box;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;gap:14px;min-width:0;padding:16px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000005}.leaves-detail-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000000a}.leaves-detail-card.pending{background-color:#fffbeb;border-color:#fef3c7}.leaves-detail-card.approved{background-color:#f0fdf4;border-color:#dcfce7}.leaves-detail-card.rejected{background-color:#fef2f2;border-color:#fee2e2}.leaves-badge-stamp{pointer-events:none;font-family:var(--font-title);color:#f59e0b40;letter-spacing:.1em;border:2.5px solid #f59e0b38;border-radius:6px;padding:3px 8px;font-size:10px;font-weight:850;position:absolute;bottom:24px;right:-10px;transform:rotate(-15deg)}.leaves-badge-stamp.approved{color:#10b98140;border-color:#10b98138}.leaves-badge-stamp.rejected{color:#ef444440;border-color:#ef444438}.leaves-card-header{justify-content:space-between;align-items:flex-start;width:100%;display:flex}.leaves-card-details{text-align:left;flex-direction:column;flex:1;gap:3px;min-width:0;padding-right:8px;display:flex}.leaves-card-type-title{font-family:var(--font-title);color:#0f172a;margin:0;font-size:14px;font-weight:800}.leaves-card-reason{font-family:var(--font-body);color:#475569;word-break:break-word;overflow-wrap:break-word;margin:4px 0 0;font-size:11px;font-style:italic;line-height:1.5}.leaves-attachment-pill{font-family:var(--font-body);color:#64748b;box-sizing:border-box;background-color:#0000000d;border-radius:6px;align-items:center;width:fit-content;max-width:100%;margin-top:8px;padding:3px 8px;font-size:10px;display:inline-flex}.leaves-attachment-pill span{white-space:nowrap;text-overflow:ellipsis;max-width:140px;display:inline-block;overflow:hidden}.leaves-status-container{flex-shrink:0}.leaves-status-badge{font-family:var(--font-body);border-radius:8px;padding:3px 8px;font-size:9px;font-weight:800}.leaves-status-badge.pending{color:#b45309;background-color:#fef3c7}.leaves-status-badge.approved{color:#15803d;background-color:#dcfce7}.leaves-status-badge.rejected{color:#b91c1c;background-color:#fee2e2}.leaves-card-footer{border-top:1px solid #e2e8f080;justify-content:space-between;align-items:center;padding-top:8px;display:flex}.leaves-footer-left{font-family:var(--font-body);color:#94a3b8;font-size:10px;font-weight:600}.leaves-footer-right{font-family:var(--font-title);color:#cbd5e1;font-size:10px;font-weight:700}.no-leaves-placeholder{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.no-leaves-icon-wrapper{color:#94a3b8;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:20px;display:flex}.no-leaves-placeholder h4{font-family:var(--font-title);color:#475569;margin:0 0 8px;font-size:15px;font-weight:800}.no-leaves-placeholder p{font-family:var(--font-body);color:#94a3b8;max-width:220px;margin:0;font-size:11.5px;line-height:1.6}.client-visit-screen{box-sizing:border-box;background-color:#fff;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.visit-header{color:#fff;background-color:#095f42;flex-direction:column;padding:24px 20px 0;transition:all .3s;display:flex;position:relative}.visit-header-nav{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.btn-back-visit{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex}.btn-back-visit:hover{background:#ffffff40;transform:translate(-2px)}.btn-back-visit:active{transform:scale(.92)}.visit-header-title{font-family:var(--font-title);color:#fff;margin:0;font-size:18px;font-weight:800}.visit-header-subtitle{font-family:var(--font-body);color:#ffffffd9;text-align:center;margin:10px 0 20px;font-size:11px;font-weight:600}.visit-tab-bar{background-color:#ffffff26;border-radius:12px;margin-bottom:24px;padding:4px;display:flex}.visit-tab-btn{color:#fff;font-family:var(--font-body);cursor:pointer;background:0 0;border:none;border-radius:8px;outline:none;flex:1;padding:8px 12px;font-size:11.5px;font-weight:700;transition:all .2s}.visit-tab-btn.active{color:#095f42;background-color:#fff;box-shadow:0 2px 6px #00000014}.visit-header-wave-wrapper{z-index:5;height:30px;position:absolute;bottom:-22px;left:0;right:0}.visit-header-wave{width:100%;height:100%;display:block}.visit-wave-chevron-dip{z-index:6;background-color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;bottom:-4px;left:50%;transform:translate(-50%);box-shadow:0 2px 5px #0000001a}.visit-body-content{padding:36px 20px calc(85px + env(safe-area-inset-bottom,0px)) 20px;background-color:#fff;flex:1;overflow-y:auto}.visit-form-card{text-align:left;background-color:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:20px;box-shadow:0 4px 16px #00000005}.visit-form-layout{flex-direction:column;gap:16px;display:flex}.visit-input-group{flex-direction:column;gap:6px;display:flex}.visit-input-label{font-family:var(--font-body);color:#475569;text-transform:uppercase;letter-spacing:.03em;font-size:11px;font-weight:800}.visit-input-field{box-sizing:border-box;width:100%;height:48px;font-family:var(--font-body);color:#1e293b;background-color:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;outline:none;padding:0 16px;font-size:13px;font-weight:600;transition:all .2s}.visit-input-field:focus{background-color:#fff;border-color:#095f42;box-shadow:0 0 0 3px #10b9811a}.visit-input-field.textarea{resize:none;height:90px;padding:12px 16px}.visit-date-row{grid-template-columns:1fr 1fr;gap:16px;width:100%;display:grid}.visit-input-field[type=date]{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8' stroke-width='2.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 012.25-2.25h13.5A2.25 2.25 0 0121 7.5v11.25m-18 0A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75m-18 0v-7.5A2.25 2.25 0 015.25 9h13.5A2.25 2.25 0 0121 11.25v7.5'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:18px;padding-right:44px;position:relative}.visit-input-field[type=date]::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}@media (width<=480px){.visit-date-row{grid-template-columns:1fr;gap:12px}}.btn-submit-visit{color:#fff;height:48px;font-family:var(--font-title);cursor:pointer;background-color:#095f42;border:none;border-radius:12px;outline:none;margin-top:8px;font-size:13.5px;font-weight:800;transition:all .2s;box-shadow:0 4px 12px #10b98133}.btn-submit-visit:hover{background-color:#059669;box-shadow:0 6px 16px #05966940}.btn-submit-visit:active{transform:scale(.97)}.visit-history-container{text-align:left}.visit-timeline{flex-direction:column;display:flex}.visit-timeline-row{margin-bottom:24px;display:flex;position:relative}.visit-timeline-row:last-child{margin-bottom:0}.visit-timeline-date-col{flex-direction:column;align-items:flex-start;width:70px;padding-top:12px;display:flex}.visit-date-start{font-family:var(--font-title);color:#0f172a;font-size:13px;font-weight:800}.visit-date-divider{font-family:var(--font-body);color:#94a3b8;text-transform:uppercase;margin:1px 0;font-size:9px;font-weight:700}.visit-date-end{font-family:var(--font-body);color:#64748b;font-size:10px;font-weight:700}.visit-timeline-indicator-col{flex-direction:column;align-items:center;width:24px;display:flex;position:relative}.visit-timeline-dot-circle{z-index:2;background-color:#f59e0b;border:2px solid #fff;border-radius:50%;width:10px;height:10px;margin-top:16px;box-shadow:0 0 0 2px #f59e0b}.visit-timeline-dot-circle.approved{background-color:#3b82f6;box-shadow:0 0 0 2px #3b82f6}.visit-timeline-dot-circle.in-progress{background-color:#06b6d4;box-shadow:0 0 0 2px #06b6d4}.visit-timeline-dot-circle.completed{background-color:#095f42;box-shadow:0 0 0 2px #095f42}.visit-timeline-dot-circle.rejected{background-color:#ef4444;box-shadow:0 0 0 2px #ef4444}.visit-timeline-line{z-index:1;background-color:#f1f5f9;width:2px;position:absolute;top:26px;bottom:-32px}.visit-timeline-row:last-child .visit-timeline-line{display:none}.visit-timeline-card-col{flex:1;padding-left:8px}.visit-detail-card{box-sizing:border-box;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;gap:14px;padding:16px;transition:all .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000005}.visit-detail-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000000a}.visit-detail-card.pending{background-color:#fffbeb;border-color:#fef3c7}.visit-detail-card.approved{background-color:#eff6ff;border-color:#dbeafe}.visit-detail-card.in-progress{background-color:#ecfeff;border-color:#cffafe}.visit-detail-card.completed{background-color:#f0fdf4;border-color:#dcfce7}.visit-detail-card.rejected{background-color:#fef2f2;border-color:#fee2e2}.visit-badge-stamp{pointer-events:none;font-family:var(--font-title);color:#f59e0b40;letter-spacing:.1em;border:2.5px solid #f59e0b38;border-radius:6px;padding:3px 8px;font-size:10px;font-weight:850;position:absolute;bottom:24px;right:-10px;transform:rotate(-15deg)}.visit-badge-stamp.approved{color:#3b82f640;border-color:#3b82f638}.visit-badge-stamp.in-progress{color:#06b6d440;border-color:#06b6d438}.visit-badge-stamp.completed{color:#10b98140;border-color:#10b98138}.visit-badge-stamp.rejected{color:#ef444440;border-color:#ef444438}.visit-card-header{justify-content:space-between;align-items:flex-start;display:flex}.visit-card-details{flex-direction:column;flex:1;gap:3px;padding-right:8px;display:flex}.visit-card-destination{font-family:var(--font-title);color:#0f172a;margin:0;font-size:14px;font-weight:800}.visit-card-notes{font-family:var(--font-body);color:#475569;margin:4px 0 0;font-size:11px;font-style:italic;line-height:1.5}.visit-status-badge{font-family:var(--font-body);border-radius:8px;flex-shrink:0;padding:3px 8px;font-size:9px;font-weight:800}.visit-status-badge.pending{color:#b45309;background-color:#fef3c7}.visit-status-badge.approved{color:#1d4ed8;background-color:#dbeafe}.visit-status-badge.in-progress{color:#0891b2;background-color:#cffafe}.visit-status-badge.completed{color:#15803d;background-color:#dcfce7}.visit-status-badge.rejected{color:#b91c1c;background-color:#fee2e2}.visit-attendance-details{z-index:2;background-color:#fff9;border:1px solid #e2e8f099;border-radius:10px;flex-direction:column;gap:6px;padding:8px 12px;display:flex}.visit-att-row{font-family:var(--font-body);color:#334155;align-items:center;gap:8px;font-size:10.5px;font-weight:600;display:flex}.visit-att-dot{border-radius:50%;width:6px;height:6px}.visit-att-dot.green{background-color:#095f42}.visit-att-dot.red{background-color:#ef4444}.visit-actions-container{z-index:2;flex-direction:column;gap:4px;display:flex}.btn-visit-att{height:36px;font-family:var(--font-title);cursor:pointer;border:none;border-radius:8px;width:100%;font-size:11.5px;font-weight:800;transition:all .2s}.btn-visit-att.start{color:#fff;background-color:#3b82f6;box-shadow:0 2px 6px #3b82f633}.btn-visit-att.start:hover{background-color:#2563eb}.btn-visit-att.start:disabled{color:#94a3b8;box-shadow:none;cursor:not-allowed;background-color:#cbd5e1}.btn-visit-att.finish{color:#fff;background-color:#ef4444;box-shadow:0 2px 6px #ef444433}.btn-visit-att.finish:hover{background-color:#dc2626}.simulated-admin-actions{z-index:2;background-color:#f1f5f9;border:1px dashed #cbd5e1;border-radius:10px;flex-direction:column;gap:6px;padding:8px;display:flex}.sim-buttons-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.sim-buttons-row button{height:26px;font-family:var(--font-title);cursor:pointer;color:#fff;border:none;border-radius:6px;font-size:10.5px;font-weight:800;transition:all .2s}.btn-sim-approve{background-color:#095f42}.btn-sim-approve:hover{background-color:#059669}.btn-sim-reject{background-color:#ef4444}.btn-sim-reject:hover{background-color:#dc2626}.visit-card-footer{border-top:1px solid #e2e8f080;justify-content:space-between;align-items:center;padding-top:8px;display:flex}.visit-footer-left{font-family:var(--font-body);color:#94a3b8;font-size:10px;font-weight:600}.visit-footer-right{font-family:var(--font-title);color:#cbd5e1;font-size:10px;font-weight:700}.no-visit-placeholder{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.no-visit-icon-wrapper{color:#94a3b8;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:20px;display:flex}.no-visit-placeholder h4{font-family:var(--font-title);color:#475569;margin:0 0 8px;font-size:15px;font-weight:800}.no-visit-placeholder p{font-family:var(--font-body);color:#94a3b8;max-width:220px;margin:0;font-size:11.5px;line-height:1.6}.visit-overlay{z-index:1500;background-color:#0f172abf;justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:0}.visit-modal{background-color:#fff;border-top-left-radius:28px;border-top-right-radius:28px;flex-direction:column;width:100%;max-height:90%;padding:24px 20px 30px;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;display:flex;overflow-y:auto;box-shadow:0 -10px 25px #0003}.visit-modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.visit-modal-title{font-family:var(--font-title);color:#1e293b;margin:0;font-size:15px;font-weight:850}.btn-close-visit-modal{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.btn-close-visit-modal:hover{color:#0f172a;background:#e2e8f0}.visit-modal-body{flex-direction:column;display:flex}.visit-map-wrapper{border:1.5px solid #e2e8f0;border-radius:16px;width:100%;height:220px;margin-bottom:16px;position:relative;overflow:hidden}#visit-attendance-map{z-index:10;width:100%;height:100%}.visit-map-loading{z-index:20;background-color:#f8fafce6;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.visit-coordinates-card{font-family:var(--font-body);background-color:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:12px;flex-direction:column;align-items:flex-start;margin-bottom:20px;padding:10px 14px;font-size:12px;display:flex}.btn-confirm-location{color:#fff;height:48px;font-family:var(--font-title);cursor:pointer;background-color:#095f42;border:none;border-radius:12px;outline:none;font-size:14px;font-weight:800;transition:all .2s;box-shadow:0 4px 12px #10b98133}.btn-confirm-location:hover{background-color:#059669}.btn-confirm-location:disabled{color:#94a3b8;box-shadow:none;cursor:not-allowed;background-color:#cbd5e1}.visit-camera-time-bar{text-align:center;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:16px;padding:8px 12px}.visit-camera-time-bar h2{font-family:var(--font-title);color:#095f42;margin:0 0 2px;font-size:20px;font-weight:850}.visit-camera-time-bar span{font-family:var(--font-body);color:#64748b;font-size:10px;font-weight:700}.visit-camera-wrapper{background-color:#000;border:4px solid #095f42;border-radius:50%;align-self:center;width:170px;height:170px;margin-bottom:12px;position:relative;overflow:hidden;box-shadow:0 0 15px #10b98140}.visit-camera-video{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.visit-camera-mock{color:#64748b;background-color:#0f172a;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;display:flex}.visit-avatar-placeholder{color:#ffffff40;width:48px;height:48px}.visit-sim-tag{font-family:var(--font-title);color:#095f42;background-color:#10b98133;border-radius:4px;padding:2px 6px;font-size:8px;font-weight:800}.visit-camera-guideline{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.visit-camera-oval{border:2px dashed #3b82f699;border-radius:50%;width:125px;height:155px;position:relative;overflow:hidden}.visit-camera-guideline.scanning .visit-camera-oval{border-style:solid;border-color:#3b82f6;box-shadow:0 0 0 9999px #00000080}.visit-camera-guideline.success .visit-camera-oval{border-style:solid;border-color:#095f42;box-shadow:0 0 0 9999px #10b98126}.visit-laser-line{background-color:#3b82f6;width:100%;height:3px;animation:1.6s ease-in-out infinite alternate laserScan;position:absolute;left:0;box-shadow:0 0 8px #3b82f6}.visit-camera-loading-overlay{background-color:#0f172a;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;inset:0}.visit-scan-status-text{text-align:center;margin-bottom:12px}.visit-scan-status-text .txt{font-family:var(--font-body);border-radius:6px;padding:2px 8px;font-size:11px;font-weight:800}.visit-scan-status-text .txt.idle{color:#64748b;background-color:#f1f5f9}.visit-scan-status-text .txt.scanning{color:#1d4ed8;background-color:#dbeafe}.visit-scan-status-text .txt.success{color:#15803d;background-color:#dcfce7}.visit-error-container{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:20px 0;display:flex}.visit-error-icon{color:#ef4444;width:44px;height:44px}.visit-error-container h3{font-family:var(--font-title);color:#0f172a;margin:0;font-size:16px;font-weight:800}.visit-error-container p{font-family:var(--font-body);color:#64748b;margin:0;font-size:12px;line-height:1.5}@keyframes mapPulse{0%{opacity:1;transform:scale(1);box-shadow:0 0 #ef444466}70%{opacity:.8;transform:scale(1.1);box-shadow:0 0 0 10px #ef444400}to{opacity:1;transform:scale(1);box-shadow:0 0 #ef444400}}.tasks-page-screen{box-sizing:border-box;background-color:#fff;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.tasks-header{color:#fff;box-sizing:border-box;background-color:#095f42;flex-direction:column;padding:24px 20px 0;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.tasks-header-nav{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.btn-back-tasks{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex}.btn-back-tasks:hover{background:#ffffff40;transform:translate(-2px)}.btn-back-tasks:active{transform:scale(.92)}.tasks-header-title{font-family:var(--font-title);color:#fff;margin:0;font-size:18px;font-weight:800}.tasks-header-subtitle{font-family:var(--font-body);color:#fffc;text-align:center;margin:10px 0 15px;font-size:12px;font-weight:600}.tasks-tab-bar{background-color:#ffffff26;border-radius:12px;margin-bottom:20px;padding:4px;display:flex}.tasks-tab-btn{color:#fff;font-family:var(--font-body);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;outline:none;flex:1;padding:8px 6px;font-size:11px;font-weight:700;transition:all .2s}.tasks-tab-btn.active{color:#095f42;background-color:#fff;box-shadow:0 2px 6px #00000014}.tasks-header-wave-wrapper{z-index:5;height:30px;position:absolute;bottom:-22px;left:0;right:0}.tasks-header-wave{width:100%;height:100%;display:block}.tasks-wave-chevron-dip{z-index:6;background-color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;bottom:-4px;left:50%;transform:translate(-50%);box-shadow:0 2px 5px #0000001a}.tasks-body-content{padding:36px 20px calc(85px + env(safe-area-inset-bottom,0px)) 20px;background-color:#fff;flex:1;overflow-y:auto}.role-switcher-card{background-color:#f8fafc;border:1px dashed #cbd5e1;border-radius:14px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:10px 14px;animation:.25s ease-out fadeIn;display:flex}.role-switcher-info{text-align:left;flex-direction:column;align-items:flex-start;display:flex}.role-switcher-title{font-family:var(--font-title);color:#475569;text-transform:uppercase;font-size:11px;font-weight:850}.role-switcher-desc{font-family:var(--font-body);color:#64748b;margin-top:2px;font-size:10px}.btn-toggle-role{color:#fff;cursor:pointer;background-color:#095f42;border:none;border-radius:8px;padding:6px 12px;font-size:11px;font-weight:700;transition:all .2s;box-shadow:0 2px 6px #10b98133}.btn-toggle-role:hover{background-color:#059669}.btn-toggle-role:active{transform:scale(.95)}.category-filter-bar{justify-content:flex-start;gap:8px;margin-bottom:16px;display:flex}.category-filter-btn{color:#64748b;cursor:pointer;background-color:#f1f5f9;border:none;border-radius:8px;padding:6px 12px;font-size:11px;font-weight:700;transition:all .2s}.category-filter-btn.active{color:#fff;background-color:#0f172a}.tasks-list-container{flex-direction:column;gap:14px;display:flex}.task-detail-card{box-sizing:border-box;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;gap:12px;padding:16px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000005}.task-detail-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000000a}.task-detail-card.pending{background-color:#fff;border-color:#e2e8f0}.task-detail-card.completed{background-color:#f0f9ff;border-color:#bae6fd}.task-detail-card.verified{background-color:#f0fdf4;border-color:#dcfce7}.task-detail-card.failed{background-color:#fef2f2;border-color:#fee2e2}.task-card-header{justify-content:space-between;align-items:center;width:100%;display:flex}.task-badges{align-items:center;gap:6px;display:flex}.task-badge-type{font-family:var(--font-body);text-transform:uppercase;border-radius:6px;padding:2.5px 6px;font-size:9px;font-weight:800}.task-badge-type.daily{color:#d97706;background-color:#fef3c7}.task-badge-type.monthly{color:#0284c7;background-color:#e0f2fe}.task-badge-points{font-family:var(--font-title);color:#095f42;background-color:#10b9811a;border-radius:6px;padding:2.5px 6px;font-size:10px;font-weight:800}.task-status-pill{font-family:var(--font-body);border-radius:8px;padding:3px 8px;font-size:9px;font-weight:800}.task-status-pill.pending{color:#64748b;background-color:#f1f5f9}.task-status-pill.completed{color:#0369a1;background-color:#bae6fd}.task-status-pill.verified{color:#15803d;background-color:#dcfce7}.task-status-pill.failed{color:#b91c1c;background-color:#fee2e2}.task-card-details{text-align:left;flex-direction:column;gap:4px;display:flex}.task-card-title{font-family:var(--font-title);color:#0f172a;margin:0;font-size:13.5px;font-weight:800}.task-card-desc{font-family:var(--font-body);color:#64748b;margin:2px 0 0;font-size:11px;line-height:1.4}.task-card-notes{font-family:var(--font-body);color:#475569;background-color:#00000008;border-radius:8px;margin-top:4px;padding:6px 10px;font-size:10px;line-height:1.4}.task-card-footer{border-top:1px solid #e2e8f080;justify-content:space-between;align-items:center;padding-top:8px;display:flex}.task-footer-left{font-family:var(--font-body);color:#94a3b8;text-align:left;flex-direction:column;align-items:flex-start;font-size:9.5px;font-weight:600;display:flex}.task-footer-right{gap:8px;display:flex}.btn-task-action{font-family:var(--font-title);cursor:pointer;border:none;border-radius:8px;outline:none;padding:6px 12px;font-size:11px;font-weight:800;transition:all .2s}.btn-task-action.primary{color:#fff;background-color:#095f42;box-shadow:0 2px 6px #10b98126}.btn-task-action.primary:hover{background-color:#059669}.btn-task-action.secondary{color:#475569;background-color:#e2e8f0}.btn-task-action.secondary:hover{background-color:#cbd5e1}.btn-task-action.danger{color:#ef4444;background-color:#fef2f2;border:1px solid #fee2e2}.btn-task-action.danger:hover{background-color:#fee2e2}.task-completed-label{font-family:var(--font-body);color:#64748b;align-items:center;gap:4px;font-size:11px;font-weight:700;display:inline-flex}.point-logs-container{text-align:left}.point-log-timeline{flex-direction:column;display:flex}.point-log-row{margin-bottom:16px;display:flex}.point-log-date-col{flex-direction:column;align-items:flex-start;width:65px;padding-top:10px;display:flex}.point-log-time{font-family:var(--font-title);color:#1e293b;font-size:11px;font-weight:850}.point-log-date{font-family:var(--font-body);color:#94a3b8;text-transform:uppercase;margin-top:1px;font-size:8px;font-weight:700}.point-log-indicator-col{flex-direction:column;align-items:center;width:20px;display:flex;position:relative}.point-log-dot{z-index:2;background-color:#095f42;border:2px solid #fff;border-radius:50%;width:8px;height:8px;margin-top:14px;box-shadow:0 0 0 2px #095f42}.point-log-dot.negative{background-color:#ef4444;box-shadow:0 0 0 2px #ef4444}.point-log-line{z-index:1;background-color:#f1f5f9;width:2px;position:absolute;top:22px;bottom:-22px}.point-log-row:last-child .point-log-line{display:none}.point-log-card-col{flex:1;padding-left:6px}.point-log-card{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.point-log-card.negative{background-color:#fef2f2;border-color:#fee2e2}.point-log-details{text-align:left;flex-direction:column;flex:1;padding-right:10px;display:flex}.point-log-desc{font-family:var(--font-title);color:#1e293b;font-size:11.5px;font-weight:800}.point-log-meta{font-family:var(--font-body);color:#94a3b8;margin-top:1px;font-size:9px}.point-log-value{font-family:var(--font-title);color:#095f42;white-space:nowrap;font-size:13px;font-weight:850}.point-log-value.negative{color:#ef4444}.tasks-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background-color:#0f172a66;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.tasks-modal{background-color:#fff;border-radius:24px;flex-direction:column;width:100%;max-width:380px;animation:.3s cubic-bezier(.34,1.56,.64,1) modalScaleUp;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.tasks-modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.tasks-modal-title{font-family:var(--font-title);color:#0f172a;margin:0;font-size:15px;font-weight:850}.btn-close-tasks-modal{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.btn-close-tasks-modal:hover{color:#0f172a;background:#e2e8f0}.tasks-modal-body{text-align:left;max-height:450px;padding:20px;overflow-y:auto}.tasks-modal-body::-webkit-scrollbar{width:4px}.tasks-modal-body::-webkit-scrollbar-thumb{background-color:#e2e8f0;border-radius:2px}.tasks-form-layout{flex-direction:column;gap:14px;display:flex}.tasks-input-group{flex-direction:column;gap:4px;display:flex}.tasks-input-label{font-family:var(--font-body);color:#475569;text-transform:uppercase;letter-spacing:.03em;font-size:10px;font-weight:800}.tasks-input-field{box-sizing:border-box;width:100%;height:42px;font-family:var(--font-body);color:#1e293b;background-color:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;outline:none;padding:0 12px;font-size:12.5px;font-weight:600;transition:all .2s}.tasks-input-field:focus{background-color:#fff;border-color:#095f42;box-shadow:0 0 0 3px #10b9811a}.tasks-input-field.textarea{resize:none;height:75px;padding:10px 12px}.tasks-date-row{grid-template-columns:1fr 1fr;gap:12px;width:100%;display:grid}.btn-submit-modal{color:#fff;height:44px;font-family:var(--font-title);cursor:pointer;background-color:#095f42;border:none;border-radius:10px;outline:none;margin-top:8px;font-size:13.5px;font-weight:800;transition:all .2s;box-shadow:0 4px 10px #10b98133}.btn-submit-modal:hover{background-color:#059669}.btn-submit-modal:active{transform:scale(.97)}.btn-submit-modal:disabled{color:#94a3b8;cursor:not-allowed;box-shadow:none;background-color:#cbd5e1}.task-info-block{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:14px;padding:12px}.task-info-item{justify-content:space-between;margin-bottom:8px;display:flex}.task-info-item:last-child{margin-bottom:0}.task-info-label{font-family:var(--font-body);color:#64748b;font-size:11px;font-weight:600}.task-info-value{font-family:var(--font-title);color:#1e293b;font-size:11px;font-weight:800}.master-task-card{text-align:left;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;justify-content:space-between;align-items:center;padding:14px;display:flex}.master-task-details{flex-direction:column;flex:1;gap:3px;padding-right:12px;display:flex}.master-task-title{font-family:var(--font-title);color:#0f172a;font-size:13px;font-weight:800}.master-task-desc{font-family:var(--font-body);color:#64748b;font-size:10.5px;line-height:1.4}.master-task-assign{font-family:var(--font-body);color:#475569;background-color:#f1f5f9;border-radius:4px;width:fit-content;margin-top:4px;padding:2px 6px;font-size:9px;font-weight:700}.master-task-points{font-family:var(--font-title);color:#095f42;font-size:11.5px;font-weight:850}.fab-add-task{bottom:calc(90px + env(safe-area-inset-bottom,0px));color:#fff;cursor:pointer;z-index:50;background-color:#0f172a;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:all .2s;display:flex;position:fixed;right:20px;box-shadow:0 4px 14px #0f172a4d}.fab-add-task:hover{background-color:#000;transform:translateY(-2px)}.fab-add-task:active{transform:scale(.92)}.no-tasks-placeholder{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:50px 20px;display:flex}.no-tasks-icon{color:#cbd5e1;background-color:#f8fafc;border:1.5px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:16px;display:flex}.no-tasks-placeholder h4{font-family:var(--font-title);color:#475569;margin:0 0 6px;font-size:14px;font-weight:800}.no-tasks-placeholder p{font-family:var(--font-body);color:#94a3b8;max-width:200px;margin:0;font-size:11px;line-height:1.5}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.profile-screen{background-color:#fff;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.profile-header{color:#fff;background-color:#095f42;border-bottom:none;flex-direction:column;flex-shrink:0;padding:24px 20px 0;display:flex;position:relative}.profile-header-nav{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.btn-back-profile{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex}.btn-back-profile:hover{background:#ffffff40;transform:translate(-2px)}.profile-header-title{font-family:var(--font-title);color:#fff;margin:0;font-size:18px;font-weight:800}.profile-header-content{z-index:1;flex-direction:column;align-items:center;gap:6px;padding:16px 24px 24px;display:flex;position:relative}.profile-avatar-ring{border:3px solid #ffffffe6;border-radius:50%;width:84px;height:84px;margin-bottom:4px;overflow:hidden;box-shadow:0 4px 14px #00000026}.profile-avatar-img{object-fit:cover;width:100%;height:100%}.profile-hero-name{color:#fff;text-shadow:0 1px 2px #0000001a;letter-spacing:-.3px;margin:0;font-size:20px;font-weight:800}.profile-hero-position{color:#ffffffd9;margin:0;font-size:13px;font-weight:600}.profile-hero-company{color:#ffffffa6;text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:700}.profile-header-wave-wrapper{z-index:5;height:30px;position:absolute;bottom:-22px;left:0;right:0}.profile-header-wave{width:100%;height:100%;display:block}.profile-wave-chevron-dip{z-index:6;background-color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;bottom:-4px;left:50%;transform:translate(-50%);box-shadow:0 2px 5px #0000001a}.profile-body{padding:36px 20px calc(85px + env(safe-area-inset-bottom,0px)) 20px;background-color:#fff;flex-direction:column;flex:1;gap:16px;display:flex;overflow-y:auto}.profile-body::-webkit-scrollbar{width:3px}.profile-body::-webkit-scrollbar-thumb{background:#0000000f;border-radius:4px}.profile-stats-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;justify-content:center;align-items:center;padding:16px 14px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 16px #00000005}.profile-stats-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000000a}.profile-stat-item{flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.psi-value{font-family:var(--font-title);color:#0f172a;font-size:20px;font-weight:800;line-height:1.2}.psi-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:700}.psi-divider{background:#e2e8f0;flex-shrink:0;width:1px;height:28px}.profile-section-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;padding:18px 20px;display:flex;box-shadow:0 4px 16px #00000005}.profile-section-label{font-family:var(--font-body);color:#94a3b8;letter-spacing:.08em;text-transform:uppercase;text-align:left;margin:0 0 14px;font-size:10px;font-weight:800}.profile-info-row{border-bottom:1px solid #f1f5f9;align-items:center;gap:14px;padding:12px 0;display:flex}.profile-faceid-row{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:14px;width:100%;padding:8px 0;transition:opacity .15s;display:flex}.profile-faceid-row:hover{opacity:.75}.pir-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.pir-icon svg{width:18px;height:18px}.pir-content{text-align:left;flex-direction:column;flex:1;gap:2px;display:flex}.pir-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:700}.pir-value{color:#1e293b;font-size:13.5px;font-weight:700}.profile-schedule-row{justify-content:space-between;align-items:center;padding:6px 0;display:flex}.psr-block{flex-direction:column;gap:4px;display:flex}.psr-label{color:#94a3b8;text-transform:uppercase;font-size:10px;font-weight:700}.psr-time{font-family:var(--font-title);color:#0f172a;letter-spacing:-.5px;font-size:24px;font-weight:900}.psr-separator{align-items:center;display:flex}.profile-section-card{animation:.3s ease-out fadeIn}.avatar-edit-badge{color:#fff;background-color:#095f42;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;display:flex;position:absolute;bottom:0;right:0;box-shadow:0 2px 6px #00000026}.schedule-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background-color:#0f172a99;flex-direction:column;animation:.3s ease-out timesheetFadeIn;display:flex;position:fixed;inset:0;overflow-y:auto}.schedule-modal-card{box-sizing:border-box;background-color:#fff;border-top-left-radius:28px;border-top-right-radius:28px;width:100%;margin-top:auto;padding:24px 20px 60px;animation:.3s cubic-bezier(.4,0,.2,1) timesheetSlideUp;box-shadow:0 -10px 25px #00000014}.schedule-modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.schedule-modal-title{font-family:var(--font-title);color:#0f172a;margin:0;font-size:16px;font-weight:800}.btn-close-schedule{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;display:flex}.schedule-modal-body{flex-direction:column;gap:18px;display:flex}.sched-info-card{text-align:left;background-color:#f0fdf4;border:1px solid #d1fae5;border-radius:16px;padding:14px}.info-badge{color:#047857;text-transform:uppercase;background-color:#d1fae5;border-radius:6px;margin-bottom:8px;padding:3px 8px;font-size:9px;font-weight:800;display:inline-block}.info-title{font-family:var(--font-title);color:#0f172a;margin:0 0 4px;font-size:13px;font-weight:800}.info-desc{color:#047857;margin:0;font-size:11px;line-height:1.4}.sched-section{flex-direction:column;gap:10px;display:flex}.sched-section-title{font-family:var(--font-title);color:#64748b;text-transform:uppercase;letter-spacing:.05em;text-align:left;margin:0;font-size:12px;font-weight:800}.no-sched-text{color:#94a3b8;text-align:left;margin:0;font-size:11.5px;font-style:italic}.ws-template-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:8px;padding:14px;display:flex}.ws-header{justify-content:space-between;align-items:center;display:flex}.ws-name{font-family:var(--font-title);color:#0f172a;font-size:13.5px;font-weight:800}.ws-type-badge{color:#475569;background-color:#f1f5f9;border-radius:5px;padding:2px 6px;font-size:9px;font-weight:800}.ws-days{color:#475569;text-align:left;font-size:11px}.ws-rules-grid{border-top:1px dashed #f1f5f9;grid-template-columns:repeat(2,1fr);gap:8px;padding-top:8px;display:grid}.ws-rule-item{text-align:left;flex-direction:column;gap:2px;display:flex}.rule-lbl{color:#94a3b8;text-transform:uppercase;font-size:8px;font-weight:700}.rule-val{color:#1e293b;font-size:12px;font-weight:800}.custom-dates-list{flex-direction:column;gap:8px;display:flex}.custom-date-row{background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;align-items:center;gap:12px;padding:8px 12px;display:flex}.date-info{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;flex-shrink:0;align-items:center;width:50px;padding:4px 0;display:flex}.date-day{font-family:var(--font-title);color:#0f172a;text-align:center;font-size:12px;font-weight:800;line-height:1.1}.date-year{color:#94a3b8;font-size:8px;font-weight:700}.time-info{text-align:left;flex-direction:column;flex:1;gap:2px;display:flex}.time-range{color:#1e293b;font-size:12px;font-weight:800}.shift-name{color:#94a3b8;font-size:9px;font-weight:700}.settings-screen{background-color:#fff;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.settings-header{color:#fff;background-color:#095f42;border-bottom:none;flex-direction:column;flex-shrink:0;padding:24px 20px 0;display:flex;position:relative}.settings-header-nav{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.btn-back-settings{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex}.btn-back-settings:hover{background:#ffffff40;transform:translate(-2px)}.settings-header-title{font-family:var(--font-title);color:#fff;margin:0;font-size:18px;font-weight:800}.settings-header-content{z-index:1;flex-direction:column;align-items:center;gap:6px;padding:16px 24px 24px;display:flex;position:relative}.settings-avatar-ring{border:3px solid #ffffffe6;border-radius:50%;width:84px;height:84px;margin-bottom:4px;overflow:hidden;box-shadow:0 4px 14px #00000026}.settings-avatar-img{object-fit:cover;width:100%;height:100%}.settings-hero-name{color:#fff;text-shadow:0 1px 2px #0000001a;letter-spacing:-.3px;margin:0;font-size:20px;font-weight:800}.settings-hero-email{color:#ffffffd9;margin:0;font-size:12px;font-weight:600}.settings-header-wave-wrapper{z-index:5;height:30px;position:absolute;bottom:-22px;left:0;right:0}.settings-header-wave{width:100%;height:100%;display:block}.settings-wave-chevron-dip{z-index:6;background-color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;bottom:-4px;left:50%;transform:translate(-50%);box-shadow:0 2px 5px #0000001a}.settings-body{padding:36px 18px calc(85px + env(safe-area-inset-bottom,0px)) 18px;background-color:#fff;flex-direction:column;flex:1;gap:12px;display:flex;overflow-y:auto}.settings-body::-webkit-scrollbar{width:3px}.settings-body::-webkit-scrollbar-thumb{background:#0000000f;border-radius:4px}.settings-section-group{flex-direction:column;gap:6px;animation:.3s ease-out fadeIn;display:flex}.settings-section-title{font-family:var(--font-body);color:#94a3b8;letter-spacing:.08em;text-transform:uppercase;margin:0 4px;padding-top:6px;font-size:10px;font-weight:800}.settings-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;overflow:hidden;box-shadow:0 4px 16px #00000005}.settings-row{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:13px;width:100%;padding:13px 16px;transition:background-color .15s;display:flex}.settings-row:hover,.settings-row:active{background-color:#f8fafc}.settings-row-static{cursor:default}.settings-row-static:hover{background:0 0}.settings-row-danger:hover,.settings-row-danger:active{background-color:#fff5f5}.sr-icon-wrap{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.sr-icon-wrap svg{width:18px;height:18px}.sr-content{text-align:left;flex-direction:column;flex:1;gap:1px;display:flex}.sr-label{color:#1e293b;font-size:13.5px;font-weight:700}.sr-sublabel{color:#94a3b8;font-size:10.5px;font-weight:500}.sr-badge{white-space:nowrap;border-radius:20px;flex-shrink:0;padding:3px 9px;font-size:10.5px;font-weight:800}.sr-badge-gray{color:#64748b;background:#f1f5f9}.sr-badge-green{color:#059669;background:#d1fae5}.sr-separator{background:#f1f5f9;height:1px;margin:0 16px}.settings-build-info{text-align:center;color:#cbd5e1;margin-top:4px;font-size:10px;font-weight:600}.avatar-edit-badge-settings{color:#fff;background-color:#095f42;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;display:flex;position:absolute;bottom:0;right:0;box-shadow:0 2px 6px #00000026}.privacy-screen{background-color:#fff;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.privacy-header{color:#fff;background-color:#095f42;border-bottom:none;flex-direction:column;flex-shrink:0;padding:24px 20px 0;display:flex;position:relative}.privacy-header-nav{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.btn-back-privacy{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex}.btn-back-privacy:hover{background:#ffffff40;transform:translate(-2px)}.privacy-header-title{font-family:var(--font-title);color:#fff;margin:0;font-size:18px;font-weight:800}.privacy-header-content{z-index:1;flex-direction:column;align-items:center;gap:8px;padding:16px 24px 24px;display:flex;position:relative}.privacy-hero-icon{color:#fff;background-color:#ffffff2e;border-radius:12px;width:48px;height:48px;padding:10px;box-shadow:0 4px 14px #00000014}.privacy-hero-title{color:#fff;text-shadow:0 1px 2px #0000001a;letter-spacing:-.3px;text-align:center;margin:0;font-size:18px;font-weight:800}.privacy-hero-subtitle{color:#ffffffbf;text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:700}.privacy-header-wave-wrapper{z-index:5;height:30px;position:absolute;bottom:-22px;left:0;right:0}.privacy-header-wave{width:100%;height:100%;display:block}.privacy-wave-chevron-dip{z-index:6;background-color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;bottom:-4px;left:50%;transform:translate(-50%);box-shadow:0 2px 5px #0000001a}.privacy-body{padding:36px 20px calc(85px + env(safe-area-inset-bottom,0px)) 20px;background-color:#fff;flex-direction:column;flex:1;gap:16px;display:flex;overflow-y:auto}.privacy-body::-webkit-scrollbar{width:3px}.privacy-body::-webkit-scrollbar-thumb{background:#0000000f;border-radius:4px}.privacy-card{text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:18px;flex-direction:column;gap:12px;padding:20px;animation:.35s ease-out fadeIn;display:flex;box-shadow:0 4px 16px #00000005}.privacy-intro-card{background-color:#f8fafc;border-left:4px solid #095f42;padding:16px 20px}.privacy-intro-card p{font-family:var(--font-body);color:#475569;font-size:13px;line-height:1.6}.privacy-section-title{font-family:var(--font-title);color:#0f172a;border-bottom:2px solid #f1f5f9;margin:0;padding-bottom:8px;font-size:15px;font-weight:800}.privacy-text{font-family:var(--font-body);color:#475569;margin:0;font-size:12.5px;line-height:1.6}.privacy-list{font-family:var(--font-body);color:#475569;flex-direction:column;gap:10px;margin:0;padding-left:20px;font-size:12.5px;line-height:1.65;display:flex}.privacy-list li strong{color:#1e293b}.password-screen{background-color:#fff;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.password-header{color:#fff;background-color:#095f42;border-bottom:none;flex-direction:column;flex-shrink:0;padding:24px 20px 0;display:flex;position:relative}.password-header-nav{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.btn-back-password{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex}.btn-back-password:hover{background:#ffffff40;transform:translate(-2px)}.password-header-title{font-family:var(--font-title);color:#fff;margin:0;font-size:18px;font-weight:800}.password-header-content{z-index:1;flex-direction:column;align-items:center;gap:8px;padding:16px 24px 24px;display:flex;position:relative}.password-hero-icon{color:#fff;background-color:#ffffff2e;border-radius:12px;width:48px;height:48px;padding:10px;box-shadow:0 4px 14px #00000014}.password-hero-title{color:#fff;text-shadow:0 1px 2px #0000001a;letter-spacing:-.3px;text-align:center;margin:0;font-size:18px;font-weight:800}.password-hero-subtitle{color:#ffffffbf;text-transform:uppercase;letter-spacing:.06em;text-align:center;font-size:11px;font-weight:700}.password-header-wave-wrapper{z-index:5;height:30px;position:absolute;bottom:-22px;left:0;right:0}.password-header-wave{width:100%;height:100%;display:block}.password-wave-chevron-dip{z-index:6;background-color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;bottom:-4px;left:50%;transform:translate(-50%);box-shadow:0 2px 5px #0000001a}.password-body{padding:36px 20px calc(85px + env(safe-area-inset-bottom,0px)) 20px;background-color:#fff;flex-direction:column;flex:1;gap:16px;display:flex;overflow-y:auto}.password-body::-webkit-scrollbar{width:3px}.password-body::-webkit-scrollbar-thumb{background:#0000000f;border-radius:4px}.password-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:24px 20px;animation:.35s ease-out fadeIn;box-shadow:0 4px 16px #00000005}.password-form-layout{text-align:left;flex-direction:column;gap:18px;display:flex}.password-input-group{flex-direction:column;gap:6px;display:flex}.password-input-label{font-family:var(--font-body);color:#475569;text-transform:uppercase;letter-spacing:.03em;font-size:11px;font-weight:800}.password-input-field{box-sizing:border-box;width:100%;height:48px;font-family:var(--font-body);color:#1e293b;background-color:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;outline:none;padding:0 16px;font-size:13px;font-weight:600;transition:all .2s}.password-input-field:focus{background-color:#fff;border-color:#095f42;box-shadow:0 0 0 3px #10b9811a}.btn-submit-password{color:#fff;height:48px;font-family:var(--font-title);cursor:pointer;background-color:#095f42;border:none;border-radius:12px;outline:none;justify-content:center;align-items:center;margin-top:10px;font-size:14px;font-weight:800;transition:all .2s;display:flex;box-shadow:0 4px 12px #10b98133}.btn-submit-password:hover{background-color:#059669;box-shadow:0 6px 16px #05966940}.btn-submit-password:active{transform:scale(.97)}.btn-submit-password:disabled{box-shadow:none;cursor:not-allowed;background-color:#94a3b8}.photo-edit-screen{background-color:#fff;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.photo-edit-header{color:#fff;background-color:#095f42;border-bottom:none;flex-direction:column;flex-shrink:0;padding:24px 20px 0;display:flex;position:relative}.photo-edit-header-nav{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.btn-back-photo-edit{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex}.btn-back-photo-edit:hover{background:#ffffff40;transform:translate(-2px)}.photo-edit-header-title{font-family:var(--font-title);color:#fff;margin:0;font-size:18px;font-weight:800}.photo-edit-header-content{z-index:1;flex-direction:column;align-items:center;gap:8px;padding:16px 24px 24px;display:flex;position:relative}.photo-edit-hero-icon{color:#fff;background-color:#ffffff2e;border-radius:12px;width:48px;height:48px;padding:10px;box-shadow:0 4px 14px #00000014}.photo-edit-hero-title{color:#fff;text-shadow:0 1px 2px #0000001a;letter-spacing:-.3px;text-align:center;margin:0;font-size:18px;font-weight:800}.photo-edit-hero-subtitle{color:#ffffffbf;text-transform:uppercase;letter-spacing:.06em;text-align:center;font-size:11px;font-weight:700}.photo-edit-header-wave-wrapper{z-index:5;height:30px;position:absolute;bottom:-22px;left:0;right:0}.photo-edit-header-wave{width:100%;height:100%;display:block}.photo-edit-wave-chevron-dip{z-index:6;background-color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;bottom:-4px;left:50%;transform:translate(-50%);box-shadow:0 2px 5px #0000001a}.photo-edit-body{padding:36px 20px calc(85px + env(safe-area-inset-bottom,0px)) 20px;background-color:#fff;flex-direction:column;flex:1;gap:16px;display:flex;overflow-y:auto}.photo-edit-body::-webkit-scrollbar{width:3px}.photo-edit-body::-webkit-scrollbar-thumb{background:#0000000f;border-radius:4px}.photo-edit-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;flex-direction:column;align-items:center;gap:24px;padding:30px 20px;animation:.35s ease-out fadeIn;display:flex;box-shadow:0 4px 16px #00000005}.avatar-preview-container{flex-direction:column;align-items:center;gap:10px;display:flex}.avatar-preview-ring{border:4px solid #f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:150px;height:150px;display:flex;overflow:hidden;box-shadow:0 8px 25px #00000014}.avatar-preview-img{object-fit:cover;width:100%;height:100%}.avatar-change-label{font-family:var(--font-body);color:#095f42;background-color:#ecfdf5;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:800}.photo-edit-actions{width:100%}.photo-upload-group{gap:12px;width:100%;display:flex}.btn-action-primary,.btn-action-success,.btn-action-danger{height:48px;font-family:var(--font-title);cursor:pointer;border:none;border-radius:12px;outline:none;justify-content:center;align-items:center;font-size:14px;font-weight:800;transition:all .2s;display:flex}.btn-action-primary{color:#334155;background-color:#f1f5f9;border:1.5px solid #cbd5e1;width:100%}.btn-action-primary:hover{background-color:#e2e8f0}.btn-action-success{color:#fff;background-color:#095f42;flex:2;box-shadow:0 4px 12px #10b98133}.btn-action-success:hover:not(:disabled){background-color:#059669;box-shadow:0 6px 16px #05966940}.btn-action-danger{color:#ef4444;background-color:#fee2e2;border:1.5px solid #fecdd3;flex:1}.btn-action-danger:hover:not(:disabled){background-color:#fecdd3}.btn-action-primary:active,.btn-action-success:active,.btn-action-danger:active{transform:scale(.97)}.btn-action-success:disabled,.btn-action-danger:disabled{color:#fff;box-shadow:none;cursor:not-allowed;background-color:#94a3b8;border-color:#cbd5e1}.photo-edit-note{font-family:var(--font-body);color:#94a3b8;text-align:center;max-width:280px;margin:0;font-size:10.5px;line-height:1.5}.lembur-screen{flex-col:column;color:#1e293b;background-color:#fff;flex-direction:column;width:100%;min-height:100vh;font-family:Inter,sans-serif;display:flex;position:relative;overflow-x:hidden}.lembur-header{color:#fff;box-sizing:border-box;z-index:10;background-color:#095f42;flex-direction:column;padding:24px 20px 0;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.lembur-header-nav{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.lembur-back-btn{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex}.lembur-back-btn:hover{background:#ffffff40;transform:translate(-2px)}.lembur-back-btn:active{transform:scale(.92)}.lembur-header-title{color:#fff;margin:0;font-family:Outfit,sans-serif;font-size:18px;font-weight:800}.lembur-header-subtitle{color:#fffc;text-align:center;margin:10px 0 15px;font-size:12px;font-weight:600}.lembur-header-wave-wrapper{z-index:5;height:30px;position:absolute;bottom:-22px;left:0;right:0}.lembur-header-wave{width:100%;height:100%;display:block}.lembur-wave-chevron-dip{z-index:6;background-color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;bottom:-4px;left:50%;transform:translate(-50%);box-shadow:0 2px 5px #0000001a}.lembur-wave-chevron-dip svg{color:#095f42}.lembur-body{background-color:#fff;flex-direction:column;flex:1;gap:20px;padding:36px 20px 90px;display:flex}.lembur-tabs{background-color:#f1f5f9;border-radius:16px;padding:5px;display:flex}.lembur-tabs.two-tabs .lembur-tab-btn{width:50%}.lembur-tabs.three-tabs .lembur-tab-btn{width:33.33%}.lembur-tab-btn{color:#64748b;cursor:pointer;text-align:center;background:0 0;border:none;border-radius:12px;padding:10px 0;font-size:13px;font-weight:700;transition:all .2s}.lembur-tab-btn.active{color:#095f42;background-color:#fff;box-shadow:0 4px 6px -1px #0000000d}.lembur-form-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;flex-direction:column;gap:16px;padding:20px;display:flex;box-shadow:0 10px 15px -3px #00000005}.form-row{flex-direction:row;gap:12px;display:flex}@media (width<=480px){.form-row{flex-direction:column;gap:12px}}.form-label{color:#94a3b8;letter-spacing:1px;font-size:10px;font-weight:800}.form-input,.form-textarea{color:#1e293b;box-sizing:border-box;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;width:100%;padding:12px 16px;font-size:13px;font-weight:600;transition:all .2s}.form-input:focus,.form-textarea:focus{background-color:#fff;border-color:#095f42;outline:none;box-shadow:0 0 0 3px #10b9811a}.form-textarea{resize:vertical;min-height:90px}.photo-upload-box{background-color:#f8fafc;border:2px dashed #cbd5e1;border-radius:16px;justify-content:center;align-items:center;transition:border-color .2s;display:flex;overflow:hidden}.photo-upload-box:hover{border-color:#095f42}.upload-trigger{cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;padding:24px 16px;display:flex}.upload-text{color:#64748b;font-size:12px;font-weight:700}.hidden-file-input{display:none}.preview-container{box-sizing:border-box;flex-direction:column;align-items:center;width:100%;padding:12px;display:flex}.preview-img{object-fit:cover;border:1px solid #e2e8f0;border-radius:12px;width:100%;max-height:200px}.remove-preview-btn{color:#fff;cursor:pointer;background-color:#ef4444;border:none;border-radius:8px;margin-top:10px;padding:6px 16px;font-size:11px;font-weight:700;transition:opacity .2s}.remove-preview-btn:hover{opacity:.9}.submit-lembur-btn{color:#fff;cursor:pointer;text-align:center;background-color:#095f42;border:none;border-radius:16px;padding:14px 20px;font-size:14px;font-weight:700;transition:all .2s;box-shadow:0 4px 12px #10b98133}.submit-lembur-btn:hover{background-color:#0d9488;box-shadow:0 4px 14px #0d94884d}.submit-lembur-btn:disabled{box-shadow:none;cursor:not-allowed;background-color:#94a3b8}.lembur-history-container,.lembur-approval-container{flex-direction:column;gap:14px;display:flex}.lembur-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:16px;box-shadow:0 4px 6px -1px #00000005}.lembur-card-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.status-badge-lembur{text-transform:uppercase;letter-spacing:.5px;border-radius:9999px;padding:4px 10px;font-size:9px;font-weight:800}.status-badge-lembur.pending{color:#d97706;background-color:#fef3c7}.status-badge-lembur.approved{color:#15803d;background-color:#dcfce7}.status-badge-lembur.rejected{color:#b91c1c;background-color:#fee2e2}.lembur-date{color:#94a3b8;font-size:10px;font-weight:700}.lembur-card-title{color:#1e293b;text-align:left;margin:0 0 6px;font-size:13px;font-weight:800}.lembur-card-desc{color:#64748b;text-align:left;margin:0 0 12px;font-size:11px;line-height:1.5}.lembur-card-times{background-color:#f8fafc;border-radius:12px;flex-direction:column;gap:6px;margin-bottom:12px;padding:10px 12px;display:flex}.time-item{justify-content:space-between;font-size:11px;display:flex}.time-lbl{color:#94a3b8;font-weight:600}.time-val{color:#334155;font-weight:700}.lembur-card-points{color:#475569;text-align:left;border-top:1px solid #f1f5f9;padding-top:8px;font-size:11px;font-weight:600}.lembur-card-photo-wrapper{border-top:1px solid #f1f5f9;align-items:center;gap:12px;margin-top:10px;padding-top:8px;display:flex}.photo-lbl{color:#94a3b8;font-size:11px;font-weight:600}.photo-thumb-container{cursor:pointer;border:1px solid #e2e8f0;border-radius:8px;width:44px;height:44px;overflow:hidden}.photo-thumb-img{object-fit:cover;width:100%;height:100%}.lembur-loading-spinner-wrapper{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px 0;font-size:12px;font-weight:700;display:flex}.lembur-spinner{border:3px solid #f1f5f9;border-top-color:#095f42;border-radius:50%;width:28px;height:28px;animation:.8s linear infinite lembur-spin}@keyframes lembur-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.no-data-lembur{text-align:center;color:#94a3b8;padding:40px 20px;font-size:12px;font-style:italic}.lembur-card.approval-mode{border-left:3px solid #095f42}.employee-info-row{align-items:center;gap:10px;display:flex}.emp-avatar{object-fit:cover;border:1px solid #e2e8f0;border-radius:50%;width:32px;height:32px}.emp-names{flex-direction:column;align-items:flex-start;display:flex}.emp-name{color:#1e293b;font-size:11px;font-weight:800}.emp-nik{color:#94a3b8;font-size:9px;font-weight:600}.approval-card-actions{border-top:1px solid #f1f5f9;gap:8px;margin-top:12px;padding-top:10px;display:flex}.btn-approve-lembur{color:#fff;cursor:pointer;background-color:#095f42;border:none;border-radius:10px;flex:1;padding:8px 0;font-size:12px;font-weight:700;transition:opacity .2s}.btn-reject-lembur{color:#ef4444;cursor:pointer;background-color:#fee2e2;border:none;border-radius:10px;flex:1;padding:8px 0;font-size:12px;font-weight:700;transition:opacity .2s}.btn-approve-lembur:hover,.btn-reject-lembur:hover{opacity:.9}.lembur-modal-overlay{z-index:100;background-color:#000000a6;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.lembur-modal-card{background-color:#fff;border-radius:24px;flex-direction:column;gap:16px;width:100%;max-width:340px;padding:20px;display:flex;box-shadow:0 20px 25px -5px #0000001a}.modal-title{color:#1e293b;text-align:left;margin:0;font-family:Outfit,sans-serif;font-size:16px;font-weight:800}.modal-details{color:#475569;text-align:left;background-color:#f8fafc;border-radius:12px;flex-direction:column;gap:4px;padding:10px 14px;font-size:11px;display:flex}.modal-details p{margin:0}.modal-form-group{flex-direction:column;gap:6px;display:flex}.modal-form-label{color:#94a3b8;letter-spacing:.5px;text-align:left;font-size:9px;font-weight:800}.modal-form-input{box-sizing:border-box;border:1px solid #e2e8f0;border-radius:10px;width:100%;padding:10px 14px;font-size:13px;font-weight:700}.modal-form-input:focus{border-color:#095f42;outline:none}.modal-actions-row{gap:8px;display:flex}.modal-cancel-btn{color:#475569;cursor:pointer;background-color:#0000;border:1px solid #cbd5e1;border-radius:12px;flex:1;padding:10px 0;font-size:12px;font-weight:700}.modal-submit-btn{color:#fff;cursor:pointer;background-color:#095f42;border:none;border-radius:12px;flex:2;padding:10px 0;font-size:12px;font-weight:700;box-shadow:0 4px 10px #10b98126}.poinhistory-screen{color:#1e293b;background-color:#fff;flex-direction:column;width:100%;min-height:100vh;font-family:Inter,sans-serif;display:flex;position:relative;overflow-x:hidden}.poinhistory-header{color:#fff;box-sizing:border-box;z-index:10;background-color:#095f42;flex-direction:column;padding:24px 20px 0;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.poinhistory-header-nav{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.poinhistory-back-btn{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex}.poinhistory-back-btn:hover{background:#ffffff40;transform:translate(-2px)}.poinhistory-back-btn:active{transform:scale(.92)}.poinhistory-header-title{color:#fff;margin:0;font-family:Outfit,sans-serif;font-size:18px;font-weight:800}.poinhistory-header-subtitle{color:#ffffffd9;text-align:center;margin:10px 0 15px;font-size:12px;font-weight:600}.poinhistory-tab-bar{background-color:#ffffff26;border-radius:12px;margin-bottom:20px;padding:4px;display:flex}.poinhistory-tab-btn{color:#fff;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;outline:none;flex:1;padding:8px 6px;font-size:11px;font-weight:700;transition:all .2s}.poinhistory-tab-btn.active{color:#095f42;background-color:#fff;box-shadow:0 2px 6px #00000014}.poinhistory-header-wave-wrapper{z-index:5;height:30px;position:absolute;bottom:-22px;left:0;right:0}.poinhistory-header-wave{width:100%;height:100%;display:block}.poinhistory-wave-chevron-dip{z-index:6;background-color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;bottom:-4px;left:50%;transform:translate(-50%);box-shadow:0 2px 5px #0000001a}.poinhistory-wave-chevron-dip svg{color:#095f42}.poinhistory-body{background-color:#fff;flex-direction:column;flex:1;align-items:center;padding:36px 20px 80px;display:flex}.poinhistory-timeline{flex-direction:column;width:100%;display:flex}.poinhistory-timeline-item{width:100%;margin-bottom:16px;display:flex}.poinhistory-icon-col{flex-direction:column;align-items:center;width:38px;display:flex;position:relative}.poinhistory-icon-circle{z-index:2;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;box-shadow:0 2px 6px #0000000d}.poinhistory-icon-circle.attendance{color:#0284c7;background-color:#e0f2fe}.poinhistory-icon-circle.task{color:#d97706;background-color:#fef3c7}.poinhistory-icon-circle.overtime{color:#095f42;background-color:#dcfce7}.poinhistory-icon-circle.manual{color:#475569;background-color:#f1f5f9}.poinhistory-icon-circle.negative{color:#ef4444!important;background-color:#fee2e2!important}.poinhistory-timeline-line{z-index:1;background-color:#f1f5f9;width:2px;position:absolute;top:32px;bottom:-22px}.poinhistory-timeline-item:last-child .poinhistory-timeline-line{display:none}.poinhistory-card-col{flex:1;padding-left:10px}.poinhistory-card{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;justify-content:space-between;align-items:center;padding:12px 16px;transition:transform .2s;display:flex}.poinhistory-card:hover{transform:translateY(-1px)}.poinhistory-card.negative{background-color:#fef2f2;border-color:#fee2e2}.poinhistory-card-details{text-align:left;flex-direction:column;flex:1;padding-right:12px;display:flex}.poinhistory-desc{color:#1e293b;margin:0 0 4px;font-size:12.5px;font-weight:800;line-height:1.4}.poinhistory-meta{color:#94a3b8;margin-bottom:3px;font-size:9px}.poinhistory-time-label{color:#cbd5e1;font-size:9px;font-weight:600}.poinhistory-value{color:#095f42;white-space:nowrap;font-size:14px;font-weight:850}.poinhistory-value.negative{color:#ef4444}.poinhistory-filter-container{text-align:left;flex-direction:column;gap:6px;width:100%;margin-bottom:20px;display:flex}.poinhistory-filter-label{color:#94a3b8;letter-spacing:.5px;text-transform:uppercase;font-size:9px;font-weight:800}.poinhistory-filter-select{box-sizing:border-box;color:#1e293b;background-color:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;outline:none;width:100%;height:40px;padding:0 12px;font-size:12px;font-weight:700;transition:all .2s}.poinhistory-filter-select:focus{background-color:#fff;border-color:#095f42}.poinhistory-empty{color:#94a3b8;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;font-size:12px;display:flex}.poinhistory-loading-wrapper{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 0;font-size:12px;font-weight:700;display:flex}.poinhistory-spinner{border:3px solid #f1f5f9;border-top-color:#095f42;border-radius:50%;width:28px;height:28px;animation:.8s linear infinite poinhistory-spin}@keyframes poinhistory-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.wfh-screen{color:#1e293b;background-color:#fff;flex-direction:column;width:100%;min-height:100vh;font-family:Inter,sans-serif;display:flex;position:relative;overflow-x:hidden}.wfh-header{color:#fff;box-sizing:border-box;z-index:10;background-color:#095f42;flex-direction:column;padding:24px 20px 0;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.wfh-header-nav{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.wfh-back-btn{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex}.wfh-back-btn:hover{background:#ffffff40;transform:translate(-2px)}.wfh-back-btn:active{transform:scale(.92)}.wfh-header-title{color:#fff;margin:0;font-family:Outfit,sans-serif;font-size:18px;font-weight:800}.wfh-header-subtitle{color:#fffc;text-align:center;margin:10px 0 15px;font-size:12px;font-weight:600}.wfh-header-wave-wrapper{z-index:5;height:30px;position:absolute;bottom:-22px;left:0;right:0}.wfh-header-wave{width:100%;height:100%;display:block}.wfh-wave-chevron-dip{z-index:6;background-color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;bottom:-4px;left:50%;transform:translate(-50%);box-shadow:0 2px 5px #0000001a}.wfh-wave-chevron-dip svg{color:#095f42}.wfh-body{padding:36px 20px calc(80px + env(safe-area-inset-bottom,0px)) 20px;background-color:#fff;flex-direction:column;flex:1;gap:20px;display:flex}.wfh-tabs{background-color:#f1f5f9;border-radius:16px;padding:5px;display:flex}.wfh-tab-btn{color:#64748b;cursor:pointer;text-align:center;background:0 0;border:none;border-radius:12px;width:50%;padding:10px 0;font-size:13px;font-weight:700;transition:all .2s}.wfh-tab-btn.active{color:#095f42;background-color:#fff;box-shadow:0 4px 6px -1px #0000000d}.wfh-form-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;flex-direction:column;gap:16px;padding:20px;display:flex;box-shadow:0 10px 15px -3px #00000005}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:#94a3b8;letter-spacing:1px;text-align:left;font-size:10px;font-weight:800}.form-textarea{color:#1e293b;box-sizing:border-box;resize:vertical;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;width:100%;min-height:90px;padding:12px 16px;font-size:13px;font-weight:600;transition:all .2s}.form-textarea:focus{background-color:#fff;border-color:#095f42;outline:none;box-shadow:0 0 0 3px #10b9811a}.flex-row-align{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;flex-direction:row;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.flex-row-text{text-align:left;flex-direction:column;gap:2px;max-width:80%;display:flex}.checkbox-title{color:#1e293b;font-size:12px;font-weight:800}.checkbox-desc{color:#64748b;font-size:10px;line-height:1.4}.switch-container{flex-shrink:0;width:44px;height:24px;display:inline-block;position:relative}.switch-container input{opacity:0;width:0;height:0}.switch-slider{cursor:pointer;background-color:#cbd5e1;border-radius:24px;transition:all .3s;position:absolute;inset:0}.switch-slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;bottom:3px;left:3px;box-shadow:0 1px 3px #0000001a}input:checked+.switch-slider{background-color:#095f42}input:checked+.switch-slider:before{transform:translate(20px)}.custom-calendar{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:10px;padding:14px;display:flex}.calendar-header{justify-content:space-between;align-items:center;padding:0 4px;display:flex}.cal-nav-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-weight:700;transition:all .2s;display:flex}.cal-nav-btn:hover{background-color:#f1f5f9;border-color:#94a3b8}.cal-month-title{color:#1e293b;text-transform:capitalize;font-size:13px;font-weight:800}.calendar-day-names{text-align:center;grid-template-columns:repeat(7,1fr);display:grid}.cal-day-name{color:#94a3b8;font-size:10px;font-weight:800}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.cal-cell{aspect-ratio:1;box-sizing:border-box;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;font-size:12px;font-weight:700;transition:all .2s;display:flex}.day-cell{color:#1e293b;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0}.day-cell:hover{color:#095f42;background-color:#10b9810d;border-color:#095f42}.day-cell.selected-day{color:#fff;background-color:#095f42;border-color:#095f42;box-shadow:0 4px 8px #10b98140}.disabled-day{color:#cbd5e1;cursor:not-allowed;background-color:#f1f5f9;border-color:#e2e8f0;font-weight:500}.disabled-day:hover{color:#cbd5e1;background-color:#f1f5f9;border-color:#e2e8f0}.selected-date-indicator{color:#15803d;text-align:left;background-color:#10b9810d;border:1px dashed #10b9814d;border-radius:12px;margin-top:10px;padding:10px 14px;font-size:11px}.submit-wfh-btn{color:#fff;cursor:pointer;text-align:center;background-color:#095f42;border:none;border-radius:16px;padding:14px 20px;font-size:14px;font-weight:700;transition:all .2s;box-shadow:0 4px 12px #10b98133}.submit-wfh-btn:hover{background-color:#0d9488;box-shadow:0 4px 14px #0d94884d}.submit-wfh-btn:disabled{box-shadow:none;cursor:not-allowed;background-color:#94a3b8}.wfh-history-container{flex-direction:column;gap:14px;display:flex}.wfh-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;gap:10px;padding:16px;display:flex;box-shadow:0 4px 6px -1px #00000005}.wfh-card-header{justify-content:space-between;align-items:center;display:flex}.status-badge-wfh{text-transform:uppercase;letter-spacing:.5px;border-radius:9999px;padding:4px 10px;font-size:9px;font-weight:800}.status-badge-wfh.pending{color:#d97706;background-color:#fef3c7}.status-badge-wfh.approved{color:#15803d;background-color:#dcfce7}.status-badge-wfh.rejected{color:#b91c1c;background-color:#fee2e2}.wfh-date{color:#94a3b8;font-size:10px;font-weight:700}.wfh-card-desc{color:#1e293b;text-align:left;margin:0;font-size:11px;font-weight:600;line-height:1.5}.wfh-card-meta{background-color:#f8fafc;border-radius:12px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.meta-item{justify-content:space-between;font-size:10px;display:flex}.meta-lbl{color:#94a3b8;font-weight:600}.meta-val{color:#334155;font-weight:700}.wfh-loading-spinner-wrapper{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px 0;font-size:12px;font-weight:700;display:flex}.wfh-spinner{border:3px solid #f1f5f9;border-top-color:#095f42;border-radius:50%;width:28px;height:28px;animation:.8s linear infinite wfh-spin}@keyframes wfh-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.no-data-wfh{text-align:center;color:#94a3b8;padding:40px 20px;font-size:12px;font-style:italic}.alarm-settings-screen{background-color:#fff;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.alarm-settings-header{color:#fff;background-color:#095f42;border-bottom:none;flex-direction:column;flex-shrink:0;padding:24px 20px 0;display:flex;position:relative}.alarm-settings-header-nav{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.btn-back-alarm{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex}.btn-back-alarm:hover{background:#ffffff40;transform:translate(-2px)}.alarm-settings-header-title{font-family:var(--font-title);color:#fff;margin:0;font-size:18px;font-weight:800}.alarm-settings-header-content{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:12px;padding:16px 12px 28px;display:flex;position:relative}.alarm-settings-icon-circle{color:#fff;background:#ffffff26;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.alarm-settings-icon-circle svg{width:30px;height:30px}.alarm-settings-header-desc{color:#ffffffd9;max-width:320px;margin:0;font-size:12px;font-weight:500;line-height:1.5}.alarm-settings-header-wave-wrapper{z-index:5;height:30px;position:absolute;bottom:-22px;left:0;right:0}.alarm-settings-header-wave{width:100%;height:100%;display:block}.alarm-settings-body{padding:36px 18px calc(85px + env(safe-area-inset-bottom,0px)) 18px;background-color:#fff;flex-direction:column;flex:1;gap:16px;display:flex;overflow-y:auto}.alarm-settings-body::-webkit-scrollbar{width:3px}.alarm-settings-body::-webkit-scrollbar-thumb{background:#0000000f;border-radius:4px}.alarm-info-alert{background-color:#eff6ff;border:1.5px solid #bfdbfe;border-radius:16px;gap:12px;padding:14px 16px;animation:.3s ease-out fadeIn;display:flex}.alert-icon-col{color:#3b82f6;flex-shrink:0;align-items:center;display:flex}.alert-icon-col svg{width:20px;height:20px}.alert-text-col{color:#1e3a8a;font-size:11.5px;font-weight:500;line-height:1.5}.alarm-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:20px;flex-direction:column;gap:16px;padding:18px;animation:.4s ease-out fadeIn;display:flex;box-shadow:0 4px 14px #00000005}.alarm-card-header{justify-content:space-between;align-items:center;display:flex}.alarm-card-title{color:#1e293b;margin:0 0 2px;font-size:14.5px;font-weight:800}.alarm-card-subtitle{color:#94a3b8;margin:0;font-size:11px;font-weight:500}.alarm-card-settings{border-top:1px dashed #e2e8f0;flex-direction:column;gap:14px;padding-top:16px;display:flex}.time-picker-wrapper{flex-direction:column;gap:6px;display:flex}.input-field-label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:800}.alarm-time-input{color:#1e293b;box-sizing:border-box;text-align:center;background-color:#f8fafc;border:1.5px solid #cbd5e1;border-radius:12px;outline:none;width:100%;padding:12px;font-family:inherit;font-size:18px;font-weight:700;transition:all .2s}.alarm-time-input:focus{background-color:#fff;border-color:#095f42;box-shadow:0 0 0 3px #095f4214}.days-picker-wrapper{flex-direction:column;gap:8px;display:flex}.days-row{justify-content:space-between;gap:6px;display:flex}.day-btn{color:#475569;cursor:pointer;background-color:#fff;border:1.5px solid #e2e8f0;border-radius:10px;outline:none;flex:1;justify-content:center;align-items:center;height:38px;padding:0;font-size:11.5px;font-weight:700;transition:all .15s;display:flex}.day-btn:hover{background-color:#f1f5f9}.day-btn.active{color:#fff;background-color:#095f42;border-color:#095f42;box-shadow:0 4px 10px #095f4226}.switch-toggle{flex-shrink:0;width:48px;height:26px;display:inline-block;position:relative}.switch-toggle input{opacity:0;width:0;height:0}.slider-round{cursor:pointer;background-color:#cbd5e1;border-radius:34px;transition:all .25s;position:absolute;inset:0}.slider-round:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .25s;position:absolute;bottom:4px;left:4px;box-shadow:0 1px 3px #0000001a}input:checked+.slider-round{background-color:#095f42}input:focus+.slider-round{box-shadow:0 0 1px #095f42}input:checked+.slider-round:before{transform:translate(22px)}.btn-save-alarm-settings{color:#fff;cursor:pointer;text-align:center;background-color:#095f42;border:none;border-radius:16px;outline:none;width:100%;margin-top:8px;padding:14px 20px;font-size:14px;font-weight:800;transition:all .2s;box-shadow:0 4px 14px #095f4233}.btn-save-alarm-settings:hover{background-color:#074c35;transform:translateY(-1px);box-shadow:0 6px 18px #095f4240}.btn-save-alarm-settings:active{transform:translateY(0)}.alarm-modal-overlay{z-index:1000;background-color:#00000073;justify-content:center;align-items:center;padding:24px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.alarm-modal-card{background:#fff;border-radius:20px;flex-direction:column;width:100%;max-width:320px;display:flex;overflow:hidden;box-shadow:0 10px 25px #00000026}.alarm-modal-header{padding:18px 20px 10px}.alarm-modal-title{color:#1e293b;text-align:center;margin:0;font-size:14px;font-weight:800}.alarm-modal-body{color:#475569;padding:0 20px 20px;font-size:12px;line-height:1.6}.alarm-modal-footer{border-top:1.5px solid #f1f5f9;display:flex}.btn-modal-cancel{color:#64748b;cursor:pointer;background:0 0;border:none;outline:none;flex:1;padding:14px;font-size:13px;font-weight:700}.btn-modal-cancel:hover{background-color:#f8fafc}.btn-modal-confirm{color:#095f42;cursor:pointer;background:0 0;border:none;border-left:1.5px solid #f1f5f9;outline:none;flex:1;padding:14px;font-size:13px;font-weight:800}.btn-modal-confirm:hover{background-color:#f0fdf4}.reimbursement-screen{background-color:var(--light-bg);width:100%;height:100%;font-family:var(--font-body);flex-direction:column;display:flex;position:relative;overflow:hidden}.reimb-header{background-color:var(--primary);color:#fff;text-align:center;z-index:10;padding:30px 16px 20px;position:relative}.reimb-header-nav{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.btn-back-reimb{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:background-color .2s;display:flex}.btn-back-reimb:hover{background-color:#ffffff26}.reimb-header-title{font-family:var(--font-title);margin:0;font-size:16px;font-weight:800}.reimb-header-subtitle{opacity:.9;max-width:280px;margin:0 auto 16px;font-size:11px;font-weight:600;line-height:1.4}.reimb-tab-bar{background-color:#ffffff1f;border-radius:12px;max-width:320px;margin:0 auto;padding:4px;display:flex}.reimb-tab-btn{color:#ffffffb3;cursor:pointer;text-align:center;background:0 0;border:none;border-radius:9px;flex:1;padding:8px 0;font-size:11px;font-weight:800;transition:all .25s cubic-bezier(.4,0,.2,1)}.reimb-tab-btn.active{color:var(--primary);background-color:#fff;box-shadow:0 4px 6px -1px #0000001a}.reimb-header-wave-wrapper{pointer-events:none;z-index:1;height:50px;position:absolute;bottom:-48px;left:0;right:0;overflow:hidden}.reimb-header-wave{width:100%;height:100%}.reimb-wave-chevron-dip{background-color:#fff;border-bottom-right-radius:14px;border-bottom-left-radius:14px;justify-content:center;align-items:center;width:28px;height:14px;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 2px 4px #0000000d}.reimb-wave-chevron-dip svg{color:var(--primary);margin-top:-2px}.reimb-body-content{flex:1;padding:48px 16px 90px;overflow-y:auto}.reimb-form-card{background-color:#fff;border:1px solid #f1f5f9;border-radius:24px;padding:20px 16px;box-shadow:0 10px 15px -3px #0000000d}.form-section-title{font-family:var(--font-title);color:var(--text-dark);text-align:left;margin:0 0 4px;font-size:15px;font-weight:800}.form-section-desc{color:var(--text-muted);text-align:left;margin:0 0 20px;font-size:11px;line-height:1.5}.reimb-form-layout{flex-direction:column;gap:14px;display:flex}.reimb-input-group{flex-direction:column;gap:6px;display:flex}.reimb-date-row{gap:12px;display:flex}.reimb-input-label{color:var(--text-dark);text-transform:uppercase;letter-spacing:.5px;text-align:left;font-size:11px;font-weight:800}.reimb-input-field,.reimb-select-field{width:100%;color:var(--text-dark);font-size:12px;font-weight:600;font-family:var(--font-body);background-color:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;padding:10px 12px;transition:all .2s}.reimb-input-field:focus,.reimb-select-field:focus{border-color:var(--primary);background-color:#fff;outline:none;box-shadow:0 0 0 3px #10b9811a}.reimb-input-field.amount{color:var(--primary);font-family:monospace;font-size:13px;font-weight:700}.reimb-input-field.textarea{resize:none;font-family:var(--font-body);font-size:12px;line-height:1.5}.reimb-file-uploader-box{background-color:#f8fafc;border:2px dashed #cbd5e1;border-radius:14px;transition:all .2s;overflow:hidden}.reimb-file-uploader-box:hover{border-color:var(--primary);background-color:#f0fdf4}.reimb-file-label{cursor:pointer;flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex}.upload-placeholder-content{flex-direction:column;align-items:center;display:flex}.upload-icon{color:var(--text-muted);margin-bottom:6px}.reimb-file-uploader-box:hover .upload-icon{color:var(--primary);transform:translateY(-1px)}.upload-txt-main{color:var(--text-dark);font-size:11px;font-weight:700}.upload-txt-sub{color:var(--text-muted);margin-top:1px;font-size:9px}.reimb-hidden-file-input{display:none}.reimb-preview-container{flex-direction:column;align-items:center;width:100%;padding:10px;display:flex}.reimb-image-preview{object-fit:cover;border-radius:10px;width:100%;max-height:140px;box-shadow:0 4px 6px -1px #0000001a}.btn-remove-preview{color:#fff;cursor:pointer;background-color:#ef4444;border:none;border-radius:6px;margin-top:8px;padding:5px 12px;font-size:10px;font-weight:700}.btn-submit-reimb{background-color:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;font-size:12px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 10px #10b98133}.btn-submit-reimb:hover:not(:disabled){background-color:var(--primary-hover)}.reimb-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}.reimb-spinner.dark{border:2px solid #cbd5e1;border-top-color:var(--text-dark)}.reimb-timeline{margin-top:10px;padding-left:6px;position:relative}.reimb-timeline:before{content:"";background-color:#e2e8f0;width:2px;position:absolute;top:12px;bottom:0;left:62px}.reimb-timeline-row{margin-bottom:20px;display:flex;position:relative}.reimb-timeline-date-col{width:48px;font-family:var(--font-title);flex-direction:column;justify-content:flex-start;align-items:flex-end;padding-top:10px;display:flex}.reimb-date-day{color:var(--text-dark);font-size:16px;font-weight:800;line-height:1.1}.reimb-date-divider{display:none}.reimb-date-month{color:var(--text-muted);text-transform:uppercase;margin-top:1px;font-size:9px;font-weight:800}.reimb-timeline-indicator-col{flex-direction:column;align-items:center;width:30px;display:flex;position:relative}.reimb-timeline-dot-circle{z-index:2;background-color:#fff;border:3px solid #cbd5e1;border-radius:50%;width:12px;height:12px;margin-top:14px;box-shadow:0 0 0 3px #fff}.reimb-timeline-dot-circle.pending{border-color:#f59e0b}.reimb-timeline-dot-circle.approved{border-color:#095f42}.reimb-timeline-dot-circle.rejected{border-color:#ef4444}.reimb-timeline-line{display:none}.reimb-timeline-card-col{flex:1;padding-left:6px}.reimb-detail-card{background-color:#fff;border:1px solid #f1f5f9;border-radius:20px;padding:14px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #00000008}.reimb-detail-card:hover{transform:translateY(-1px);box-shadow:0 8px 12px -3px #0000000f}.reimb-detail-card.pending{border-left:4px solid #f59e0b}.reimb-detail-card.approved{border-left:4px solid #095f42}.reimb-detail-card.rejected{border-left:4px solid #ef4444}.reimb-badge-stamp{font-family:var(--font-title);pointer-events:none;opacity:.35;letter-spacing:1px;border:2px dashed #0000000f;border-radius:4px;padding:3px 12px;font-size:9px;font-weight:800;position:absolute;top:14px;right:-15px;transform:rotate(15deg)}.reimb-badge-stamp.pending{color:#f59e0b80;border-color:#f59e0b33}.reimb-badge-stamp.approved{color:#10b98180;border-color:#10b98133}.reimb-badge-stamp.rejected{color:#ef444480;border-color:#ef444433}.reimb-card-header{justify-content:space-between;align-items:flex-start;display:flex}.reimb-card-details{align-items:center;gap:10px;max-width:70%;display:flex}.reimb-cat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.reimb-cat-icon.medis{color:#ef4444;background-color:#fee2e2}.reimb-cat-icon.transportasi{color:#2563eb;background-color:#dbeafe}.reimb-cat-icon.operasional{color:#d97706;background-color:#fef3c7}.reimb-cat-icon.lainnya{color:#475569;background-color:#f1f5f9}.reimb-info-texts{text-align:left}.reimb-card-title{color:var(--text-dark);white-space:nowrap;text-overflow:ellipsis;max-width:140px;margin:0;font-size:11px;font-weight:800;overflow:hidden}.reimb-card-notes{color:var(--text-muted);margin:2px 0 0;font-size:9px;line-height:1.3}.reimb-status-badge{border-radius:5px;padding:3px 6px;font-size:8px;font-weight:800}.reimb-status-badge.pending{color:#d97706;background-color:#fffbeb}.reimb-status-badge.approved{color:#16a34a;background-color:#f0fdf4}.reimb-status-badge.rejected{color:#dc2626;background-color:#fef2f2}.reimb-card-body{border-top:1px dashed #f1f5f9;margin-top:10px;padding-top:10px}.reimb-amount-photo-row{justify-content:space-between;align-items:flex-end;display:flex}.reimb-amount-container{text-align:left;flex-direction:column;display:flex}.reimb-amount-lbl{color:var(--text-muted);text-transform:uppercase;font-size:8px;font-weight:700}.reimb-amount-val{color:var(--primary);margin-top:1px;font-family:monospace;font-size:13px;font-weight:800}.reimb-receipt-thumb-wrapper{cursor:pointer;border:1px solid #cbd5e1;border-radius:8px;width:40px;height:40px;position:relative;overflow:hidden}.reimb-receipt-thumb{object-fit:cover;width:100%;height:100%}.thumb-overlay{opacity:0;background-color:#0006;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.reimb-receipt-thumb-wrapper:hover .thumb-overlay{opacity:1}.reimb-card-footer{color:var(--text-light-muted);border-top:1px solid #f8fafc;justify-content:space-between;margin-top:10px;padding-top:8px;font-size:8px;font-weight:700;display:flex}.reimb-no-data{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.no-data-icon-wrapper{color:#cbd5e1;margin-bottom:10px}.reimb-no-data h4{color:var(--text-dark);margin:0 0 4px;font-size:13px;font-weight:700}.reimb-no-data p{margin:0;font-size:11px}.reimb-photo-overlay{z-index:1000;background-color:#000000d9;justify-content:center;align-items:center;padding:20px;animation:.25s ease-out fadeIn;display:flex;position:absolute;inset:0}.photo-modal-card{background-color:#fff;border-radius:20px;flex-direction:column;width:100%;max-width:320px;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #00000080}.photo-modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.photo-title{color:var(--text-dark);margin:0;font-size:12px;font-weight:800}.btn-close-photo{color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.photo-modal-body{background-color:#f8fafc;justify-content:center;align-items:center;padding:10px;display:flex}.fullscreen-receipt-img{object-fit:contain;border-radius:8px;width:100%;max-height:340px}.payroll-screen{background-color:var(--light-bg);width:100%;height:100%;font-family:var(--font-body);flex-direction:column;display:flex;position:relative;overflow:hidden}.payroll-header{background-color:var(--primary);color:#fff;text-align:center;z-index:10;padding:30px 16px 20px;position:relative}.payroll-header-nav{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.btn-back-payroll{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:background-color .2s;display:flex}.btn-back-payroll:hover{background-color:#ffffff26}.payroll-header-title{font-family:var(--font-title);margin:0;font-size:16px;font-weight:800}.payroll-header-subtitle{opacity:.9;max-width:280px;margin:0 auto;font-size:11px;font-weight:600}.payroll-header-wave-wrapper{pointer-events:none;z-index:1;height:50px;position:absolute;bottom:-48px;left:0;right:0;overflow:hidden}.payroll-header-wave{width:100%;height:100%}.payroll-wave-chevron-dip{background-color:#fff;border-bottom-right-radius:14px;border-bottom-left-radius:14px;justify-content:center;align-items:center;width:28px;height:14px;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 2px 4px #0000000d}.payroll-wave-chevron-dip svg{color:var(--primary);margin-top:-2px}.payroll-body-content{flex:1;padding:48px 16px 30px;overflow-y:auto}.payroll-loading{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 0;font-size:12px;font-weight:600;display:flex}.payroll-spinner{border:2px solid #cbd5e1;border-top-color:var(--primary);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}.payroll-list{flex-direction:column;gap:12px;display:flex}.payroll-card{cursor:pointer;background-color:#fff;border:1px solid #f1f5f9;border-radius:16px;justify-content:space-between;align-items:center;padding:14px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 6px -1px #0000000d}.payroll-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #00000014}.payroll-card-left{align-items:center;gap:12px;display:flex}.payroll-icon-circle{background-color:#10b9811a;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.payroll-card-info h4{color:var(--text-dark);margin:0;font-size:12px;font-weight:700}.pay-net-salary{color:var(--primary);margin-top:2px;font-family:monospace;font-size:14px;font-weight:800;display:block}.payroll-card-right{align-items:center;display:flex}.pay-status-badge{letter-spacing:.5px;border-radius:6px;padding:3px 6px;font-size:9px;font-weight:800}.pay-status-badge.paid{color:#065f46;background-color:#d1fae5}.pay-status-badge.unpaid{color:#b45309;background-color:#fef3c7}.payroll-no-data{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:80px 20px;display:flex}.payroll-no-data h4{color:var(--text-dark);margin:12px 0 6px;font-size:14px;font-weight:700}.payroll-no-data p{margin:0;font-size:12px}.payroll-modal-overlay{z-index:1000;background-color:#000000d9;justify-content:center;align-items:center;padding:20px;animation:.25s ease-out fadeIn;display:flex;position:absolute;inset:0}.payroll-modal-card{background-color:#fff;border-radius:24px;flex-direction:column;width:100%;max-width:340px;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #00000080}.payroll-modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.payroll-modal-header h4{color:var(--text-dark);margin:0;font-size:13px;font-weight:800}.payroll-modal-header button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.payroll-modal-body{background-color:#f8fafc;max-height:480px;padding:16px;overflow-y:auto}.paid-status-banner{background-color:var(--primary);color:#fff;text-align:center;letter-spacing:.5px;border-radius:8px;padding:6px 12px;font-size:10px;font-weight:800}.unpaid-status-banner{color:#475569;text-align:center;letter-spacing:.5px;background-color:#e2e8f0;border-radius:8px;padding:6px 12px;font-size:10px;font-weight:800}.timesheet-container{color:#1e293b;background-color:#f8fafc;flex-direction:column;width:100%;height:100%;font-family:Inter,sans-serif;display:flex;position:relative;overflow:hidden}.timesheet-header-nav{border-b:1px solid #f1f5f9;z-index:10;background-color:#fff;justify-content:space-between;align-items:center;height:56px;min-height:56px;padding:0 16px;display:flex;box-shadow:0 1px 3px #00000005}.nav-back-button{color:#475569;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.nav-back-button:hover{color:#0f172a;background-color:#f1f5f9}.timesheet-title-text{color:#0f172a;font-family:Outfit,sans-serif;font-size:16px;font-weight:800}.timesheet-tabs-bar{border-b:1px solid #f1f5f9;background-color:#fff;gap:8px;padding:6px 16px;display:flex}.timesheet-tab-btn{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:12px;flex:1;padding:10px 0;font-size:12px;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1)}.timesheet-tab-btn.active{color:#fff;background-color:#095f42;box-shadow:0 4px 10px #10b98140}.timesheet-scrollable-content{flex:1;padding:16px 16px 160px;overflow-y:auto}.timesheet-loading-wrapper{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px 0;font-size:12px;font-weight:600;display:flex}.timesheet-spinner{border:3.5px solid #e2e8f0;border-top-color:#095f42;border-radius:50%;width:28px;height:28px;animation:.8s linear infinite timesheetSpin}@keyframes timesheetSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.timesheet-simulation-alert-card{text-align:center;background-color:#fff;border:1px solid #f1f5f9;border-radius:24px;flex-direction:column;align-items:center;margin-top:20px;padding:24px 16px;display:flex;box-shadow:0 4px 6px -1px #0000000d}.alert-icon-circle{color:#f59e0b;background-color:#f59e0b1a;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:16px;display:flex}.alert-header{color:#0f172a;margin-bottom:8px;font-family:Outfit,sans-serif;font-size:15px;font-weight:800}.alert-description{color:#64748b;margin-bottom:20px;font-size:11.5px;line-height:1.6}.btn-alert-back{color:#fff;cursor:pointer;background-color:#0f172a;border:none;border-radius:14px;width:100%;padding:12px 0;font-size:12px;font-weight:700;transition:background-color .2s}.btn-alert-back:hover{background-color:#1e293b}.timesheet-kpi-panel{background-color:#fff;border:1px solid #f1f5f9;border-radius:20px;margin-bottom:20px;padding:16px;display:flex;box-shadow:0 4px 6px -1px #00000005}.kpi-stat-item{flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.kpi-stat-item.border-left{border-left:1px solid #f1f5f9}.kpi-stat-label{color:#94a3b8;text-transform:uppercase;tracking:.05em;margin-bottom:4px;font-size:10px;font-weight:700}.kpi-stat-value{color:#0f172a;font-family:Outfit,sans-serif;font-size:18px;font-weight:800}.timesheet-list-header{margin-bottom:12px}.section-subtitle{color:#475569;text-transform:uppercase;letter-spacing:.03em;font-family:Outfit,sans-serif;font-size:13px;font-weight:800}.timesheet-empty-state{text-align:center;background-color:#fff;border:1px dashed #e2e8f0;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;padding:40px 16px;display:flex}.empty-icon-circle{color:#095f42;background-color:#10b9811a;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:12px;display:flex}.empty-icon-circle.green{color:#095f42;background-color:#10b9811a}.timesheet-empty-state p{color:#475569;margin:0;font-size:12px;font-weight:600}.timesheet-entries-list{flex-direction:column;gap:12px;display:flex}.timesheet-card-item{background-color:#fff;border:1px solid #f1f5f9;border-radius:20px;padding:16px;transition:transform .2s;box-shadow:0 4px 6px -1px #00000005}.timesheet-card-item:hover{transform:translateY(-2px)}.timesheet-card-top{justify-content:space-between;align-items:flex-start;margin-bottom:10px;display:flex}.project-badge-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.badge-project{color:#047857;text-transform:uppercase;background-color:#10b9811a;border-radius:6px;padding:3px 8px;font-size:9px;font-weight:800}.badge-project-generic{color:#475569;text-transform:uppercase;background-color:#f1f5f9;border-radius:6px;padding:3px 8px;font-size:9px;font-weight:800}.badge-status{border-radius:6px;padding:3px 8px;font-size:9px;font-weight:800}.badge-status.planned{color:#1d4ed8;background-color:#dbeafe}.badge-status.in_progress{color:#4338ca;background-color:#e0e7ff;animation:2s cubic-bezier(.4,0,.2,1) infinite badgePulse}.badge-status.pending{color:#d97706;background-color:#fef3c7}.badge-status.approved{color:#059669;background-color:#d1fae5}.badge-status.rejected{color:#dc2626;background-color:#fee2e2}@keyframes badgePulse{0%,to{opacity:1}50%{opacity:.6}}.timesheet-card-date{color:#94a3b8;font-size:10px;font-weight:700}.timesheet-card-activity{color:#0f172a;margin:0 0 6px;font-family:Outfit,sans-serif;font-size:13.5px;font-weight:800;line-height:1.4}.timesheet-card-desc{color:#64748b;margin:0 0 12px;font-size:11px;line-height:1.5}.rejection-box-card{background-color:#fef2f2;border:1px solid #fee2e2;border-radius:12px;margin-bottom:12px;padding:10px 12px;font-size:10px}.rejection-box-card strong{color:#b91c1c;margin-bottom:2px;display:block}.rejection-box-card p{color:#7f1d1d;margin:0;line-height:1.4}.timesheet-card-footer{border-top:1px solid #f8fafc;justify-content:space-between;align-items:center;padding-top:10px;display:flex}.duration-info-row{color:#64748b;align-items:center;gap:4px;font-size:10.5px;font-weight:700;display:flex}.timesheet-card-actions{gap:6px;display:flex}.btn-card-edit,.btn-card-delete{cursor:pointer;border:none;border-radius:8px;padding:6px 10px;font-size:10.5px;font-weight:700;transition:background-color .2s}.btn-card-edit{color:#475569;background-color:#f1f5f9}.btn-card-edit:hover{background-color:#e2e8f0}.btn-card-delete{color:#dc2626;background-color:#fee2e2}.btn-card-delete:hover{background-color:#fecaca}.btn-add-timesheet-floating{color:#fff;cursor:pointer;z-index:20;background-color:#095f42;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:24px;font-weight:400;transition:all .2s;display:flex;position:absolute;bottom:90px;right:20px;box-shadow:0 4px 15px #10b98166}.btn-add-timesheet-floating:active{background-color:#059669;transform:scale(.92)}.employee-info-avatar-row{align-items:center;gap:8px;display:flex}.emp-mini-avatar{border:1.5px solid #e2e8f0;border-radius:50%;width:32px;height:32px;overflow:hidden}.emp-mini-avatar img{object-fit:cover;width:100%;height:100%}.emp-name-text{color:#0f172a;font-size:11.5px;font-weight:800;display:block}.emp-role-text{color:#94a3b8;font-size:9px;font-weight:500;display:block}.timesheet-approval-actions-row{gap:6px;display:flex}.btn-approve,.btn-reject{cursor:pointer;border:none;border-radius:10px;padding:6px 12px;font-size:11px;font-weight:700;box-shadow:0 1px 2px #0000000d}.btn-approve{color:#fff;background-color:#095f42}.btn-approve:active{background-color:#059669}.btn-reject{color:#fff;background-color:#ef4444}.btn-reject:active{background-color:#dc2626}.timesheet-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background-color:#0f172a80;flex-direction:column;animation:.3s ease-out timesheetFadeIn;display:flex;position:fixed;inset:0;overflow-y:auto}@keyframes timesheetFadeIn{0%{opacity:0}to{opacity:1}}.timesheet-modal-card{max-h:none;background-color:#fff;border-top-left-radius:28px;border-top-right-radius:28px;width:100%;margin-top:auto;padding:24px 20px 80px;animation:.3s cubic-bezier(.4,0,.2,1) timesheetSlideUp;box-shadow:0 -10px 25px -5px #0000001a}@keyframes timesheetSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-header-row{border-b:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.modal-title{color:#0f172a;font-family:Outfit,sans-serif;font-size:16px;font-weight:800}.btn-modal-close{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;display:flex}.timesheet-modal-form{flex-direction:column;gap:14px;display:flex}.form-field-group{flex-direction:column;gap:6px;display:flex}.form-label-text{color:#64748b;text-transform:uppercase;letter-spacing:.02em;font-size:10.5px;font-weight:700}.form-input-text{color:#0f172a;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;outline:none;padding:10px 14px;font-size:12.5px;font-weight:600;transition:all .2s}.form-input-text:focus{background-color:#fff;border-color:#095f42;box-shadow:0 0 0 3px #10b9811a}.form-time-split-row{gap:12px;display:flex}.visual-duration-box{color:#047857;background-color:#f0fdf4;border:1px solid #d1fae5;border-radius:12px;padding:10px 14px;font-size:11.5px}.visual-duration-box strong{color:#059669}.form-textarea{color:#0f172a;resize:none;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;outline:none;padding:10px 14px;font-family:inherit;font-size:12.5px;font-weight:600;transition:all .2s}.form-textarea:focus{background-color:#fff;border-color:#095f42;box-shadow:0 0 0 3px #10b9811a}.form-submit-row{gap:10px;margin-top:24px;margin-bottom:20px;display:flex}.btn-form-cancel{color:#475569;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:14px;flex:1;padding:12px 0;font-size:12px;font-weight:700}.btn-form-submit{color:#fff;cursor:pointer;background-color:#095f42;border:none;border-radius:14px;flex:2;padding:12px 0;font-size:12px;font-weight:700;box-shadow:0 4px 10px #10b98133}.btn-form-submit:disabled{box-shadow:none;cursor:not-allowed;background-color:#94a3b8}.timesheet-layout-wrapper{background-color:#f8fafc;flex-direction:column;width:100%;height:100vh;display:flex;overflow:hidden}.btn-card-start,.btn-card-reschedule,.btn-card-complete{transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0000000d}.btn-card-start:hover{transform:translateY(-1px);background-color:#059669!important}.btn-card-reschedule:hover{transform:translateY(-1px);background-color:#d97706!important}.btn-card-complete:hover{transform:translateY(-1px);background-color:#2563eb!important}.btn-card-start:active,.btn-card-reschedule:active,.btn-card-complete:active{transform:translateY(0)}.shift-exchange-screen{box-sizing:border-box;background-color:#fff;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.se-header{color:#fff;background-color:#056948;flex-direction:column;flex-shrink:0;padding:24px 20px 0;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.se-header-nav{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.se-back-btn{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex}.se-back-btn:hover{background:#ffffff40;transform:translate(-2px)}.se-back-btn:active{transform:scale(.92)}.se-header-title{font-family:var(--font-title);color:#fff;margin:0;font-size:18px;font-weight:800}.se-header-subtitle{font-family:var(--font-body);color:#fffc;text-align:center;margin:12px 0 20px;font-size:12px;font-weight:600;line-height:1.5}.se-tabs-bar{background-color:#ffffff26;border-radius:12px;gap:4px;margin-bottom:24px;padding:4px;display:flex}.se-tab-btn{color:#fff;font-family:var(--font-body);cursor:pointer;text-align:center;background:0 0;border:none;border-radius:8px;outline:none;flex:1;padding:8px 12px;font-size:12px;font-weight:700;transition:all .2s}.se-tab-btn.active{color:#095f42;background-color:#fff;box-shadow:0 2px 6px #00000014}.se-header-wave-wrapper{z-index:5;height:30px;position:absolute;bottom:-22px;left:0;right:0}.se-header-wave{width:100%;height:100%;display:block}.se-wave-chevron-dip{z-index:6;background-color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;bottom:-4px;left:50%;transform:translate(-50%);box-shadow:0 2px 5px #0000001a}.se-wave-chevron-dip svg{color:#095f42}.se-body-content{padding:36px 20px calc(85px + env(safe-area-inset-bottom,0px)) 20px;background-color:#fff;flex-direction:column;flex:1;gap:16px;display:flex;overflow-y:auto}.se-form-card{background-color:#fff;border:1px solid #f1f5f9;border-radius:20px;flex-direction:column;gap:16px;padding:20px;display:flex;box-shadow:0 1px 3px #0000000d}.se-info-alert{color:#166534;background-color:#f0fdf4;border:1px solid #dcfce7;border-radius:12px;padding:12px;font-size:11px;line-height:1.5}.se-input-group{flex-direction:column;gap:6px;display:flex}.se-input-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.se-input-field,.se-select-field{color:inherit;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;outline:none;padding:12px;font-family:inherit;font-size:13px;transition:border-color .2s,box-shadow .2s}.se-input-field:focus,.se-select-field:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.se-input-field.textarea{resize:none;line-height:1.5}.btn-se-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:14px;margin-top:8px;padding:14px;font-size:14px;font-weight:700;transition:opacity .2s;box-shadow:0 4px 10px #10b98133}.btn-se-submit:disabled{opacity:.6;cursor:not-allowed}.se-list-container{flex-direction:column;gap:12px;display:flex}.se-loader{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px 20px;display:flex}.se-spinner{border:3px solid #10b9811a;border-top-color:#10b981;border-radius:50%;width:28px;height:28px;animation:.8s linear infinite se-spin}@keyframes se-spin{to{transform:rotate(360deg)}}.se-no-data{text-align:center;color:#64748b;background-color:#fff;border:1px solid #f1f5f9;border-radius:24px;padding:48px 24px}.se-no-data svg{color:#cbd5e1;margin:0 auto 12px}.se-no-data h4{color:#334155;margin:0 0 6px;font-size:15px;font-weight:700}.se-no-data p{margin:0;font-size:12px;line-height:1.5}.se-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:18px;overflow:hidden;box-shadow:0 2px 4px #00000005}.se-card-header{align-items:center;justify-content:justify;background-color:#f8fafc;border-bottom:1px solid #f1f5f9;padding:12px 16px;display:flex}.se-status-badge{text-transform:uppercase;border-radius:8px;padding:4px 8px;font-size:10px;font-weight:800}.se-status-badge.pending{color:#92400e;background-color:#fef3c7}.se-status-badge.approved{color:#166534;background-color:#dcfce7}.se-status-badge.rejected{color:#991b1b;background-color:#fee2e2}.se-card-date{color:#94a3b8;margin-left:auto;font-size:11px;font-weight:500}.se-card-body{flex-direction:column;gap:10px;padding:16px;display:flex}.se-card-info-row{justify-content:space-between;font-size:13px;line-height:1.4;display:flex}.se-card-lbl{color:#64748b;font-weight:500}.se-card-val{color:#1e293b;font-weight:600}.se-card-reason-box{background-color:#f8fafc;border-left:3px solid #cbd5e1;border-radius:10px;padding:10px;font-size:12px;line-height:1.5}.se-card-reason-box strong{color:#475569;margin-bottom:2px;display:block}.se-card-reason-box p{color:#64748b;margin:0}.se-card-actions{gap:8px;margin-top:8px;display:flex}.btn-se-approve{color:#fff;cursor:pointer;background-color:#10b981;border:none;border-radius:10px;flex:1;padding:10px;font-size:12px;font-weight:700;transition:opacity .2s}.btn-se-reject{color:#ef4444;cursor:pointer;background-color:#f1f5f9;border:none;border-radius:10px;padding:10px 16px;font-size:12px;font-weight:700;transition:opacity .2s}.btn-se-approve:hover,.btn-se-reject:hover{opacity:.9}.chat-container{height:calc(100dvh - 68px - env(safe-area-inset-bottom,0px));color:#1e293b;background-color:#f1f5f9;flex-direction:column;font-family:Outfit,Inter,-apple-system,BlinkMacSystemFont,sans-serif;display:flex;position:relative;overflow:hidden}.chat-header{-webkit-backdrop-filter:blur(12px);z-index:10;background:#ffffffd9;border-bottom:1px solid #e2e8f0cc;align-items:center;gap:12px;padding:16px 20px;display:flex;box-shadow:0 4px 20px -2px #94a3b814}.chat-back-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.chat-back-btn:hover{color:#1e293b;background-color:#e2e8f099;transform:translate(-2px)}.chat-header-info{flex:1}.chat-main-title-block{flex-direction:column;display:flex}.chat-main-title{color:#1e293b;letter-spacing:-.025em;text-align:left;margin:0;font-size:18px;font-weight:800}.chat-main-subtitle{color:#095f42;text-transform:uppercase;letter-spacing:.05em;text-align:left;font-size:11px;font-weight:600}.chat-active-profile{align-items:center;gap:12px;display:flex}.chat-header-avatar{object-fit:cover;border:2px solid #095f42;border-radius:50%;width:40px;height:40px;box-shadow:0 2px 8px #10b98126}.chat-header-text{flex-direction:column;align-items:flex-start;display:flex}.chat-header-name{color:#0f172a;margin:0;font-size:15px;font-weight:700;line-height:1.2}.chat-header-sub{color:#64748b;margin-top:2px;font-size:11px;font-weight:500}.chat-search-wrapper{background-color:#fff;border-bottom:1px solid #e2e8f0;padding:14px 16px}.chat-search-input-container{background-color:#f1f5f9;border:1.5px solid #0000;border-radius:12px;align-items:center;padding:0 14px;transition:all .2s;display:flex}.chat-search-input-container:focus-within{background-color:#fff;border-color:#095f42;box-shadow:0 0 0 3px #10b98114}.chat-search-icon{color:#94a3b8;width:18px;height:18px;margin-right:8px}.chat-search-input{color:#1e293b;background:0 0;border:none;outline:none;flex:1;padding:10px 0;font-size:13.5px;font-weight:500}.chat-search-input::placeholder{color:#94a3b8}.chat-search-clear{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:background-color .2s;display:flex}.chat-search-clear:hover{color:#475569;background-color:#e2e8f0cc}.chat-inbox-window{flex-direction:column;flex:1;display:flex;overflow:hidden}.chat-inbox-list{background-color:#fff;flex:1;padding:8px 0;overflow-y:auto}.chat-inbox-item{cursor:pointer;text-align:left;background:0 0;border:none;border-bottom:1px solid #f1f5f9;align-items:center;width:100%;padding:14px 20px;transition:all .2s;display:flex}.chat-inbox-item:hover{background-color:#f8fafc}.chat-inbox-avatar-wrapper{margin-right:14px;position:relative}.chat-inbox-avatar{object-fit:cover;border-radius:50%;width:48px;height:48px;box-shadow:0 2px 6px #0000000d}.chat-online-badge{background-color:#095f42;border:2px solid #fff;border-radius:50%;width:11px;height:11px;position:absolute;bottom:1px;right:1px}.chat-inbox-details{flex-direction:column;flex:1;min-width:0;display:flex}.chat-inbox-name-row{justify-content:space-between;align-items:baseline;margin-bottom:4px;display:flex}.chat-inbox-name{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:14.5px;font-weight:700;overflow:hidden}.chat-inbox-time{color:#94a3b8;white-space:nowrap;font-size:11px;font-weight:500}.chat-inbox-msg-row{justify-content:space-between;align-items:center;display:flex}.chat-inbox-last-msg{color:#64748b;text-overflow:ellipsis;white-space:nowrap;max-width:85%;margin:0;font-size:12.5px;font-weight:500;overflow:hidden}.chat-inbox-unread-count{color:#fff;background-color:#ef4444;border-radius:10px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:700;display:flex;box-shadow:0 2px 6px #ef44444d}.chat-thread-window{background-color:#f8fafc;flex-direction:column;flex:1;display:flex;overflow:hidden}.chat-messages-area{flex-direction:column;flex:1;padding:16px 20px;display:flex;overflow-y:auto}.chat-bubbles-list{flex-direction:column;gap:12px;display:flex}.chat-date-divider{justify-content:center;align-items:center;margin:16px 0;display:flex}.chat-date-divider span{color:#64748b;letter-spacing:.02em;background-color:#e2e8f0d9;border-radius:20px;padding:4px 12px;font-size:11px;font-weight:700}.chat-bubble-row-wrapper{flex-direction:column;display:flex}.chat-bubble-container{width:100%;margin-bottom:2px;display:flex}.chat-bubble-container.outgoing{justify-content:flex-end}.chat-bubble-container.incoming{justify-content:flex-start}.chat-bubble{border-radius:16px;max-width:75%;padding:10px 14px;position:relative;box-shadow:0 1px 2px #0f172a0d}.chat-bubble-container.outgoing .chat-bubble{color:#fff;background:linear-gradient(135deg,#095f42,#059669);border-bottom-right-radius:4px}.chat-bubble-container.incoming .chat-bubble{color:#1e293b;background-color:#fff;border:1px solid #e2e8f099;border-bottom-left-radius:4px}.chat-bubble-message{word-break:break-word;white-space:pre-wrap;text-align:left;margin:0;font-size:13.5px;font-weight:500;line-height:1.5}.chat-bubble-meta{justify-content:flex-end;align-items:center;gap:4px;margin-top:4px;display:flex}.chat-bubble-time{font-size:9.5px;font-weight:500}.chat-bubble-container.outgoing .chat-bubble-time{color:#ffffffb3}.chat-bubble-container.incoming .chat-bubble-time{color:#94a3b8}.chat-bubble-status{align-items:center;display:flex}.chat-bubble-status.sent{color:#fff9}.chat-bubble-status.read{color:#38bdf8}.chat-input-area{background-color:#fff;border-top:1px solid #e2e8f0;align-items:center;gap:12px;padding:12px 16px;display:flex}.chat-input-field{color:#1e293b;background-color:#f1f5f9;border:1.5px solid #0000;border-radius:12px;outline:none;flex:1;padding:12px 16px;font-size:13.5px;font-weight:500;transition:all .2s}.chat-input-field:focus{background-color:#fff;border-color:#095f42;box-shadow:0 0 0 3px #10b98114}.chat-send-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#095f42,#059669);border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex;box-shadow:0 4px 12px #10b98140}.chat-send-btn:hover:not(:disabled){transform:scale(1.03);box-shadow:0 6px 16px #10b98159}.chat-send-btn:active:not(:disabled){transform:scale(.97)}.chat-send-btn:disabled{color:#94a3b8;box-shadow:none;cursor:not-allowed;background:#cbd5e1}.chat-loading-spinner,.chat-list-spinner{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px 20px;display:flex}.spinner{border:3.5px solid #e2e8f0;border-top-color:#095f42;border-radius:50%;width:28px;height:28px;margin-bottom:12px;animation:.8s linear infinite chatRotate}@keyframes chatRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.chat-loading-spinner p,.chat-list-spinner p{color:#64748b;margin:0;font-size:13px;font-weight:600}.chat-empty-thread,.chat-empty-inbox{text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:320px;margin:auto;padding:48px 32px;display:flex}.chat-empty-icon{color:#095f42;background-color:#10b9811a;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:18px;display:flex}.chat-empty-thread h4,.chat-empty-inbox h4{color:#1e293b;margin:0 0 6px;font-size:15px;font-weight:700}.chat-empty-thread p,.chat-empty-inbox p{color:#64748b;margin:0;font-size:12px;font-weight:500;line-height:1.5}.chat-messages-area::-webkit-scrollbar{width:5px}.chat-inbox-list::-webkit-scrollbar{width:5px}.chat-messages-area::-webkit-scrollbar-track{background:0 0}.chat-inbox-list::-webkit-scrollbar-track{background:0 0}.chat-messages-area::-webkit-scrollbar-thumb{background-color:#94a3b84d;border-radius:10px}.chat-inbox-list::-webkit-scrollbar-thumb{background-color:#94a3b84d;border-radius:10px}.chat-profile-modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:999;background-color:#0f172a73;justify-content:center;align-items:center;animation:.2s ease-out chatFadeIn;display:flex;position:fixed;inset:0}.chat-profile-modal{background-color:#fff;border:1px solid #e2e8f0cc;border-radius:24px;width:88%;max-width:350px;animation:.3s cubic-bezier(.34,1.56,.64,1) chatSlideUp;overflow:hidden;box-shadow:0 25px 50px -12px #0f172a40}.chat-profile-modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.chat-profile-modal-header h3{color:#1e293b;text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:14.5px;font-weight:800}.chat-profile-modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.chat-profile-modal-close:hover{color:#475569;background-color:#f1f5f9}.chat-profile-modal-body{padding:24px}.chat-profile-avatar-center{flex-direction:column;align-items:center;margin-bottom:24px;display:flex}.chat-profile-modal-avatar{object-fit:cover;border:3.5px solid #095f42;border-radius:50%;width:96px;height:96px;margin-bottom:14px;box-shadow:0 8px 20px -4px #10b9814d}.chat-profile-modal-name{color:#0f172a;text-align:center;letter-spacing:-.02em;margin:0;font-size:17px;font-weight:800}.chat-profile-modal-role{color:#64748b;text-align:center;margin-top:4px;font-size:12px;font-weight:600}.chat-profile-info-list{flex-direction:column;gap:14px;display:flex}.chat-profile-info-item{border-bottom:1px solid #f8fafc;justify-content:space-between;align-items:center;padding-bottom:10px;display:flex}.chat-profile-info-item:last-child{border-bottom:none;padding-bottom:0}.chat-profile-info-item .info-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:700}.chat-profile-info-item .info-value{color:#334155;text-align:right;word-break:break-all;max-width:60%;font-size:13px;font-weight:600}.chat-profile-info-item .status-pill{letter-spacing:.02em;border-radius:20px;padding:3px 10px;font-size:10.5px;font-weight:700}.chat-profile-info-item .status-pill.active{color:#059669;background-color:#10b9811f}@keyframes chatFadeIn{0%{opacity:0}to{opacity:1}}@keyframes chatSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.notification-screen-wrapper{flex-direction:column;width:100%;height:100vh;display:flex;position:relative;overflow:hidden;background-color:#f3f7fa!important}.notification-header{z-index:10;background:0 0!important;justify-content:space-between!important;align-items:center!important;padding:24px 20px 12px!important;display:flex!important;position:relative!important}.notification-title-text{font-family:var(--font-title)!important;color:#fff!important;margin:0!important;font-size:20px!important;font-weight:800!important}.back-circle-btn{color:#fff!important;cursor:pointer!important;-webkit-backdrop-filter:blur(8px)!important;background:#ffffff26!important;border:1px solid #ffffff40!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:40px!important;height:40px!important;transition:all .2s!important;display:flex!important}.back-circle-btn:hover{transform:scale(1.05);background-color:#ffffff40!important}.back-circle-btn svg{width:20px;height:20px}.notification-main-content{z-index:1;background:#f3f7fa;border-radius:32px 32px 0 0;flex-direction:column;flex:1;gap:16px;padding:20px 16px;display:flex;overflow-y:auto;box-shadow:0 -10px 30px #00000008}.notification-main-content::-webkit-scrollbar{width:0}.notification-summary-row{justify-content:space-between;align-items:center;padding:0 4px;display:flex}.notification-summary-badge{align-items:center;gap:8px;display:flex}.badge-count{color:#fff;text-align:center;background-color:#ef4444;border-radius:12px;min-width:14px;padding:3px 8px;font-size:11px;font-weight:800;display:inline-block;box-shadow:0 4px 10px #ef444440}.badge-label{color:#475569;font-size:13px;font-weight:700}.btn-mark-all-read{color:#4f46e5;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:4px 8px;font-size:13px;font-weight:700;transition:all .2s}.btn-mark-all-read:hover{background-color:#4f46e50d}.notification-tabs{background-color:#e2e8f080;border-radius:14px;gap:4px;padding:4px;display:flex}.notif-tab-item{color:#64748b;cursor:pointer;text-align:center;background:0 0;border:none;border-radius:10px;flex:1;padding:10px 4px;font-size:12px;font-weight:800;transition:all .25s cubic-bezier(.4,0,.2,1)}.notif-tab-item.active{color:#0f172a;background-color:#fff;box-shadow:0 4px 10px #0f172a0d}.notifications-list-container{flex-direction:column;flex:1;gap:12px;display:flex}.notification-card-item{cursor:pointer;background:#fff;border:1px solid #e2e8f0cc;border-radius:20px;align-items:flex-start;gap:14px;padding:14px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 4px 10px #0f172a03}.notification-card-item:hover{border-color:#4f46e526;transform:translateY(-1px);box-shadow:0 8px 16px #0f172a08}.notification-card-item:active{transform:scale(.98)}.notification-card-item.unread{background:#f8faff;border-color:#4f46e51f;box-shadow:0 6px 14px #4f46e505}.notif-unread-dot{background-color:#4f46e5;border-radius:50%;width:8px;height:8px;position:absolute;top:16px;right:16px;box-shadow:0 0 0 2px #fff}.notif-icon-wrapper{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.notif-icon-wrapper svg{width:20px;height:20px}.notif-icon-wrapper svg path,.notif-icon-wrapper svg circle,.notif-icon-wrapper svg line,.notif-icon-wrapper svg rect{stroke:#fff!important;stroke-width:2.2px!important}.notif-icon-task{background:linear-gradient(135deg,#095f42 0%,#047857 100%);box-shadow:0 4px 10px #10b98140}.notif-icon-overtime{background:linear-gradient(135deg,#f97316 0%,#ea580c 100%);box-shadow:0 4px 10px #ea580c40}.notif-icon-reimburse{background:linear-gradient(135deg,#ef4444 0%,#b91c1c 100%);box-shadow:0 4px 10px #b91c1c40}.notif-icon-timesheet{background:linear-gradient(135deg,#14b8a6 0%,#0f766e 100%);box-shadow:0 4px 10px #0f766e40}.notif-icon-general{background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);box-shadow:0 4px 10px #2563eb40}.notif-info-content{flex-direction:column;flex:1;gap:4px;display:flex}.notif-card-title{font-family:var(--font-title);color:#0f172a;text-align:left;margin:0;font-size:13.5px;font-weight:800}.notif-card-message{color:#475569;text-align:left;margin:0;font-size:11.5px;font-weight:500;line-height:1.45}.notif-card-time{color:#94a3b8;text-align:left;margin-top:2px;font-size:9.5px;font-weight:700}.notif-empty-state{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:48px 24px;display:flex}.empty-state-circle{color:#94a3b8;background-color:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:8px;display:flex}.notif-empty-state h4{font-family:var(--font-title);color:#1e293b;margin:0;font-size:15px;font-weight:800}.notif-empty-state p{color:#64748b;max-width:240px;margin:0;font-size:12px;line-height:1.5}.notif-loading-wrapper{flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px;display:flex}.notif-spinner{border:3.5px solid #4f46e51a;border-top-color:#4f46e5;border-radius:50%;width:28px;height:28px;animation:.8s linear infinite notifSpin}.notif-loading-wrapper p{color:#64748b;font-size:12px;font-weight:600}@keyframes notifSpin{to{transform:rotate(360deg)}}.bug-screen{background-color:#fff;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.bug-header{color:#fff;background-color:#095f42;border-bottom:none;flex-direction:column;flex-shrink:0;padding:24px 20px 0;display:flex;position:relative}.bug-header-nav{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.btn-back-bug{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex}.btn-back-bug:hover{background:#ffffff40;transform:translate(-2px)}.bug-header-title{font-family:var(--font-title);color:#fff;margin:0;font-size:18px;font-weight:800}.bug-header-content{z-index:1;flex-direction:column;align-items:center;gap:8px;padding:16px 24px 24px;display:flex;position:relative}.bug-hero-icon{color:#fff;background-color:#ffffff2e;border-radius:12px;width:48px;height:48px;padding:10px;box-shadow:0 4px 14px #00000014}.bug-hero-title{color:#fff;text-shadow:0 1px 2px #0000001a;letter-spacing:-.3px;text-align:center;margin:0;font-size:18px;font-weight:800}.bug-hero-subtitle{color:#ffffffbf;text-transform:uppercase;letter-spacing:.06em;text-align:center;font-size:11px;font-weight:700}.bug-header-wave-wrapper{z-index:5;height:30px;position:absolute;bottom:-22px;left:0;right:0}.bug-header-wave{width:100%;height:100%;display:block}.bug-wave-chevron-dip{z-index:6;background-color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;bottom:-4px;left:50%;transform:translate(-50%);box-shadow:0 2px 5px #0000001a}.text-emerald{color:#095f42}.bug-body{padding:36px 20px calc(85px + env(safe-area-inset-bottom,0px)) 20px;background-color:#fff;flex-direction:column;flex:1;gap:16px;display:flex;overflow-y:auto}.bug-body::-webkit-scrollbar{width:3px}.bug-body::-webkit-scrollbar-thumb{background:#0000000f;border-radius:4px}.bug-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:24px 20px;animation:.35s ease-out fadeInBug;box-shadow:0 4px 16px #00000005}.bug-form-layout{text-align:left;flex-direction:column;gap:18px;display:flex}.bug-input-group{flex-direction:column;gap:6px;display:flex}.bug-input-label{font-family:var(--font-body);color:#475569;text-transform:uppercase;letter-spacing:.03em;font-size:11px;font-weight:800}.bug-input-field{box-sizing:border-box;width:100%;height:48px;font-family:var(--font-body);color:#1e293b;background-color:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;outline:none;padding:0 16px;font-size:13px;font-weight:600;transition:all .2s}.bug-input-field.select-field{appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right 16px center;background-repeat:no-repeat;background-size:14px}.bug-input-field:focus{background-color:#fff;border-color:#095f42;box-shadow:0 0 0 3px #10b9811a}.bug-textarea-field{box-sizing:border-box;width:100%;font-family:var(--font-body);color:#1e293b;resize:none;background-color:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;outline:none;padding:12px 16px;font-size:13px;font-weight:600;transition:all .2s}.bug-textarea-field:focus{background-color:#fff;border-color:#095f42;box-shadow:0 0 0 3px #10b9811a}.btn-capture-bug-photo{color:#095f42;height:48px;font-family:var(--font-body);cursor:pointer;background-color:#f0fdf4;border:1.5px dashed #095f42;border-radius:12px;outline:none;justify-content:center;align-items:center;gap:8px;font-size:12px;font-weight:800;transition:all .2s;display:flex}.btn-capture-bug-photo:hover{background-color:#dcfce7}.bug-photo-preview-container{background-color:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;flex-direction:column;align-items:center;gap:10px;padding:12px;display:flex;position:relative;overflow:hidden}.bug-photo-img{object-fit:contain;border-radius:8px;width:100%;max-height:180px}.btn-remove-bug-photo{color:#ef4444;font-family:var(--font-body);cursor:pointer;background-color:#fef2f2;border:1px solid #fee2e2;border-radius:8px;padding:6px 14px;font-size:11px;font-weight:700;transition:all .2s}.btn-remove-bug-photo:hover{background-color:#fee2e2}.btn-submit-bug{color:#fff;height:48px;font-family:var(--font-title);cursor:pointer;background-color:#095f42;border:none;border-radius:12px;outline:none;justify-content:center;align-items:center;margin-top:10px;font-size:14px;font-weight:800;transition:all .2s;display:flex;box-shadow:0 4px 12px #10b98133}.btn-submit-bug:hover{background-color:#059669;box-shadow:0 6px 16px #05966940}.btn-submit-bug:active{transform:scale(.97)}.btn-submit-bug:disabled{box-shadow:none;cursor:not-allowed;background-color:#94a3b8}@keyframes fadeInBug{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.dashboard-banner-container{box-sizing:border-box;width:100%;margin:16px 0;padding:0 16px;position:relative;order:4!important}.banner-slider-wrapper{aspect-ratio:2.1;background-color:#f1f5f9;border-radius:18px;width:100%;position:relative;overflow:hidden;box-shadow:0 8px 24px #0000001f}.banner-slides-track{will-change:transform;width:100%;height:100%;transition:transform .6s cubic-bezier(.25,1,.5,1);display:flex}.banner-slide{cursor:pointer;min-width:100%;max-width:100%;height:100%;position:relative;overflow:hidden}.banner-image{object-fit:cover;width:100%;height:100%;transition:transform 8s linear}.banner-slide.active .banner-image{transform:scale(1.08)}.banner-overlay-gradient{z-index:1;background:linear-gradient(#00000026 0%,#0000004d 50%,#000c 100%);position:absolute;inset:0}.banner-content{z-index:2;color:#fff;text-align:left;flex-direction:column;gap:6px;padding:16px 20px 20px;display:flex;position:absolute;bottom:0;left:0;right:0}.banner-title{color:#fff;text-shadow:0 2px 4px #0006;word-wrap:break-word;margin:0;font-family:Outfit,Inter,-apple-system,sans-serif;font-size:15px;font-weight:700;line-height:1.4}.banner-link-hint{color:#10b981;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#10b9811f;border:1px solid #10b9814d;border-radius:20px;align-self:flex-start;align-items:center;gap:4px;padding:4px 8px;font-family:Inter,sans-serif;font-size:10px;font-weight:600;transition:all .2s;display:flex}.banner-slide:hover .banner-link-hint{background:#10b98138;transform:translate(2px)}.inline-icon{width:10px;height:10px}.banner-dots{justify-content:center;align-items:center;gap:8px;width:100%;margin-top:10px;display:flex}.banner-dot{cursor:pointer;background-color:#cbd5e1;border:none;border-radius:50%;outline:none;width:7px;height:7px;padding:0;transition:all .3s cubic-bezier(.25,1,.5,1)}.banner-dot.active{background-color:#095f42;border-radius:4px;width:18px}.dashboard-banner-skeleton{box-sizing:border-box;flex-direction:column;gap:10px;width:100%;margin:16px 0;padding:0 16px;display:flex;order:4!important}.skeleton-image{aspect-ratio:2.1;background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9 50%,#e2e8f0 75%) 0 0/200% 100%;border-radius:18px;width:100%;animation:1.5s infinite skeletonPulse;box-shadow:0 8px 24px #0000000d}.skeleton-dots{justify-content:center;gap:8px;display:flex}.skeleton-dot{background-color:#e2e8f0;border-radius:50%;width:7px;height:7px;animation:1.5s infinite skeletonPulse}@keyframes skeletonPulse{0%{background-position:200% 0}to{background-position:-200% 0}}.banner-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(8px);background-color:#0f172ab3;justify-content:center;align-items:center;padding:24px;animation:.25s ease-out bannerFadeIn;display:flex;position:fixed;inset:0}.banner-modal-card{background:#fff;border-radius:24px;flex-direction:column;width:100%;max-width:420px;animation:.3s cubic-bezier(.34,1.56,.64,1) bannerScaleIn;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 25px -5px #00000040,0 10px 10px -5px #00000026}.banner-modal-close{color:#fff;cursor:pointer;z-index:10;background:#0f172a99;border:1px solid #fff3;border-radius:50%;outline:none;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.banner-modal-close:hover{background:#0f172ad9;transform:scale(1.05)}.banner-modal-close:active{transform:scale(.95)}.banner-modal-body{flex-direction:column;width:100%;display:flex}.banner-modal-image{object-fit:contain;background-color:#f8fafc;width:100%;height:auto;max-height:50vh}.banner-modal-info{background:#fff;border-top:1px solid #f1f5f9;flex-direction:column;gap:12px;padding:20px;display:flex}.banner-modal-title{color:#0f172a;text-align:left;margin:0;font-family:Outfit,Inter,sans-serif;font-size:16px;font-weight:800;line-height:1.4}.btn-banner-modal-action{color:#fff;cursor:pointer;background:linear-gradient(135deg,#095f42 0%,#059669 100%);border:none;border-radius:12px;outline:none;width:100%;padding:12px 16px;font-family:Inter,sans-serif;font-size:13px;font-weight:700;transition:all .2s;box-shadow:0 4px 12px #10b98133}.btn-banner-modal-action:hover{background:linear-gradient(135deg,#059669 0%,#047857 100%);box-shadow:0 6px 16px #10b9814d}.btn-banner-modal-action:active{transform:scale(.98)}@keyframes bannerFadeIn{0%{opacity:0}to{opacity:1}}@keyframes bannerScaleIn{0%{opacity:0;transform:scale(.92)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}:root{--primary:#095f42;--secondary:#4f46e5;--purple-bg:linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);--app-bg:#f3f7fa;--dark-text:#0f172a;--body-text:#475569;--muted-text:#94a3b8;--light-border:#e2e8f0cc;--font-title:"Outfit", "Inter", -apple-system, sans-serif;--font-body:"Plus Jakarta Sans", "Inter", -apple-system, sans-serif;--shadow-sm:0 4px 6px -1px #0f172a08, 0 2px 4px -1px #0f172a05;--shadow-md:0 10px 20px -5px #0f172a0a, 0 6px 12px -6px #0f172a05;--shadow-lg:0 20px 25px -5px #0f172a0f, 0 10px 10px -5px #0f172a05}.dashboard-screen{box-sizing:border-box;background:#f3f7fa;flex-direction:column;width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.dashboard-screen:before{content:"";z-index:0;pointer-events:none;height:290px;position:absolute;top:0;left:0;right:0;background:url(/assets/habtara_header-CNOY1PhN.png) 50%/cover no-repeat!important;box-shadow:0 10px 25px #1e40af26!important}.dashboard-top-nav{z-index:10;background:0 0!important;justify-content:space-between!important;align-items:center!important;padding:20px 24px 8px!important;display:flex!important;position:relative!important}.dashboard-app-title{font-family:var(--font-title)!important;color:#fff!important;letter-spacing:.08em!important;text-transform:uppercase!important;margin:0!important;font-size:20px!important;font-weight:900!important}.notification-bell{color:#fff!important;cursor:pointer!important;-webkit-backdrop-filter:blur(8px)!important;width:44px!important;height:44px!important;box-shadow:none!important;z-index:11!important;background:#ffffff26!important;border:1px solid #ffffff40!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;transition:all .2s!important;display:flex!important;position:relative!important}.notification-bell:hover{transform:scale(1.05);background-color:#ffffff40!important}.notification-bell svg{color:#fff!important;width:20px!important;height:20px!important}.bell-badge{background-color:#ef4444;border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:3px;right:3px}.bell-badge-count{color:#fff!important;background-color:#ef4444!important;border:1.8px solid #3b82f6!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;min-width:15px!important;height:15px!important;font-size:8.5px!important;font-weight:900!important;line-height:1!important;animation:2s infinite pulseBadge!important;display:flex!important;position:absolute!important;top:-3px!important;right:-3px!important;box-shadow:0 2px 5px #ef44444d!important}@keyframes pulseBadge{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.dashboard-content-scrollable{padding:4px 16px calc(80px + env(safe-area-inset-bottom,0px)) 16px;z-index:1;flex-direction:column;flex:1;gap:16px;display:flex;overflow-y:auto}.dashboard-content-scrollable::-webkit-scrollbar{width:0}.user-profile-header-card{box-shadow:none!important;background:0 0!important;border:none!important;order:1!important;align-items:center!important;gap:16px!important;padding:12px 8px!important;display:flex!important}.user-profile-header-card .avatar-wrapper{transition:transform .2s;overflow:hidden;border:2px solid #ffffffe6!important;border-radius:50%!important;width:60px!important;height:60px!important;box-shadow:0 4px 14px #00000026!important}.user-profile-header-card .avatar-img{object-fit:cover;width:100%;height:100%}.user-details{flex-direction:column;align-items:flex-start;display:flex}.user-display-name{font-family:var(--font-title);line-height:1.2;color:#fff!important;font-size:18px!important;font-weight:800!important}.user-role-label{color:#fffc!important;margin-top:2px!important;font-size:13px!important;font-weight:600!important}.user-nik-label{display:none}.clean-dashboard-card{box-shadow:var(--shadow-md);border:1px solid var(--light-border);background:#fff;border-radius:24px;flex-direction:column;gap:14px;padding:20px;display:flex}.card-title-row{justify-content:space-between;align-items:center;display:flex}.card-main-title{font-family:var(--font-title);color:var(--dark-text);text-align:left;margin:0;font-size:14px;font-weight:800}.card-subtitle{color:var(--muted-text);text-align:left;margin-top:2px;font-size:11px;font-weight:600}.today-attendance-card{box-shadow:var(--shadow-md)!important;border:1px solid var(--light-border)!important;background:#fff!important;border-radius:24px!important;flex-direction:column!important;order:2!important;gap:12px!important;padding:16px!important;display:flex!important}.presensi-actions-row{gap:8px!important;width:100%!important;margin-top:4px!important;display:flex!important}.btn-presensi-action{font-family:var(--font-body);letter-spacing:.02em!important;cursor:pointer!important;white-space:nowrap!important;border:none!important;border-radius:12px!important;flex:1!important;justify-content:center!important;align-items:center!important;gap:4px!important;min-width:0!important;height:44px!important;font-size:12px!important;font-weight:800!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important;display:flex!important}.btn-presensi-action:active:not(:disabled){transform:scale(.96)!important}.btn-presensi-action.masuk{color:#fff!important;background:linear-gradient(135deg,#095f42 0%,#059669 100%)!important;box-shadow:0 6px 16px #10b98133!important}.btn-presensi-action.masuk:hover:not(:disabled){background:linear-gradient(135deg,#059669 0%,#047857 100%)!important}.btn-presensi-action.pulang{color:#fff!important;background:linear-gradient(135deg,#f97316 0%,#ea580c 100%)!important;box-shadow:0 6px 16px #f9731633!important}.btn-presensi-action.pulang:hover:not(:disabled){background:linear-gradient(135deg,#ea580c 0%,#c2410c 100%)!important}.btn-presensi-action:disabled{color:#94a3b8!important;box-shadow:none!important;cursor:not-allowed!important;background:#f1f5f9!important}.presensi-time-info-row{border-bottom:1px dashed var(--light-border)!important;justify-content:space-between!important;align-items:flex-start!important;gap:8px!important;padding:8px 0!important;display:flex!important}.time-info-block{flex-direction:column!important;flex:1!important;align-items:flex-start!important;gap:3px!important;min-width:0!important;display:flex!important}.time-info-label{color:#94a3b8!important;text-transform:uppercase!important;letter-spacing:.05em!important;font-size:10px!important;font-weight:700!important}.time-info-value{color:var(--dark-text)!important;font-size:13px!important;font-weight:800!important}.time-info-value.clock-time-in{color:var(--primary)!important}.time-info-block span[style*=font-size]{color:#64748b!important;word-break:break-word!important;margin-top:2px!important;font-size:9px!important;font-weight:700!important;display:block!important}.presensi-stats-row{flex-wrap:wrap!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;padding-top:8px!important;display:flex!important}.stats-item{flex-direction:column!important;flex:1!important;align-items:flex-start!important;gap:2px!important;min-width:120px!important;display:flex!important}.stats-item:first-child{border-right:none!important;padding-right:0!important}.stats-item:last-child{padding-left:0!important}.stats-label{color:#94a3b8!important;text-transform:uppercase!important;letter-spacing:.05em!important;font-size:10px!important;font-weight:700!important}.stats-value{font-family:var(--font-title)!important;color:var(--dark-text)!important;word-break:break-word!important;font-size:12px!important;font-weight:800!important;line-height:1.3!important}.stats-value.status-active-green,.stats-value[style*=color]{color:#095f42!important;text-transform:uppercase!important;letter-spacing:.02em!important;background-color:#ecfdf5!important;border-radius:8px!important;padding:4px 8px!important;font-size:11px!important;display:inline-block!important}.stats-value[style*="color: rgb(245, 158, 11)"],.stats-value[style*="color: rgb(217, 119, 6)"]{color:#d97706!important;background-color:#fffbeb!important}@media (width<=360px){.presensi-time-info-row{flex-direction:column!important;gap:10px!important}.presensi-stats-row{flex-direction:column!important;align-items:flex-start!important;gap:10px!important}.stats-item{min-width:100%!important}}.main-menu-card{border:1px solid var(--light-border)!important;background:#fff!important;border-radius:32px 32px 24px 24px!important;order:3!important;padding:20px 16px!important;box-shadow:0 -10px 30px #00000004,0 10px 20px #00000004!important}.main-menu-grid{grid-template-columns:repeat(3,1fr)!important;gap:8px!important;padding:8px 0!important;display:grid!important}.menu-grid-item{aspect-ratio:.9!important;background:#fff!important;border:1px solid #e2e8f0cc!important;border-radius:16px!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:8px!important;min-width:0!important;padding:12px 6px!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important;display:flex!important;overflow:hidden!important;box-shadow:0 4px 10px #0f172a03!important}.menu-grid-item:hover{border-color:#4f46e533!important;transform:translateY(-2px)!important;box-shadow:0 8px 16px #0f172a0a!important}.menu-grid-item:active{transform:scale(.96)!important}.menu-icon-circle{border:none!important;border-radius:14px!important;justify-content:center!important;align-items:center!important;width:48px!important;height:48px!important;transition:transform .25s!important;display:flex!important}.menu-icon-circle.attendance-history{background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%)!important;box-shadow:0 4px 12px #2563eb33!important}.menu-icon-circle.leave-permission{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)!important;box-shadow:0 4px 12px #d9770633!important}.menu-icon-circle.tasks-menu{background:linear-gradient(135deg,#095f42 0%,#047857 100%)!important;box-shadow:0 4px 12px #10b98133!important}.menu-icon-circle.payslip-menu{background:linear-gradient(135deg,#8b5cf6 0%,#6d28d9 100%)!important;box-shadow:0 4px 12px #6d28d933!important}.menu-icon-circle.client-visit-menu{background:linear-gradient(135deg,#ec4899 0%,#be185d 100%)!important;box-shadow:0 4px 12px #be185d33!important}.menu-icon-circle.overtime-menu{background:linear-gradient(135deg,#f97316 0%,#ea580c 100%)!important;box-shadow:0 4px 12px #ea580c33!important}.menu-icon-circle.poinhistory-menu{background:linear-gradient(135deg,#eab308 0%,#ca8a04 100%)!important;box-shadow:0 4px 12px #ca8a0433!important}.menu-icon-circle.wfh-menu{background:linear-gradient(135deg,#06b6d4 0%,#0891b2 100%)!important;box-shadow:0 4px 12px #0891b233!important}.menu-icon-circle.reimbursement-menu{background:linear-gradient(135deg,#ef4444 0%,#b91c1c 100%)!important;box-shadow:0 4px 12px #b91c1c33!important}.menu-icon-circle.timesheet-menu{background:linear-gradient(135deg,#14b8a6 0%,#0f766e 100%)!important;box-shadow:0 4px 12px #0f766e33!important}.menu-icon-circle.chat-menu{background:linear-gradient(135deg,#6366f1 0%,#4338ca 100%)!important;box-shadow:0 4px 12px #4338ca33!important}.menu-icon-circle.toggle-menu-icon{background:linear-gradient(135deg,#64748b 0%,#475569 100%)!important;box-shadow:0 4px 12px #47556933!important}.menu-grid-item:hover .menu-icon-circle{transform:scale(1.06)!important}.menu-icon-circle svg{width:22px!important;height:22px!important}.menu-icon-circle svg path,.menu-icon-circle svg circle,.menu-icon-circle svg line,.menu-icon-circle svg polyline,.menu-icon-circle svg rect,.menu-icon-circle svg polygon{stroke:#fff!important;stroke-width:2.2px!important;fill:none!important}.menu-item-label{font-family:var(--font-body)!important;color:#475569!important;text-align:center!important;white-space:nowrap!important;text-overflow:ellipsis!important;width:100%!important;margin:0!important;font-size:10.5px!important;font-weight:700!important;overflow:hidden!important}.menu-grid-item:has(.chat-menu){position:relative!important}.menu-grid-item:has(.chat-menu):after{content:"1"!important;color:#fff!important;background:#ef4444!important;border:1.5px solid #fff!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:14px!important;height:14px!important;font-size:8px!important;font-weight:800!important;display:flex!important;position:absolute!important;top:6px!important;right:12px!important;box-shadow:0 2px 4px #ef444433!important}.recent-activity-card{box-shadow:var(--shadow-md)!important;border:1px solid var(--light-border)!important;background:#fff!important;border-radius:24px!important;order:6!important}.activity-list{flex-direction:column;gap:12px;padding-left:8px;display:flex;position:relative}.activity-list:before{content:"";background-color:#e2e8f0cc;width:1.5px;position:absolute;top:10px;bottom:24px;left:23px}.activity-item{z-index:1;justify-content:space-between;align-items:center;padding-bottom:8px;display:flex;position:relative}.activity-item:last-child{padding-bottom:0}.activity-left{align-items:center;gap:10px;display:flex}.activity-icon-circle{width:30px;height:30px;box-shadow:var(--shadow-sm);border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;display:flex}.activity-icon-circle.checkin{color:var(--primary);background-color:#ecfdf5}.activity-icon-circle.checkout{color:var(--warning);background-color:#fffbeb}.activity-icon-circle.leave{color:var(--info);background-color:#f0f9ff}.activity-name{color:var(--dark-text);text-align:left;margin:0;font-size:12.5px;font-weight:700}.activity-time{color:var(--muted-text);font-size:11px;font-weight:600}.profile-details-list{flex-direction:column;gap:12px;display:flex}.profile-detail-row{border-bottom:1px solid var(--light-border);justify-content:space-between;align-items:center;padding-bottom:10px;display:flex}.profile-detail-row:last-child{border-bottom:none}.profile-detail-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:700}.profile-detail-value{color:var(--dark-text);font-size:13px;font-weight:600}.settings-section-list{flex-direction:column;gap:10px;display:flex}.btn-settings-item{border:1px solid var(--light-border);width:100%;height:46px;font-family:var(--font-body);color:var(--body-text);cursor:pointer;background-color:#f8fafc;border-radius:12px;justify-content:space-between;align-items:center;padding:0 16px;font-size:13px;font-weight:700;transition:all .2s;display:flex}.btn-settings-item:hover{background-color:#f1f5f9;border-color:#cbd5e1}.btn-settings-item.danger-settings{color:var(--danger);background-color:#fff5f5;border-color:#fee2e2}.btn-settings-item.danger-settings:hover{background-color:#fee2e2;border-color:#fca5a5}.attendance-map-overlay{-webkit-backdrop-filter:blur(8px);z-index:2000;background-color:#0f172d73;justify-content:center;align-items:flex-end;animation:.3s cubic-bezier(.16,1,.3,1) slideInUp;display:flex;position:fixed;inset:0}.attendance-map-modal{box-sizing:border-box;background-color:#fff;border-radius:28px 28px 0 0;flex-direction:column;width:100%;max-width:480px;display:flex;overflow:hidden;box-shadow:0 -15px 40px #0f172a26}.map-modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.map-modal-title{font-family:var(--font-title);color:var(--dark-text);margin:0;font-size:15px;font-weight:855}.btn-close-map{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.btn-close-map:hover{background-color:#e2e8f0}.map-modal-body{flex-direction:column;gap:14px;padding:20px;display:flex}.map-container-wrapper{border:1px solid var(--light-border);width:100%;height:240px;box-shadow:var(--shadow-sm);border-radius:18px;position:relative;overflow:hidden}#attendance-map{z-index:1;width:100%;height:100%}.map-loading-placeholder{z-index:10;background-color:#f8fafc;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.map-loading-spinner{border:3.5px solid #e2e8f0;border-top-color:var(--primary);border-radius:50%;width:30px;height:30px;animation:.8s linear infinite spin}.map-status-card{text-align:left;border-radius:14px;flex-direction:column;gap:3px;padding:12px 16px;display:flex}.map-status-card.in-radius{color:#047857;background-color:#ecfdf5;border:1px solid #10b98133}.map-status-card.out-radius{color:#be123c;background-color:#fff1f2;border:1px solid #ef444433}.map-status-title{font-size:13px;font-weight:800}.map-status-detail{opacity:.9;font-size:11px}.btn-confirm-map-attendance{width:100%;height:46px;font-family:var(--font-body);cursor:pointer;background:var(--primary);color:#fff;border:none;border-radius:14px;justify-content:center;align-items:center;gap:6px;font-size:13.5px;font-weight:800;transition:all .2s;display:flex;box-shadow:0 4px 12px #10b98133}.btn-confirm-map-attendance:hover:not(:disabled){background-color:#059669}.btn-confirm-map-attendance:disabled{color:#94a3b8;box-shadow:none;cursor:not-allowed;background-color:#e2e8f0}.camera-container-wrapper{border:1px solid var(--light-border);width:100%;height:280px;box-shadow:var(--shadow-sm);background-color:#0f172a;border-radius:20px;position:relative;overflow:hidden}.camera-video-element{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.mock-camera-view{background:radial-gradient(circle,#1e293b 0%,#0f172a 100%);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.avatar-scanner-placeholder{color:#94a3b8;background-color:#ffffff0d;border:2px dashed #94a3b866;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;animation:2.2s ease-in-out infinite pulseScanner;display:flex}.avatar-scanner-icon{width:44px;height:44px}.simulation-tag{color:#f97316;letter-spacing:.05em;text-transform:uppercase;background-color:#f9731626;border:1px solid #f973164d;border-radius:20px;margin-top:14px;padding:3px 10px;font-size:10px;font-weight:800}.face-oval-guide{border:3px solid #fff6;border-radius:50%;flex-direction:column;justify-content:flex-end;align-items:center;width:160px;height:200px;padding-bottom:20px;transition:all .3s;display:flex;position:relative;box-shadow:0 0 0 9999px #0f172aa6}.face-guideline-overlay.idle .face-oval-guide{border-color:#3b82f6;box-shadow:0 0 0 9999px #0f172a99,0 0 20px #3b82f666}.face-guideline-overlay.scanning .face-oval-guide{border-color:var(--warning);box-shadow:0 0 0 9999px #0f172a99,0 0 25px #f59e0b80}.face-guideline-overlay.success .face-oval-guide{border-color:var(--primary);box-shadow:0 0 0 9999px #0f172a73,0 0 30px #10b981d9}.scanning-laser-line{background-color:var(--warning);height:2.5px;box-shadow:0 0 10px var(--warning), 0 0 4px var(--warning);z-index:6;border-radius:50%;animation:2s ease-in-out infinite laserScan;position:absolute;left:5%;right:5%}.scan-overlay-txt{font-family:var(--font-body);color:#fff;text-align:center;white-space:nowrap;letter-spacing:.02em;background-color:#0f172ae6;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:-45px;padding:4px 12px;font-size:10.5px;font-weight:800;transform:translateY(15px);box-shadow:0 4px 10px #0000004d}.scan-overlay-txt.success{background-color:var(--primary);color:#fff;border-color:#fff3}.clean-modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:99999;background-color:#0f172a73;justify-content:center;align-items:center;padding:20px;animation:.25s ease-out chatFadeIn;display:flex;position:fixed;inset:0}.clean-modal-card{width:100%;max-width:400px;box-shadow:var(--shadow-lg);background-color:#fff;border:1px solid #e2e8f0cc;border-radius:24px;flex-direction:column;max-height:80vh;animation:.3s cubic-bezier(.34,1.56,.64,1) chatSlideUp;display:flex;overflow:hidden}.modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-title{font-family:var(--font-title);color:var(--dark-text);margin:0;font-size:15px;font-weight:800}.btn-close-modal{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.btn-close-modal:hover{color:var(--dark-text);background:#e2e8f0}.modal-body-scrollable{flex:1;padding:20px;overflow-y:auto}.history-list-full{flex-direction:column;gap:12px;display:flex}.history-card-item{border:1px solid var(--light-border);background-color:#f8fafc;border-radius:16px;flex-direction:column;gap:10px;padding:14px;transition:transform .2s;display:flex}.history-card-item:hover{transform:translateY(-1px)}.history-date-row{justify-content:space-between;align-items:center;display:flex}.h-date{color:var(--dark-text);text-align:left;font-size:12px;font-weight:800}.h-status-badge{border-radius:12px;padding:2px 8px;font-size:10px;font-weight:700}.h-status-badge.ontime{color:var(--primary);background-color:#10b9811a}.h-status-badge.late{color:var(--warning);background-color:#f59e0b1a}.history-times-row{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.time-block-item{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.time-block-item .lbl{color:#94a3b8;text-transform:uppercase;font-size:9.5px;font-weight:700}.time-block-item .val{color:var(--dark-text);font-size:12px;font-weight:800}.payslip-wrapper{flex-direction:column;display:flex}.payslip-company-header{text-align:center;margin-bottom:18px}.payslip-company-header .company-name{font-family:var(--font-title);color:var(--dark-text);letter-spacing:-.02em;margin:0 0 2px;font-size:17px;font-weight:900}.payslip-company-header .payslip-period{color:var(--muted-text);margin:0;font-size:11.5px;font-weight:600}.payslip-employee-info{border:1px solid var(--light-border);background-color:#f8fafc;border-radius:14px;flex-direction:column;gap:6px;margin-bottom:14px;padding:12px;display:flex}.payslip-employee-info .info-row{justify-content:space-between;align-items:center;font-size:11px;display:flex}.payslip-employee-info .info-row .lbl{color:#94a3b8;text-transform:uppercase;font-weight:700}.payslip-employee-info .info-row .val{color:var(--body-text);font-weight:700}.payslip-divider{border-top:1px dashed var(--light-border);margin:14px 0}.payslip-details-section{flex-direction:column;gap:8px;display:flex}.payslip-details-section .section-title{color:var(--secondary);letter-spacing:.05em;text-transform:uppercase;text-align:left;margin:0 0 4px;font-size:10.5px;font-weight:800}.payslip-details-section .section-title.deduction-title{color:var(--danger)}.payslip-details-section .detail-row{color:var(--body-text);justify-content:space-between;font-size:12.5px;font-weight:700;display:flex}.payslip-details-section .detail-row.deduction{color:var(--danger)}.payslip-total-row{background-color:#f0fdf4;border:1px solid #10b98133;border-radius:12px;justify-content:space-between;align-items:center;margin:8px 0;padding:12px 14px;display:flex}.payslip-total-row .total-label{color:#047857;font-size:12px;font-weight:800}.payslip-total-row .total-val{color:var(--primary);font-size:15px;font-weight:800}.payslip-footer{text-align:center;color:#94a3b8;margin-top:20px;font-size:9px;font-weight:600}@keyframes slideInUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes skeletonShimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.skeleton-presensi-wrapper{flex-direction:column;gap:16px;display:flex}.skeleton-line{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%) 0 0/400px 100%;border-radius:8px;animation:1.4s ease-in-out infinite skeletonShimmer}.skeleton-btn{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%) 0 0/400px 100%;border-radius:14px;flex:1;height:48px;animation:1.4s ease-in-out infinite skeletonShimmer}.pull-to-refresh-indicator{z-index:10;justify-content:center;align-items:center;width:100%;margin-top:4px;margin-bottom:-4px;transition:height .1s,opacity .1s;display:flex;overflow:hidden}.pull-to-refresh-spinner{color:#fff;font-family:var(--font-body);background:linear-gradient(135deg,#095f42 0%,#059669 100%);border:1.5px solid #fff6;border-radius:30px;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:11px;font-weight:800;display:flex;box-shadow:0 4px 12px #10b9814d}.pull-to-refresh-spinner.loading svg{animation:.8s linear infinite ptr-spin}@keyframes ptr-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.subscription-expired-screen{z-index:9999;background-color:#f3f7fa;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.subscription-expired-card{text-align:center;background-color:#fff;border:1px solid #e2e8f0cc;border-radius:28px;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:360px;padding:36px 24px;animation:.4s ease-out expiredFadeIn;display:flex;box-shadow:0 20px 40px #0f172a14}@keyframes expiredFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.expired-icon-wrapper{color:#f43f5e;background-color:#ffe4e6;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;animation:2s infinite expiredIconPulse;display:flex}@keyframes expiredIconPulse{0%{box-shadow:0 0 #f43f5e66}70%{box-shadow:0 0 0 16px #f43f5e00}to{box-shadow:0 0 #f43f5e00}}.expired-icon-wrapper svg{width:40px;height:40px}.expired-title{font-family:var(--font-title);color:#0f172a;margin:0;font-size:22px;font-weight:800}.expired-message{font-family:var(--font-body);color:#475569;margin:0;font-size:14px;line-height:1.6}.expired-message strong{color:#0f172a;font-weight:700}.expired-hint{font-family:var(--font-body);color:#94a3b8;margin:0;font-size:12px;line-height:1.5}.expired-actions{width:100%;margin-top:8px}.btn-expired-logout{color:#fff;width:100%;height:48px;font-family:var(--font-body);cursor:pointer;background:linear-gradient(135deg,#095f42 0%,#059669 100%);border:none;border-radius:14px;font-size:14px;font-weight:800;transition:all .2s;box-shadow:0 6px 20px #10b98140}.btn-expired-logout:active{transform:scale(.97)}.announcements-slider-card{order:4!important}.dashboard-banner-container,.dashboard-banner-wrapper,.dashboard-banner,.dashboard-banner-card{order:5!important}.update-overlay{box-sizing:border-box;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#061c14f5;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0;z-index:9999999!important}.update-container{box-sizing:border-box;text-align:center;background:#fff;border:1px solid #ffffff1a;border-radius:28px;flex-direction:column;align-items:center;width:100%;max-width:350px;padding:36px 24px;display:flex;box-shadow:0 20px 40px #00000040}.update-icon-wrapper{background:#dc262614;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:24px;display:flex;position:relative}.update-svg-icon{color:#dc2626;z-index:2;width:32px;height:32px}.update-pulse-ring{z-index:1;border:2px solid #dc262633;border-radius:50%;width:100%;height:100%;animation:2s ease-out infinite updatePulse;position:absolute;top:0;left:0}.update-title{font-family:var(--font-title);color:#0f172a;letter-spacing:-.3px;margin:0 0 12px;font-size:19px;font-weight:800}.update-divider{background:#095f42;border-radius:2px;width:50px;height:4px;margin-bottom:18px}.update-desc{font-family:var(--font-body);color:#475569;margin:0 0 20px;font-size:13px;font-weight:550;line-height:1.5}.version-info-tag{font-family:var(--font-body);color:#0f172a;text-transform:uppercase;letter-spacing:.05em;background:#f1f5f9;border-radius:20px;margin-bottom:20px;padding:6px 14px;font-size:11px;font-weight:800}.v-tag{color:#095f42;font-weight:900}.update-instruction{text-align:left;font-family:var(--font-body);color:#92400e;background-color:#fffbeb;border:1px solid #fde68a;border-radius:16px;align-items:flex-start;gap:10px;margin-bottom:28px;padding:14px;font-size:11px;line-height:1.45;display:flex}.alert-icon{color:#d97706;flex-shrink:0;width:16px;height:16px;margin-top:1px}.btn-update-now{color:#fff;width:100%;height:52px;font-family:var(--font-title);cursor:pointer;background:#095f42;border:none;border-radius:16px;outline:none;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:800;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 6px 18px #095f424d}.btn-update-now:hover{background:#059669;transform:translateY(-1px);box-shadow:0 8px 24px #05966959}.btn-update-now:active{transform:translateY(1px)scale(.98)}.arrow-icon{width:16px;height:16px;transition:transform .2s}.btn-update-now:hover .arrow-icon{transform:translate(3px)}.animate-fade-in-up{animation:.4s cubic-bezier(.34,1.56,.64,1) fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes updatePulse{0%{opacity:.8;transform:scale(.95)}50%{opacity:.3}to{opacity:0;transform:scale(1.4)}}.non-ios-overlay{z-index:999999;-webkit-backdrop-filter:blur(16px);background:#0f172af0;justify-content:center;align-items:center;padding:20px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;position:fixed;inset:0;overflow-y:auto}.non-ios-card{color:#f8fafc;text-align:center;background:linear-gradient(165deg,#1e293bf2 0%,#0f172afa 100%);border:1px solid #ffffff1f;border-radius:28px;width:100%;max-width:440px;padding:28px 24px;animation:.4s cubic-bezier(.16,1,.3,1) nonIosPopIn;position:relative;box-shadow:0 25px 50px -12px #0009,0 0 40px #3b82f626}@keyframes nonIosPopIn{0%{opacity:0;transform:scale(.92)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.non-ios-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.app-logo-badge{background:#ffffff1a;border:1px solid #ffffff26;border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;padding:6px;display:flex}.app-logo-badge .logo-img{object-fit:contain;width:100%;height:100%}.ios-restricted-badge{color:#fca5a5;letter-spacing:.3px;text-transform:uppercase;background:#ef444426;border:1px solid #ef444459;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:600;display:flex}.badge-icon{color:#ef4444;width:14px;height:14px}.apple-icon-wrapper{justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 20px;display:flex;position:relative}.apple-icon-glow{filter:blur(15px);z-index:1;background:radial-gradient(circle,#3b82f666 0%,#9333ea33 60%,#0000 80%);border-radius:50%;width:100px;height:100px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.apple-icon-container{z-index:2;background:linear-gradient(135deg,#38bdf8 0%,#3b82f6 50%,#6366f1 100%);border:1px solid #ffffff40;border-radius:22px;justify-content:center;align-items:center;width:72px;height:72px;display:flex;position:relative;box-shadow:0 12px 24px -6px #3b82f680}.apple-svg{color:#fff;filter:drop-shadow(0 2px 4px #0003);width:36px;height:36px}.non-ios-title{color:#fff;letter-spacing:-.3px;margin:0 0 10px;font-size:20px;font-weight:700;line-height:1.3}.non-ios-subtitle{color:#94a3b8;margin:0 0 20px;font-size:13px;line-height:1.5}.non-ios-subtitle strong{color:#cbd5e1}.security-info-box{text-align:left;background:#ef444414;border:1px solid #ef444440;border-radius:16px;align-items:flex-start;gap:12px;margin-bottom:20px;padding:14px;display:flex}.security-info-box .info-icon{color:#f87171;flex-shrink:0;margin-top:2px}.security-info-box .info-text{color:#fca5a5;font-size:12px;line-height:1.4}.security-info-box .info-text strong{color:#f87171;margin-bottom:3px;font-size:12px;display:block}.platform-tag{color:#fecaca;background:#ef444433;border-radius:4px;padding:2px 6px;font-family:monospace;font-weight:700}.instructions-list{text-align:left;flex-direction:column;gap:10px;margin-bottom:24px;display:flex}.instruction-item{color:#cbd5e1;background:#ffffff08;border:1px solid #ffffff12;border-radius:14px;align-items:center;gap:12px;padding:10px 14px;font-size:12px;display:flex}.step-num{color:#60a5fa;background:#3b82f633;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:flex}.btn-retry-check{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;padding:13px;font-size:13px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 12px #2563eb59}.btn-retry-check:hover{background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%);transform:translateY(-1px);box-shadow:0 6px 16px #2563eb73}.btn-retry-check:active{transform:translateY(0)}.network-alert-bar{width:100%;font-family:var(--font-title), sans-serif;color:#fff;box-sizing:border-box;z-index:9999;justify-content:center;align-items:center;gap:10px;padding:14px 20px;font-size:13.5px;font-weight:800;transition:all .2s ease-in-out;display:flex;box-shadow:0 4px 8px #0000001f}.network-alert-bar svg{flex-shrink:0;width:18px;height:18px}.offline-bar{background-color:#dc2626;border-bottom:2px solid #00000026}.sync-bar{background-color:#0d9488;border-bottom:2px solid #00000026}.network-alert-bar:active{filter:brightness(.9);transform:scale(.99)}.animate-spin{animation:1s linear infinite spin}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}